/* ---- site.css ---- */
/* site.css: single stylesheet for futuretechnologyhq.com.
   Built by tools/build_css.py from, in load order:
     /static/fonts/fonts.css
     /static/homepage-v2.css
     /static/v2g.css
     /static/homepage-v3.css
     /static/design-system.css
     /static/stage2.css
     /static/stage6-fixes.css
   Excluded on purpose: /static/css/main.34df2255a5.css (forced Arial on tables)
   and /static/techiq.css (page-scoped, still loaded by /techiq/ only).
   homepage-v2.css loads only on the home, news and topic pages today and
   homepage-v3.css only on the home page, so their rules are scoped to those pages
   with :where(body:has(main.home, #filter-tabs)) / :where(body:has(main.home)),
   which adds no specificity.
   Rules that match nothing on the site have been pruned; see site.css.report.txt. */
/* Variables used by v2g.css whose definitions were lost; restored from git history. */
:root{--card:#0d1326;--line:#1e2a4a;--text:#e8ecf6;--muted:#93a0bd;--cyan:#22d3ee;--blue:#3b82f6;--fg:#e8ecf6;--glow:rgba(34,211,238,.08)}
/* ==== source: /static/fonts/fonts.css ==== */
@font-face{font-family: "Outfit"; font-style: normal; font-weight: 300 800; font-display: swap; src: url(/static/fonts/outfit-latin-ext.woff2) format("woff2"); unicode-range: U+100-2BA, U+2BD-2C5, U+2C7-2CC, U+2CE-2D7, U+2DD-2FF, U+304, U+308, U+329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;}
@font-face{font-family: "Outfit"; font-style: normal; font-weight: 300 800; font-display: swap; src: url(/static/fonts/outfit-latin.woff2) format("woff2"); unicode-range: U+0-FF, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}
@font-face{font-family: "Space Grotesk"; font-style: normal; font-weight: 500; font-display: swap; src: url(/static/fonts/space-grotesk-latin-ext.woff2) format("woff2"); unicode-range: U+100-2BA, U+2BD-2C5, U+2C7-2CC, U+2CE-2D7, U+2DD-2FF, U+304, U+308, U+329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;}
@font-face{font-family: "Space Grotesk"; font-style: normal; font-weight: 500; font-display: swap; src: url(/static/fonts/space-grotesk-latin.woff2) format("woff2"); unicode-range: U+0-FF, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}
@font-face{font-family: "Space Grotesk"; font-style: normal; font-weight: 700; font-display: swap; src: url(/static/fonts/space-grotesk-latin-ext.woff2) format("woff2"); unicode-range: U+100-2BA, U+2BD-2C5, U+2C7-2CC, U+2CE-2D7, U+2DD-2FF, U+304, U+308, U+329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;}
@font-face{font-family: "Space Grotesk"; font-style: normal; font-weight: 700; font-display: swap; src: url(/static/fonts/space-grotesk-latin.woff2) format("woff2"); unicode-range: U+0-FF, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}
/* ==== source: /static/homepage-v2.css ==== */
:root:where(:has(main.home, #filter-tabs)){--bg: #070b18; --ink: #f4f6fb; --ink-soft: rgba(255, 255, 255, 0.72); --ink-mute: rgba(255, 255, 255, 0.5); --ink-faint: rgba(255, 255, 255, 0.35); --hairline: rgba(255, 255, 255, 0.06); --accent: #22d3ee; --cat-ai: #a78bfa; --cat-security: #f87171; --cat-computing: #34d399; --cat-science: #fbbf24; --cat-technology: #22d3ee; --radius-lg: 12px; --radius-md: 8px; --font: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;}
html:where(:has(main.home, #filter-tabs)), body:where(:has(main.home, #filter-tabs)), :where(body:has(main.home, #filter-tabs)) *{box-sizing: border-box;}
body:where(:has(main.home, #filter-tabs)){margin: 0; background: var(--bg); color: var(--ink); font-family: var(--font); -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility;}
:where(body:has(main.home, #filter-tabs)) a{color: inherit; text-decoration: none;}
:where(body:has(main.home, #filter-tabs)) img{display: block; max-width: 100%;}
:where(body:has(main.home, #filter-tabs)) .home{max-width: 1100px; margin: 0 auto; padding: 16px 16px 56px;}
:where(body:has(main.home, #filter-tabs)) .chip{display: inline-block; padding: 4px 8px; border-radius: 999px; font-size: 10px; font-weight: 600; letter-spacing: 0.06em; text-transform: uppercase; line-height: 1; white-space: nowrap;}
:where(body:has(main.home, #filter-tabs)) .chip--sm{padding: 3px 7px; font-size: 9px;}
:where(body:has(main.home, #filter-tabs)) .chip--ai{color: var(--cat-ai); background: rgba(167, 139, 250, 0.14);}
:where(body:has(main.home, #filter-tabs)) .chip--security{color: var(--cat-security); background: rgba(248, 113, 113, 0.14);}
:where(body:has(main.home, #filter-tabs)) .chip--computing{color: var(--cat-computing); background: rgba(52, 211, 153, 0.14);}
:where(body:has(main.home, #filter-tabs)) .chip--science{color: var(--cat-science); background: rgba(251, 191, 36, 0.14);}
:where(body:has(main.home, #filter-tabs)) .chip--technology{color: var(--cat-technology); background: rgba(34, 211, 238, 0.14);}
:where(body:has(main.home, #filter-tabs)) .hero{margin: 8px 0 0;}
:where(body:has(main.home, #filter-tabs)) .hero__img--ai{background: linear-gradient(160deg, #171236, #0c1226);}
:where(body:has(main.home, #filter-tabs)) .hero__img--security{background: linear-gradient(160deg, #2b1220, #0c1226);}
:where(body:has(main.home, #filter-tabs)) .hero__img--computing{background: linear-gradient(160deg, #0a2420, #0c1226);}
:where(body:has(main.home, #filter-tabs)) .hero__img--science{background: linear-gradient(160deg, #2a2010, #0c1226);}
:where(body:has(main.home, #filter-tabs)) .hero__img--technology{background: linear-gradient(160deg, #0a2230, #0c1226);}
:where(body:has(main.home, #filter-tabs)) .stories{margin-top: 20px;}
:where(body:has(main.home, #filter-tabs)) .signup{margin-top: 48px; padding: 22px 18px; background: rgba(255, 255, 255, 0.03); border: 1px solid var(--hairline); border-radius: var(--radius-lg);}
:where(body:has(main.home, #filter-tabs)) .latest{margin-top: 44px;}
:where(body:has(main.home, #filter-tabs)) .home .card, :where(body:has(main.home, #filter-tabs)) .related .card{display: flex; align-items: flex-start; gap: 14px; padding: 14px 0; border-bottom: 1px solid var(--hairline);}
:where(body:has(main.home, #filter-tabs)) .latest__list .card:first-child{padding-top: 4px;}
:where(body:has(main.home, #filter-tabs)) .latest__list .card:last-child{border-bottom: none;}
:where(body:has(main.home, #filter-tabs)) .card__thumb{flex: 0 0 128px; width: 128px; height: 72px; border-radius: var(--radius-md); object-fit: cover; background: #0c1226;}
:where(body:has(main.home, #filter-tabs)) .card__thumb--ai{color: var(--cat-ai); background: rgba(167, 139, 250, 0.12);}
:where(body:has(main.home, #filter-tabs)) .card__thumb--security{color: var(--cat-security); background: rgba(248, 113, 113, 0.12);}
:where(body:has(main.home, #filter-tabs)) .card__thumb--computing{color: var(--cat-computing); background: rgba(52, 211, 153, 0.12);}
:where(body:has(main.home, #filter-tabs)) .card__thumb--science{color: var(--cat-science); background: rgba(251, 191, 36, 0.12);}
:where(body:has(main.home, #filter-tabs)) .card__thumb--technology{color: var(--cat-technology); background: rgba(34, 211, 238, 0.12);}
:where(body:has(main.home, #filter-tabs)) .card__body{min-width: 0;}
:where(body:has(main.home, #filter-tabs)) .card__title{margin: 6px 0 0; font-size: 15px; line-height: 1.35; font-weight: 600; color: var(--ink); display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;}
:where(body:has(main.home, #filter-tabs)) .home .card:active .card__title, :where(body:has(main.home, #filter-tabs)) .related .card:active .card__title{color: var(--accent);}
:where(body:has(main.home, #filter-tabs)) .card__meta{margin: 5px 0 0; font-size: 11px; color: var(--ink-faint);}
:where(body:has(main.home, #filter-tabs)) .site-footer{margin-top: 40px; padding: 24px 16px 32px; border-top: 1px solid var(--hairline); font-size: 12px; line-height: 1.6; color: var(--ink-faint); text-align: center;}
:where(body:has(main.home, #filter-tabs)) .site-footer p{margin: 0 0 6px;}
:where(body:has(main.home, #filter-tabs)) .site-footer a{color: var(--ink-mute);}
@media (min-width: 900px){
  :where(body:has(main.home, #filter-tabs)) .card__thumb{flex: 0 0 160px; width: 160px; height: 90px;}
  :where(body:has(main.home, #filter-tabs)) .card__title{font-size: 16px;}
}
@media (min-width: 680px){
  :where(body:has(main.home, #filter-tabs)) .home{padding-top: 24px;}
}
@media (prefers-reduced-motion: reduce){
  html:where(:has(main.home, #filter-tabs)), body:where(:has(main.home, #filter-tabs)), :where(body:has(main.home, #filter-tabs)) *{transition: none !important;}
}
@media (min-width: 1100px){
  :where(body:has(main.home, #filter-tabs)) .home{max-width: 1060px; padding: 24px 0 64px;}
  :where(body:has(main.home, #filter-tabs)) main.home, :where(body:has(main.home, #filter-tabs)) main.home > .home{max-width: none; padding-left: 0; padding-right: 0;}
  :where(body:has(main.home, #filter-tabs)) main.home > .home{display: grid; grid-template-columns: minmax(0, 2.1fr) minmax(0, 1fr); column-gap: 56px; align-items: start; padding-top: 0;}
  :where(body:has(main.home, #filter-tabs)) main.home > .home > .stories{grid-column: 1; grid-row: 1;}
  :where(body:has(main.home, #filter-tabs)) main.home > .home > .signup{grid-column: 1; grid-row: 2;}
  :where(body:has(main.home, #filter-tabs)) main.home > .home > .latest{grid-column: 1 / -1; grid-row: 3;}
  :where(body:has(main.home, #filter-tabs)) .stories{margin-top: 0;}
  :where(body:has(main.home, #filter-tabs)) main.home > .home > .signup{padding: 30px 24px; text-align: center;}
  :where(body:has(main.home, #filter-tabs)) main.home > .home > .signup .signup__sub{max-width: 46em; margin-left: auto; margin-right: auto;}
  :where(body:has(main.home, #filter-tabs)) main.home > .home > .signup .signup__form{max-width: 520px; margin: 0 auto;}
  :where(body:has(main.home, #filter-tabs)) .latest__list .card:first-child{padding-top: 14px;}
  :where(body:has(main.home, #filter-tabs)) .latest__list .card:last-child{border-bottom: 1px solid var(--hairline);}
  :where(body:has(main.home, #filter-tabs)) .card__thumb{flex: 0 0 168px; width: 168px; height: 94px;}
  :where(body:has(main.home, #filter-tabs)) .card__title{font-size: 16px;}
}
:where(body:has(main.home, #filter-tabs)) .toggle-btn[aria-pressed="true"]{background: rgba(34,211,238,0.15); opacity: 1;}
:where(body:has(main.home, #filter-tabs)) .toggle-btn[aria-pressed="true"] svg{color: #22d3ee;}
:where(body:has(main.home, #filter-tabs)) .latest--grid .card{flex-direction: column;}
:where(body:has(main.home, #filter-tabs)) .latest .card__title{display: block; -webkit-line-clamp: unset; -webkit-box-orient: unset; overflow: visible;}
:where(body:has(main.home, #filter-tabs)) .home .card, :where(body:has(main.home, #filter-tabs)) .related .card{background: none !important; border: none !important; border-bottom: 1px solid var(--hairline) !important; border-radius: 0 !important; box-shadow: none !important; position: static !important; overflow: visible !important;}
:where(body:has(main.home, #filter-tabs)) .home .card::before, :where(body:has(main.home, #filter-tabs)) .home .card::after, :where(body:has(main.home, #filter-tabs)) .related .card::before, :where(body:has(main.home, #filter-tabs)) .related .card::after{display: none !important;}
:where(body:has(main.home, #filter-tabs)) .home .card:hover, :where(body:has(main.home, #filter-tabs)) .related .card:hover{transform: none !important; box-shadow: none !important; background: none !important; border: none !important; border-bottom: 1px solid var(--hairline) !important;}
:where(body:has(main.home, #filter-tabs)) .latest--grid .card{background: rgba(255,255,255,.03) !important; border: 1px solid var(--hairline) !important; border-radius: var(--radius-md, 8px) !important; overflow: hidden !important; position: relative !important; border-bottom: 1px solid var(--hairline) !important;}
:where(body:has(main.home, #filter-tabs)) .latest--grid .card:hover{border-color: rgba(34,211,238,.2) !important; transform: translateY(-3px) !important; box-shadow: 0 8px 24px rgba(0,0,0,.25) !important; background: rgba(255,255,255,.05) !important;}
:where(body:has(main.home, #filter-tabs)) .home .latest{margin-top: 24px;}
:where(body:has(main.home, #filter-tabs)) .home .signup{margin-top: 24px; padding: 18px 16px;}
:where(body:has(main.home, #filter-tabs)) .home .stories{margin-top: 10px;}
:where(body:has(main.home, #filter-tabs)) .home .hero{margin-bottom: 0; margin-top: 0;}
:where(body:has(main.home, #filter-tabs)) .stories__thumb--ai{color: #a78bfa; background: rgba(167,139,250,.12);}
:where(body:has(main.home, #filter-tabs)) .stories__thumb--security, :where(body:has(main.home, #filter-tabs)) .stories__thumb--cybersecurity{color: #f87171; background: rgba(248,113,113,.12);}
:where(body:has(main.home, #filter-tabs)) .stories__thumb--computing, :where(body:has(main.home, #filter-tabs)) .stories__thumb--hardware{color: #34d399; background: rgba(52,211,153,.12);}
:where(body:has(main.home, #filter-tabs)) .stories__thumb--science, :where(body:has(main.home, #filter-tabs)) .stories__thumb--space{color: #fbbf24; background: rgba(251,191,36,.12);}
:where(body:has(main.home, #filter-tabs)) .stories__thumb--technology, :where(body:has(main.home, #filter-tabs)) .stories__thumb--news{color: #22d3ee; background: rgba(34,211,238,.12);}
:where(body:has(main.home, #filter-tabs)) .stories__thumb--gadgets{color: #f472b6; background: rgba(244,114,182,.12);}
:where(body:has(main.home, #filter-tabs)) .stories__thumb--reviews{color: #fb923c; background: rgba(251,146,60,.12);}
:where(body:has(main.home, #filter-tabs)) .stories__thumb--evs, :where(body:has(main.home, #filter-tabs)) .stories__thumb--self-driving{color: #2dd4bf; background: rgba(45,212,191,.12);}
:where(body:has(main.home, #filter-tabs)) .stories__thumb--tools, :where(body:has(main.home, #filter-tabs)) .stories__thumb--software{color: #818cf8; background: rgba(129,140,248,.12);}
:where(body:has(main.home, #filter-tabs)) .home .card__thumb, :where(body:has(main.home, #filter-tabs)) .related .card__thumb{flex: 0 0 120px; width: 120px; height: 68px; border-radius: 8px; object-fit: cover; background: #0c1226; aspect-ratio: 16 / 9;}
:where(body:has(main.home, #filter-tabs)) .signup{text-align: left;}
@media (max-width: 400px){
  :where(body:has(main.home, #filter-tabs)) .home .card__thumb, :where(body:has(main.home, #filter-tabs)) .related .card__thumb{flex: 0 0 88px; width: 88px; height: 50px;}
}
@media (min-width: 768px) and (max-width: 1099px){
  :where(body:has(main.home, #filter-tabs)) .home .card__thumb, :where(body:has(main.home, #filter-tabs)) .related .card__thumb{flex: 0 0 140px; width: 140px; height: 79px;}
}
@media (min-width: 1100px){
  :where(body:has(main.home, #filter-tabs)) .home .card__thumb, :where(body:has(main.home, #filter-tabs)) .related .card__thumb{flex: 0 0 152px; width: 152px; height: 86px;}
  :where(body:has(main.home, #filter-tabs)) .home .stories{margin-top: 12px;}
}
@media (max-width: 680px){
  :where(body:has(main.home, #filter-tabs)) .home{padding-bottom: 32px;}
  :where(body:has(main.home, #filter-tabs)) .home .hero{margin-bottom: 0;}
  :where(body:has(main.home, #filter-tabs)) .home .signup{padding: 16px 14px; margin-top: 18px;}
  :where(body:has(main.home, #filter-tabs)) .home .latest{margin-top: 18px;}
}
@media (min-width: 1100px){
  :where(body:has(main.home, #filter-tabs)) main.home > .home{grid-template-rows: min-content minmax(0, 1fr) auto;}
  :where(body:has(main.home, #filter-tabs)) main.home > .home > .signup{align-self: start;}
}
/* ==== source: /static/v2g.css ==== */
:root{--bg: #070b18; --ink: #f4f6fb; --ink-soft: rgba(255, 255, 255, 0.72); --ink-mute: rgba(255, 255, 255, 0.5); --ink-faint: rgba(255, 255, 255, 0.35); --hairline: rgba(255, 255, 255, 0.06); --accent: #22d3ee; --cat-ai: #a78bfa; --cat-security: #f87171; --cat-computing: #34d399; --cat-science: #fbbf24; --cat-technology: #22d3ee; --radius-lg: 12px; --radius-md: 8px; --font: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;}
body{background: radial-gradient(ellipse 1400px 700px at 50% -280px,rgba(34,211,238,.045) 0%,transparent 55%), radial-gradient(ellipse 600px 400px at 85% -60px,rgba(59,130,246,.035) 0%,transparent 55%), repeating-linear-gradient(0deg,rgba(34,211,238,.012) 0 1px,transparent 1px 72px), repeating-linear-gradient(90deg,rgba(34,211,238,.012) 0 1px,transparent 1px 72px), var(--bg)}
header.site{position:sticky;top:0;z-index:100; backdrop-filter:blur(24px) saturate(1.5); -webkit-backdrop-filter:blur(24px) saturate(1.5); background:rgba(7,11,24,.82); border-bottom:1px solid rgba(30,42,74,.5); transition:background .3s,box-shadow .3s}
.brand img{box-shadow:0 0 0 2px rgba(34,211,238,.3),0 0 12px rgba(34,211,238,.1)}
.cta{box-shadow:0 2px 12px rgba(34,211,238,.2);letter-spacing:.02em}
.cta:hover{box-shadow:0 4px 24px rgba(34,211,238,.35)}
.hero{background:linear-gradient(150deg,#111d40 0%,#0d1630 45%,var(--card) 100%); border:1px solid rgba(34,211,238,.1); border-radius:22px; padding:40px 44px 36px; margin:6px 0 28px}
.hero::before{width:320px;height:320px;background:radial-gradient(circle,rgba(34,211,238,.07) 0%,transparent 60%)}
.hero::after{height:2px;background:linear-gradient(90deg,var(--cyan),var(--blue),var(--cyan));border-radius:0 0 22px 22px}
.hero h2{font-size:38px;line-height:1.08;letter-spacing:-.028em;font-weight:800}
.hero p{font-size:16.5px;line-height:1.65;max-width:42em}
.hero .kicker{font-size:11px;letter-spacing:.2em; padding:4px 11px; background:rgba(34,211,238,.08);border:1px solid rgba(34,211,238,.15); border-radius:5px;display:inline-block}
.hero .meta{font-size:13.5px;margin-top:16px}
.section-head{margin:36px 0 14px; padding-bottom:12px; border-bottom:1px solid rgba(30,42,74,.35); align-items:center}
.section-head .kicker{font-size:13px;letter-spacing:.2em}
.section-head a{font-weight:600;transition:color .15s}
.section-head a:hover{color:var(--cyan);text-decoration:none}
.cards{gap:18px;margin:14px 0 6px}
.card{background:linear-gradient(168deg,rgba(15,21,42,.95) 0%,rgba(10,15,30,1) 100%); border:1px solid rgba(30,42,74,.45); border-radius:16px; padding:22px; position:relative;overflow:hidden; transition:border-color .25s,transform .2s ease,box-shadow .25s}
.card::before{content:"";position:absolute;top:0;left:20%;right:20%;height:1px; background:linear-gradient(90deg,transparent,rgba(34,211,238,.18),transparent); transition:left .3s,right .3s,opacity .3s}
.card::after{content:"";position:absolute;bottom:0;left:0;right:0;height:2px; background:linear-gradient(90deg,transparent,var(--cyan),var(--blue),transparent); opacity:0;transition:opacity .3s}
.card:hover{border-color:rgba(34,211,238,.2); transform:translateY(-4px); box-shadow:0 14px 44px rgba(0,0,0,.4),0 0 0 1px rgba(34,211,238,.06),0 0 28px rgba(34,211,238,.04)}
.card:hover::before{left:8%;right:8%}
.card:hover::after{opacity:1}
.card.featured{grid-column:span 2; border-color:rgba(34,211,238,.15); background:linear-gradient(155deg,rgba(17,29,64,.95) 0%,rgba(10,15,30,1) 100%)}
.card.featured::before{left:10%;right:10%; background:linear-gradient(90deg,transparent,rgba(34,211,238,.25),transparent)}
.card.featured h3{font-size:24px; line-height:1.18; letter-spacing:-.02em}
.card.featured p{font-size:15px; line-height:1.62}
.card.featured .kicker{font-size:11px;letter-spacing:.2em; padding:3px 9px; background:rgba(34,211,238,.1); border:1px solid rgba(34,211,238,.12)}
.card.featured .meta{font-size:13px}
.card.featured .card-img img{aspect-ratio:1200/500;object-fit:cover}
@media (max-width:900px){
  .card.featured{grid-column:span 2}
  .card.featured h3{font-size:22px}
}
@media (max-width:580px){
  .card.featured{grid-column:span 1}
  .card.featured h3{font-size:20px}
  .card.featured p{font-size:14px}
}
.card h3{font-size:18px;font-weight:700;line-height:1.28;letter-spacing:-.01em;margin:8px 0 8px}
.card p{font-size:14px;line-height:1.58;color:var(--muted)}
.card .kicker{font-size:10.5px;letter-spacing:.18em; padding:2px 7px;background:rgba(34,211,238,.06); border-radius:3px;display:inline-block}
.card .meta{font-size:12px;margin:12px 0 0;padding-top:10px;border-top:1px solid rgba(30,42,74,.3)}
.card-img{border-radius:16px 16px 0 0!important; margin:-22px -22px 14px!important; position:relative;overflow:hidden}
.card-img::after{content:"";position:absolute;bottom:0;left:0;right:0;height:50px; background:linear-gradient(to top,rgba(10,15,30,.65) 0%,transparent 100%); pointer-events:none}
.card-img img{transition:transform .4s ease}
.card:hover .card-img img{transform:scale(1.03)}
article{background:linear-gradient(168deg,rgba(15,21,42,.9) 0%,rgba(10,15,30,1) 100%); border:1px solid rgba(30,42,74,.4); border-radius:22px; position:relative; box-shadow:0 8px 32px rgba(0,0,0,.18)}
article::after{content:"";position:absolute;top:0;left:15%;right:15%;height:1px; background:linear-gradient(90deg,transparent,rgba(34,211,238,.15),transparent)}
article h1{font-weight:800;letter-spacing:-.025em}
.nl-box{background:linear-gradient(155deg,#111d40 0%,#0d1428 50%,var(--card) 100%); border:1px solid rgba(34,211,238,.1); border-radius:22px; padding:40px 34px; position:relative;overflow:hidden}
.nl-box::before{content:"";position:absolute;top:-100px;right:-80px;width:280px;height:280px; background:radial-gradient(circle,rgba(34,211,238,.06) 0%,transparent 60%); pointer-events:none}
.nl-box::after{content:"";position:absolute;bottom:0;left:0;right:0;height:2px; background:linear-gradient(90deg,transparent,var(--cyan),var(--blue),transparent)}
.nl-box h2{font-weight:800;letter-spacing:-.02em}
.nl-form input[type=email]{background:rgba(7,11,24,.8);border:1px solid rgba(30,42,74,.6); border-radius:10px;padding:12px 16px;font-size:15px; backdrop-filter:blur(8px)}
.nl-form input[type=email]:focus{border-color:var(--cyan); box-shadow:0 0 0 3px rgba(34,211,238,.15),0 0 20px rgba(34,211,238,.08)}
.nl-form button{border-radius:10px;letter-spacing:.02em}
.inline-cta{background:linear-gradient(155deg,#111d40 0%,var(--card) 60%); border:1px solid rgba(34,211,238,.12); border-left:3px solid var(--cyan); border-radius:14px; position:relative;overflow:hidden}
.takeaways{background:linear-gradient(155deg,rgba(34,211,238,.04) 0%,rgba(10,15,31,.9) 40%); border:1px solid rgba(34,211,238,.15);border-radius:14px}
footer.site{border-top:none;margin-top:52px;padding:36px 0 48px; position:relative; background:linear-gradient(to bottom,transparent 0%,rgba(7,11,24,.5) 100%)}
footer.site::before{content:"";position:absolute;top:0;left:5%;right:5%;height:1px; background:linear-gradient(90deg,transparent,var(--line),rgba(34,211,238,.3),var(--line),transparent)}
.footer-brand{font-size:16px!important;letter-spacing:.01em}
.footer-links a{font-size:13px}
.footer-links a:hover{color:var(--cyan)!important}
.footer-social a{transition:color .15s,transform .15s}
.footer-social a:hover{transform:translateY(-2px)}
.share a{border-radius:10px;transition:color .15s,border-color .15s,background .15s,transform .15s}
.share a:hover{transform:translateY(-1px);box-shadow:0 4px 12px rgba(0,0,0,.2)}
.page-btn.active{box-shadow:0 2px 12px rgba(34,211,238,.25)}
::-webkit-scrollbar{width:8px}
::-webkit-scrollbar-track{background:var(--bg)}
::-webkit-scrollbar-thumb{background:var(--line);border-radius:4px}
::-webkit-scrollbar-thumb:hover{background:rgba(34,211,238,.3)}
@media (max-width:1024px){
  .hero{padding:36px 36px 32px;border-radius:20px}
  .hero h2{font-size:34px}
}
@media (max-width:768px){
  .hero{padding:30px 26px 26px;border-radius:18px}
  .hero h2{font-size:28px}
  .hero .kicker{font-size:10.5px;padding:3px 9px}
  .nl-box{padding:32px 22px;border-radius:18px}
  .section-head{margin:30px 0 12px}
  .card{padding:20px}
  .card-img{margin:-20px -20px 12px!important;border-radius:14px 14px 0 0!important}
  .card .meta{padding-top:8px}
  article::after{left:10%;right:10%}
}
@media (max-width:680px){
  .hero{padding:26px 20px 22px}
  .hero h2{font-size:25px}
  .cards{gap:14px}
  .card{padding:18px;border-radius:14px}
  .card-img{margin:-18px -18px 12px!important;border-radius:14px 14px 0 0!important}
  .nl-box{padding:28px 18px;border-radius:16px}
  footer.site{margin-top:40px}
}
@media (max-width:480px){
  .hero{padding:22px 16px 20px;border-radius:14px}
  .hero h2{font-size:23px}
  .hero p{font-size:14px}
  .card{padding:16px}
  .card-img{margin:-16px -16px 10px!important;border-radius:12px 12px 0 0!important}
  .card h3{font-size:16.5px}
  .nl-box{padding:24px 16px;border-radius:14px}
}
@media (max-width:380px){
  .hero{padding:20px 14px}
  .hero h2{font-size:21px}
  .card{padding:14px}
  .card-img{margin:-14px -14px 10px!important}
}
@media (max-width:680px){
  .nav-search{display:none!important}
}
.hero:has(.hero-img) .kicker{grid-column:2;grid-row:1; background:var(--cyan)!important;color:#051018!important; border:none!important;font-weight:700; padding:5px 14px!important;margin:28px 32px 0!important; justify-self:start;align-self:start; border-radius:6px}
.hero:has(.hero-img) .meta{grid-column:2;grid-row:4; margin:auto 32px 24px!important;padding:0!important; align-self:end; border-top:1px solid rgba(30,42,74,.3); padding-top:12px!important}
.hero:not(:has(.hero-img)) .kicker{background:var(--cyan)!important;color:#051018!important; border:none!important;font-weight:700;border-radius:6px}
@media (max-width:900px){
  .hero:has(.hero-img) .kicker{grid-column:1;grid-row:2;margin:20px 24px 0!important}
  .hero:has(.hero-img) .meta{grid-column:1;grid-row:5;margin:12px 24px 20px!important}
}
@media (max-width:480px){
  .hero:has(.hero-img) .kicker{margin:16px 18px 0!important}
  .hero:has(.hero-img) .meta{margin:10px 18px 16px!important}
}
.card.cat-ai{border-left:3px solid #a78bfa}
.card.cat-security{border-left:3px solid #f87171}
.card.cat-cybersecurity{border-left:3px solid #f87171}
.card.cat-computing{border-left:3px solid #34d399}
.card.cat-hardware{border-left:3px solid #34d399}
.card.cat-science{border-left:3px solid #fbbf24}
.card.cat-space{border-left:3px solid #fbbf24}
.card.cat-technology{border-left:3px solid #22d3ee}
.card.cat-news{border-left:3px solid #64748b}
.card.cat-gadgets{border-left:3px solid #f472b6}
.card.cat-evs{border-left:3px solid #2dd4bf}
.card.cat-self-driving{border-left:3px solid #2dd4bf}
.card.cat-reviews{border-left:3px solid #fb923c}
.card.cat-tools{border-left:3px solid #818cf8}
.card.cat-software{border-left:3px solid #818cf8}
.card.cat-policy{border-left:3px solid #94a3b8}
.card.cat-robotics{border-left:3px solid #a78bfa}
.card.cat-free-report{border-left:3px solid #22d3ee}
.card.featured[class*="cat-"]{border-left:none!important}
.ftc-banner{background:rgba(7,11,24,.88)!important; backdrop-filter:blur(20px) saturate(1.4)!important; -webkit-backdrop-filter:blur(20px) saturate(1.4)!important; border-top:1px solid rgba(34,211,238,.15)!important; box-shadow:0 -2px 20px rgba(0,0,0,.35)!important; padding:12px 20px!important; gap:12px!important; font-family:Inter,-apple-system,sans-serif!important}
.ftc-banner-text{font-size:13px!important;line-height:1.45!important;color:var(--muted)!important}
.ftc-banner-text a{color:var(--cyan)!important}
.ftc-btn-accept{background:linear-gradient(135deg,var(--cyan),var(--blue))!important; color:#051018!important;padding:8px 18px!important; border-radius:8px!important;font-size:13px!important;font-weight:600!important; border:none!important}
.ftc-btn-accept:hover{box-shadow:0 4px 16px rgba(34,211,238,.3)!important}
.ftc-btn-reject{background:transparent!important; border:1px solid var(--line)!important;color:var(--muted)!important; padding:8px 18px!important;border-radius:8px!important;font-size:13px!important}
.ftc-btn-reject:hover{background:rgba(34,211,238,.06)!important;border-color:rgba(34,211,238,.2)!important}
.ftc-btn-manage{color:var(--cyan)!important;font-size:13px!important;background:transparent!important;border:none!important}
.ftc-settings-btn{background:rgba(7,11,24,.88)!important;border-color:var(--line)!important; backdrop-filter:blur(12px)!important;-webkit-backdrop-filter:blur(12px)!important; font-family:Inter,-apple-system,sans-serif!important;font-size:11px!important; padding:6px 12px!important;border-radius:16px!important;color:var(--muted)!important}
.ftc-settings-btn:hover{border-color:var(--cyan)!important;color:var(--cyan)!important}
.ftc-modal{background:rgba(13,19,38,.98)!important;border-color:var(--line)!important}
.ftc-modal-header{border-color:var(--line)!important}
.ftc-modal-title{font-family:"Space Grotesk",sans-serif!important;color:var(--fg)!important}
.ftc-category{border-color:var(--line)!important}
.ftc-toggle input:checked+.ftc-toggle-track{background:var(--cyan)!important}
.ftc-category-badge{color:var(--cyan)!important;background:rgba(34,211,238,.1)!important}
.ftc-modal-footer{border-color:var(--line)!important}
#ft-exit-overlay{align-items:flex-end!important; background:rgba(7,11,24,.65)!important; backdrop-filter:blur(6px)!important; -webkit-backdrop-filter:blur(6px)!important}
#ft-exit-overlay>div{border-radius:20px 20px 0 0!important; max-width:560px!important;width:100%!important; animation:ftNlUp .4s ease-out!important; background:rgba(13,19,38,.98)!important; border:1px solid var(--line)!important; border-bottom:none!important}
@keyframes ftNlUp{from{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}
#ft-sticky-bar{backdrop-filter:blur(16px)!important; -webkit-backdrop-filter:blur(16px)!important; background:rgba(7,11,24,.82)!important; border-top:1px solid rgba(34,211,238,.1)!important; padding:10px 0!important}
.card{transition:border-color .25s,transform .15s ease,box-shadow .25s!important}
.card:active{transform:scale(.985)!important;transition:transform .08s ease!important}
@media (max-width:680px){
  .section-head{margin:20px 0 8px!important}
  main{padding-top:16px!important}
  .hero{margin-bottom:18px!important}
}
@media (max-height:600px) and (max-width:680px){
  .hero{padding:20px 18px 18px!important;margin-bottom:14px!important}
  .hero h2{font-size:22px!important}
  .hero p{font-size:13.5px!important;-webkit-line-clamp:2;display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden}
  .section-head{margin:16px 0 6px!important}
}
.chip{font-family:"Space Grotesk",sans-serif; font-size:10px;text-transform:uppercase;letter-spacing:.14em; color:var(--cyan);font-weight:700; background:rgba(34,211,238,.06); border-radius:3px;padding:2px 7px; display:inline-block;align-self:flex-start; white-space:nowrap}
.chip.cat-ai{color:#a78bfa;background:rgba(167,139,250,.08)}
.chip.cat-security,.chip.cat-cybersecurity{color:#f87171;background:rgba(248,113,113,.08)}
.chip.cat-computing,.chip.cat-hardware{color:#34d399;background:rgba(52,211,153,.08)}
.chip.cat-space,.chip.cat-science{color:#fbbf24;background:rgba(251,191,36,.08)}
.chip.cat-gadgets{color:#f472b6;background:rgba(244,114,182,.08)}
.chip.cat-evs,.chip.cat-self-driving{color:#2dd4bf;background:rgba(45,212,191,.08)}
.chip.cat-reviews{color:#fb923c;background:rgba(251,146,60,.08)}
.chip.cat-tools,.chip.cat-software{color:#818cf8;background:rgba(129,140,248,.08)}
.chip.cat-policy{color:#94a3b8;background:rgba(148,163,184,.08)}
.chip.cat-robotics{color:#a78bfa;background:rgba(167,139,250,.08)}
.chip.cat-technology,.chip.cat-news{color:#22d3ee;background:rgba(34,211,238,.06)}
.chip.cat-free-report{color:#22d3ee;background:rgba(34,211,238,.08)}
.topic-rail-head .kicker{font-size:13px;letter-spacing:.2em}
.rail-card.cat-ai{border-left:3px solid #a78bfa}
.rail-card.cat-security,.rail-card.cat-cybersecurity{border-left:3px solid #f87171}
.rail-card.cat-computing,.rail-card.cat-hardware{border-left:3px solid #34d399}
.rail-card.cat-space,.rail-card.cat-science{border-left:3px solid #fbbf24}
.rail-card.cat-gadgets{border-left:3px solid #f472b6}
.rail-card.cat-evs,.rail-card.cat-self-driving{border-left:3px solid #2dd4bf}
.rail-card.cat-reviews{border-left:3px solid #fb923c}
.rail-card.cat-tools,.rail-card.cat-software{border-left:3px solid #818cf8}
.rail-card.cat-policy{border-left:3px solid #94a3b8}
.rail-card.cat-technology,.rail-card.cat-news{border-left:3px solid #22d3ee}
@media (max-width:480px){
  .chip{font-size:9.5px;padding:2px 6px}
}
html{overflow-x:hidden}
body{overflow-x:hidden}
body{padding-left:env(safe-area-inset-left); padding-right:env(safe-area-inset-right)}
header.site{padding-left:env(safe-area-inset-left); padding-right:env(safe-area-inset-right)}
footer.site{padding-bottom:calc(env(safe-area-inset-bottom) + 12px)}
@media (max-width:680px){
  header.site{padding:10px 0!important}
  .brand img{height:32px!important;width:32px!important}
  .brand b{font-size:15px!important}
  .brand{gap:8px!important}
  .cta{font-size:11.5px!important; padding:8px 12px!important; margin-left:8px!important; white-space:nowrap!important; border-radius:8px!important}
  .menu-toggle{padding:6px 8px!important; margin-left:6px!important}
}
@media (max-width:680px){
  .hero{margin-top:4px!important; margin-bottom:14px!important}
  .hero h2{margin-bottom:4px!important}
  .hero p{margin-top:4px!important;margin-bottom:4px!important}
  .hero .meta{margin-top:8px!important}
}
@media (max-width:480px){
  .hero{margin-bottom:10px!important}
  .hero .meta{margin-top:6px!important}
}
@media (max-width:680px){
  .breadcrumb-nav{margin-bottom:8px!important;font-size:12px!important}
  article .kicker{margin-bottom:2px!important;display:inline-block}
  article h1{font-size:23px!important; margin-top:4px!important; margin-bottom:4px!important}
  article .meta{margin:2px 0 10px!important}
  article .takeaways{margin-top:12px!important}
}
@media (max-width:480px){
  article h1{font-size:21px!important}
}
article{overflow-x:hidden; word-wrap:break-word; overflow-wrap:break-word}
article p,article h2,article h3,article ul,article ol,article blockquote, article .sources,article .share,article .takeaways,article .inline-cta{max-width:100%; overflow-wrap:break-word; word-break:break-word}
article img{max-width:100%;height:auto}
article pre,article code{max-width:100%; overflow-x:auto; word-break:break-all}
@media (max-width:680px){
  article{padding:22px 20px!important}
  article p{font-size:15.5px!important;line-height:1.7!important}
  article h2{font-size:19px!important;margin-top:22px!important;margin-bottom:8px!important}
}
@media (max-width:480px){
  article{padding:20px 16px!important}
  article p{font-size:15px!important}
  article h2{font-size:18px!important}
}
@media (max-width:380px){
  article{padding:18px 14px!important}
}
@media (max-width:680px){
  .wrap{padding:0 16px!important; padding-left:max(16px,env(safe-area-inset-left))!important; padding-right:max(16px,env(safe-area-inset-right))!important}
}
@media (display-mode:standalone), @media(display-mode:fullscreen){
  body{padding-top:env(safe-area-inset-top)}
  header.site{padding-top:env(safe-area-inset-top)!important}
}
.content{padding:0 20px;max-width:900px;margin:0 auto;overflow-x:hidden;word-wrap:break-word;overflow-wrap:break-word}
.content p,.content h2,.content h3,.content ul,.content ol,.content blockquote,.content .tk{max-width:100%;overflow-wrap:break-word;word-break:break-word}
.content img{max-width:100%;height:auto}
.content pre,.content code{max-width:100%;overflow-x:auto;word-break:break-all}
@media (max-width:680px){
  .content{padding:0 20px}
  .content p{font-size:15.5px!important;line-height:1.7!important}
  .content h2{font-size:19px!important;margin-top:22px!important;margin-bottom:8px!important}
}
@media (max-width:480px){
  .content{padding:0 16px}
  .content p{font-size:15px!important}
  .content h2{font-size:18px!important}
}
@media (max-width:380px){
  .content{padding:0 14px}
}
@media (max-width:680px){
  header.site nav{display:flex;flex-wrap:wrap;align-items:center;gap:6px}
  header.site nav a:not(.cta){font-size:13px!important;padding:4px 6px!important}
  header.site nav .cta{font-size:11.5px!important;padding:7px 10px!important;white-space:nowrap}
  header.site nav input[type="search"]{display:none!important}
}
@media (max-width:480px){
  header.site nav a:not(.cta){font-size:12px!important}
}
.card p{display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; margin:4px 0 0}
.card .meta{margin:8px 0 0;padding-top:8px}
@media (max-width:680px){
  .cards{gap:10px!important}
  .card:has(.card-img){display:grid!important; grid-template-columns:88px 1fr; grid-template-rows:auto auto auto; gap:0 12px; padding:10px!important; align-items:center}
  .card:has(.card-img) .card-img{grid-column:1;grid-row:1/span 3; margin:0!important; border-radius:10px!important; width:88px;height:88px; align-self:center; overflow:hidden}
  .card:has(.card-img) .card-img::after{display:none}
  .card:has(.card-img) .card-img img{width:88px!important;height:88px!important; aspect-ratio:1!important;object-fit:cover; min-height:auto!important}
  .card:has(.card-img) .kicker{grid-column:2;grid-row:1; align-self:end; font-size:9px!important; padding:1px 5px!important; margin:0!important}
  .card:has(.card-img) h3{grid-column:2;grid-row:2; font-size:14.5px!important; margin:2px 0!important; line-height:1.3!important; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden}
  .card:has(.card-img) p{display:none!important}
  .card:has(.card-img) .meta{grid-column:2;grid-row:3; font-size:11px!important; margin:0!important;padding:0!important; border-top:none!important; align-self:start}
  .card:not(:has(.card-img)){padding:12px 14px!important}
  .card:not(:has(.card-img)) p{display:none!important}
  .card:not(:has(.card-img)) h3{font-size:15px!important;margin:3px 0!important}
  .card:not(:has(.card-img)) .meta{margin:4px 0 0!important;padding-top:0!important; border-top:none!important;font-size:11px!important}
  .card.featured:has(.card-img){grid-template-columns:110px 1fr!important}
  .card.featured:has(.card-img) .card-img{width:110px!important;height:110px!important}
  .card.featured:has(.card-img) .card-img img{width:110px!important;height:110px!important}
  .card.featured:has(.card-img) h3{font-size:15.5px!important; -webkit-line-clamp:3}
  .card.featured:has(.card-img) p{display:none!important}
  .card:hover{transform:translateY(-2px)!important; box-shadow:0 6px 20px rgba(0,0,0,.3),0 0 0 1px rgba(34,211,238,.08)!important}
}
@media (max-width:480px){
  .cards{gap:8px!important}
  .card:has(.card-img){grid-template-columns:76px 1fr; padding:8px!important}
  .card:has(.card-img) .card-img{width:76px!important;height:76px!important}
  .card:has(.card-img) .card-img img{width:76px!important;height:76px!important}
  .card:has(.card-img) h3{font-size:14px!important}
  .card:has(.card-img) .kicker{font-size:8.5px!important}
  .card:has(.card-img) .meta{font-size:10.5px!important}
  .card.featured:has(.card-img){grid-template-columns:96px 1fr!important}
  .card.featured:has(.card-img) .card-img{width:96px!important;height:96px!important}
  .card.featured:has(.card-img) .card-img img{width:96px!important;height:96px!important}
}
@media (max-width:680px){
  .hero p{display:none!important}
  .hero .meta{margin-top:6px!important}
  .hero h2{margin-bottom:4px!important}
}
@media (max-width:480px){
  .hero p{display:none!important}
}
.section-head .kicker{position:relative; padding-left:16px!important}
.section-head .kicker::before{content:"";position:absolute; left:0;top:50%; transform:translateY(-50%); width:4px;height:18px; background:linear-gradient(180deg,var(--cyan),var(--blue)); border-radius:2px}
.pg-lm .hero{background:transparent!important; border:none!important; border-radius:0!important; margin:0!important; padding:80px 0 64px!important; position:relative;overflow:hidden}
.pg-lm .hero::before{content:"";position:absolute;top:-200px;left:50%;transform:translateX(-50%); width:800px;height:800px; background:radial-gradient(circle,rgba(34,211,238,.06) 0%,transparent 70%)!important; pointer-events:none;border-radius:0!important; left:50%!important;right:auto!important;top:-200px!important;height:800px!important}
.pg-lm .hero::after{display:none!important}
.pg-lm .hero h2,.pg-lm .hero h1{font-size:48px!important;font-weight:700!important;line-height:1.15!important; letter-spacing:normal!important; background:linear-gradient(135deg,var(--text) 0%,var(--cyan) 100%)!important; -webkit-background-clip:text!important;-webkit-text-fill-color:transparent!important; background-clip:text!important}
.pg-lm .hero .kicker{font-size:13px!important;letter-spacing:.1em!important; padding:6px 16px!important;border-radius:100px!important; background:rgba(34,211,238,.08)!important;border:1px solid rgba(34,211,238,.2)!important; color:var(--cyan)!important;font-weight:600!important; font-family:"Space Grotesk",sans-serif!important;margin-bottom:24px!important}
.pg-lm .card{background:var(--card)!important; border:1px solid var(--line)!important; border-radius:14px!important; padding:32px!important; border-left-width:1px!important}
.pg-lm .card::before,.pg-lm .card::after{display:none!important}
.pg-lm .card:hover{transform:none!important; box-shadow:none!important; border-color:rgba(34,211,238,.3)!important}
.pg-lm .card h3{font-size:20px!important;font-weight:600!important;margin:0 0 10px!important;letter-spacing:normal!important}
.pg-lm .card p{font-size:15px!important;line-height:1.6!important}
.pg-lm .card .card-icon{margin-bottom:20px}
.pg-lm .section{padding:80px 0!important;background:transparent!important}
.pg-lm .inside-section{border-top:1px solid var(--line)!important;background:transparent!important}
.pg-lm .audience-section{border-top:1px solid var(--line)!important;background:transparent!important}
.pg-lm .final-cta{border-top:1px solid var(--line)!important;background:transparent!important}
.pg-lm .signup-form input[type="email"]{background:var(--card)!important; border:1px solid var(--line)!important; color:var(--text)!important; border-radius:10px!important}
.pg-lm .signup-form input[type="email"]:focus{border-color:var(--cyan)!important}
.pg-lm .signup-form button{background:linear-gradient(135deg,var(--cyan),var(--blue))!important; color:var(--bg)!important;border-radius:10px!important}
.pg-lm .audience-item{background:var(--card)!important; border:1px solid var(--line)!important; border-radius:12px!important}
@media (max-width:768px){
  .pg-lm .hero{padding:60px 0 48px!important}
  .pg-lm .hero h2,.pg-lm .hero h1{font-size:34px!important}
  .pg-lm .section{padding:60px 0!important}
  .pg-lm .card{padding:24px!important}
}
@media (max-width:480px){
  .pg-lm .hero h2,.pg-lm .hero h1{font-size:28px!important}
  .pg-lm .card{padding:24px!important}
}
.ftc-settings-btn .ftc-settings-icon{font-size:0!important;width:0!important;overflow:hidden!important;margin:0!important;padding:0!important;display:none!important}
.ftc-settings-btn{font-size:11px!important;gap:0!important; opacity:.5!important;transition:opacity .2s,border-color .2s!important}
.ftc-settings-btn:hover{opacity:1!important}
.hero::before,.hero::after{display:none!important}
.hero:hover{transform:translateY(-2px)!important; box-shadow:0 8px 32px rgba(0,0,0,.4),0 0 0 1px rgba(34,211,238,.15)!important; border-color:transparent!important}
.hero>p{display:none!important}
.hero>.kicker{display:none!important}
.hero>.meta{display:none!important}
.hero>h2{font-size:24px!important;margin:8px 0 6px!important;padding:0!important}
.nl-slim{background:#070b18!important; border:1px solid rgba(30,42,74,.4)!important; border-radius:14px!important; margin:24px auto!important; padding:22px 24px!important}
.site.footer{padding:28px 0 20px!important}
.more-stories .cards{gap:16px!important}
.more-stories .card{overflow:visible!important;margin:0!important}
.nl-slim{margin:16px 0!important;padding:16px 18px!important}
.nl-slim h3{margin:0 0 6px!important;font-size:17px!important}
.nl-slim p{margin:0 0 10px!important;font-size:13px!important}
footer{margin-top:20px!important;padding-top:20px!important;padding-bottom:8px!important}
.section-head{margin:12px 0 6px!important}
@media (max-width:900px){
  .nav-search{display:none!important}
  header.site nav{gap:8px}
}
.home .hero{background:none!important;border:none!important;border-radius:0!important;padding:0!important;margin:0!important}
.home .hero::before,.home .hero::after{display:none!important}
.home .hero h2{font-size:19px!important;line-height:1.32!important;letter-spacing:-0.01em!important;font-weight:700!important;color:#fff!important}
.home .hero p{font-size:12px!important;line-height:1.5!important;max-width:none!important;display:block!important}
.home .hero .kicker{display:none!important}
.home .hero .meta{display:none!important}
@media (min-width:480px){
  .home .hero h2{font-size:21px!important}
}
@media (min-width:680px){
  .home .hero h2{font-size:24px!important}
}
@media (max-width:900px){
  .nav-search{display:none!important}
  header.site nav{gap:8px}
}
#reading-progress{position:fixed;top:0;left:0;height:3px;width:100%;background:#22d3ee;z-index:9999;pointer-events:none;transform-origin:left;transform:scaleX(0);will-change:transform}
.signup--article{max-width:1060px;margin:32px auto;text-align:center;padding:32px 28px;background:linear-gradient(160deg,#101a38 0%,var(--card,#0d1326) 60%);border:1px solid var(--line,#1e2a4a);border-radius:20px}
.signup--article .signup__title{font-size:22px;color:var(--text,#e8ecf6)}
.signup--article .signup__sub{max-width:34em;margin:6px auto 20px}
.signup--article .signup__form{flex-direction:row;max-width:440px;margin:0 auto}
.signup--article .signup__input{flex:1}
.signup--article .signup__btn{flex:0 0 auto;padding:12px 22px}
@media (max-width:580px){
  .signup--article .signup__form{flex-direction:column}
  .signup--article{padding:24px 20px}
}
article{max-width:1060px!important}
@media (min-width:1100px){
  .wrap{max-width:1500px}
  .breadcrumb-nav{max-width:1060px}
  .nl-slim{margin-left:auto!important;margin-right:auto!important}
}
@media (min-width:1600px){
  .cards{grid-template-columns:repeat(4,minmax(0,1fr))}
}
@media (min-width:1920px){
  .wrap{max-width:1780px}
}
.footer-social{display:flex;gap:12px;margin-top:4px}
.footer-social a{color:var(--muted);transition:color .15s}
.footer-social a:hover{color:var(--cyan);text-decoration:none}
.footer-social svg{width:18px;height:18px;fill:currentColor}
@media (max-width:680px){
  .footer-inner{flex-direction:column;gap:14px}
  .footer-right{align-items:flex-start}
  .footer-links{flex-wrap:wrap}
}
.article-hero--ai,.article-hero--robotics{background:linear-gradient(135deg,#1a103a 0%,#2d1b69 50%,rgba(167,139,250,.15) 100%)}
.article-hero--security,.article-hero--cybersecurity{background:linear-gradient(135deg,#1a0f0f 0%,#4a1515 50%,rgba(248,113,113,.12) 100%)}
.article-hero--computing,.article-hero--hardware{background:linear-gradient(135deg,#0a1a15 0%,#0f3a2a 50%,rgba(52,211,153,.12) 100%)}
.article-hero--science,.article-hero--space{background:linear-gradient(135deg,#1a150a 0%,#3a2a0f 50%,rgba(251,191,36,.12) 100%)}
.article-hero--technology,.article-hero--news{background:linear-gradient(135deg,#0a1520 0%,#0f2a3a 50%,rgba(34,211,238,.12) 100%)}
.article-hero--gadgets{background:linear-gradient(135deg,#1a0a15 0%,#3a0f2a 50%,rgba(244,114,182,.12) 100%)}
.article-hero--evs,.article-hero--self-driving{background:linear-gradient(135deg,#0a1a18 0%,#0f3a35 50%,rgba(45,212,191,.12) 100%)}
.article-hero--software,.article-hero--tools{background:linear-gradient(135deg,#10103a 0%,#1b1b69 50%,rgba(129,140,248,.12) 100%)}
.article-hero--policy{background:linear-gradient(135deg,#0f1318 0%,#1e2530 50%,rgba(148,163,184,.1) 100%)}
.rel{max-width: 1060px; margin: 24px auto 0; padding: 0;}
.rel__heading{font-size: 13px; font-weight: 700; letter-spacing: 0.1em; text-transform: uppercase; color: rgba(255,255,255,0.5); margin: 0 0 14px; padding-left: 12px; border-left: 3px solid var(--cyan, #22d3ee);}
.rel__grid{display: flex; flex-direction: column; gap: 0;}
.rel__card{display: flex; align-items: center; gap: 14px; padding: 14px 0; border-bottom: 1px solid rgba(255,255,255,0.06); text-decoration: none !important; color: inherit; transition: padding-left 0.15s; overflow: hidden; max-height: 90px;}
.rel__card:last-child{border-bottom: none;}
.rel__card:hover{padding-left: 6px;}
.rel__thumb{flex: 0 0 96px; width: 96px; height: 54px; max-height: 54px; border-radius: 8px; object-fit: cover; background: #0c1226;}
.rel__thumb--ai, .rel__thumb--robotics{color: #a78bfa; background: rgba(167,139,250,0.12);}
.rel__thumb--security, .rel__thumb--cybersecurity{color: #f87171; background: rgba(248,113,113,0.12);}
.rel__thumb--computing, .rel__thumb--hardware{color: #34d399; background: rgba(52,211,153,0.12);}
.rel__thumb--science, .rel__thumb--space{color: #fbbf24; background: rgba(251,191,36,0.12);}
.rel__thumb--technology, .rel__thumb--news{color: #22d3ee; background: rgba(34,211,238,0.12);}
.rel__thumb--gadgets{color: #f472b6; background: rgba(244,114,182,0.12);}
.rel__thumb--evs, .rel__thumb--self-driving{color: #2dd4bf; background: rgba(45,212,191,0.12);}
.rel__thumb--tools, .rel__thumb--software{color: #818cf8; background: rgba(129,140,248,0.12);}
.rel__thumb--policy{color: #94a3b8; background: rgba(148,163,184,0.12);}
.rel__thumb--reviews{color: #fb923c; background: rgba(251,146,60,0.12);}
.rel__body{flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 4px;}
.rel__title{margin: 0; font-size: 14.5px; line-height: 1.35; font-weight: 600; color: #f4f6fb; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;}
.signup--article{margin: 20px auto 0;}
@media (max-width: 680px){
  .rel__thumb{flex: 0 0 80px; width: 80px; height: 45px; border-radius: 6px;}
  .rel__title{font-size: 13.5px;}
  .rel__card{gap: 12px; padding: 12px 0;}
  .rel__heading{font-size: 12px; margin-bottom: 10px;}
  .signup--article{margin: 16px auto 0; padding: 20px 16px;}
  article{margin-bottom: 16px !important;}
  main{padding: 20px 0 !important;}
}
@media (max-width: 400px){
  .rel__thumb{flex: 0 0 68px; width: 68px; height: 38px;}
  .rel__title{font-size: 13px;}
  .rel__card{gap: 10px; padding: 10px 0;}
}
@media (min-width: 768px){
  .rel__grid{display: grid; grid-template-columns: repeat(2, 1fr); gap: 0 24px;}
  .rel__card{border-bottom: 1px solid rgba(255,255,255,0.06);}
  .rel__thumb{flex: 0 0 112px; width: 112px; height: 63px;}
}
@media (prefers-reduced-motion: reduce){
  .rel__card{transition: none !important;}
}
@media (max-width: 680px){
  main{padding-top: 10px !important;}
  .breadcrumb-nav{margin-top: 0 !important; margin-bottom: 6px !important;}
}
@media (max-width: 480px){
  main{padding-top: 8px !important;}
  .breadcrumb-nav{margin-top: 0 !important; margin-bottom: 4px !important;}
}
footer.site{margin-top:28px!important;padding:32px 0 24px!important}
footer.site::before{left:10%!important;right:10%!important}
.footer-inner{display:flex!important;flex-direction:column!important;align-items:center!important;gap:14px!important;text-align:center!important}
.footer-left,.footer-right{display:contents!important}
.footer-brand{order:1!important;font-size:17px!important;font-weight:600!important;letter-spacing:.02em!important;color:var(--fg)!important}
.footer-links{order:2!important;display:flex!important;flex-wrap:wrap!important;justify-content:center!important;gap:6px 20px!important;margin:0!important}
.footer-links a{font-size:13px!important;color:var(--muted)!important;text-decoration:none!important;transition:color .15s!important}
.footer-links a:hover{color:var(--cyan)!important}
.footer-links .sep{display:none!important}
.footer-social{order:3!important;display:flex!important;justify-content:center!important;gap:18px!important;margin:2px 0!important}
.footer-social a{color:var(--muted)!important;transition:color .15s,transform .15s!important}
.footer-social a:hover{color:var(--cyan)!important;transform:translateY(-2px)!important}
.footer-social svg{width:22px!important;height:22px!important;fill:currentColor!important}
.footer-copy{order:4!important;font-size:12px!important;color:var(--muted)!important;opacity:.6!important}
.ftc-settings-btn{display:none!important}
@media (max-width:680px){
  footer.site{margin-top:20px!important;padding:24px 0 18px!important}
  .footer-inner{gap:12px!important}
  .footer-links{gap:5px 16px!important}
  .footer-links a{font-size:12.5px!important}
  .footer-social svg{width:20px!important;height:20px!important}
}
@media (max-width:680px){
  .brand b{font-size:13.5px!important;white-space:nowrap!important}
  .brand img{height:28px!important;width:28px!important}
  .brand{gap:6px!important}
  header.site nav a:not(.cta){display:none!important}
  header.site .menu-toggle{display:block!important}
  header.site .cta{font-size:11px!important;padding:7px 10px!important;margin-left:6px!important;white-space:nowrap!important;border-radius:8px!important}
}
@media (max-width:680px){
  .filter-tabs{gap:5px!important;margin:0 0 8px!important;padding:0!important}
  .filter-tabs a,.filter-tabs button{padding:4px 10px!important;font-size:11.5px!important;border-width:1px!important}
}
@media (max-width:480px){
  .filter-tabs{gap:4px!important}
  .filter-tabs a,.filter-tabs button{padding:3px 8px!important;font-size:11px!important}
}
@media (max-width:680px){
  .hub-intro{padding:14px 16px 12px!important;margin:0 0 8px!important;border-radius:12px!important}
  .hub-intro p{font-size:13.5px!important;line-height:1.5!important;margin:4px 0 0!important}
  .hub-stats{margin-top:6px!important;font-size:12px!important}
}
@media (max-width:480px){
  .hub-intro{padding:12px 14px 10px!important}
  .hub-intro p{font-size:13px!important}
}
@media (max-width:680px){
  .section-head{margin:4px 0 2px!important}
  .section-head h2{font-size:17px!important}
  main>.wrap>h1{font-size:24px!important;margin-bottom:6px!important}
}
@media (max-width:680px){
  .search-wrap{margin:0 0 6px!important}
  .search-wrap input{padding:8px 12px 8px 36px!important;font-size:14px!important;border-radius:8px!important}
}
@media (max-width:680px){
  .cards{gap:0!important;margin-top:6px!important}
  .card{background:transparent!important; border:none!important; border-bottom:1px solid rgba(30,42,74,.2)!important; border-radius:0!important; border-left:none!important;}
  .card::before,.card::after{display:none!important}
  .card[class*="cat-"]{border-left:none!important}
  .card:last-child{border-bottom:none!important}
  .card:hover{transform:none!important;box-shadow:none!important;background:rgba(34,211,238,.02)!important}
  .card:active{transform:none!important}
  .card:has(.card-img){grid-template-columns:112px 1fr!important; padding:10px 0!important; gap:0 12px!important;}
  .card:has(.card-img) .card-img{width:112px!important;height:70px!important;border-radius:8px!important;margin:0!important}
  .card:has(.card-img) .card-img img{width:112px!important;height:70px!important;aspect-ratio:auto!important}
  .card:not(:has(.card-img)){padding:10px 0!important}
  .card.featured{border-left:none!important}
  .card.featured:has(.card-img){grid-template-columns:128px 1fr!important}
  .card.featured:has(.card-img) .card-img{width:128px!important;height:80px!important}
  .card.featured:has(.card-img) .card-img img{width:128px!important;height:80px!important}
}
@media (max-width:480px){
  .card:has(.card-img){grid-template-columns:96px 1fr!important; padding:8px 0!important; gap:0 10px!important;}
  .card:has(.card-img) .card-img{width:96px!important;height:60px!important}
  .card:has(.card-img) .card-img img{width:96px!important;height:60px!important}
  .card.featured:has(.card-img){grid-template-columns:112px 1fr!important}
  .card.featured:has(.card-img) .card-img{width:112px!important;height:70px!important}
  .card.featured:has(.card-img) .card-img img{width:112px!important;height:70px!important}
}
@media (max-width:680px){
  article{background:transparent!important; border:none!important; border-radius:0!important; padding:0 16px!important; box-shadow:none!important; max-width:none!important; margin-bottom:8px!important;}
  article::after{display:none!important}
  .article-hero .kicker,.article-hero span{display:none!important}
  article>h1{font-size:22px!important;margin:4px 0 4px!important;line-height:1.2!important}
  article>.kicker{margin-top:12px!important}
  article>.meta{margin:2px 0 10px!important}
}
@media (max-width:480px){
  article{padding:0 14px!important}
  article>h1{font-size:20px!important}
}
@media (max-width:380px){
  article{padding:0 12px!important}
  article>h1{font-size:19px!important}
}
@media (max-width:680px){
  header.site .cta{padding:5px 14px!important; border-radius:999px!important; font-size:11px!important; line-height:1.3!important;}
}
@media (max-width:480px){
  header.site .cta{padding:4px 12px!important; font-size:10.5px!important;}
}
@media (max-width:680px){
  footer.site{padding:28px 16px 24px!important}
  .footer-inner{gap:18px!important}
  .footer-brand{font-size:16px!important;margin-bottom:0!important}
  .footer-copy{margin-top:2px!important;font-size:11.5px!important}
  .footer-links{gap:6px 14px!important}
}
@media (max-width:480px){
  footer.site{padding:24px 14px 20px!important}
  .footer-inner{gap:16px!important}
  .footer-links{gap:5px 12px!important}
  .footer-links a{font-size:12px!important}
}
.nav-search{display: none !important;}
.nav-search svg{width: 18px; height: 18px; flex-shrink: 0; stroke: rgba(255,255,255,0.5); cursor: pointer;}
.nav-search input[type="search"]{width: 180px; padding: 6px 10px; font-size: 13px; font-family: inherit; color: #f4f6fb; background: rgba(255,255,255,0.06); border: 1px solid rgba(255,255,255,0.1); border-radius: 8px; outline: none;}
.nav-search input[type="search"]::placeholder{color: rgba(255,255,255,0.35);}
.nav-search input[type="search"]:focus{border-color: rgba(34,211,238,0.4); background: rgba(255,255,255,0.08);}
.ft-featured__bg::before{display:none!important}
.breadcrumb-nav{font-size:14px!important;padding:6px 0!important;letter-spacing:0.2px}
.breadcrumb-nav a{color:rgba(255,255,255,0.85)!important}
.breadcrumb-nav .bsep{margin:0 6px!important;color:rgba(255,255,255,0.5)!important}
@media (max-width:680px){
  .breadcrumb-nav{font-size:13px!important;margin-bottom:10px!important;padding:4px 0!important}
}
@media (max-width:480px){
  .breadcrumb-nav{font-size:13px!important;margin-bottom:8px!important}
}
body{color: var(--ink, #f4f6fb);}
.eng-wrapper{max-width: 860px; margin: 0 auto; padding: 0 22px;}
.eng-section-heading{font-family: "Outfit", "Space Grotesk", "Inter", sans-serif; font-size: 22px; font-weight: 700; color: #e8ecf6; margin: 0 0 18px; letter-spacing: -0.01em;}
@keyframes eng-shimmer{0% { background-position: -200px 0; } 100% { background-position: 200px 0; }}
.eng-skel-section .eng-skel-heading, .eng-skel-section .eng-skel-badge, .eng-skel-section .eng-skel-title-1, .eng-skel-section .eng-skel-title-2, .eng-skel-section .eng-skel-meta{background: linear-gradient(90deg, #131a30 25%, #1a2340 50%, #131a30 75%); background-size: 400px 100%; animation: eng-shimmer 1.4s ease-in-out infinite; border-radius: 6px;}
.eng-skel-heading{width: 140px; height: 24px; margin-bottom: 18px;}
.eng-skel-card{pointer-events: none;}
.eng-skel-badge{width: 70px; height: 12px; margin-bottom: 12px;}
.eng-skel-title-1{width: 100%; height: 16px; margin-bottom: 8px;}
.eng-skel-title-2{width: 75%; height: 16px; margin-bottom: 14px;}
.eng-skel-meta{width: 80px; height: 12px; margin-top: auto;}
.eng-read-next{margin-top: 40px; padding-top: 32px; border-top: 1px solid rgba(255,255,255,0.06);}
.eng-card-grid{display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px;}
.eng-card{display: flex; flex-direction: column; background: #0d1326; border: 1px solid #1e2a4a; border-radius: 14px; padding: 20px; text-decoration: none; transition: border-color 0.25s ease-out, transform 0.2s ease-out, box-shadow 0.25s ease-out;}
.eng-card:hover{border-color: #22d3ee; transform: translateY(-3px); box-shadow: 0 6px 24px rgba(34,211,238,0.1); text-decoration: none;}
.eng-card:focus-visible{outline: 2px solid #22d3ee; outline-offset: 2px; border-color: #22d3ee;}
.eng-card-badge{font-family: "Outfit", "Space Grotesk", sans-serif; font-size: 11px; text-transform: uppercase; letter-spacing: 0.14em; color: #22d3ee; font-weight: 700; margin-bottom: 8px;}
.eng-card-title{font-family: "Outfit", "Space Grotesk", sans-serif; font-size: 15.5px; font-weight: 700; color: #e8ecf6; margin: 0 0 auto; line-height: 1.3; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden;}
.eng-card-meta{font-size: 12.5px; color: #93a0bd; margin-top: 12px; opacity: 0.7;}
.eng-mid-callout{margin: 28px 0; padding: 0;}
.eng-mid-link{display: block; background: rgba(34,211,238,0.04); border: 1px solid rgba(34,211,238,0.15); border-left: 3px solid #22d3ee; border-radius: 0 10px 10px 0; padding: 16px 20px; text-decoration: none; transition: background 0.25s ease-out, border-color 0.25s ease-out;}
.eng-mid-link:hover{background: rgba(34,211,238,0.08); border-color: rgba(34,211,238,0.3); text-decoration: none;}
.eng-mid-link:focus-visible{outline: 2px solid #22d3ee; outline-offset: 2px;}
.eng-mid-label{display: block; font-family: "Outfit", "Space Grotesk", sans-serif; font-size: 11px; text-transform: uppercase; letter-spacing: 0.12em; color: #22d3ee; font-weight: 600; margin-bottom: 6px;}
.eng-mid-title{display: block; font-family: "Outfit", "Space Grotesk", sans-serif; font-size: 15px; font-weight: 600; color: #e8ecf6; line-height: 1.35; margin-bottom: 6px;}
.eng-mid-meta{display: flex; align-items: center; gap: 10px; font-size: 12px; color: #93a0bd;}
.eng-mid-badge{font-family: "Outfit", "Space Grotesk", sans-serif; font-size: 10px; text-transform: uppercase; letter-spacing: 0.1em; color: #22d3ee; font-weight: 600;}
.eng-sticky-bar{position: fixed; bottom: 0; left: 0; right: 0; z-index: 900; background: rgba(13,19,38,0.97); backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); border-top: 1px solid rgba(34,211,238,0.2); padding: 0 20px; display: flex; align-items: center; height: 52px; transform: translateY(100%); transition: transform 0.4s cubic-bezier(0.22, 1, 0.36, 1); will-change: transform;}
.eng-sticky-bar--visible{transform: translateY(0);}
.eng-sticky-link{display: flex; align-items: center; gap: 12px; flex: 1; min-width: 0; text-decoration: none; color: #e8ecf6; height: 100%;}
.eng-sticky-link:hover{text-decoration: none;}
.eng-sticky-link:hover .eng-sticky-title{color: #22d3ee;}
.eng-sticky-link:focus-visible{outline: 2px solid #22d3ee; outline-offset: -2px;}
.eng-sticky-text{font-family: "Outfit", "Space Grotesk", sans-serif; font-size: 12px; font-weight: 700; text-transform: uppercase; letter-spacing: 0.1em; color: #22d3ee; white-space: nowrap;}
.eng-sticky-title{font-family: "Outfit", "Space Grotesk", sans-serif; font-size: 14px; font-weight: 600; color: #e8ecf6; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; transition: color 0.2s ease-out;}
.eng-sticky-arrow{font-size: 22px; color: #22d3ee; line-height: 1; flex-shrink: 0;}
.eng-sticky-close{background: none; border: none; color: #93a0bd; font-size: 20px; cursor: pointer; padding: 8px; margin-left: 8px; line-height: 1; flex-shrink: 0; transition: color 0.2s ease-out; border-radius: 4px;}
.eng-sticky-close:hover{color: #e8ecf6;}
.eng-sticky-close:focus-visible{outline: 2px solid #22d3ee; outline-offset: 2px;}
.eng-more-cat{margin-top: 36px; padding-top: 28px; border-top: 1px solid rgba(255,255,255,0.06);}
.eng-cat-list{list-style: none; margin: 0; padding: 0;}
.eng-cat-list li{border-bottom: 1px solid rgba(255,255,255,0.04);}
.eng-cat-list li:last-child{border-bottom: none;}
.eng-cat-link{display: flex; flex-direction: column; gap: 4px; padding: 14px 0; text-decoration: none; transition: padding-left 0.25s ease-out; border-radius: 4px;}
.eng-cat-link:hover{padding-left: 8px; text-decoration: none;}
.eng-cat-link:hover .eng-cat-title{color: #22d3ee;}
.eng-cat-link:focus-visible{outline: 2px solid #22d3ee; outline-offset: 2px;}
.eng-cat-title{font-family: "Outfit", "Space Grotesk", sans-serif; font-size: 15px; font-weight: 600; color: #e8ecf6; line-height: 1.35; transition: color 0.2s ease-out;}
.eng-cat-meta{font-size: 12.5px; color: #93a0bd; opacity: 0.7;}
@media (max-width: 768px){
  .eng-card-grid{grid-template-columns: 1fr 1fr; gap: 12px;}
  .eng-card-grid .eng-card:nth-child(3){grid-column: 1 / -1;}
  .eng-wrapper{padding: 0 16px;}
}
@media (max-width: 600px){
  .eng-card-grid{grid-template-columns: 1fr; gap: 12px;}
  .eng-card-grid .eng-card:nth-child(3){grid-column: auto;}
  .eng-sticky-text{font-size: 11px;}
  .eng-sticky-title{font-size: 13px;}
  .eng-sticky-bar{height: 48px; padding: 0 14px;}
  .eng-section-heading{font-size: 19px;}
  .eng-mid-link{padding: 14px 16px;}
}
@media (max-width: 375px){
  .eng-sticky-text{display: none;}
  .eng-sticky-title{font-size: 12.5px;}
  .eng-sticky-bar{height: 44px; padding: 0 10px;}
  .eng-card{padding: 16px;}
  .eng-card-title{font-size: 14.5px;}
  .eng-section-heading{font-size: 18px;}
  .eng-mid-title{font-size: 14px;}
  .eng-wrapper{padding: 0 12px;}
}
@media (prefers-reduced-motion: reduce){
  .eng-card, .eng-mid-link, .eng-cat-link, .eng-sticky-bar, .eng-sticky-title, .eng-sticky-close{transition: none;}
  .eng-card:hover{transform: none;}
  @keyframes eng-shimmer{0%, 100% { opacity: 0.5; } 50% { opacity: 0.8; }}
  .eng-skel-section .eng-skel-heading, .eng-skel-section .eng-skel-badge, .eng-skel-section .eng-skel-title-1, .eng-skel-section .eng-skel-title-2, .eng-skel-section .eng-skel-meta{background: #131a30; animation: eng-shimmer 2s ease-in-out infinite;}
}
.card__thumb-fallback--ai{background: linear-gradient(135deg, #1a103a 0%, #2d1b69 50%, #0d1630 100%);}
.card__thumb-fallback--security, .card__thumb-fallback--cybersecurity{background: linear-gradient(135deg, #2a0f0f 0%, #4a1c1c 50%, #0d1630 100%);}
.card__thumb-fallback--computing, .card__thumb-fallback--hardware, .card__thumb-fallback--software{background: linear-gradient(135deg, #0f2a1f 0%, #1c4a3a 50%, #0d1630 100%);}
.card__thumb-fallback--space, .card__thumb-fallback--science{background: linear-gradient(135deg, #1a2a0f 0%, #3a4a1c 50%, #0d1630 100%);}
.card__thumb-fallback--gadgets, .card__thumb-fallback--reviews{background: linear-gradient(135deg, #0f1a2a 0%, #1c3a4a 50%, #0d1630 100%);}
.card__thumb-fallback--gaming{background: linear-gradient(135deg, #1a0f2a 0%, #3a1c4a 50%, #0d1630 100%);}
.card__thumb-fallback--policy, .card__thumb-fallback--evs, .card__thumb-fallback--robotics, .card__thumb-fallback--self-driving{background: linear-gradient(135deg, #111d40 0%, #0d1630 50%, #070b18 100%);}
.card__thumb{margin: -22px -22px 14px -22px; border-radius: var(--radius-lg) var(--radius-lg) 0 0; overflow: hidden; position: relative;}
.card__thumb img{width: 100%; height: 140px; object-fit: cover; display: block;}
@media (max-width: 680px){
  .card__thumb-fallback, .card__thumb img{height: 100px;}
}
.search-hit--active{background:rgba(34,211,238,.12);outline:2px solid var(--cyan);outline-offset:-2px}
@media (max-width:640px){
  .search-bar--mobile-overlay{position:fixed!important;top:0;left:0;right:0;width:100%!important;z-index:9999;border-radius:0!important;padding:12px 16px!important;background:var(--bg)!important;border:none!important;border-bottom:1px solid var(--line)!important;transform:none!important}
  .search-bar--mobile-overlay .search-bar__input{font-size:16px}
  .search-bar--mobile-overlay+.search-dropdown{position:fixed;top:50px;left:0;right:0;width:100%;border-radius:0;max-height:calc(100vh - 50px)}
}
.pagination{margin-top:28px;padding-top:20px;border-top:1px solid var(--line)}
.pagination-controls{display:flex;align-items:center;justify-content:center;gap:4px;flex-wrap:wrap}
.page-btn{display:inline-flex;align-items:center;justify-content:center;min-width:36px;height:36px;padding:0 10px;border-radius:8px;font-size:13px;font-weight:500;color:var(--muted);text-decoration:none;border:1px solid var(--line);transition:all .15s}
.page-btn:hover:not(.disabled):not(.active){color:var(--text);border-color:var(--cyan);background:rgba(34,211,238,.06)}
.page-btn.active{background:var(--cyan);color:var(--bg);border-color:var(--cyan);font-weight:600}
.page-btn.disabled{opacity:.35;cursor:default}
.page-ellipsis{padding:0 6px;color:var(--muted)}
.search-empty{color:var(--muted);padding:40px 0;text-align:center}
.search-empty p{margin:0 0 8px}
.search-empty__hint{font-size:13.5px;margin-bottom:16px!important}
.search-empty__cats{display:flex;gap:8px;justify-content:center;flex-wrap:wrap}
.search-empty__cat{padding:6px 14px;border:1px solid var(--line);border-radius:8px;color:var(--text);text-decoration:none;font-size:13px;transition:border-color .15s}
.search-empty__cat:hover{border-color:var(--cyan)}
.search-card-wrap{border-bottom:1px solid var(--line)}
.search-card__tags{padding:0 12px 10px;display:flex;gap:6px;flex-wrap:wrap}
.search-card__tag{font-size:11.5px;color:var(--muted);text-decoration:none;transition:color .15s}
.search-card__tag:hover{color:var(--cyan)}
.ft-toc{background: linear-gradient(168deg, rgba(15,21,42,.95), rgba(10,15,30,1)); border: 1px solid rgba(34,211,238,.2); border-left: 3px solid var(--accent); border-radius: var(--radius-md); padding: 20px 24px; margin: 24px 0 32px;}
.ft-toc__toggle{display: flex; align-items: center; gap: 8px; background: none; border: none; color: var(--accent); font-family: inherit; font-size: 14px; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; cursor: pointer; padding: 0; width: 100%; text-align: left;}
.ft-toc__toggle:hover{color: #fff;}
.ft-toc__chevron{transition: transform .2s ease;}
.ft-toc__toggle[aria-expanded="false"] .ft-toc__chevron{transform: rotate(-90deg);}
.ft-toc__count{font-weight: 400; color: var(--ink-mute); font-size: 12px; text-transform: none; letter-spacing: 0;}
.ft-toc__list{list-style: none; padding: 0; margin: 14px 0 0; counter-reset: toc;}
.ft-toc__item{counter-increment: toc; margin: 0; padding: 0;}
.ft-toc__item--sub{padding-left: 20px;}
.ft-toc__link{display: block; padding: 6px 0; color: var(--ink-soft); font-size: 14px; line-height: 1.4; text-decoration: none; border-left: 2px solid transparent; padding-left: 12px; transition: color .15s, border-color .15s;}
.ft-toc__link:hover{color: #fff; border-left-color: var(--ink-mute);}
.ft-toc__link--active{color: var(--accent); border-left-color: var(--accent); font-weight: 600;}
.ft-toc__item--sub .ft-toc__link{font-size: 13px; padding-left: 12px;}
.ft-has-anchor{position: relative;}
.ft-heading-anchor{position: absolute; left: -1.5em; top: 50%; transform: translateY(-50%); color: var(--ink-faint); font-size: 0.75em; font-weight: 400; text-decoration: none; opacity: 0; transition: opacity .2s ease, color .15s; padding: 4px; line-height: 1;}
.ft-has-anchor:hover .ft-heading-anchor, .ft-heading-anchor:focus{opacity: 1;}
.ft-heading-anchor:hover{color: var(--accent);}
@media (max-width: 768px){
  .ft-heading-anchor{position: static; display: inline; opacity: 0.3; margin-right: 4px; transform: none; font-size: 0.7em;}
  .ft-has-anchor:hover .ft-heading-anchor{opacity: 0.7;}
}
.ft-toast{position: fixed; bottom: 24px; left: 50%; transform: translateX(-50%) translateY(20px); background: var(--accent); color: #051018; font-size: 13px; font-weight: 700; padding: 8px 20px; border-radius: 6px; z-index: 10000; opacity: 0; transition: opacity .25s, transform .25s; pointer-events: none;}
.ft-toast--visible{opacity: 1; transform: translateX(-50%) translateY(0);}
.ft-slidein{position: fixed; bottom: 24px; right: 24px; width: 360px; max-width: calc(100vw - 48px); background: linear-gradient(168deg, rgba(15,21,42,.98), rgba(7,11,24,.99)); border: 1px solid rgba(34,211,238,.2); border-radius: var(--radius-lg); padding: 28px 24px 24px; z-index: 9999; box-shadow: 0 8px 40px rgba(0,0,0,.5); transform: translateY(120%); transition: transform .4s cubic-bezier(.22,1,.36,1);}
.ft-slidein--visible{transform: translateY(0);}
.ft-slidein__close{position: absolute; top: 12px; right: 14px; background: none; border: none; color: var(--ink-mute); font-size: 16px; cursor: pointer; padding: 4px; line-height: 1; transition: color .15s;}
.ft-slidein__close:hover{color: #fff;}
.ft-slidein__title{color: var(--accent); font-size: 18px; font-weight: 700; margin: 0 0 6px; line-height: 1.3;}
.ft-slidein__sub{color: var(--ink-soft); font-size: 14px; margin: 0 0 16px; line-height: 1.5;}
.ft-slidein__form{display: flex; gap: 8px;}
.ft-slidein__input{flex: 1; background: rgba(10,15,31,.8); border: 1px solid rgba(30,42,74,.6); color: var(--ink); border-radius: var(--radius-md); padding: 10px 14px; font-size: 14px; font-family: inherit; outline: none; transition: border-color .2s;}
.ft-slidein__input:focus{border-color: var(--accent);}
.ft-slidein__btn{background: linear-gradient(135deg, var(--accent), #3b82f6); color: #051018; font-weight: 700; border: none; border-radius: var(--radius-md); padding: 10px 18px; font-size: 14px; cursor: pointer; font-family: inherit; white-space: nowrap; transition: box-shadow .2s;}
.ft-slidein__btn:hover{box-shadow: 0 4px 20px rgba(34,211,238,.3);}
.ft-card--focused, .card.ft-card--focused{border-color: var(--accent) !important; box-shadow: 0 0 0 1px var(--accent), 0 4px 24px rgba(34,211,238,.15) !important;}
.ft-help{position: fixed; inset: 0; background: rgba(7,11,24,.85); backdrop-filter: blur(8px); z-index: 10001; display: flex; align-items: center; justify-content: center; opacity: 0; pointer-events: none; transition: opacity .25s;}
.ft-help--visible{opacity: 1; pointer-events: auto;}
.ft-help__card{background: linear-gradient(168deg, rgba(15,21,42,.98), rgba(10,15,30,1)); border: 1px solid rgba(34,211,238,.2); border-radius: var(--radius-lg); padding: 28px 32px; max-width: 400px; width: 90%; position: relative;}
.ft-help__close{position: absolute; top: 12px; right: 14px; background: none; border: none; color: var(--ink-mute); font-size: 16px; cursor: pointer; padding: 4px;}
.ft-help__close:hover{color: #fff;}
.ft-help__card h3{color: var(--accent); font-size: 16px; margin: 0 0 16px; font-weight: 700;}
.ft-help__list{margin: 0; padding: 0;}
.ft-help__list dt{float: left; clear: left; margin: 0 16px 10px 0;}
.ft-help__list dd{margin: 0 0 10px; color: var(--ink-soft); font-size: 14px; padding-top: 2px;}
.ft-help__list kbd{display: inline-block; background: rgba(34,211,238,.1); border: 1px solid rgba(34,211,238,.25); color: var(--accent); border-radius: 4px; padding: 2px 7px; font-size: 12px; font-family: inherit; font-weight: 600; min-width: 22px; text-align: center;}
.ft-series-nav{background: linear-gradient(168deg, rgba(15,21,42,.95), rgba(10,15,30,1)); border: 1px solid rgba(34,211,238,.15); border-radius: var(--radius-md); padding: 16px 20px; margin: 20px 0;}
.ft-series-nav__badge{color: var(--accent); font-size: 13px; font-weight: 700; letter-spacing: .04em; margin-bottom: 10px;}
.ft-series-nav__part{color: var(--ink-mute); font-weight: 400;}
.ft-series-nav__dots{display: flex; gap: 6px; margin-bottom: 12px;}
.ft-series-nav__dot{width: 10px; height: 10px; border-radius: 50%; background: rgba(34,211,238,.15); border: 1px solid rgba(34,211,238,.3); transition: background .2s, transform .15s;}
.ft-series-nav__dot:hover{background: rgba(34,211,238,.4); transform: scale(1.2);}
.ft-series-nav__dot--active{background: var(--accent); border-color: var(--accent);}
.ft-series-nav__links{display: flex; justify-content: space-between; gap: 12px; flex-wrap: wrap;}
.ft-series-nav__prev, .ft-series-nav__next{color: var(--ink-soft); font-size: 13px; text-decoration: none; transition: color .15s; max-width: 48%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.ft-series-nav__prev:hover, .ft-series-nav__next:hover{color: var(--accent);}
.ft-series-nav__next{margin-left: auto; text-align: right;}
.ft-freshness__relative{color: var(--ink-faint); font-size: 12px;}
.ft-footer-nl__form{display: flex; gap: 6px; flex-wrap: wrap;}
@media print{
  *, *::before, *::after{background: transparent !important; color: #000 !important; box-shadow: none !important; text-shadow: none !important; border-color: #ccc !important;}
  body{font-family: Georgia, "Times New Roman", serif; font-size: 12pt; line-height: 1.6; margin: 0; padding: 20px;}
  header.site, footer.site, #mobile-nav, .ft-toc, .ft-slidein, .ft-help, .ft-toast, .ft-series-nav, .ft-nl-banner, .ft-footer-nl, .ft-sticky-bar, #ft-sticky-bar, .rel, #related-articles, .reading-progress, .breadcrumb-nav, .menu-toggle, .cta, .ft-heading-anchor, [class*="newsletter"], [class*="cookie"], [class*="consent"], nav:not([aria-label="Breadcrumb"]), script, .footer-social, .ftc-settings-btn{display: none !important;}
  article{max-width: 100% !important; margin: 0 !important; padding: 0 !important;}
  article h1{font-size: 22pt; margin-bottom: 8pt; page-break-after: avoid;}
  article h2{font-size: 16pt; margin-top: 18pt; page-break-before: always; page-break-after: avoid;}
  article h2:first-of-type{page-break-before: avoid;}
  article h3{font-size: 13pt; page-break-after: avoid;}
  article p{orphans: 3; widows: 3;}
  article img{max-width: 100% !important; page-break-inside: avoid;}
  article a[href]::after{content: " (" attr(href) ")"; font-size: 9pt; color: #666 !important; word-break: break-all;}
  article a[href^="#"]::after, article a[href^="javascript"]::after{content: "";}
  .kicker{border: 1px solid #999 !important; padding: 2px 8px !important; font-size: 9pt;}
  .meta{font-size: 10pt; color: #666 !important; margin-bottom: 12pt;}
  .sources{border-top: 1px solid #ccc !important; padding-top: 10pt; margin-top: 14pt;}
  .sources a[href]::after{content: " [" attr(href) "]"; font-size: 8pt;}
  .takeaways{border: 1px solid #ccc !important; padding: 12pt !important; margin: 12pt 0 !important; page-break-inside: avoid;}
  .wrap{max-width: 100% !important; margin: 0 !important; padding: 0 !important;}
}
.ft-featured__bg{position:relative;overflow:hidden}
.ft-featured__inner{position:relative;z-index:2}
@media (max-width:600px){
  header.site{padding:10px 16px!important}
  header.site nav{display:flex;align-items:center;gap:8px;flex-wrap:nowrap!important}
  header.site .brand{display:flex;align-items:center;gap:8px;margin-bottom:0}
  header.site .brand img{width:30px!important;height:30px!important}
  header.site .brand b{font-size:15px!important}
  header.site .nav-link{display:none!important}
  header.site .nav-search{display:none!important}
  header.site .search-wrap{display:none!important}
  header.site .cta{font-size:12px!important;padding:6px 12px!important;border-radius:6px;white-space:nowrap}
  header.site .menu-toggle{display:flex!important;padding:6px!important}
  nav[aria-label="Categories"]{display:none!important}
}
@media (max-width:400px){
  header.site .brand b{font-size:14px!important}
  header.site .cta{font-size:11px!important;padding:5px 10px!important}
}
@media (max-width:600px){
  .ft-featured__bg{min-height:200px}
  .ft-featured__inner{padding:20px 18px!important}
  .ft-featured__title{font-size:20px!important}
  .ft-featured__desc{font-size:13px!important}
}
@media (max-width:400px){
  .ft-featured__bg{min-height:180px}
  .ft-featured__inner{padding:16px 14px!important}
  .ft-featured__title{font-size:18px!important}
}
.footer-social-row{display: flex; gap: 12px; align-items: center;}
.footer-social-row a{display: flex; align-items: center; justify-content: center; width: 32px; height: 32px; color: var(--muted, #94a3b8); transition: color 0.2s;}
.footer-social-row a:hover{color: var(--accent, #22d3ee);}
.footer-social-row svg{width: 20px; height: 20px; fill: currentColor;}
.nav-search{display:none!important}
@media (min-width:681px){
  .menu-toggle{display:none!important}
  .search-toggle[aria-expanded="true"]+.search-bar,.search-bar:focus-within{display:block}
  .search-wrap{position:relative}
}
html{scroll-behavior:smooth}
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
}
body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}
a:focus-visible,.card:focus-visible,.cta:focus-visible,button:focus-visible{outline:2px solid rgba(34,211,238,.6);outline-offset:2px}
::selection{background:rgba(34,211,238,.25);color:#f4f6fb}
.card:hover{box-shadow:0 12px 40px rgba(0,0,0,.35),0 0 0 1px rgba(34,211,238,.08),0 0 24px rgba(34,211,238,.06)!important}
article p{line-height:1.72!important}
article h2{margin-top:28px!important;margin-bottom:12px!important}
article h3{margin-top:22px!important;margin-bottom:10px!important}
article ul,article ol{margin:12px 0!important;padding-left:24px!important}
article li{margin-bottom:6px!important;line-height:1.65!important}
.takeaways{padding:20px 24px!important;border-radius:16px!important}
.takeaways h2,.takeaways h3{font-size:15px!important;letter-spacing:.08em!important;text-transform:uppercase!important;color:var(--accent,#22d3ee)!important;margin-bottom:12px!important}
@media (min-width:681px){
  .nav-link{position:relative;padding-bottom:2px}
  .nav-link::after{content:"";position:absolute;bottom:0;left:0;right:0;height:1px;background:var(--accent,#22d3ee);transform:scaleX(0);transition:transform .2s ease;transform-origin:center}
  .nav-link:hover::after{transform:scaleX(1)}
}
.cta{background:linear-gradient(135deg,#22d3ee,#3b82f6)!important;color:#051018!important;font-weight:700!important;border:none!important;transition:box-shadow .2s,transform .15s!important}
.cta:hover{transform:translateY(-1px)!important;box-shadow:0 4px 20px rgba(34,211,238,.35)!important}
.section-head{border-bottom-color:rgba(34,211,238,.1)!important}
.inline-cta{border-radius:16px!important}
a{transition:color .15s ease,opacity .15s ease}
.kicker{font-weight:600!important;border-radius:4px!important}
.meta{color:var(--ink-mute,rgba(255,255,255,.5))!important;font-size:13px!important}
.meta a{color:var(--accent,#22d3ee)!important}
article pre,article code{border-radius:8px!important;font-size:13.5px!important}
article pre{padding:16px 20px!important;border:1px solid rgba(30,42,74,.4)!important;background:rgba(7,11,24,.6)!important}
article code{padding:2px 6px!important;background:rgba(34,211,238,.06)!important;color:var(--accent,#22d3ee)!important;font-size:0.9em!important}
article pre code{padding:0!important;background:transparent!important;color:inherit!important;font-size:inherit!important}
article blockquote{border-left:3px solid var(--accent,#22d3ee)!important;padding:12px 20px!important;margin:16px 0!important;background:rgba(34,211,238,.03)!important;border-radius:0 10px 10px 0!important;font-style:italic!important;color:var(--ink-soft,rgba(255,255,255,.72))!important}
article figure{margin:20px 0!important;border-radius:12px!important;overflow:hidden}
article figcaption{font-size:12.5px!important;color:var(--ink-mute,rgba(255,255,255,.5))!important;text-align:center!important;padding:8px 0 0!important}
article img{border-radius:10px!important;max-width:100%!important}
article hr{border:none!important;height:1px!important;background:linear-gradient(90deg,transparent,rgba(34,211,238,.2),transparent)!important;margin:28px 0!important}
#ft-sticky-bar{box-shadow:0 -4px 20px rgba(0,0,0,.3)!important}
@media (max-width:680px){
  header.site{display:flex!important; flex-wrap:nowrap!important; align-items:center!important; gap:8px!important; padding:10px 16px!important; position:sticky!important; top:0!important; z-index:9995!important; background:rgba(7,11,24,.98)!important; backdrop-filter:blur(12px)!important; -webkit-backdrop-filter:blur(12px)!important;}
  header.site .brand{display:flex!important; align-items:center!important; gap:6px!important; flex-shrink:0!important; min-width:0!important;}
  header.site .brand b{font-size:14px!important; white-space:nowrap!important; overflow:hidden!important; text-overflow:ellipsis!important;}
  header.site nav{display:flex!important; align-items:center!important; gap:6px!important; margin-left:auto!important; flex-shrink:0!important;}
  header.site nav .nav-link, header.site nav .nav-rss{display:none!important;}
  header.site nav .menu-toggle{display:flex!important; order:10!important;}
}
.menu-toggle{background:transparent!important; border:1px solid rgba(255,255,255,.15)!important; border-radius:8px!important; padding:6px!important; color:rgba(255,255,255,.7)!important; cursor:pointer!important; transition:border-color .2s,color .2s!important;}
.menu-toggle:hover, .menu-toggle:focus-visible{border-color:var(--accent,#22d3ee)!important; color:var(--accent,#22d3ee)!important;}
header.site::before, header.site::after{display:none!important;}
body::before{background:none!important;}
.cat-nav{border-top:none!important;}
header.site{overflow:visible!important;}
.takeaways{padding:20px 24px!important;}
.takeaways h2, .takeaways h3{margin-top:0!important; padding-left:0!important;}
.takeaways ul{padding-left:20px!important; margin:8px 0 0!important;}
.takeaways li{margin-bottom:6px!important; line-height:1.6!important;}
article a{color:var(--accent,#22d3ee)!important; text-decoration:underline!important; text-decoration-color:rgba(34,211,238,.3)!important; text-underline-offset:2px!important; transition:text-decoration-color .15s ease!important;}
article a:hover{text-decoration-color:var(--accent,#22d3ee)!important;}
article a.buy-btn{text-decoration:none!important; background:linear-gradient(135deg,#22d3ee,#3b82f6)!important; color:#051018!important; padding:10px 20px!important; border-radius:8px!important; font-weight:700!important; display:inline-block!important; margin:8px 0!important;}
article a.buy-btn:hover{transform:translateY(-1px)!important; box-shadow:0 4px 16px rgba(34,211,238,.3)!important;}
#related-articles .card, .related-articles .card, [id="related-articles"] a{background:rgba(30,42,74,.35)!important; border:1px solid rgba(30,42,74,.5)!important; border-radius:16px!important; padding:20px!important; transition:border-color .2s,box-shadow .2s,transform .15s!important;}
#related-articles .card:hover, .related-articles .card:hover, [id="related-articles"] a:hover{border-color:rgba(34,211,238,.2)!important; box-shadow:0 8px 32px rgba(0,0,0,.3),0 0 0 1px rgba(34,211,238,.08)!important; transform:translateY(-2px)!important; text-decoration:none!important;}
#related-articles .kicker, .related-articles .kicker{font-size:11px!important; text-transform:uppercase!important; letter-spacing:.08em!important; color:var(--accent,#22d3ee)!important; margin-bottom:6px!important;}
#related-articles h3, .related-articles h3{font-size:16px!important; line-height:1.35!important; margin:4px 0 8px!important; color:var(--ink,#f4f6fb)!important;}
#related-articles p, .related-articles p{font-size:13px!important; color:var(--ink-soft,rgba(255,255,255,.72))!important; line-height:1.5!important;}
#related-articles .meta, .related-articles .meta{font-size:12px!important; color:var(--ink-mute,rgba(255,255,255,.5))!important; margin-top:8px!important;}
#related-articles a, .related-articles a, .cards a.card{text-decoration:none!important;}
.ftc-btn-accept, button.ftc-btn-accept, .ftc-banner .ftc-btn-accept, [class*="ftc-btn-accept"]{background: linear-gradient(135deg, #22d3ee, #3b82f6) !important; color: #ffffff !important; padding: 10px 20px !important; border-radius: 8px !important; font-size: 14px !important; font-weight: 700 !important; border: none !important; cursor: pointer !important; text-shadow: 0 1px 2px rgba(0,0,0,.2) !important; letter-spacing: 0.01em !important;}
.ftc-btn-accept:hover, button.ftc-btn-accept:hover{box-shadow: 0 4px 16px rgba(34,211,238,.4) !important; filter: brightness(1.1) !important;}
.ftc-btn-reject, button.ftc-btn-reject, .ftc-banner .ftc-btn-reject{background: transparent !important; color: #c5c5d2 !important; border: 1px solid rgba(255,255,255,.15) !important; padding: 10px 20px !important; border-radius: 8px !important; font-size: 14px !important; font-weight: 600 !important; cursor: pointer !important;}
.ftc-btn-reject:hover, button.ftc-btn-reject:hover{background: rgba(34,211,238,.08) !important; border-color: rgba(34,211,238,.25) !important;}
.ftc-banner{background: rgba(7,11,24,.92) !important; backdrop-filter: blur(20px) saturate(1.4) !important; -webkit-backdrop-filter: blur(20px) saturate(1.4) !important; border-top: 1px solid rgba(34,211,238,.15) !important; color: #e0e0e0 !important; z-index: 9999 !important;}
.ftc-banner-text{color: rgba(255,255,255,.7) !important; font-size: 13px !important;}
#mobile-nav.mobile-nav{display: flex !important; flex-direction: column !important; position: fixed !important; top: 56px !important; left: 0 !important; right: 0 !important; z-index: 9990 !important; background: rgba(7,11,24,.97) !important; backdrop-filter: blur(20px) !important; -webkit-backdrop-filter: blur(20px) !important; border-bottom: 1px solid rgba(34,211,238,.12) !important; box-shadow: 0 12px 40px rgba(0,0,0,.5) !important; padding: 8px 0 !important; gap: 0 !important;}
#mobile-nav.mobile-nav a{display: block !important; color: rgba(255,255,255,.8) !important; padding: 14px 24px !important; font-size: 16px !important; font-weight: 500 !important; text-decoration: none !important; border-bottom: 1px solid rgba(255,255,255,.04) !important; transition: background .15s, color .15s !important; font-family: "Outfit", "Inter", sans-serif !important;}
#mobile-nav.mobile-nav a:last-child{border-bottom: none !important;}
#mobile-nav.mobile-nav a:hover, #mobile-nav.mobile-nav a:focus{background: rgba(34,211,238,.06) !important; color: #22d3ee !important;}
html, body{font-family: "Outfit", "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;}
h1, h2, h3, h4, h5, h6, .ft-featured__title, .ft-secondary__title, .ft-latest__title, .ft-trending__title, .eng-section-heading{font-family: "Outfit", "Space Grotesk", sans-serif !important;}
.card h3, .card-title, article h1, article h2, article h3{font-family: "Outfit", "Space Grotesk", sans-serif !important;}
nav, .nav-link, .cta, .menu-toggle, button, input, select, textarea{font-family: "Outfit", "Inter", sans-serif !important;}
.brand b{font-family: "Outfit", "Space Grotesk", sans-serif !important;}
p, li, td, th, span, a, .meta, .kicker, .byline{font-family: "Outfit", "Inter", sans-serif !important;}
header.site .cta{display: inline-flex !important; align-items: center !important; background: linear-gradient(135deg, #22d3ee, #3b82f6) !important; color: #051018 !important; font-weight: 700 !important; padding: 8px 18px !important; border-radius: 10px !important; text-decoration: none !important; font-size: 14px !important; white-space: nowrap !important; transition: filter .15s, transform .12s !important; cursor: pointer !important;}
header.site .cta:hover{filter: brightness(1.1) !important; transform: translateY(-1px) !important;}
.brand{display: inline-flex !important; align-items: center !important; gap: 8px !important; text-decoration: none !important; flex-shrink: 0 !important;}
.brand img{width: 32px !important; height: 32px !important; border-radius: 8px !important; border: 1.5px solid rgba(34,211,238,.35) !important; box-shadow: 0 0 8px rgba(34,211,238,.15) !important; object-fit: contain !important;}
.brand b{font-size: 15px !important; font-weight: 700 !important; letter-spacing: -0.01em !important; color: #f4f6fb !important; white-space: nowrap !important;}
@media (min-width: 769px){
  .brand img{width: 36px !important; height: 36px !important;}
  .brand b{font-size: 17px !important;}
}
.ft-featured .ft-badge ~ .ft-badge, .ft-secondary__card .ft-badge ~ .ft-badge, .ft-latest__card .ft-badge ~ .ft-badge{display: none !important;}
.ft-featured .ft-badge, .ft-secondary__card .ft-badge, .ft-latest__card .ft-badge{position: relative; z-index: 2;}
.ft-featured__bg{color: transparent !important; font-size: 0 !important; overflow: hidden !important;}
.ft-featured__bg::before, .ft-featured__bg::after{display: none !important; content: none !important;}
.ft-latest__card::before, .ft-latest__card::after, .ft-secondary__card::before, .ft-secondary__card::after, .ft-featured__link::before, .ft-featured__link::after{display: none !important; content: none !important;}
.menu-toggle{border: none !important; outline: none !important; background: transparent !important; box-shadow: none !important;}
.menu-toggle:hover{background: rgba(255,255,255,.06) !important; border: none !important;}
.menu-toggle:focus-visible{outline: 2px solid #22d3ee !important; outline-offset: 2px !important; border: none !important;}
.menu-toggle svg{display: block;}
.footer-grid{display: grid !important; grid-template-columns: 1fr !important; gap: 28px !important; padding: 40px 20px 24px !important;}
@media (min-width: 680px){
  .footer-grid{grid-template-columns: 2fr 1fr 1fr 1.5fr !important; gap: 32px !important; padding: 48px 32px 28px !important;}
}
.footer-section h4{display: block !important; margin-bottom: 14px !important; font-size: 13px !important; font-weight: 700 !important; color: #22d3ee !important; text-transform: uppercase !important; letter-spacing: 0.12em !important; font-family: "Space Grotesk", sans-serif !important;}
.footer-section a{display: block !important; padding: 5px 0 !important; color: rgba(255,255,255,.65) !important; font-size: 14px !important; text-decoration: none !important; transition: color .2s !important; line-height: 1.5 !important;}
.footer-section a:hover{color: #22d3ee !important;}
.footer-section p{color: rgba(255,255,255,.55) !important; font-size: 14px !important; line-height: 1.6 !important;}
body.nav-open{overflow: hidden !important; position: fixed !important; width: 100% !important; height: 100% !important; touch-action: none !important; -webkit-overflow-scrolling: auto !important;}
body.nav-open header.site{position: fixed !important; top: 0 !important; left: 0 !important; right: 0 !important; z-index: 9995 !important; width: 100% !important;}
#mobile-nav.mobile-nav{position: fixed !important; top: 56px !important; left: 0 !important; right: 0 !important; bottom: auto !important; max-height: calc(100vh - 56px) !important; z-index: 9990 !important; overflow-y: auto !important; -webkit-overflow-scrolling: touch !important; overscroll-behavior: contain !important;}
.hero:has(.hero-img) h2, .hero:has(.hero-img) .kicker, .hero:has(.hero-img) .byline{grid-column: 1 !important; margin-left: 24px !important; margin-right: 24px !important;}
input[type="search"], input[type="text"], .search-input, input.search, #search-input, form input[type="search"], form input[type="text"]{background: rgba(255,255,255,.06) !important; color: #fff !important; border: 1px solid rgba(255,255,255,.12) !important; border-radius: 8px !important; padding: 10px 16px !important; font-family: "Outfit", sans-serif !important; caret-color: #22d3ee !important;}
input[type="search"]::placeholder, input[type="text"]::placeholder, .search-input::placeholder{color: rgba(255,255,255,.4) !important;}
input[type="search"]:focus, input[type="text"]:focus{border-color: rgba(34,211,238,.4) !important; outline: none !important; box-shadow: 0 0 0 3px rgba(34,211,238,.1) !important;}
.newsletter-bar, .sticky-newsletter, .newsletter-sticky, [class*="newsletter"][class*="bar"], [class*="newsletter"][class*="sticky"]{z-index: 9000 !important; max-height: 60px !important;}
.article-hero, .article-hero__img, [class*="article-hero"]{display: none !important;}
.search-page__input, .search-bar__input{background: #0d1117 !important; color: #f4f6fb !important; border: 1px solid rgba(255, 255, 255, 0.12) !important; border-radius: 10px !important; padding: 12px 16px !important; font-size: 16px !important; font-family: inherit !important; box-sizing: border-box !important; width: 100% !important; outline: none !important; transition: border-color 0.2s ease !important;}
.search-page__input:focus, .search-bar__input:focus{border-color: #22d3ee !important; box-shadow: 0 0 0 2px rgba(34, 211, 238, 0.15) !important;}
.search-page__input::placeholder, .search-bar__input::placeholder{color: rgba(255, 255, 255, 0.35) !important;}
@media (max-width: 799px){
  .ft-newsletter{display: block !important;}
}
@media (max-width: 799px){
  .ft-slidein{bottom: 64px !important;}
}
body.page-newsletter .ft-slidein, body[data-page="newsletter"] .ft-slidein{display: none !important;}
.pillar-hero{text-align:center;padding:64px 24px 40px;border-bottom:1px solid rgba(255,255,255,.06)}
.pillar-hero__inner{max-width:640px;margin:0 auto}
.pillar-hero__title{font-family:"Space Grotesk",sans-serif;font-size:clamp(2rem,5vw,3.25rem);font-weight:700;color:#fff;margin:12px 0 8px}
.pillar-hero__tagline{font-size:1.125rem;color:rgba(255,255,255,.7);margin:0 0 12px;line-height:1.5}
.pillar-hero__count{font-size:.875rem;color:#22d3ee;letter-spacing:.02em}
.ft-badge{display:inline-block;padding:4px 14px;border-radius:999px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;background:rgba(34,211,238,.12);color:#22d3ee;border:1px solid rgba(34,211,238,.25)}
.pillar-related{display:flex;flex-wrap:wrap;align-items:center;gap:10px;padding:16px 24px;border-bottom:1px solid rgba(255,255,255,.06)}
.pillar-related__label{font-size:.8rem;color:rgba(255,255,255,.5);margin:0}
.pillar-related__link{display:inline-block;padding:5px 14px;border-radius:6px;font-size:.8rem;color:rgba(255,255,255,.75);background:rgba(255,255,255,.06);text-decoration:none;transition:background .15s,color .15s}
.pillar-related__link:hover{background:rgba(34,211,238,.15);color:#22d3ee}
.pillar-articles{padding:32px 24px}
.pillar-articles__heading{font-family:"Space Grotesk",sans-serif;font-size:1.25rem;font-weight:600;color:#fff;margin:0 0 24px}
@media (pointer: coarse){
  .nav-links a, .mobile-nav a, .footer a, .share-btn, .pagination a, .topic-chip, .cookie-btn, button, .hamburger{min-height: 44px; min-width: 44px; display: inline-flex; align-items: center; justify-content: center;}
  .footer a{padding-block: 8px;}
  .pagination a{padding: 10px 16px;}
}
/* ==== source: /static/homepage-v3.css ==== */
:where(body:has(main.home)) .ft-home{max-width: 1100px; margin: 0 auto; padding: 12px 16px 48px; display: block;}
:where(body:has(main.home)) .ft-label{margin: 0 0 14px; font-size: 11px; font-weight: 700; letter-spacing: 0.14em; text-transform: uppercase; color: rgba(255,255,255,0.72);}
:where(body:has(main.home)) .ft-label--accent{padding-left: 10px; border-left: 3px solid #22d3ee;}
:where(body:has(main.home)) .ft-badge{display: inline-block; padding: 5px 10px; border-radius: 6px; font-size: 10.5px; font-weight: 700; letter-spacing: 0.08em; text-transform: uppercase; line-height: 1; white-space: nowrap;}
:where(body:has(main.home)) .ft-badge--sm{padding: 3px 7px; font-size: 9.5px; border-radius: 4px;}
:where(body:has(main.home)) .ft-badge--ai{color: #a78bfa; background: rgba(167,139,250,0.14);}
:where(body:has(main.home)) .ft-badge--security, :where(body:has(main.home)) .ft-badge--cybersecurity{color: #f87171; background: rgba(248,113,113,0.14);}
:where(body:has(main.home)) .ft-badge--computing, :where(body:has(main.home)) .ft-badge--hardware{color: #34d399; background: rgba(52,211,153,0.14);}
:where(body:has(main.home)) .ft-badge--science, :where(body:has(main.home)) .ft-badge--space{color: #fbbf24; background: rgba(251,191,36,0.14);}
:where(body:has(main.home)) .ft-badge--technology, :where(body:has(main.home)) .ft-badge--news{color: #22d3ee; background: rgba(34,211,238,0.14);}
:where(body:has(main.home)) .ft-badge--gadgets{color: #f472b6; background: rgba(244,114,182,0.14);}
:where(body:has(main.home)) .ft-badge--reviews{color: #fb923c; background: rgba(251,146,60,0.14);}
:where(body:has(main.home)) .ft-badge--evs, :where(body:has(main.home)) .ft-badge--self-driving{color: #2dd4bf; background: rgba(45,212,191,0.14);}
:where(body:has(main.home)) .ft-badge--tools, :where(body:has(main.home)) .ft-badge--software{color: #818cf8; background: rgba(129,140,248,0.14);}
:where(body:has(main.home)) .ft-badge--policy{color: #94a3b8; background: rgba(148,163,184,0.14);}
:where(body:has(main.home)) .ft-badge--robotics{color: #a78bfa; background: rgba(167,139,250,0.14);}
:where(body:has(main.home)) .ft-featured{margin: 8px 0 20px;}
:where(body:has(main.home)) .ft-featured__link{display: block; text-decoration: none !important; color: inherit; border-radius: 16px; overflow: hidden; transition: transform 0.2s ease, box-shadow 0.25s;}
:where(body:has(main.home)) .ft-featured__link:hover{transform: translateY(-3px); box-shadow: 0 16px 48px rgba(0,0,0,0.45);}
:where(body:has(main.home)) .ft-featured__bg{position: relative; min-height: auto; display: flex; align-items: center; border-radius: 16px; overflow: hidden;}
:where(body:has(main.home)) .ft-featured__bg::before{content: ""; position: absolute; top: -30%; right: -10%; width: 50%; height: 120%; border-radius: 50%; pointer-events: none;}
:where(body:has(main.home)) .ft-featured__bg--ai{background: linear-gradient(155deg, #1e1245 0%, #130d30 50%, #0c0820 100%);}
:where(body:has(main.home)) .ft-featured__bg--ai::before{background: radial-gradient(circle, rgba(167,139,250,0.1) 0%, transparent 60%);}
:where(body:has(main.home)) .ft-featured__bg--security, :where(body:has(main.home)) .ft-featured__bg--cybersecurity{background: linear-gradient(155deg, #2d1520 0%, #1e0d18 50%, #120810 100%);}
:where(body:has(main.home)) .ft-featured__bg--security::before, :where(body:has(main.home)) .ft-featured__bg--cybersecurity::before{background: radial-gradient(circle, rgba(248,113,113,0.1) 0%, transparent 60%);}
:where(body:has(main.home)) .ft-featured__bg--computing, :where(body:has(main.home)) .ft-featured__bg--hardware{background: linear-gradient(155deg, #0d2a20 0%, #081e18 50%, #051410 100%);}
:where(body:has(main.home)) .ft-featured__bg--computing::before, :where(body:has(main.home)) .ft-featured__bg--hardware::before{background: radial-gradient(circle, rgba(52,211,153,0.1) 0%, transparent 60%);}
:where(body:has(main.home)) .ft-featured__bg--science, :where(body:has(main.home)) .ft-featured__bg--space{background: linear-gradient(155deg, #2a2010 0%, #1e180a 50%, #141005 100%);}
:where(body:has(main.home)) .ft-featured__bg--science::before, :where(body:has(main.home)) .ft-featured__bg--space::before{background: radial-gradient(circle, rgba(251,191,36,0.1) 0%, transparent 60%);}
:where(body:has(main.home)) .ft-featured__bg--technology, :where(body:has(main.home)) .ft-featured__bg--news{background: linear-gradient(155deg, #0d1e35 0%, #081528 50%, #050e1c 100%);}
:where(body:has(main.home)) .ft-featured__bg--technology::before, :where(body:has(main.home)) .ft-featured__bg--news::before{background: radial-gradient(circle, rgba(34,211,238,0.1) 0%, transparent 60%);}
:where(body:has(main.home)) .ft-featured__bg--gadgets{background: linear-gradient(155deg, #2a1025 0%, #1e0a1a 50%, #120510 100%);}
:where(body:has(main.home)) .ft-featured__bg--gadgets::before{background: radial-gradient(circle, rgba(244,114,182,0.1) 0%, transparent 60%);}
:where(body:has(main.home)) .ft-featured__bg--reviews{background: linear-gradient(155deg, #2a1a0d 0%, #1e1208 50%, #140d05 100%);}
:where(body:has(main.home)) .ft-featured__bg--reviews::before{background: radial-gradient(circle, rgba(251,146,60,0.1) 0%, transparent 60%);}
:where(body:has(main.home)) .ft-featured__bg--evs, :where(body:has(main.home)) .ft-featured__bg--self-driving{background: linear-gradient(155deg, #0d2a28 0%, #081e1c 50%, #051412 100%);}
:where(body:has(main.home)) .ft-featured__bg--evs::before, :where(body:has(main.home)) .ft-featured__bg--self-driving::before{background: radial-gradient(circle, rgba(45,212,191,0.1) 0%, transparent 60%);}
:where(body:has(main.home)) .ft-featured__bg--tools, :where(body:has(main.home)) .ft-featured__bg--software{background: linear-gradient(155deg, #151545 0%, #0d0d30 50%, #080820 100%);}
:where(body:has(main.home)) .ft-featured__bg--tools::before, :where(body:has(main.home)) .ft-featured__bg--software::before{background: radial-gradient(circle, rgba(129,140,248,0.1) 0%, transparent 60%);}
:where(body:has(main.home)) .ft-featured__bg--policy{background: linear-gradient(155deg, #1a1e28 0%, #12151e 50%, #0a0d14 100%);}
:where(body:has(main.home)) .ft-featured__bg--policy::before{background: radial-gradient(circle, rgba(148,163,184,0.06) 0%, transparent 60%);}
:where(body:has(main.home)) .ft-featured__bg--robotics{background: linear-gradient(155deg, #1e1245 0%, #130d30 50%, #0c0820 100%);}
:where(body:has(main.home)) .ft-featured__bg--robotics::before{background: radial-gradient(circle, rgba(167,139,250,0.1) 0%, transparent 60%);}
:where(body:has(main.home)) .ft-featured__inner{position: relative; padding: 28px 28px 28px; width: 100%;}
:where(body:has(main.home)) .ft-featured__title{margin: 12px 0 0; font-size: 24px; line-height: 1.2; font-weight: 800; letter-spacing: -0.02em; color: #fff;}
:where(body:has(main.home)) .ft-featured__desc{margin: 10px 0 0; font-size: 14.5px; line-height: 1.55; color: rgba(255,255,255,0.72); max-width: 42em;}
:where(body:has(main.home)) .ft-featured__meta{margin: 14px 0 0; font-size: 12.5px; color: rgba(255,255,255,0.5);}
:where(body:has(main.home)) .ft-secondary{margin: 0 0 28px;}
:where(body:has(main.home)) .ft-secondary__grid{display: grid; grid-template-columns: 1fr; gap: 12px;}
:where(body:has(main.home)) .ft-secondary__card{display: block; text-decoration: none !important; color: inherit; border-radius: 12px; overflow: hidden; border: 1px solid rgba(255,255,255,0.06); background: rgba(255,255,255,0.02); transition: transform 0.2s, border-color 0.2s, box-shadow 0.25s;}
:where(body:has(main.home)) .ft-secondary__card:hover{transform: translateY(-2px); border-color: rgba(34,211,238,0.15); box-shadow: 0 8px 28px rgba(0,0,0,0.3);}
:where(body:has(main.home)) .ft-secondary__top--ai{background: linear-gradient(90deg, #a78bfa, rgba(167,139,250,0.3));}
:where(body:has(main.home)) .ft-secondary__top--security, :where(body:has(main.home)) .ft-secondary__top--cybersecurity{background: linear-gradient(90deg, #f87171, rgba(248,113,113,0.3));}
:where(body:has(main.home)) .ft-secondary__top--computing, :where(body:has(main.home)) .ft-secondary__top--hardware{background: linear-gradient(90deg, #34d399, rgba(52,211,153,0.3));}
:where(body:has(main.home)) .ft-secondary__top--science, :where(body:has(main.home)) .ft-secondary__top--space{background: linear-gradient(90deg, #fbbf24, rgba(251,191,36,0.3));}
:where(body:has(main.home)) .ft-secondary__top--technology, :where(body:has(main.home)) .ft-secondary__top--news{background: linear-gradient(90deg, #22d3ee, rgba(34,211,238,0.3));}
:where(body:has(main.home)) .ft-secondary__top--gadgets{background: linear-gradient(90deg, #f472b6, rgba(244,114,182,0.3));}
:where(body:has(main.home)) .ft-secondary__top--reviews{background: linear-gradient(90deg, #fb923c, rgba(251,146,60,0.3));}
:where(body:has(main.home)) .ft-secondary__top--evs, :where(body:has(main.home)) .ft-secondary__top--self-driving{background: linear-gradient(90deg, #2dd4bf, rgba(45,212,191,0.3));}
:where(body:has(main.home)) .ft-secondary__top--tools, :where(body:has(main.home)) .ft-secondary__top--software{background: linear-gradient(90deg, #818cf8, rgba(129,140,248,0.3));}
:where(body:has(main.home)) .ft-secondary__top--policy{background: linear-gradient(90deg, #94a3b8, rgba(148,163,184,0.3));}
:where(body:has(main.home)) .ft-secondary__top--robotics{background: linear-gradient(90deg, #a78bfa, rgba(167,139,250,0.3));}
:where(body:has(main.home)) .ft-secondary__body{padding: 14px 16px 16px;}
:where(body:has(main.home)) .ft-secondary__title{margin: 8px 0 0; font-size: 15.5px; line-height: 1.35; font-weight: 600; color: #f4f6fb;}
:where(body:has(main.home)) .ft-secondary__meta{margin: 8px 0 0; font-size: 12px; color: rgba(255,255,255,0.35);}
:where(body:has(main.home)) .ft-trending{margin: 0 0 28px;}
:where(body:has(main.home)) .ft-trending__list{list-style: none; margin: 0; padding: 0;}
:where(body:has(main.home)) .ft-trending__item{border-bottom: 1px solid rgba(255,255,255,0.06);}
:where(body:has(main.home)) .ft-trending__item:last-child{border-bottom: none;}
:where(body:has(main.home)) .ft-trending__item > a{display: flex; align-items: baseline; gap: 16px; padding: 12px 0; text-decoration: none !important; color: inherit; transition: padding-left 0.15s;}
:where(body:has(main.home)) .ft-trending__item > a:hover{padding-left: 4px;}
:where(body:has(main.home)) .ft-trending__num{flex: 0 0 28px; font-size: 26px; font-weight: 800; line-height: 1; color: #22d3ee; opacity: 0.55; font-variant-numeric: tabular-nums;}
:where(body:has(main.home)) .ft-trending__item > a:hover .ft-trending__num{opacity: 1;}
:where(body:has(main.home)) .ft-trending__body{display: flex; flex-direction: column; align-items: flex-start; gap: 5px; min-width: 0;}
:where(body:has(main.home)) .ft-trending__title{margin: 0; font-size: 14.5px; line-height: 1.35; font-weight: 600; color: #f4f6fb;}
:where(body:has(main.home)) .ft-newsletter{margin: 0 0 32px; padding: 28px 24px; border: 1px solid rgba(255,255,255,0.06); border-radius: 16px; background: rgba(255,255,255,0.02);}
:where(body:has(main.home)) .ft-newsletter__inner{max-width: 560px;}
:where(body:has(main.home)) .ft-newsletter__title{margin: 0; font-size: 18px; font-weight: 700; color: #f4f6fb;}
:where(body:has(main.home)) .ft-newsletter__desc{margin: 6px 0 16px; font-size: 13.5px; line-height: 1.5; color: rgba(255,255,255,0.5);}
:where(body:has(main.home)) .ft-newsletter__fields{display: flex; flex-direction: column; gap: 10px;}
:where(body:has(main.home)) .ft-newsletter__input{width: 100%; padding: 12px 14px; font-size: 15px; font-family: inherit; color: #f4f6fb; background: rgba(255,255,255,0.06); border: 1px solid rgba(255,255,255,0.1); border-radius: 10px; outline: none; -webkit-appearance: none; box-sizing: border-box;}
:where(body:has(main.home)) .ft-newsletter__input::placeholder{color: rgba(255,255,255,0.35);}
:where(body:has(main.home)) .ft-newsletter__input:focus{border-color: rgba(34,211,238,0.5); background: rgba(255,255,255,0.08);}
:where(body:has(main.home)) .ft-newsletter__btn{padding: 12px 20px; font-size: 14px; font-weight: 700; font-family: inherit; letter-spacing: 0.02em; color: #04121a; background: linear-gradient(135deg, #22d3ee, #0ea5c4); border: none; border-radius: 10px; cursor: pointer; transition: filter 0.15s; white-space: nowrap;}
:where(body:has(main.home)) .ft-newsletter__btn:hover{filter: brightness(1.1);}
:where(body:has(main.home)) .ft-newsletter__trust{display: block; margin-top: 10px; font-size: 11.5px; color: rgba(255,255,255,0.35); letter-spacing: 0.02em;}
:where(body:has(main.home)) .ft-latest{margin: 0;}
:where(body:has(main.home)) .ft-latest__grid{display: flex; flex-direction: column;}
:where(body:has(main.home)) .ft-latest__card{display: block; padding: 14px 0 14px 14px; border-bottom: 1px solid rgba(255,255,255,0.06); border-left: 3px solid transparent; text-decoration: none !important; color: inherit; transition: border-color 0.15s, padding-left 0.15s;}
:where(body:has(main.home)) .ft-latest__card:last-child{border-bottom: none;}
:where(body:has(main.home)) .ft-latest__card:hover{padding-left: 18px;}
:where(body:has(main.home)) .ft-latest__title{margin: 4px 0 0; font-size: 15px; line-height: 1.35; font-weight: 600; color: #f4f6fb;}
:where(body:has(main.home)) .ft-latest__card:hover .ft-latest__title{margin: 4px 0 0; font-size: 15px; line-height: 1.35; font-weight: 600; color: #f4f6fb;}
:where(body:has(main.home)) .ft-latest__meta{margin: 5px 0 0; font-size: 11.5px; color: rgba(255,255,255,0.35);}
@media (min-width: 480px){
  :where(body:has(main.home)) .ft-featured__inner{padding: 30px 32px 30px;}
  :where(body:has(main.home)) .ft-featured__title{font-size: 28px;}
  :where(body:has(main.home)) .ft-featured__desc{font-size: 15px;}
  :where(body:has(main.home)) .ft-newsletter__fields{flex-direction: row;}
  :where(body:has(main.home)) .ft-newsletter__input{flex: 1;}
  :where(body:has(main.home)) .ft-newsletter__btn{flex: 0 0 auto;}
}
@media (min-width: 680px){
  :where(body:has(main.home)) .ft-home{padding: 20px 20px 56px;}
  :where(body:has(main.home)) .ft-featured__bg{min-height: auto;}
  :where(body:has(main.home)) .ft-featured__inner{padding: 32px 40px 32px;}
  :where(body:has(main.home)) .ft-featured__title{font-size: 32px;}
  :where(body:has(main.home)) .ft-featured__desc{font-size: 15.5px;}
  :where(body:has(main.home)) .ft-secondary__grid{grid-template-columns: repeat(3, 1fr);}
  :where(body:has(main.home)) .ft-secondary__title{font-size: 15px;}
}
@media (min-width: 1100px){
  :where(body:has(main.home)) .ft-home{display: grid; grid-template-columns: minmax(0, 2fr) minmax(0, 1fr); column-gap: 48px; align-items: start; padding: 20px 0 64px;}
  :where(body:has(main.home)) .ft-home > .ft-featured{grid-column: 1 / -1;}
  :where(body:has(main.home)) .ft-home > .ft-secondary{grid-column: 1 / -1;}
  :where(body:has(main.home)) .ft-home > .ft-trending{grid-column: 2; grid-row: 3 / 5;}
  :where(body:has(main.home)) .ft-home > .ft-newsletter{grid-column: 1; grid-row: 3;}
  :where(body:has(main.home)) .ft-home > .ft-latest{grid-column: 1; grid-row: 4;}
  :where(body:has(main.home)) .ft-home > .ft-trending{margin: 0; padding: 20px 22px; background: rgba(255,255,255,0.02); border: 1px solid rgba(255,255,255,0.06); border-radius: 16px; position: sticky; top: 80px;}
  :where(body:has(main.home)) .ft-featured__bg{min-height: auto;}
  :where(body:has(main.home)) .ft-featured__inner{padding: 36px 48px 36px;}
  :where(body:has(main.home)) .ft-featured__title{font-size: 38px;}
  :where(body:has(main.home)) .ft-featured__desc{font-size: 16px;}
  :where(body:has(main.home)) .ft-latest__grid{display: grid; grid-template-columns: repeat(2, 1fr); column-gap: 32px;}
  :where(body:has(main.home)) .ft-latest__card:last-child{border-bottom: 1px solid rgba(255,255,255,0.06);}
}
@media (min-width: 1600px){
  :where(body:has(main.home)) .ft-featured__title{font-size: 42px;}
  :where(body:has(main.home)) .ft-featured__bg{min-height: auto;}
}
@media (max-width: 400px){
  :where(body:has(main.home)) .ft-featured__inner{padding: 24px 20px 24px;}
  :where(body:has(main.home)) .ft-featured__title{font-size: 21px;}
}
@media (prefers-reduced-motion: reduce){
  :where(body:has(main.home)) .ft-featured__link, :where(body:has(main.home)) .ft-secondary__card, :where(body:has(main.home)) .ft-trending__item > a, :where(body:has(main.home)) .ft-latest__card{transition: none !important;}
}
:where(body:has(main.home)) .ft-home, :where(body:has(main.home)) .ft-home *{}
:where(body:has(main.home)) .ft-home .ft-badge, :where(body:has(main.home)) .ft-home .ft-featured__link, :where(body:has(main.home)) .ft-home .ft-secondary__card, :where(body:has(main.home)) .ft-home .ft-latest__card{box-shadow: none;}
:where(body:has(main.home)) .ft-home .ft-featured__link::before, :where(body:has(main.home)) .ft-home .ft-featured__link::after, :where(body:has(main.home)) .ft-home .ft-secondary__card::before, :where(body:has(main.home)) .ft-home .ft-secondary__card::after, :where(body:has(main.home)) .ft-home .ft-latest__card::before, :where(body:has(main.home)) .ft-home .ft-latest__card::after{display: none !important;}
:where(body:has(main.home)) .ft-consent, :where(body:has(main.home)) #ft-consent, :where(body:has(main.home)) [class*="cookie"], :where(body:has(main.home)) [id*="cookie"]{z-index: 9999;}
:where(body:has(main.home)) .ft-home{padding-bottom: 64px;}
:where(body:has(main.home)) .ft-latest__body{padding: 14px 18px 18px; display: flex; flex-direction: column; gap: 6px; flex: 1;}
@media (min-width: 800px) and (max-width: 1099px){
  :where(body:has(main.home)) .ft-secondary__grid{grid-template-columns: repeat(2, 1fr);}
  :where(body:has(main.home)) .ft-latest__grid{grid-template-columns: repeat(2, 1fr);}
  :where(body:has(main.home)) .ft-trending__list{columns: 1;}
  :where(body:has(main.home)) .ft-newsletter__inner{flex-direction: column; text-align: center;}
  :where(body:has(main.home)) .ft-newsletter__fields{justify-content: center;}
}
@media (max-width: 799px){
  :where(body:has(main.home)) .ft-secondary__grid{grid-template-columns: 1fr;}
  :where(body:has(main.home)) .ft-latest__grid{grid-template-columns: 1fr;}
}
:where(body:has(main.home)) .ft-latest__card--ai, :where(body:has(main.home)) .ft-latest__card--robotics{border-left-color: #a78bfa;}
:where(body:has(main.home)) .ft-latest__card--security, :where(body:has(main.home)) .ft-latest__card--cybersecurity{border-left-color: #f87171;}
:where(body:has(main.home)) .ft-latest__card--computing, :where(body:has(main.home)) .ft-latest__card--hardware{border-left-color: #34d399;}
:where(body:has(main.home)) .ft-latest__card--science, :where(body:has(main.home)) .ft-latest__card--space{border-left-color: #fbbf24;}
:where(body:has(main.home)) .ft-latest__card--technology, :where(body:has(main.home)) .ft-latest__card--news{border-left-color: #22d3ee;}
:where(body:has(main.home)) .ft-latest__card--gadgets{border-left-color: #f472b6;}
:where(body:has(main.home)) .ft-latest__card--evs, :where(body:has(main.home)) .ft-latest__card--self-driving{border-left-color: #2dd4bf;}
:where(body:has(main.home)) .ft-latest__card--reviews{border-left-color: #fb923c;}
:where(body:has(main.home)) .ft-latest__card--tools, :where(body:has(main.home)) .ft-latest__card--software{border-left-color: #818cf8;}
:where(body:has(main.home)) .ft-latest__card--policy{border-left-color: #94a3b8;}
:where(body:has(main.home)) .ft-secondary__card:has(.ft-badge--ai){border-left: 3px solid #a78bfa;}
:where(body:has(main.home)) .ft-secondary__card:has(.ft-badge--security), :where(body:has(main.home)) .ft-secondary__card:has(.ft-badge--cybersecurity){border-left: 3px solid #f87171;}
:where(body:has(main.home)) .ft-secondary__card:has(.ft-badge--computing), :where(body:has(main.home)) .ft-secondary__card:has(.ft-badge--hardware){border-left: 3px solid #34d399;}
:where(body:has(main.home)) .ft-secondary__card:has(.ft-badge--science), :where(body:has(main.home)) .ft-secondary__card:has(.ft-badge--space){border-left: 3px solid #fbbf24;}
:where(body:has(main.home)) .ft-secondary__card:has(.ft-badge--technology), :where(body:has(main.home)) .ft-secondary__card:has(.ft-badge--news){border-left: 3px solid #22d3ee;}
:where(body:has(main.home)) .ft-secondary__card:has(.ft-badge--gadgets){border-left: 3px solid #f472b6;}
:where(body:has(main.home)) .ft-secondary__card:has(.ft-badge--evs), :where(body:has(main.home)) .ft-secondary__card:has(.ft-badge--self-driving){border-left: 3px solid #2dd4bf;}
:where(body:has(main.home)) .ft-secondary__card:has(.ft-badge--reviews){border-left: 3px solid #fb923c;}
:where(body:has(main.home)) .ft-secondary__card:has(.ft-badge--tools), :where(body:has(main.home)) .ft-secondary__card:has(.ft-badge--software){border-left: 3px solid #818cf8;}
:where(body:has(main.home)) .ft-secondary__card:has(.ft-badge--policy){border-left: 3px solid #94a3b8;}
@media (max-width: 799px){
  :where(body:has(main.home)) .ft-secondary__card{background: transparent !important; border: none !important; border-bottom: 1px solid rgba(255,255,255,0.06) !important; border-left: 3px solid transparent !important; border-radius: 0 !important; padding: 12px 0 12px 14px !important; overflow: visible !important; display: block !important;}
  :where(body:has(main.home)) .ft-secondary__card:last-child{border-bottom: none !important;}
  :where(body:has(main.home)) .ft-secondary__card:hover{transform: none !important; box-shadow: none !important; padding-left: 18px !important;}
  :where(body:has(main.home)) .ft-secondary__body{padding: 0 !important;}
  :where(body:has(main.home)) .ft-secondary__title{font-size: 14.5px !important; line-height: 1.35 !important; margin-top: 5px !important;}
  :where(body:has(main.home)) .ft-secondary__meta{margin-top: 4px !important;}
  :where(body:has(main.home)) .ft-secondary{margin-bottom: 16px !important;}
  :where(body:has(main.home)) .ft-secondary__card:has(.ft-badge--ai){border-left: 3px solid #a78bfa !important;}
  :where(body:has(main.home)) .ft-secondary__card:has(.ft-badge--security), :where(body:has(main.home)) .ft-secondary__card:has(.ft-badge--cybersecurity){border-left: 3px solid #f87171 !important;}
  :where(body:has(main.home)) .ft-secondary__card:has(.ft-badge--computing), :where(body:has(main.home)) .ft-secondary__card:has(.ft-badge--hardware){border-left: 3px solid #34d399 !important;}
  :where(body:has(main.home)) .ft-secondary__card:has(.ft-badge--science), :where(body:has(main.home)) .ft-secondary__card:has(.ft-badge--space){border-left: 3px solid #fbbf24 !important;}
  :where(body:has(main.home)) .ft-secondary__card:has(.ft-badge--technology), :where(body:has(main.home)) .ft-secondary__card:has(.ft-badge--news){border-left: 3px solid #22d3ee !important;}
  :where(body:has(main.home)) .ft-secondary__card:has(.ft-badge--gadgets){border-left: 3px solid #f472b6 !important;}
  :where(body:has(main.home)) .ft-secondary__card:has(.ft-badge--evs), :where(body:has(main.home)) .ft-secondary__card:has(.ft-badge--self-driving){border-left: 3px solid #2dd4bf !important;}
  :where(body:has(main.home)) .ft-secondary__card:has(.ft-badge--reviews){border-left: 3px solid #fb923c !important;}
  :where(body:has(main.home)) .ft-secondary__card:has(.ft-badge--tools), :where(body:has(main.home)) .ft-secondary__card:has(.ft-badge--software){border-left: 3px solid #818cf8 !important;}
  :where(body:has(main.home)) .ft-secondary__card:has(.ft-badge--policy){border-left: 3px solid #94a3b8 !important;}
  :where(body:has(main.home)) .ft-latest__card{background: transparent !important; border: none !important; border-bottom: 1px solid rgba(255,255,255,0.06) !important; border-left: 3px solid transparent !important; border-radius: 0 !important; padding: 12px 0 12px 14px !important; display: block !important; overflow: visible !important;}
  :where(body:has(main.home)) .ft-latest__card:last-child{border-bottom: none !important;}
  :where(body:has(main.home)) .ft-latest__card:hover{transform: none !important; box-shadow: none !important;}
  :where(body:has(main.home)) .ft-latest__card .ft-latest__body{padding: 0 !important; display: block !important;}
  :where(body:has(main.home)) .ft-latest__card .ft-badge{display: inline-block !important; width: auto !important;}
  :where(body:has(main.home)) .ft-latest__title{font-size: 14.5px !important; line-height: 1.35 !important; margin: 4px 0 0 !important;}
  :where(body:has(main.home)) .ft-latest__meta{margin: 4px 0 0 !important;}
  :where(body:has(main.home)) .ft-latest__card--ai, :where(body:has(main.home)) .ft-latest__card--robotics{border-left: 3px solid #a78bfa !important;}
  :where(body:has(main.home)) .ft-latest__card--security, :where(body:has(main.home)) .ft-latest__card--cybersecurity{border-left: 3px solid #f87171 !important;}
  :where(body:has(main.home)) .ft-latest__card--computing, :where(body:has(main.home)) .ft-latest__card--hardware{border-left: 3px solid #34d399 !important;}
  :where(body:has(main.home)) .ft-latest__card--science, :where(body:has(main.home)) .ft-latest__card--space{border-left: 3px solid #fbbf24 !important;}
  :where(body:has(main.home)) .ft-latest__card--technology, :where(body:has(main.home)) .ft-latest__card--news{border-left: 3px solid #22d3ee !important;}
  :where(body:has(main.home)) .ft-latest__card--gadgets{border-left: 3px solid #f472b6 !important;}
  :where(body:has(main.home)) .ft-latest__card--evs, :where(body:has(main.home)) .ft-latest__card--self-driving{border-left: 3px solid #2dd4bf !important;}
  :where(body:has(main.home)) .ft-latest__card--reviews{border-left: 3px solid #fb923c !important;}
  :where(body:has(main.home)) .ft-latest__card--tools, :where(body:has(main.home)) .ft-latest__card--software{border-left: 3px solid #818cf8 !important;}
  :where(body:has(main.home)) .ft-latest__card--policy{border-left: 3px solid #94a3b8 !important;}
  :where(body:has(main.home)) .ft-trending__item a{align-items: flex-start !important;}
  :where(body:has(main.home)) .ft-trending__num{margin-top: 2px !important; flex-shrink: 0 !important;}
  :where(body:has(main.home)) .ft-newsletter{display: none !important;}
  :where(body:has(main.home)) .ft-trending{margin-bottom: 16px !important;}
  :where(body:has(main.home)) .ft-featured{margin-bottom: 14px !important;}
}
@media (max-width: 480px){
  :where(body:has(main.home)) .ft-secondary__title{font-size: 13.5px !important;}
  :where(body:has(main.home)) .ft-latest__title{font-size: 13.5px !important;}
}
/* ==== source: /static/design-system.css ==== */
:root{--bg: #070b18; --surface-0: #0a0f1f; --surface-1: #0c1122; --surface-2: #111a33; --ink: #f4f6fb; --ink-soft: #b8bdd0; --ink-mute: #8b92a8; --ink-faint: rgba(255, 255, 255, 0.35); --hairline: rgba(255, 255, 255, 0.06); --accent: #22d3ee; --accent-dim: rgba(34, 211, 238, 0.12); --accent-glow: rgba(34, 211, 238, 0.25); --danger: #f87171; --success: #34d399; --warning: #fbbf24; --font-body: "Outfit", system-ui, -apple-system, sans-serif; --font-heading: "Space Grotesk", var(--font-body); --font-mono: "JetBrains Mono", ui-monospace, "Cascadia Code", monospace; --step--2: clamp(0.6944rem, 0.6613rem + 0.1653vi, 0.8rem); --step--1: clamp(0.8333rem, 0.7754rem + 0.2899vi, 1rem); --step-0: clamp(1rem, 0.9048rem + 0.4762vi, 1.25rem); --step-1: clamp(1.2rem, 1.0514rem + 0.7429vi, 1.5625rem); --step-2: clamp(1.44rem, 1.2171rem + 1.1143vi, 1.9531rem); --step-3: clamp(1.728rem, 1.4037rem + 1.6217vi, 2.4414rem); --step-4: clamp(2.0736rem, 1.6131rem + 2.3029vi, 3.0518rem); --step-5: clamp(2.4883rem, 1.8469rem + 3.2074vi, 3.8147rem); --space-3xs: clamp(0.25rem, 0.2262rem + 0.119vi, 0.3125rem); --space-2xs: clamp(0.5rem, 0.4524rem + 0.2381vi, 0.625rem); --space-xs: clamp(0.75rem, 0.6786rem + 0.3571vi, 0.9375rem); --space-s: clamp(1rem, 0.9048rem + 0.4762vi, 1.25rem); --space-m: clamp(1.5rem, 1.3571rem + 0.7143vi, 1.875rem); --space-l: clamp(2rem, 1.8095rem + 0.9524vi, 2.5rem); --space-xl: clamp(3rem, 2.7143rem + 1.4286vi, 3.75rem); --space-2xl: clamp(4rem, 3.619rem + 1.9048vi, 5rem); --content-width: 72rem; --prose-width: 42.5rem; --gutter: var(--space-s); --radius-xs: 4px; --radius-s: 6px; --radius-m: 8px; --radius-l: 12px; --radius-xl: 16px; --radius-pill: 100px; --shadow-s: 0 1px 3px rgba(0, 0, 0, 0.3); --shadow-m: 0 4px 12px rgba(0, 0, 0, 0.4); --shadow-l: 0 8px 24px rgba(0, 0, 0, 0.5); --shadow-glow: 0 0 24px var(--accent-dim); --ease-out: cubic-bezier(0.4, 0, 0.2, 1); --duration-fast: 0.15s; --duration-normal: 0.25s;}
body{font-family: var(--font-body); font-size: var(--step-0); line-height: 1.6; color: var(--ink); background: var(--bg); -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}
h1, h2, h3, h4, h5, h6{font-family: var(--font-heading); line-height: 1.15; font-weight: 700; color: var(--ink); text-wrap: balance;}
h1{font-size: var(--step-4);}
h2{font-size: var(--step-3);}
h3{font-size: var(--step-2);}
h4{font-size: var(--step-1);}
h5{font-size: var(--step-0);}
h1, h2, h3, h4, h5, h6, p, ul, ol, blockquote, figure, pre, table{margin-block: 0 var(--space-s);}
article > * + h2{margin-block-start: var(--space-xl);}
article > * + h3{margin-block-start: var(--space-l);}
article p, article li, article blockquote{max-width: var(--prose-width);}
a{color: var(--accent); text-decoration-thickness: 1px; text-underline-offset: 0.15em; transition: color var(--duration-fast) var(--ease-out);}
a:hover{color: #67e8f9;}
.btn, .cta, button.cta{display: inline-flex; align-items: center; justify-content: center; gap: 0.5em; padding: 0.625rem 1.5rem; border: none; border-radius: var(--radius-s); font-family: var(--font-body); font-size: var(--step--1); font-weight: 600; line-height: 1.2; cursor: pointer; text-decoration: none; transition: background var(--duration-fast) var(--ease-out), opacity var(--duration-fast) var(--ease-out), transform var(--duration-fast) var(--ease-out), box-shadow var(--duration-fast) var(--ease-out);}
.btn--primary, a.cta, button.cta{background: var(--accent); color: var(--bg);}
.btn--primary:hover, a.cta:hover, button.cta:hover{opacity: 0.88; transform: translateY(-1px); box-shadow: var(--shadow-glow);}
:focus-visible{outline: 2px solid var(--accent); outline-offset: 3px; border-radius: var(--radius-xs);}
button:focus-visible, a.cta:focus-visible, .btn:focus-visible{outline-offset: 4px;}
.skip-link{position: absolute; top: -100%; left: var(--space-s); background: var(--accent); color: var(--bg); padding: 0.5rem 1rem; border-radius: var(--radius-s); font-weight: 600; z-index: 10000; transition: top 0.2s;}
.skip-link:focus{top: var(--space-xs);}
@media (prefers-reduced-motion: reduce){
  *, *::before, *::after{animation-duration: 0.01ms !important; animation-iteration-count: 1 !important; transition-duration: 0.01ms !important; scroll-behavior: auto !important;}
}
.glass-header{position: sticky; top: 0; z-index: 100; backdrop-filter: blur(20px) saturate(1.4); -webkit-backdrop-filter: blur(20px) saturate(1.4); background: rgba(7, 11, 24, 0.82); border-bottom: 1px solid var(--hairline); transition: background var(--duration-normal) var(--ease-out), box-shadow var(--duration-normal) var(--ease-out);}
.glass-header.scrolled{background: rgba(7, 11, 24, 0.95); box-shadow: 0 2px 20px rgba(0, 0, 0, 0.4);}
.glass-header__inner{max-width: var(--content-width); margin: 0 auto; display: flex; align-items: center; gap: var(--space-s); padding: 0.625rem var(--gutter); min-height: 3.5rem;}
.glass-header__brand{display: inline-flex; align-items: center; gap: 0.5rem; text-decoration: none; color: var(--ink); font-family: var(--font-heading); font-weight: 700; font-size: var(--step-0); flex-shrink: 0;}
.glass-header__wordmark{display: none;}
@media (min-width: 768px){
  .glass-header__wordmark{display: inline;}
}
.glass-header__nav{display: none; align-items: center; gap: 0.125rem; margin-left: auto;}
@media (min-width: 1024px){
  .glass-header__nav{display: flex;}
}
.glass-header__link{color: var(--ink-soft); text-decoration: none; font-size: var(--step--1); font-weight: 500; padding: 0.375rem 0.625rem; border-radius: var(--radius-s); transition: color var(--duration-fast), background var(--duration-fast); white-space: nowrap;}
.glass-header__link:hover, .glass-header__link[aria-current="page"]{color: var(--ink); background: rgba(255, 255, 255, 0.06);}
.glass-header__more{position: relative;}
.glass-header__more-btn{background: none; border: none; cursor: pointer;}
.glass-header__dropdown{position: absolute; top: calc(100% + 0.5rem); right: 0; min-width: 10rem; background: var(--surface-1); border: 1px solid var(--hairline); border-radius: var(--radius-m); padding: 0.375rem; box-shadow: var(--shadow-l); opacity: 0; visibility: hidden; transform: translateY(-4px); transition: opacity var(--duration-fast), transform var(--duration-fast), visibility var(--duration-fast); z-index: 200;}
.glass-header__more[data-open="true"] .glass-header__dropdown, .glass-header__more-btn[aria-expanded="true"] + .glass-header__dropdown{opacity: 1; visibility: visible; transform: translateY(0);}
.glass-header__dropdown a{display: block; padding: 0.5rem 0.75rem; color: var(--ink-soft); text-decoration: none; font-size: var(--step--1); border-radius: var(--radius-xs); transition: background var(--duration-fast), color var(--duration-fast);}
.glass-header__dropdown a:hover{background: rgba(255, 255, 255, 0.06); color: var(--ink);}
.glass-header__actions{display: flex; align-items: center; gap: 0.75rem; margin-left: auto;}
@media (min-width: 1024px){
  .glass-header__actions{margin-left: 0;}
}
.glass-header__cta{display: none; background: var(--accent); color: var(--bg); padding: 0.4375rem 1rem; border-radius: var(--radius-s); font-weight: 600; font-size: var(--step--1); text-decoration: none; transition: opacity var(--duration-fast);}
@media (min-width: 768px){
  .glass-header__cta{display: inline-flex;}
}
.glass-header__cta:hover{opacity: 0.88;}
.glass-header__hamburger{display: flex; flex-direction: column; justify-content: center; gap: 4px; background: none; border: none; padding: 0.5rem; cursor: pointer; width: 2.25rem; height: 2.25rem; border-radius: var(--radius-s); transition: background var(--duration-fast);}
@media (min-width: 1024px){
  .glass-header__hamburger{display: none;}
}
.glass-header__hamburger:hover{background: rgba(255, 255, 255, 0.06);}
.glass-header__hamburger span{display: block; width: 18px; height: 2px; background: var(--ink-soft); border-radius: 1px; transition: transform var(--duration-fast), opacity var(--duration-fast);}
.takeaways, .key-takeaways{background: var(--surface-1); border: 1px solid var(--hairline); border-left: 3px solid var(--accent); border-radius: var(--radius-m); padding: var(--space-m) var(--space-m) var(--space-s); margin-block: var(--space-l); max-width: var(--prose-width);}
.takeaways h3, .key-takeaways h3{font-family: var(--font-heading); font-size: var(--step-0); font-weight: 600; color: var(--accent); margin-block-end: var(--space-xs); display: flex; align-items: center; gap: 0.5rem;}
.takeaways h3::before, .key-takeaways h3::before{content: ""; display: inline-block; width: 1.25rem; height: 1.25rem; background: var(--accent); -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='9 11 12 14 22 4'/%3E%3Cpath d='M21 12v7a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h11'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='9 11 12 14 22 4'/%3E%3Cpath d='M21 12v7a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h11'/%3E%3C/svg%3E"); flex-shrink: 0;}
.takeaways ul, .key-takeaways ul{list-style: none; padding-left: 0; margin: 0;}
.takeaways li, .key-takeaways li{position: relative; padding-left: 1.5rem; margin-block-end: 0.5rem; color: var(--ink-soft); font-size: var(--step--1); line-height: 1.6;}
.takeaways li::before, .key-takeaways li::before{content: ""; position: absolute; left: 0; top: 0.55em; width: 6px; height: 6px; border-radius: 50%; background: var(--accent); opacity: 0.7;}
.share-btn{display: inline-flex; align-items: center; justify-content: center; gap: 0.375rem; padding: 0.4375rem 0.75rem; border: 1px solid var(--hairline); border-radius: var(--radius-pill); background: transparent; color: var(--ink-soft); font-size: var(--step--2); text-decoration: none; cursor: pointer; transition: border-color var(--duration-fast), color var(--duration-fast), background var(--duration-fast); line-height: 1;}
.share-btn:hover{border-color: var(--accent); color: var(--accent); background: var(--accent-dim);}
.share-btn svg{flex-shrink: 0;}
.share-row + .sources{padding-bottom: var(--space-l);}
.pagination{display: flex; align-items: center; justify-content: center; gap: 0.25rem; padding: var(--space-l) 0; margin-block-start: var(--space-m); font-family: var(--font-body);}
.pagination__link[aria-disabled="true"]{opacity: 0.4; pointer-events: none;}
.page-header{text-align: center; margin-block-end: var(--space-xl); padding-block: var(--space-l);}
.page-header__eyebrow{font-family: var(--font-heading); font-size: var(--step--2); font-weight: 600; text-transform: uppercase; letter-spacing: 0.12em; color: var(--accent); margin-block-end: var(--space-2xs);}
.page-header__title{font-size: var(--step-4); margin-block-end: var(--space-2xs);}
.related-nl-cta{background: var(--surface-1); border: 1px solid var(--hairline); border-radius: var(--radius-l); padding: var(--space-l); text-align: center; margin-block: var(--space-xl); max-width: var(--prose-width); margin-inline: auto;}
.related-nl-cta h3{font-family: var(--font-heading); font-size: var(--step-1); margin-block-end: var(--space-2xs);}
.related-nl-cta p{color: var(--ink-soft); font-size: var(--step--1); margin-block-end: var(--space-m); max-width: 28em; margin-inline: auto;}
.related-nl-cta .cta{background: var(--accent); color: var(--bg); padding: 0.625rem 1.5rem; border-radius: var(--radius-s); font-weight: 600; text-decoration: none; display: inline-block; transition: opacity var(--duration-fast);}
.related-nl-cta .cta:hover{opacity: 0.88;}
.breadcrumb-nav{padding: var(--space-xs) 0; font-size: var(--step--2); color: var(--ink-mute);}
.breadcrumb-nav a{color: var(--ink-mute); text-decoration: none;}
.breadcrumb-nav a:hover{color: var(--accent);}
.bsep{margin: 0 0.375rem; opacity: 0.5;}
.sources{margin-block-start: var(--space-l); padding-block-start: var(--space-m); border-top: 1px solid var(--hairline);}
.sources h3{font-family: var(--font-heading); font-size: var(--step-0); font-weight: 600; margin-block-end: var(--space-xs);}
.sources ul{list-style: none; padding-left: 0;}
.sources li{padding: 0.25rem 0; font-size: var(--step--1);}
.sources a{color: var(--ink-soft); text-decoration: underline; text-decoration-color: rgba(255, 255, 255, 0.2); text-underline-offset: 0.15em;}
.sources a:hover{color: var(--accent); text-decoration-color: var(--accent);}
#back-to-top{position: fixed; bottom: 1.5rem; right: 1.5rem; width: 2.75rem; height: 2.75rem; border-radius: 50%; background: var(--surface-1); border: 1px solid var(--hairline); color: var(--ink-soft); cursor: pointer; display: flex; align-items: center; justify-content: center; opacity: 0; visibility: hidden; transform: translateY(0.5rem); transition: opacity var(--duration-normal), visibility var(--duration-normal), transform var(--duration-normal), background var(--duration-fast); z-index: 90; box-shadow: var(--shadow-m);}
#back-to-top.visible{opacity: 1; visibility: visible; transform: translateY(0);}
#back-to-top:hover{background: var(--accent); color: var(--bg); border-color: var(--accent);}
#back-to-top svg{width: 1.25rem; height: 1.25rem; fill: none; stroke: currentColor; stroke-width: 2.5; stroke-linecap: round; stroke-linejoin: round;}
.reading-progress{position: fixed; top: 0; left: 0; width: 0%; height: 2px; background: var(--accent); z-index: 101; transition: width 0.1s linear;}
@media print{
  *, *::before, *::after{background: transparent !important; color: #000 !important; box-shadow: none !important; text-shadow: none !important;}
  body{font-size: 11pt; line-height: 1.5; font-family: Georgia, "Times New Roman", serif;}
  .glass-header, .mobile-overlay, .site-footer, .share-row, .share-btn-group, #back-to-top, .reading-progress, .skip-link, .breadcrumb-nav, .related-nl-cta, .rel, #related-articles, .pagination, nav, .ft-newsletter-cta, .cookie-banner, .ft-consent-banner{display: none !important;}
  a{text-decoration: underline; color: #000 !important;}
  a[href]::after{content: " (" attr(href) ")"; font-size: 0.8em; color: #555;}
  a[href^="#"]::after, a[href^="javascript"]::after{content: "";}
  h1, h2, h3{page-break-after: avoid; orphans: 3; widows: 3;}
  img{max-width: 100% !important; page-break-inside: avoid;}
  article{max-width: none; padding: 0;}
  .takeaways, .key-takeaways{border: 1px solid #ccc !important; border-left: 3px solid #333 !important; padding: 1rem; page-break-inside: avoid;}
}
/* ==== source: /static/stage2.css ==== */
.skip-link{position: fixed; top: -100%; left: 50%; transform: translateX(-50%); z-index: 200; background: var(--accent, #22d3ee); color: #070b18; padding: 0.6em 1.6em; border-radius: 999px; font-weight: 600; font-size: 0.875rem; text-decoration: none; opacity: 0; transition: top 0.2s ease, opacity 0.2s ease; font-family: var(--font, "Outfit", sans-serif);}
.skip-link:focus{top: 1rem; opacity: 1; outline: 2px solid var(--accent, #22d3ee); outline-offset: 2px;}
header.site:not(.glass-header){display: none !important;}
.cat-nav{display: none !important;}
#mobile-nav{display: none !important;}
.glass-header{position: fixed; top: 12px; left: 50%; transform: translateX(-50%); width: calc(100% - 32px); max-width: 1200px; height: 48px; z-index: 100; border-radius: 24px; background: rgba(7, 11, 24, 0.65); backdrop-filter: blur(16px) saturate(1.4); -webkit-backdrop-filter: blur(16px) saturate(1.4); border: 1px solid rgba(255, 255, 255, 0.08); box-shadow: 0 4px 24px rgba(0, 0, 0, 0.25), 0 1px 0 rgba(255, 255, 255, 0.04) inset; transition: height 0.3s cubic-bezier(0.4, 0, 0.2, 1), top 0.3s cubic-bezier(0.4, 0, 0.2, 1), background 0.3s ease, box-shadow 0.3s ease; will-change: height, top;}
.glass-header.is-compact{height: 42px; top: 6px; background: rgba(7, 11, 24, 0.82); box-shadow: 0 2px 16px rgba(0, 0, 0, 0.35), 0 1px 0 rgba(255, 255, 255, 0.03) inset;}
.glass-header__inner{display: flex; align-items: center; justify-content: space-between; height: 100%; padding: 0 20px; gap: 12px;}
.glass-header__brand{display: flex; align-items: center; gap: 10px; text-decoration: none; flex-shrink: 0;}
.glass-header__brand img{width: 28px; height: 28px; border-radius: 6px; box-shadow: 0 0 0 1.5px rgba(34, 211, 238, 0.25); transition: box-shadow 0.2s;}
.glass-header__brand:hover img{box-shadow: 0 0 0 1.5px rgba(34, 211, 238, 0.5);}
.glass-header__wordmark{font-family: "Space Grotesk", var(--font, "Outfit", sans-serif); font-weight: 700; font-size: 0.9375rem; color: var(--ink, #e2e8f0); white-space: nowrap; letter-spacing: -0.01em;}
.glass-header__nav{display: none; flex: 1; justify-content: center; min-width: 0;}
@media (min-width: 1024px){
  .glass-header__nav{display: flex;}
}
.glass-header__link{color: var(--ink-soft, #94a3b8); text-decoration: none; font-size: 0.8125rem; font-weight: 500; padding: 0.35em 0.6em; border-radius: 12px; transition: color 0.15s, background 0.15s; white-space: nowrap; font-family: var(--font, "Outfit", sans-serif); background: none; border: none; cursor: pointer; line-height: 1.4;}
.glass-header__link:hover, .glass-header__link:focus-visible{color: var(--ink, #e2e8f0); background: rgba(255, 255, 255, 0.07);}
.glass-header__more{position: relative;}
.glass-header__more[data-open="true"] .glass-header__chevron{transform: rotate(180deg);}
.glass-header__dropdown{display: none; position: absolute; top: calc(100% + 10px); left: 50%; transform: translateX(-50%); background: rgba(15, 20, 40, 0.95); backdrop-filter: blur(24px); -webkit-backdrop-filter: blur(24px); border: 1px solid rgba(255, 255, 255, 0.08); border-radius: 16px; padding: 6px; min-width: 160px; list-style: none; z-index: 110; box-shadow: 0 12px 40px rgba(0, 0, 0, 0.45);}
.glass-header__dropdown .glass-header__link{display: block; width: 100%; text-align: left; padding: 0.45em 0.75em; border-radius: 10px;}
.glass-header__more[data-open="true"] .glass-header__dropdown{display: block;}
.glass-header__actions{display: flex; align-items: center; gap: 8px; flex-shrink: 0;}
.glass-header__cta{display: none; padding: 0.35em 1em; font-size: 0.75rem; font-weight: 600; color: #070b18; background: var(--accent, #22d3ee); border-radius: 999px; text-decoration: none; white-space: nowrap; transition: opacity 0.15s, transform 0.15s; font-family: var(--font, "Outfit", sans-serif); letter-spacing: 0.01em; line-height: 1.4;}
.glass-header__cta:hover{opacity: 0.9; transform: scale(1.02);}
@media (min-width: 768px){
  .glass-header__cta{display: inline-flex;}
}
.glass-header__hamburger{display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 4px; width: 36px; height: 36px; background: none; border: none; cursor: pointer; padding: 0; z-index: 120; border-radius: 10px; transition: background 0.15s;}
.glass-header__hamburger:hover, .glass-header__hamburger:focus-visible{background: rgba(255, 255, 255, 0.07);}
@media (min-width: 1024px){
  .glass-header__hamburger{display: none;}
}
.glass-header__hamburger:hover .glass-header__hamburger-line{background: var(--ink, #e2e8f0);}
.glass-header__hamburger[aria-expanded="true"] .glass-header__hamburger-line:nth-child(1){transform: translateY(5.5px) rotate(45deg);}
.glass-header__hamburger[aria-expanded="true"] .glass-header__hamburger-line:nth-child(2){opacity: 0;}
.glass-header__hamburger[aria-expanded="true"] .glass-header__hamburger-line:nth-child(3){transform: translateY(-5.5px) rotate(-45deg);}
.glass-header__hamburger > span{display: block; width: 18px; height: 1.5px; background: var(--ink-soft, #94a3b8); border-radius: 2px; transition: transform 0.3s ease, opacity 0.2s ease, background 0.15s;}
.glass-header__hamburger:hover > span{background: var(--ink, #e2e8f0);}
.glass-header__hamburger[aria-expanded="true"] > span:nth-child(1){transform: translateY(5.5px) rotate(45deg);}
.glass-header__hamburger[aria-expanded="true"] > span:nth-child(2){opacity: 0;}
.glass-header__hamburger[aria-expanded="true"] > span:nth-child(3){transform: translateY(-5.5px) rotate(-45deg);}
body{padding-top: 72px;}
.mobile-overlay{position: fixed; inset: 0; z-index: 150; background: rgba(7, 11, 24, 0.97); backdrop-filter: blur(24px); -webkit-backdrop-filter: blur(24px); display: flex; flex-direction: column; opacity: 0; visibility: hidden; transition: opacity 0.35s cubic-bezier(0.4, 0, 0.2, 1), visibility 0.35s; overflow-y: auto; overscroll-behavior: contain;}
.mobile-overlay[aria-hidden="false"]{opacity: 1; visibility: visible;}
body.nav-open{overflow: hidden;}
.mobile-overlay__backdrop{position: absolute; inset: 0; z-index: 0;}
.mobile-overlay__panel{position: relative; z-index: 1; display: flex; flex-direction: column; flex: 1; overflow-y: auto; overscroll-behavior: contain; padding: 0 0 env(safe-area-inset-bottom, 0);}
.mobile-overlay__section{padding: 0 20px; margin-bottom: 8px;}
.mobile-overlay__label{display: block; font-family: "Space Grotesk", var(--font, "Outfit", sans-serif); font-size: 0.6875rem; font-weight: 600; text-transform: uppercase; letter-spacing: 0.08em; color: var(--ink-mute, #64748b); margin-bottom: 10px;}
.mobile-overlay__topics{display: flex; flex-wrap: wrap; gap: 8px;}
.mobile-overlay__topic-chip{display: inline-block; padding: 6px 14px; border-radius: 20px; font-size: 0.875rem; font-weight: 500; font-family: "Space Grotesk", var(--font, "Outfit", sans-serif); color: var(--ink, #e2e8f0); background: rgba(255, 255, 255, 0.06); border: 1px solid rgba(255, 255, 255, 0.08); text-decoration: none; transition: background 0.15s, border-color 0.15s;}
.mobile-overlay__topic-chip:hover, .mobile-overlay__topic-chip:focus-visible{background: rgba(255, 255, 255, 0.1); border-color: rgba(255, 255, 255, 0.15); color: var(--accent, #22d3ee);}
.mobile-overlay__footer{padding: 16px 20px 24px; margin-top: auto; display: flex; flex-direction: column; align-items: center; gap: 12px;}
.mobile-overlay__header{display: flex; align-items: center; justify-content: space-between; padding: 16px 20px; flex-shrink: 0;}
.mobile-overlay__brand{display: flex; align-items: center; gap: 10px; text-decoration: none; color: var(--ink, #e2e8f0); font-family: "Space Grotesk", var(--font, "Outfit", sans-serif); font-weight: 700; font-size: 0.9375rem;}
.mobile-overlay__brand img{width: 28px; height: 28px; border-radius: 6px;}
.mobile-overlay__close{background: none; border: none; color: var(--ink-soft, #94a3b8); cursor: pointer; width: 40px; height: 40px; display: flex; align-items: center; justify-content: center; border-radius: 12px; transition: color 0.15s, background 0.15s;}
.mobile-overlay__close:hover, .mobile-overlay__close:focus-visible{color: var(--ink, #e2e8f0); background: rgba(255, 255, 255, 0.06);}
.mobile-overlay .mobile-overlay__nav{align-items: flex-start !important; display: flex !important; flex-direction: column; gap: 2px;}
.mobile-overlay .mobile-overlay__pages{align-items: flex-start !important; display: flex !important; flex-direction: column; gap: 2px;}
.mobile-overlay .mobile-overlay__link{display: block !important; width: 100%; box-sizing: border-box; padding: 12px 8px; color: var(--ink, #e2e8f0); text-decoration: none; font-size: 1.125rem; font-weight: 500; font-family: "Space Grotesk", var(--font, "Outfit", sans-serif); border-radius: 12px; transition: color 0.15s, background 0.15s;}
.mobile-overlay__link:hover, .mobile-overlay__link:focus-visible{background: rgba(255, 255, 255, 0.04); color: var(--accent, #22d3ee);}
.mobile-overlay__divider{height: 1px; background: rgba(255, 255, 255, 0.06);}
.mobile-overlay__cta{display: block; text-align: center; font-size: 1rem; padding: 0.85em 1.5em;}
.mobile-overlay__section .mobile-overlay__link{display: block; padding: 10px 0; color: var(--ink, #e2e8f0); text-decoration: none; font-size: 1.0625rem; font-weight: 500; font-family: "Space Grotesk", var(--font, "Outfit", sans-serif); transition: color 0.15s;}
.mobile-overlay__section .mobile-overlay__link:hover, .mobile-overlay__section .mobile-overlay__link:focus-visible{color: var(--accent, #22d3ee);}
.mobile-overlay__footer .mobile-overlay__cta{display: block; width: 100%; max-width: 280px; text-align: center; background: var(--accent, #22d3ee); color: #070b18; font-weight: 600; font-size: 0.9375rem; padding: 12px 24px; border-radius: var(--radius-md, 10px); text-decoration: none; transition: opacity 0.15s;}
.mobile-overlay__footer .mobile-overlay__cta:hover{opacity: 0.9;}
.nav-cta{display: none !important;}
.search-wrap:not(.glass-header__search-wrap){display: none !important;}
.hamburger:not(.glass-header__hamburger){display: none !important;}
.site-footer{width: 100%; margin: 0; padding: 0; background: var(--bg, #070b18); border-top: 1px solid var(--hairline, rgba(255,255,255,0.08));}
footer.site-footer{padding-bottom: 0;}
.footer-grid{display: grid; grid-template-columns: 1fr; gap: 2rem; max-width: 1200px; margin: 0 auto; padding: 3rem 1.5rem 2rem;}
@media (min-width: 680px){
  .footer-grid{grid-template-columns: 2fr 1fr; gap: 2rem;}
}
.footer-section h4{font-family: "Space Grotesk", var(--font, "Outfit", sans-serif); font-size: 0.875rem; font-weight: 600; color: var(--ink, #e2e8f0); margin: 0 0 1rem; text-transform: uppercase; letter-spacing: 0.05em;}
.footer-section p{color: var(--ink-mute, #64748b); font-size: 0.875rem; line-height: 1.6; margin: 0 0 1rem;}
.footer-section a{display: block; color: var(--ink-soft, #94a3b8); text-decoration: none; font-size: 0.875rem; padding: 0.25em 0; transition: color 0.15s;}
.footer-section a:hover, .footer-section a:focus-visible{color: var(--accent, #22d3ee);}
.footer-social-row{display: flex; gap: 0.75rem; margin-top: 0.5rem;}
.footer-social-row a{display: flex; padding: 0; color: var(--ink-mute, #64748b); transition: color 0.2s;}
.footer-social-row a:hover, .footer-social-row a:focus-visible{color: var(--accent, #22d3ee);}
.footer-social-row svg{width: 20px; height: 20px; fill: currentColor;}
.footer-nl-btn{display: inline-block !important; background: var(--accent, #22d3ee) !important; color: #070b18 !important; padding: 0.65em 1.5em !important; border-radius: var(--radius-md, 8px) !important; font-weight: 600; font-size: 0.875rem; text-decoration: none !important; text-align: center; transition: opacity 0.15s; font-family: var(--font, "Outfit", sans-serif);}
.footer-nl-btn:hover{opacity: 0.9;}
.footer-bottom{display: flex; justify-content: space-between; align-items: center; max-width: 1200px; margin: 0 auto; padding: 1.25rem 1.5rem; border-top: 1px solid var(--hairline, rgba(255,255,255,0.08)); flex-wrap: wrap; gap: 0.5rem;}
.footer-bottom p{margin: 0; color: var(--ink-mute, #64748b); font-size: 0.8125rem; white-space: normal; overflow-wrap: break-word;}
.footer-cookie-link{color: var(--ink-mute, #64748b); text-decoration: none; font-size: 0.8125rem; transition: color 0.15s;}
.footer-cookie-link:hover{color: var(--ink-soft, #94a3b8);}
h2[id], h3[id], h4[id]{scroll-margin-top: 6rem;}
.heading-anchor-text{display: none !important;}
.heading-copy-link{display: none; align-items: center; justify-content: center; width: 28px; height: 28px; margin-left: 0.4em; background: none; border: none; color: var(--ink-faint, #475569); cursor: pointer; border-radius: var(--radius-md, 8px); transition: color 0.15s, background 0.15s; vertical-align: middle; padding: 0; flex-shrink: 0;}
.heading-copy-link svg{width: 16px; height: 16px;}
.heading-copy-link:hover, .heading-copy-link:focus-visible{color: var(--accent, #22d3ee); background: rgba(255,255,255,0.06);}
@media (min-width: 1024px){
  h2:hover .heading-copy-link, h3:hover .heading-copy-link, h2:focus-within .heading-copy-link, h3:focus-within .heading-copy-link{display: inline-flex;}
}
.heading-copy-link[data-copied="true"]::after{content: "Copied!"; position: absolute; top: -2rem; left: 50%; transform: translateX(-50%); background: var(--accent, #22d3ee); color: #070b18; font-size: 0.75rem; font-weight: 600; padding: 0.25em 0.6em; border-radius: 4px; white-space: nowrap; pointer-events: none;}
.heading-copy-link{position: relative;}
.ft-toc[data-collapsed="true"]{cursor: pointer;}
.ft-toc[data-collapsed="true"] .ft-toc__toggle{background: rgba(255,255,255,0.04); border-radius: var(--radius-md, 8px); padding: 0.6em 1em;}
.page-header{padding: 3rem 0 2rem; max-width: 720px; margin: 0 auto;}
.page-header__eyebrow{font-size: 0.75rem; font-weight: 600; text-transform: uppercase; letter-spacing: 0.1em; color: var(--accent, #22d3ee); margin: 0 0 0.75rem; font-family: var(--font, "Outfit", sans-serif);}
.page-header__title{font-family: "Space Grotesk", var(--font, "Outfit", sans-serif); font-size: clamp(1.75rem, 4vw, 2.5rem); font-weight: 700; color: var(--ink, #e2e8f0); margin: 0; line-height: 1.15;}
.related-card{position: relative; display: flex; gap: 1rem; padding: 1rem; border-radius: var(--radius-md, 8px); background: rgba(255,255,255,0.02); border: 1px solid var(--hairline, rgba(255,255,255,0.06)); transition: border-color 0.2s, background 0.2s; text-decoration: none; color: inherit;}
.related-card:hover{border-color: var(--accent, #22d3ee); background: rgba(255,255,255,0.04);}
.related-nl-cta{max-width: 720px; margin: 2rem auto; padding: 2rem; text-align: center; border: 1px solid var(--hairline, rgba(255,255,255,0.08)); border-radius: var(--radius-lg, 16px); background: rgba(255,255,255,0.02);}
.related-nl-cta h3{font-family: "Space Grotesk", var(--font, "Outfit", sans-serif); color: var(--ink, #e2e8f0); margin: 0 0 0.5rem; font-size: 1.25rem;}
.related-nl-cta p{color: var(--ink-mute, #64748b); margin: 0 0 1.25rem; font-size: 0.9375rem;}
#story-cards{display: grid; grid-template-columns: 1fr; gap: 1rem; padding: 0;}
@media (min-width: 640px){
  #story-cards{grid-template-columns: repeat(2, 1fr); gap: 1.25rem;}
}
@media (min-width: 1024px){
  #story-cards{grid-template-columns: repeat(3, 1fr); gap: 1.25rem;}
}
.cards .card, #story-cards .card{display: flex; flex-direction: column; border-radius: var(--radius-lg, 16px); overflow: hidden; background: rgba(255,255,255,0.02); border: 1px solid var(--hairline, rgba(255,255,255,0.06)); transition: border-color 0.2s, transform 0.15s; text-decoration: none; color: inherit;}
.cards .card:hover, #story-cards .card:hover{border-color: rgba(255,255,255,0.14); transform: translateY(-2px);}
.cards .card .card__media:empty, #story-cards .card .card__media:empty{height: 3px; width: 100%; background: var(--cat-accent, var(--accent, #22d3ee));}
.cards .card .card__body, #story-cards .card .card__body{padding: 1rem 1.25rem 1.25rem; display: flex; flex-direction: column; flex: 1;}
.cards .card .card__title, #story-cards .card .card__title{font-family: "Space Grotesk", var(--font, "Outfit", sans-serif); font-size: 1rem; font-weight: 600; color: var(--ink, #e2e8f0); line-height: 1.3; margin: 0 0 0.5rem;}
.cards .card .card__desc:empty, #story-cards .card .card__desc:empty{display: none;}
.cards .card .card__meta, #story-cards .card .card__meta{font-size: 0.8125rem; color: var(--ink-mute, #64748b); margin-top: auto;}
[data-cat-accent="ai"]{--cat-accent: #22d3ee;}
[data-cat-accent="security"]{--cat-accent: #f87171;}
[data-cat-accent="computing"]{--cat-accent: #a78bfa;}
[data-cat-accent="gadgets"]{--cat-accent: #fbbf24;}
[data-cat-accent="space"]{--cat-accent: #60a5fa;}
[data-cat-accent="evs"]{--cat-accent: #34d399;}
[data-cat-accent="startups"]{--cat-accent: #fb923c;}
[data-cat-accent="gaming"]{--cat-accent: #e879f9;}
[data-cat-accent="apps"]{--cat-accent: #2dd4bf;}
[data-cat-accent="science"]{--cat-accent: #818cf8;}
[data-cat-accent="mobile"]{--cat-accent: #38bdf8;}
[data-cat-accent="social-media"]{--cat-accent: #f472b6;}
[data-cat-accent="streaming"]{--cat-accent: #c084fc;}
[data-cat-accent="crypto"]{--cat-accent: #facc15;}
.site-footer{margin-bottom: 0; padding-bottom: 0;}
.footer-bottom{padding-bottom: 1rem;}
.page-header{padding: 2rem 0 1.25rem;}
.related-nl-cta{margin: 1.5rem auto;}
.eng-wrapper{margin-top: 1.5rem;}
.eng-read-next{padding-top: 0;}
.pillar-hero{padding-bottom: 1.5rem;}
.pillar-articles{padding-top: 0;}
html, body{margin-bottom: 0; padding-bottom: 0;}
body > *:last-child{margin-bottom: 0; padding-bottom: 0;}
article{margin-bottom: 0;}
article + .eng-wrapper{margin-top: 2rem;}
.ft-newsletter{padding: 2rem 0;}
.eng-card-grid{gap: 0.75rem;}
@media (min-width: 640px){
  .eng-card-grid{gap: 1rem;}
}
.eng-card{border-radius: var(--radius-md, 8px); padding: 1rem; background: rgba(255,255,255,0.02); border: 1px solid var(--hairline, rgba(255,255,255,0.06)); transition: border-color 0.2s;}
.eng-card:hover{border-color: rgba(255,255,255,0.14);}
.ft-featured__desc{display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; max-height: 4.5em; line-height: 1.5;}
.ft-featured__bg{position: relative;}
.ft-featured__bg::after{content: ""; position: absolute; inset: 0; background: linear-gradient(to top, rgba(7,11,24,.95) 0%, rgba(7,11,24,.7) 40%, rgba(7,11,24,.2) 100%); pointer-events: none; z-index: 1;}
.ft-featured__inner{position: relative; z-index: 2;}
.ft-featured__inner{padding: 32px 24px 32px;}
.ft-featured__title{font-size: 28px; line-height: 1.15; font-weight: 800; letter-spacing: -0.02em;}
.ft-featured__desc{font-size: 15.5px; line-height: 1.5; color: rgba(255,255,255,0.78); max-width: 38em;}
@media (min-width: 480px){
  .ft-featured__inner{padding: 36px 32px;}
  .ft-featured__title{font-size: 34px;}
  .ft-featured__desc{font-size: 16px;}
}
@media (min-width: 680px){
  .ft-featured__inner{padding: 40px 44px;}
  .ft-featured__title{font-size: 40px;}
  .ft-featured__desc{font-size: 16.5px;}
}
@media (min-width: 1100px){
  .ft-featured__inner{padding: 48px 56px;}
  .ft-featured__title{font-size: 48px;}
  .ft-featured__desc{font-size: 17px;}
}
@media (min-width: 1600px){
  .ft-featured__title{font-size: 54px;}
}
.site-footer{padding: 28px 20px 16px;}
.footer-grid{gap: 20px;}
.footer-section h4{margin-bottom: 8px; font-size: 11px;}
.footer-section a{padding: 2px 0; font-size: 13px; line-height: 1.6;}
.footer-tagline{font-size: 13px; line-height: 1.45; margin: 6px 0 10px;}
.footer-nl-btn{padding: 8px 18px; font-size: 13px;}
.footer-bottom{margin-top: 16px; padding-top: 12px; font-size: 12px;}
@media (max-width: 679px){
  .footer-grid{display: grid; grid-template-columns: 1fr 1fr; gap: 16px;}
  .footer-section--brand{grid-column: 1 / -1;}
  .footer-section a{font-size: 12.5px; line-height: 1.5; padding: 1px 0;}
  .site-footer{padding: 20px 16px 12px;}
}
.ft-newsletter{margin: 0 0 20px; padding: 20px 20px;}
.ft-newsletter__title{font-size: 17px;}
.ft-newsletter__desc{margin: 4px 0 12px; font-size: 13px;}
@media (min-width: 680px){
  .ft-newsletter{padding: 24px 28px; margin: 0 0 24px;}
}
@media (max-width: 679px){
  .ft-secondary{margin: 0 0 16px;}
  .ft-trending{margin: 0 0 16px;}
  .ft-latest{margin: 0;}
  .home > * + *{margin-top: 0;}
}
/* ==== source: /static/stage6-fixes.css ==== */
.site-footer{background: var(--surface-1, #0c1122); border-top: 1px solid rgba(255,255,255,0.06); padding: var(--space-xl, 3rem) var(--space-s, 1rem) var(--space-m, 1.5rem); margin-top: var(--space-2xl, 4rem);}
.footer-grid{max-width: var(--content-width, 72rem); margin: 0 auto; display: grid; grid-template-columns: 2fr 1fr 1fr; gap: var(--space-xl, 3rem);}
@media (max-width: 768px){
  .footer-grid{grid-template-columns: 1fr; gap: var(--space-l, 2rem);}
}
.footer-section h4{font-family: var(--font-heading, "Space Grotesk", sans-serif); font-size: var(--step-0, 1rem); font-weight: 600; color: var(--ink, #f4f6fb); margin: 0 0 var(--space-s, 1rem); letter-spacing: 0.02em; text-transform: uppercase; font-size: 0.75rem; opacity: 0.6;}
.footer-section a{display: block; color: var(--ink-soft, #b8bdd0); text-decoration: none; padding: 0.25rem 0; font-size: var(--step--1, 0.875rem); transition: color 0.15s;}
.footer-section a:hover{color: var(--accent, #22d3ee);}
.footer-section--brand{max-width: 22rem;}
.footer-brand{display: inline-flex; align-items: center; gap: 0.5rem; color: var(--ink, #f4f6fb); text-decoration: none; font-family: var(--font-heading, "Space Grotesk", sans-serif); font-weight: 700; font-size: var(--step-0, 1rem); margin-bottom: var(--space-xs, 0.5rem);}
.footer-brand__logo{flex-shrink: 0;}
.footer-tagline{color: var(--ink-soft, #b8bdd0); font-size: var(--step--1, 0.875rem); line-height: 1.5; margin: 0 0 var(--space-s, 1rem);}
.footer-nl-btn{display: inline-block; background: var(--accent, #22d3ee); color: var(--bg, #070b18) !important; padding: 0.5rem 1.25rem; border-radius: 6px; font-weight: 600; font-size: var(--step--1, 0.875rem); text-decoration: none; transition: opacity 0.15s;}
.footer-nl-btn:hover{opacity: 0.85;}
.footer-bottom{max-width: var(--content-width, 72rem); margin: var(--space-l, 2rem) auto 0; padding-top: var(--space-m, 1.5rem); border-top: 1px solid rgba(255,255,255,0.06); display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 0.75rem;}
.footer-bottom p{color: var(--ink-mute, #8b92a8); font-size: 0.8125rem; margin: 0;}
.footer-bottom__right{display: flex; align-items: center; gap: 1rem;}
.footer-social-row{display: flex; gap: 0.75rem; align-items: center;}
.footer-social-row a{color: var(--ink-mute, #8b92a8); transition: color 0.15s; display: flex;}
.footer-social-row a:hover{color: var(--accent, #22d3ee);}
.footer-cookie-link{color: var(--ink-mute, #8b92a8); font-size: 0.8125rem; text-decoration: none;}
.footer-cookie-link:hover{color: var(--ink-soft, #b8bdd0);}
.mobile-overlay{position: fixed; inset: 0; z-index: 9999; pointer-events: none; visibility: hidden;}
.mobile-overlay[aria-hidden="false"]{pointer-events: auto; visibility: visible;}
.mobile-overlay__backdrop{position: absolute; inset: 0; background: rgba(0,0,0,0.6); backdrop-filter: blur(4px); -webkit-backdrop-filter: blur(4px); opacity: 0; transition: opacity 0.25s ease;}
.mobile-overlay[aria-hidden="false"] .mobile-overlay__backdrop{opacity: 1;}
.mobile-overlay__panel{position: absolute; top: 0; right: 0; width: min(85vw, 360px); height: 100%; background: var(--surface-1, #0c1122); border-left: 1px solid rgba(255,255,255,0.08); display: flex; flex-direction: column; transform: translateX(100%); transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1); overflow-y: auto; -webkit-overflow-scrolling: touch;}
.mobile-overlay[aria-hidden="false"] .mobile-overlay__panel{transform: translateX(0);}
.mobile-overlay__header{display: flex; justify-content: space-between; align-items: center; padding: 1rem 1.25rem; border-bottom: 1px solid rgba(255,255,255,0.06); flex-shrink: 0;}
.mobile-overlay__brand{display: flex; align-items: center; gap: 0.625rem; text-decoration: none; color: var(--ink, #f4f6fb); font-family: var(--font-heading, "Space Grotesk", sans-serif); font-weight: 700; font-size: 0.9375rem; letter-spacing: -0.01em;}
.mobile-overlay__brand img{width: 24px; height: 24px; border-radius: 5px;}
.mobile-overlay__close{background: none; border: none; color: var(--ink-soft, #b8bdd0); cursor: pointer; padding: 0.375rem; display: flex; border-radius: 8px; transition: background 0.15s, color 0.15s;}
.mobile-overlay__close:hover{background: rgba(255,255,255,0.06); color: var(--ink, #f4f6fb);}
.mobile-overlay__nav{flex: 1; padding: 1rem 1.25rem 0.5rem; display: flex; flex-direction: column; gap: 0;}
.mobile-overlay__section{margin-bottom: 0.25rem;}
.mobile-overlay__label{display: block; font-family: var(--font-heading, "Space Grotesk", sans-serif); font-size: 0.6875rem; font-weight: 600; text-transform: uppercase; letter-spacing: 0.08em; color: var(--ink-mute, #8b92a8); margin-bottom: 0.75rem;}
.mobile-overlay__topics{display: flex; flex-wrap: wrap; gap: 0.5rem;}
.mobile-overlay__topic-chip{display: inline-block; padding: 0.375rem 0.875rem; border-radius: 100px; font-size: 0.8125rem; font-weight: 500; color: var(--ink, #f4f6fb); text-decoration: none; background: rgba(255,255,255,0.06); border: 1px solid rgba(255,255,255,0.08); transition: background 0.15s, border-color 0.15s, color 0.15s;}
.mobile-overlay__topic-chip:hover, .mobile-overlay__topic-chip:focus-visible{background: rgba(255,255,255,0.1); border-color: var(--chip-color, var(--accent, #22d3ee)); color: #fff;}
.mobile-overlay__divider{height: 1px; background: rgba(255,255,255,0.06); margin: 0.75rem 0;}
.mobile-overlay__pages{display: flex; flex-direction: column; gap: 0; padding: 0 0.25rem;}
.mobile-overlay__pages .mobile-overlay__link{display: block; color: var(--ink-soft, #b8bdd0); text-decoration: none; padding: 0.5rem 0; font-size: 0.9375rem; font-weight: 500; font-family: var(--font-heading, "Space Grotesk", sans-serif); transition: color 0.15s;}
.mobile-overlay__pages .mobile-overlay__link:hover, .mobile-overlay__pages .mobile-overlay__link:focus-visible{color: var(--accent, #22d3ee);}
.mobile-overlay__link{display: block; color: var(--ink, #f4f6fb); text-decoration: none; padding: 0.625rem 0; font-size: 0.9375rem; transition: color 0.15s;}
.mobile-overlay__link:hover{color: var(--accent, #22d3ee);}
.mobile-overlay__section .mobile-overlay__link{display: block; padding: 0.5rem 0; color: var(--ink, #f4f6fb); text-decoration: none; font-size: 0.9375rem; font-weight: 500; font-family: var(--font-heading, "Space Grotesk", sans-serif); transition: color 0.15s;}
.mobile-overlay__section .mobile-overlay__link:hover, .mobile-overlay__section .mobile-overlay__link:focus-visible{color: var(--accent, #22d3ee);}
.mobile-overlay__footer{padding: 1rem 1.25rem; border-top: 1px solid rgba(255,255,255,0.06); flex-shrink: 0;}
.mobile-overlay__cta{display: block; text-align: center; background: var(--accent, #22d3ee); color: var(--bg, #070b18); padding: 0.75rem 1rem; border-radius: 8px; font-weight: 600; font-size: 0.9375rem; text-decoration: none; transition: opacity 0.15s;}
.mobile-overlay__cta:hover{opacity: 0.85;}
.takeaways, .key-takeaways, [class*="takeaway"]{text-align: left !important; padding-left: var(--space-s, 1rem); padding-right: var(--space-s, 1rem);}
.takeaways ul, .takeaways ol, .key-takeaways ul, .key-takeaways ol{text-align: left; padding-left: 1.25em; margin-left: 0;}
.takeaways li, .key-takeaways li{text-align: left;}
article .takeaways, article .key-takeaways{margin-left: 0; margin-right: 0; max-width: 100%; box-sizing: border-box;}
.article-hero, .article-hero__img, div[class*="article-hero"]{display: none !important;}
.rel__thumb, .rel__thumb img, .related-card__thumb, .related-card__img, .related-articles .rel__thumb{display: none !important;}
.rel__card, .related-card{grid-template-columns: 1fr;}
.ft-toc, .in-this-article, [class*="in-this-article"], .ft-toc__toggle, nav.ft-toc{display: none !important;}
@media (max-width: 768px){
  .page-content, .category-page, main, article{padding-left: var(--space-s, 1rem); padding-right: var(--space-s, 1rem);}
  .page-header-section, .page-header, .cards, .ft-featured, .ft-secondary, .ft-trending, .ft-latest{padding-left: 0; padding-right: 0;}
  img, iframe, video, table, pre, code{max-width: 100%; overflow-x: auto;}
}
@media (max-width: 480px){
  .page-content, .category-page, main > *, article > *{padding-left: var(--space-xs, 0.75rem); padding-right: var(--space-xs, 0.75rem);}
}
.news-page .cards, .page-content .cards{display: grid; grid-template-columns: repeat(auto-fill, minmax(min(100%, 300px), 1fr)); gap: var(--space-m, 1.5rem);}
.news-page .page-header-section, .category-page .page-header-section{text-align: center; margin-bottom: var(--space-l, 2rem);}
.ft-featured__bg{min-height: auto; padding: var(--space-l, 2rem) var(--space-m, 1.5rem);}
.ft-secondary__card{grid-template-rows: auto;}
.glass-header__logo{width: 28px; height: 28px; border-radius: 6px; flex-shrink: 0;}
@media (max-width: 700px){
  .mobile-overlay .mobile-overlay__topic-chip{display: inline-block !important;}
  .mobile-overlay .mobile-overlay__link{display: block !important;}
  .mobile-overlay .mobile-overlay__cta{display: block !important;}
}
.glass-header{max-width: 960px; height: 48px;}
.glass-header.is-compact{height: 42px;}
article h1{font-size: 38px !important; line-height: 1.2 !important;}
article h2{font-size: 28px !important; line-height: 1.3 !important; margin-top: 40px !important;}
article{max-width: 780px !important; margin: 0 auto !important; padding-left: 32px !important; padding-right: 32px !important;}
.takeaways, .key-takeaways, [class*="takeaway"]{width: 100% !important; max-width: 100% !important; padding: 24px !important; margin-top: 28px !important; border: none !important; border-left: 3px solid var(--accent, #22d3ee) !important; background: rgba(34, 211, 238, 0.04) !important; border-radius: 0 8px 8px 0 !important; box-sizing: border-box !important;}
.eng-mid-callout{display: none !important;}
.ft-article-cta{display: none !important;}
.ft-article-cta-end > div{padding: 32px 24px !important;}
section.rel[aria-label="More from Future Technology"]{display: none !important;}
.eng-wrapper{max-width: 780px !important; margin: 32px auto 0 !important; padding: 0 32px !important; box-sizing: border-box !important;}
.eng-read-next{max-width: 100% !important; padding: 0 !important;}
.eng-card-grid{display: grid !important; grid-template-columns: repeat(3, 1fr) !important; gap: 16px !important;}
.eng-more-cat{display: none !important;}
.related-wrap{max-width: 780px !important; margin: 32px auto 0 !important; padding: 0 32px !important; box-sizing: border-box !important;}
.related-grid{display: grid !important; grid-template-columns: repeat(3, 1fr) !important; gap: 20px !important;}
.breadcrumb-nav{font-size: 14px !important; margin-bottom: 16px !important;}
@media (max-width: 480px){
  article h1{font-size: 28px !important;}
  article{padding-left: 16px !important; padding-right: 16px !important;}
  .takeaways, .key-takeaways, [class*="takeaway"]{margin-left: -16px !important; margin-right: -16px !important; width: calc(100% + 32px) !important; max-width: none !important; padding: 16px !important; border-radius: 0 !important;}
  .related-grid{grid-template-columns: 1fr !important;}
  .eng-card-grid{grid-template-columns: 1fr !important;}
  .glass-header{width: calc(100% - 24px) !important;}
  .eng-wrapper{padding: 0 16px !important;}
  .related-wrap{padding: 0 16px !important;}
}
@media (max-width: 768px){
  .footer-section > a:not(.footer-brand), .footer-cookie-link, .mobile-overlay__link{display: flex; align-items: center; min-height: 44px;}
  .footer-cookie-link{display: inline-flex;}
  .footer-social-row a, .glass-header__brand{display: inline-flex; align-items: center; justify-content: center; min-width: 44px; min-height: 44px;}
}
body{margin: 0;}
.site-footer, .glass-header__inner{box-sizing: border-box;}
.contact-form{max-width: 560px;}
.form-group{margin-bottom: 18px;}
.form-group label{display: block; font: 600 14px/1.3 "Space Grotesk", sans-serif; color: #e8ecf6; margin-bottom: 6px;}
.form-group input, .form-group textarea{width: 100%; box-sizing: border-box; background: #0a0f1f; border: 1px solid rgba(255,255,255,.12); color: #e8ecf6; border-radius: 10px; padding: 12px 14px; font: 16px/1.4 "Outfit", sans-serif;}
.form-group input:focus, .form-group textarea:focus{outline: none; border-color: #22d3ee; box-shadow: 0 0 0 3px rgba(34,211,238,.15);}
.form-group textarea{min-height: 150px; resize: vertical;}
.contact-form button[type=submit]{min-height: 44px;}

/* ---- rebuild.css ---- */
/* Additions for the regenerated markup. Everything here styles classes
   that the old hand-built pages set inline or not at all. */
.listing-title { margin: 8px 0 14px; }
.listing-intro { color: var(--muted); margin: 0 0 16px; }
.filter-tabs { display: flex; gap: 8px; flex-wrap: wrap; margin: 0 0 18px; }
.filter-tabs a { font-size: 13px; border: 1px solid var(--line); border-radius: 999px; padding: 6px 14px; color: var(--muted); text-decoration: none; min-height: 32px; display: inline-flex; align-items: center; }
.filter-tabs a.is-active { border-color: var(--cyan); color: var(--cyan); font-weight: 600; }
.filter-tabs a:hover { border-color: var(--cyan); color: var(--text); }
.takeaways h2 { font-size: 15px; margin: 0 0 8px; }
.meta-author { color: var(--muted); }
.ft-latest__more { text-align: center; margin: 24px 0 0; }
.ft-btn--ghost { display: inline-flex; align-items: center; min-height: 44px; padding: 0 22px; border: 1px solid rgba(34,211,238,.4); border-radius: 10px; color: var(--cyan); font: 700 15px 'Space Grotesk', sans-serif; text-decoration: none; }
pre.code { background: #0a0f1f; border: 1px solid var(--line); border-radius: 10px; padding: 14px 16px; overflow: auto; font-size: 14px; margin: 16px 0; }
article blockquote { border-left: 3px solid var(--cyan); margin: 16px 0; padding: 4px 16px; color: var(--muted); }
article table { width: 100%; border-collapse: collapse; margin: 16px 0; font-size: 15px; }
article th, article td { border-bottom: 1px solid var(--line); padding: 8px 10px; text-align: left; }

/* Takeaways heading is an h2 in the regenerated pages (heading order); same look as the old h3 */
.takeaways h2,
.key-takeaways h2 {
  font-family: var(--font-heading);
  font-size: var(--step-0);
  font-weight: 600;
  color: var(--accent);
  margin-block-end: var(--space-xs);
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.takeaways h2::before,
.key-takeaways h2::before {
  content: '';
  display: inline-block;
  width: 1.25rem;
  height: 1.25rem;
  background: var(--accent);
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='9 11 12 14 22 4'/%3E%3Cpath d='M21 12v7a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h11'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='9 11 12 14 22 4'/%3E%3Cpath d='M21 12v7a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h11'/%3E%3C/svg%3E");
  flex-shrink: 0;
}
.kicker-link { text-decoration: none; }

/* Newsletter page list and toggle switches. The old inline styles for these
   were lost with the inline-CSS extraction, so the rows rendered as bare text. */
#ft-nl-list { display: flex; flex-direction: column; gap: 2px; }
.ft-nl-row { display: flex; align-items: center; justify-content: space-between; gap: 14px; padding: 14px 4px; border-bottom: 1px solid var(--line); cursor: pointer; }
.ft-nl-row:last-child { border-bottom: 0; }
.ft-nl-info { display: flex; flex-direction: column; gap: 3px; min-width: 0; }
.ft-nl-name { font: 600 15px/1.3 'Space Grotesk', sans-serif; color: var(--text); }
.ft-nl-desc { font-size: 13px; line-height: 1.45; color: var(--muted); }
.ft-nl-badge { font-size: 11px; letter-spacing: .08em; text-transform: uppercase; color: var(--muted); white-space: nowrap; }
.ft-toggle { position: relative; display: inline-block; width: 44px; height: 24px; flex-shrink: 0; }
.ft-toggle input { opacity: 0; width: 0; height: 0; position: absolute; }
.ft-toggle-track { position: absolute; inset: 0; background: rgba(255,255,255,.12); border-radius: 999px; transition: background .2s; }
.ft-toggle-track::after { content: ""; position: absolute; top: 3px; left: 3px; width: 18px; height: 18px; border-radius: 50%; background: #fff; transition: transform .2s; }
.ft-toggle input:checked + .ft-toggle-track { background: var(--cyan); }
.ft-toggle input:checked + .ft-toggle-track::after { transform: translateX(20px); }
.ft-toggle input:focus-visible + .ft-toggle-track { box-shadow: 0 0 0 3px rgba(34,211,238,.35); }
@media (max-width: 480px) { .ft-nl-badge { display: none; } }

/* ---- categories (generated) ---- */
.cat-ai .kicker,.chip--ai,.ft-badge--ai{--cat:#2563eb}
.cat-security .kicker,.chip--security,.ft-badge--security{--cat:#dc2626}
.cat-computing .kicker,.chip--computing,.ft-badge--computing{--cat:#0891b2}
.cat-space .kicker,.chip--space,.ft-badge--space{--cat:#7c3aed}
.cat-gadgets .kicker,.chip--gadgets,.ft-badge--gadgets{--cat:#059669}
.cat-evs-and-energy .kicker,.chip--evs-and-energy,.ft-badge--evs-and-energy{--cat:#ca8a04}
.cat-science .kicker,.chip--science,.ft-badge--science{--cat:#9333ea}
.cat-gaming .kicker,.chip--gaming,.ft-badge--gaming{--cat:#e11d48}
.cat-robotics .kicker,.chip--robotics,.ft-badge--robotics{--cat:#475569}
.cat-reviews .kicker,.chip--reviews,.ft-badge--reviews{--cat:#d97706}
.cat-news .kicker,.chip--news,.ft-badge--news{--cat:#475569}