:root {
  color-scheme: dark;
  --ink: #f7fbff;
  --muted: #a9bbcc;
  --soft: #8da2b5;
  --bg: #07111f;
  --bg-deep: #040a12;
  --panel: rgba(15, 31, 49, .78);
  --panel-solid: #0e2033;
  --line: rgba(171, 211, 242, .16);
  --line-strong: rgba(171, 211, 242, .28);
  --blue: #43a7ff;
  --cyan: #66e0ff;
  --green: #53e6a5;
  --amber: #ffc45b;
  --red: #ff8f8f;
  --shadow: 0 28px 80px rgba(0, 0, 0, .34);
  --radius: 24px;
  --max: 1180px;
  --measure: 720px;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
  margin: 0;
  min-width: 320px;
  color: var(--ink);
  background:
    radial-gradient(circle at 78% 7%, rgba(67, 167, 255, .17), transparent 27rem),
    radial-gradient(circle at 13% 32%, rgba(102, 224, 255, .08), transparent 25rem),
    linear-gradient(180deg, #091725 0%, var(--bg) 43%, var(--bg-deep) 100%);
  font: 16px/1.6 Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}
a { color: inherit; }
button, input, select, textarea { font: inherit; }
button, a { -webkit-tap-highlight-color: transparent; }
img, svg { display: block; max-width: 100%; }
.wrap { width: min(calc(100% - 40px), var(--max)); margin-inline: auto; }
.measure { max-width: var(--measure); }
.skip-link { position: fixed; left: 16px; top: -80px; z-index: 100; padding: 10px 14px; border-radius: 10px; background: #fff; color: #000; }
.skip-link:focus { top: 16px; }

.site-header { position: sticky; top: 0; z-index: 50; background: rgba(7, 17, 31, .88); backdrop-filter: blur(18px); -webkit-backdrop-filter: blur(18px); }
.site-header::after { content: ""; position: absolute; inset: auto 0 0; height: 1px; background: linear-gradient(90deg, transparent, var(--line-strong), transparent); }
.nav { min-height: 72px; display: flex; align-items: center; gap: 24px; }
.brand { display: inline-flex; align-items: center; gap: 11px; text-decoration: none; font-weight: 800; letter-spacing: -.02em; white-space: nowrap; }
.brand-logo { display: block; width: 52px; height: 52px; }
.brand-logo-sm { width: 40px; height: 40px; }
.brand-name span { color: var(--cyan); }
.nav-links { margin-left: auto; display: flex; align-items: center; gap: 22px; }
.nav-links a { color: #d8e5ef; text-decoration: none; font-size: .92rem; }
.nav-links a:hover, .nav-links a[aria-current="page"] { color: #fff; }
.nav-links a[aria-current="page"] { text-decoration: underline; text-decoration-color: var(--cyan); text-underline-offset: 7px; }
.nav-cta { padding: 9px 15px; border: 1px solid rgba(102,224,255,.34); border-radius: 999px; background: rgba(67,167,255,.1); font-weight: 750; }
.menu-button { display: none; margin-left: auto; min-width: 44px; min-height: 44px; border: 1px solid var(--line-strong); border-radius: 12px; color: var(--ink); background: rgba(255,255,255,.04); cursor: pointer; }
.menu-button span { display: block; width: 20px; height: 2px; margin: 4px auto; background: currentColor; }

.announcement { border-bottom: 1px solid var(--line); color: #dceaf4; background: rgba(67,167,255,.07); }
.announcement .wrap { min-height: 40px; display: flex; justify-content: center; align-items: center; gap: 10px; text-align: center; font-size: .86rem; }
.announcement a { color: var(--cyan); font-weight: 800; text-underline-offset: 3px; }

.hero { position: relative; padding: 92px 0 64px; overflow: clip; }
.hero::before { content: ""; position: absolute; width: 640px; height: 640px; right: -270px; top: -260px; border: 1px solid rgba(102,224,255,.12); border-radius: 50%; box-shadow: 0 0 0 80px rgba(102,224,255,.025), 0 0 0 160px rgba(67,167,255,.018); pointer-events: none; }
.hero-grid { display: grid; grid-template-columns: minmax(0, .95fr) minmax(440px, 1.05fr); gap: 58px; align-items: center; }
.eyebrow, .section-kicker { color: var(--cyan); font-size: .8rem; font-weight: 800; letter-spacing: .14em; text-transform: uppercase; }
.eyebrow { display: inline-flex; align-items: center; gap: 9px; margin: 0 0 22px; }
.eyebrow::before { content: ""; width: 34px; height: 1px; background: currentColor; box-shadow: 0 0 12px currentColor; }
h1, h2, h3 { text-wrap: balance; }
h1 { max-width: 850px; margin: 0; font-size: clamp(3.05rem, 6.5vw, 6.2rem); line-height: .96; letter-spacing: -.06em; }
.gradient-text { background: linear-gradient(95deg, #fff 12%, var(--cyan) 56%, var(--blue)); background-clip: text; -webkit-background-clip: text; color: transparent; }
.hero-copy { max-width: 690px; margin: 27px 0 0; color: #c2d1df; font-size: clamp(1.05rem, 1.5vw, 1.22rem); line-height: 1.72; }
.hero-copy strong { color: #fff; }
.hero-actions { display: flex; flex-wrap: wrap; gap: 14px; margin-top: 32px; }
.fineprint { margin: 14px 0 0; color: var(--soft); font-size: .86rem; }
.button { display: inline-flex; justify-content: center; align-items: center; gap: 10px; min-height: 52px; padding: 0 22px; border: 0; border-radius: 14px; text-decoration: none; font-weight: 800; cursor: pointer; transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease; }
.button:hover { transform: translateY(-2px); }
.button-primary { color: #03101b; background: linear-gradient(135deg, var(--cyan), var(--blue)); box-shadow: 0 16px 36px rgba(67,167,255,.24); }
.button-primary:hover { box-shadow: 0 20px 44px rgba(67,167,255,.34); }
.button-secondary { border: 1px solid var(--line-strong); background: rgba(255,255,255,.035); color: #eef8ff; }

.product-shot { position: relative; width: 100%; max-width: 680px; margin-inline: auto; padding: 18px; border: 1px solid rgba(102,224,255,.22); border-radius: 28px; background: linear-gradient(160deg, rgba(21,51,76,.94), rgba(7,21,35,.9)); box-shadow: var(--shadow), inset 0 1px 0 rgba(255,255,255,.12); }
.product-shot::before { content: ""; position: absolute; inset: -100px -70px auto auto; width: 230px; height: 230px; border-radius: 50%; background: rgba(67,167,255,.16); filter: blur(40px); }
.product-shot img { position: relative; width: 100%; height: auto; border-radius: 16px; background: #08111b; }
.product-shot figcaption { position: relative; margin-top: 12px; color: var(--soft); font-size: .82rem; text-align: center; }
.phone-shot { max-width: 330px; }

.trust-strip { padding: 16px 0 48px; }
.trust-grid { display: grid; grid-template-columns: repeat(3, 1fr); border-block: 1px solid var(--line); }
.trust-item { padding: 21px 24px; }
.trust-item + .trust-item { border-left: 1px solid var(--line); }
.trust-item strong { display: block; margin-bottom: 3px; color: #fff; font-size: .96rem; }
.trust-item span { color: var(--soft); font-size: .86rem; }

section { padding: 88px 0; }
.section-kicker { margin: 0 0 12px; }
.section-title { max-width: 850px; margin: 0; font-size: clamp(2.2rem, 4vw, 4rem); line-height: 1.06; letter-spacing: -.045em; }
.section-lede { max-width: 740px; margin: 20px 0 0; color: var(--muted); font-size: 1.06rem; }
.section-actions { margin-top: 28px; }
.section-rule { border-top: 1px solid var(--line); }
.center { text-align: center; }
.center .section-title, .center .section-lede { margin-inline: auto; }

.grid { display: grid; gap: 18px; margin-top: 42px; }
.grid-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.grid-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.card { padding: 28px; border: 1px solid var(--line); border-radius: 22px; background: linear-gradient(150deg, rgba(255,255,255,.035), rgba(255,255,255,.015)); }
.card h3 { margin: 22px 0 9px; font-size: 1.3rem; }
.card p { margin: 0; color: var(--muted); }
.card p + p, .card ul { margin-top: 13px; }
.card a:not(.button) { color: var(--cyan); text-underline-offset: 3px; }
.icon { width: 44px; height: 44px; display: grid; place-items: center; border-radius: 14px; color: var(--cyan); background: rgba(67,167,255,.09); border: 1px solid rgba(102,224,255,.16); font-size: 1.25rem; font-weight: 850; }
.icon svg { width: 23px; height: 23px; }
.status { display: inline-flex; align-items: center; gap: 7px; padding: 5px 9px; border: 1px solid var(--line); border-radius: 999px; color: #dceaf4; background: rgba(255,255,255,.035); font-size: .72rem; font-weight: 800; letter-spacing: .05em; text-transform: uppercase; }
.status::before { content: ""; width: 7px; height: 7px; border-radius: 50%; background: var(--soft); }
.status-now::before { background: var(--green); box-shadow: 0 0 9px rgba(83,230,165,.7); }
.status-testing::before { background: var(--amber); }
.status-planned::before { background: var(--blue); }
.spaced-top { margin-top: 18px; }
.tag { display: inline-block; margin-left: 5px; padding: 2px 7px; border-radius: 999px; color: var(--cyan); background: rgba(67,167,255,.11); font-size: .68rem; font-weight: 850; letter-spacing: .05em; text-transform: uppercase; vertical-align: 2px; }
.feature-list { margin: 18px 0 0; padding: 0; list-style: none; }
.feature-list li { position: relative; padding: 7px 0 7px 27px; color: #d9e6ef; }
.feature-list li::before { content: "✓"; position: absolute; left: 0; top: 8px; width: 18px; height: 18px; display: grid; place-items: center; border-radius: 50%; color: #06141f; background: var(--green); font-size: .68rem; font-weight: 900; }

.split { display: grid; grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr); gap: 70px; align-items: center; }
.split.reverse > :first-child { order: 2; }
.split.reverse > :last-child { order: 1; }
.shot-frame { margin: 0; padding: 14px; border: 1px solid var(--line); border-radius: 24px; background: rgba(255,255,255,.025); box-shadow: 0 18px 50px rgba(0,0,0,.25); }
.shot-frame img { width: 100%; height: auto; border-radius: 14px; }
.shot-frame figcaption { padding: 11px 4px 0; color: var(--soft); font-size: .82rem; }

.notice { padding: 18px 0; border-block: 1px solid var(--line); background: rgba(255,196,91,.045); }
.notice .wrap { display: flex; gap: 12px; align-items: flex-start; color: #ced9e1; font-size: .88rem; }
.notice strong { color: #ffe1a6; }
.notice p { margin: 0; }

.steps { counter-reset: step; grid-template-columns: repeat(3, 1fr); }
.step { min-height: 220px; }
.step-number { display: inline-grid; place-items: center; width: 34px; height: 34px; border-radius: 10px; color: var(--cyan); background: rgba(102,224,255,.08); border: 1px solid rgba(102,224,255,.18); font-weight: 900; }
.big { display: block; margin: 17px 0 4px; color: #fff; font-size: 1.65rem; font-weight: 850; letter-spacing: -.03em; }

.pricing-grid { align-items: stretch; }
.price-card { position: relative; display: flex; flex-direction: column; }
.price-card.featured { border-color: rgba(102,224,255,.32); background: linear-gradient(160deg, rgba(21,51,76,.88), rgba(7,21,35,.72)); box-shadow: 0 20px 60px rgba(0,0,0,.25); }
.price-card h2, .price-card h3 { margin-top: 12px; }
.price-card h2 { font-size: 1.3rem; }
.price { margin: 6px 0 10px; color: #fff; font-size: 2.45rem; font-weight: 900; letter-spacing: -.05em; }
.price small { color: var(--muted); font-size: .9rem; font-weight: 700; letter-spacing: 0; }
.price-card .button { margin-top: auto; }
.price-card .feature-list { margin-bottom: 24px; }

.comparison { width: 100%; margin-top: 38px; border-collapse: separate; border-spacing: 0; border: 1px solid var(--line); border-radius: 18px; overflow: hidden; font-size: .9rem; }
.comparison th, .comparison td { padding: 15px 16px; border-bottom: 1px solid var(--line); text-align: left; vertical-align: top; }
.comparison th { color: #fff; background: rgba(255,255,255,.035); }
.comparison tbody th { width: 30%; }
.comparison tr:last-child > * { border-bottom: 0; }
.comparison td { color: var(--muted); }
.comparison .cr { color: #e9f8ff; background: rgba(67,167,255,.055); }
.compare-cards { display: none; }
.source-list { color: var(--soft); font-size: .86rem; }
.source-list a { color: var(--cyan); }

.faq { margin-top: 36px; }
details { border-bottom: 1px solid var(--line); }
details:first-child { border-top: 1px solid var(--line); }
summary { cursor: pointer; list-style: none; display: flex; justify-content: space-between; gap: 24px; padding: 23px 0; font-weight: 800; }
summary::-webkit-details-marker { display: none; }
summary::after { content: "+"; color: var(--cyan); font-size: 1.35rem; line-height: 1; }
details[open] summary::after { content: "−"; }
details p { max-width: 850px; margin: -6px 0 24px; color: var(--muted); }

.cta-card { position: relative; overflow: hidden; padding: clamp(36px, 6vw, 70px); border: 1px solid rgba(102,224,255,.25); border-radius: 30px; background: linear-gradient(145deg, #12324d, #091827 68%); box-shadow: var(--shadow); }
.cta-card::after { content: ""; position: absolute; width: 430px; height: 430px; right: -180px; bottom: -260px; border-radius: 50%; border: 1px solid rgba(102,224,255,.2); box-shadow: 0 0 0 60px rgba(102,224,255,.025), 0 0 0 120px rgba(102,224,255,.018); }
.cta-card > * { position: relative; z-index: 1; }
.cta-card h2 { max-width: 820px; margin: 0; font-size: clamp(2.4rem, 5vw, 4.7rem); line-height: 1; letter-spacing: -.055em; }
.cta-card p { max-width: 700px; margin: 20px 0 0; color: #c0d3e3; }

.support-layout, .legal-layout { display: grid; grid-template-columns: minmax(0, .66fr) minmax(0, 1.34fr); gap: 60px; align-items: start; }
.support-form { padding: 30px; border: 1px solid var(--line); border-radius: 24px; background: rgba(255,255,255,.025); }
.field { margin-bottom: 18px; }
.field label { display: block; margin-bottom: 7px; color: #eff8ff; font-size: .91rem; font-weight: 750; }
.field input, .field select, .field textarea { width: 100%; min-height: 48px; padding: 11px 13px; border: 1px solid var(--line-strong); border-radius: 12px; color: var(--ink); background: #091827; }
.field textarea { min-height: 160px; resize: vertical; }
.field small { display: block; margin-top: 6px; color: var(--soft); }
.hp { position: absolute; left: -9999px; width: 1px; height: 1px; overflow: hidden; }
.form-status { min-height: 24px; margin: 10px 0 0; color: var(--soft); font-size: .86rem; }
.toc { position: sticky; top: 102px; padding: 24px; border: 1px solid var(--line); border-radius: 20px; background: rgba(255,255,255,.025); }
.toc h2 { margin: 0 0 12px; font-size: 1rem; }
.toc ol { margin: 0; padding-left: 20px; color: var(--muted); }
.toc a { text-underline-offset: 3px; }
.legal { max-width: 760px; }
.legal h2 { margin: 48px 0 12px; font-size: 1.55rem; letter-spacing: -.025em; scroll-margin-top: 100px; }
.legal p, .legal li { color: #c6d4df; }
.legal .effective { color: var(--soft); }

.site-footer { padding: 54px 0 42px; border-top: 1px solid var(--line); color: var(--soft); font-size: .88rem; }
.footer-grid { display: grid; grid-template-columns: 1.4fr repeat(3, 1fr); gap: 36px; }
.footer-brand p { max-width: 360px; margin: 13px 0 0; }
.footer-group h2 { margin: 0 0 12px; color: #e9f3fa; font-size: .86rem; text-transform: uppercase; letter-spacing: .09em; }
.footer-group a { display: block; margin: 7px 0; color: var(--soft); text-decoration: none; }
.footer-group a:hover { color: #fff; }
.footer-bottom { display: flex; justify-content: space-between; gap: 24px; margin-top: 40px; padding-top: 22px; border-top: 1px solid var(--line); }
.footer-bottom p { margin: 0; }

:focus-visible { outline: 3px solid rgba(102,224,255,.9); outline-offset: 4px; border-radius: 4px; }

@media (max-width: 980px) {
  .nav-links { position: absolute; inset: 72px 20px auto; display: none; margin: 0; padding: 16px; border: 1px solid var(--line-strong); border-radius: 16px; background: #0b1a2a; box-shadow: var(--shadow); }
  .nav-links[data-open="true"] { display: grid; }
  .nav-links a { min-height: 44px; display: flex; align-items: center; padding: 0 10px; }
  .nav-links a[aria-current="page"] { text-decoration: none; background: rgba(102,224,255,.08); border-radius: 10px; }
  .menu-button { display: block; }
  .hero-grid, .split, .support-layout, .legal-layout { grid-template-columns: 1fr; gap: 46px; }
  .split.reverse > :first-child, .split.reverse > :last-child { order: initial; }
  .product-shot { max-width: 620px; }
  .grid-3 { grid-template-columns: 1fr 1fr; }
  .steps { grid-template-columns: 1fr; }
  .toc { position: static; }
  .comparison { display: none; }
  .compare-cards { display: grid; gap: 16px; margin-top: 30px; }
  .compare-card { padding: 20px; border: 1px solid var(--line); border-radius: 18px; background: rgba(255,255,255,.025); }
  .compare-card h3 { margin: 0 0 12px; font-size: 1.1rem; }
  .compare-row { display: grid; grid-template-columns: 1fr 1.25fr; gap: 12px; padding: 8px 0; border-top: 1px solid var(--line); }
  .compare-row strong { font-size: .82rem; }
  .compare-row span { color: var(--muted); font-size: .86rem; }
  .footer-grid { grid-template-columns: 1.4fr 1fr 1fr; }
  .footer-brand { grid-column: 1 / -1; }
}

@media (max-width: 720px) {
  .wrap { width: min(calc(100% - 28px), var(--max)); }
  .nav { min-height: 64px; }
  .nav-links { inset: 64px 14px auto; }
  .hero { padding: 58px 0 42px; }
  section { padding: 68px 0; }
  .grid-2, .grid-3, .trust-grid, .footer-grid { grid-template-columns: 1fr; }
  .trust-item + .trust-item { border-left: 0; border-top: 1px solid var(--line); }
  .card, .support-form { padding: 23px; }
  .hero-actions { align-items: stretch; flex-direction: column; }
  .button { width: 100%; }
  .footer-bottom { flex-direction: column; }
}

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  *, *::before, *::after { transition-duration: .01ms !important; animation-duration: .01ms !important; animation-iteration-count: 1 !important; }
}

@media print {
  :root { color-scheme: light; }
  body { color: #111; background: #fff; }
  .site-header, .announcement, .site-footer, .hero-actions, .notice { display: none; }
  .hero, section { padding: 24px 0; }
  .legal p, .legal li, .section-lede { color: #222; }
  .toc { position: static; border-color: #ccc; background: #fff; }
  a { color: #111; }
}
/* TalonPCB extends the Radian family design tokens and shared primitives. */
section[id], details[id] { scroll-margin-top: 96px; }
.release-dot { display: inline-block; flex-shrink: 0; width: 7px; height: 7px; border-radius: 50%; background: var(--green); box-shadow: 0 0 12px #53e6a555; }
.announcement .wrap { font-size: .78rem; gap: 12px; }
.announcement a { margin-left: 9px; }
.hero { padding-top: 86px; padding-bottom: 66px; }
.hero-grid { grid-template-columns: minmax(0,.9fr) minmax(0,1.1fr); gap: 56px; }
h1 { font-size: clamp(3.3rem,6.5vw,5.8rem); }
.hero-copy { font-size: 1.12rem; max-width: 480px; }
.product-shot { margin-block: 0; padding: 13px; border-radius: 22px; }
.hero-shot img { border-radius: 8px; }
.shot-label { position: relative; display: flex; align-items: center; gap: 8px; padding: 2px 3px 13px; color: #d9e6ef; font-size: .78rem; }
.shot-label > span:last-child { margin-left: auto; color: var(--soft); font-size: .61rem; letter-spacing: .12em; }
.hero-shot figcaption { display: flex; justify-content: space-between; gap: 8px; font-size: .73rem; text-align: left; }
.hero-shot figcaption span { white-space: nowrap; color: var(--cyan); }
.section-heading { display: grid; grid-template-columns: 1.15fr 1fr; gap: 70px; align-items: end; }
.section-heading .section-lede { margin-bottom: 4px; }
.card .fineprint { color: var(--soft); font-size: .82rem; }
.card .feature-list { font-size: .88rem; }
.card h3 { letter-spacing: -.025em; }
.editor-gallery { display: grid; grid-template-columns: 1.1fr 1fr; gap: 22px; margin-top: 38px; align-items: start; }
.shot-frame { padding: 10px; border-radius: 16px; }
.shot-frame img { border-radius: 7px; }
.shot-frame a { display: block; }
.shot-frame figcaption span { float: right; color: var(--cyan); }
.shot-frame strong { color: #d9e6ef; font-weight: 600; }
.file-panel, .output-panel { border: 1px solid var(--line-strong); border-radius: 24px; padding: 30px; background: linear-gradient(145deg,#10273b,#091624); }
.file-row { display: flex; align-items: center; gap: 18px; padding: 24px 0; border-bottom: 1px solid var(--line); }
.file-row:first-child { padding-top: 6px; }
.file-row > span:last-child { margin-left: auto; color: var(--cyan); }
.file-row strong, .file-row div span { display: block; }
.file-row div span { color: var(--muted); font-size: .88rem; margin-top: 3px; }
.file-icon { font: 700 .8rem ui-monospace,monospace; color: var(--cyan); border: 1px solid var(--line-strong); padding: 14px 9px; border-radius: 10px; background: #66e0ff08; }
.file-note { margin: 24px 0 0; color: var(--muted); font-size: .83rem; }
.file-note .release-dot { margin-right: 7px; }
.text-link { display: inline-block; margin-top: 22px; color: var(--cyan); text-underline-offset: 5px; font-weight: 700; }
.nav .text-link { margin-top: 0; margin-left: auto; }
.output-row { padding: 23px 0; display: flex; justify-content: space-between; gap: 15px; border-bottom: 1px solid var(--line); }
.output-row code { color: #e5f5ff; font-size: .94rem; }
.output-row span { font-size: .82rem; color: var(--muted); text-align: right; }
.output-panel .fineprint { margin-top: 24px; }
.code-label { font: 600 1.1rem ui-monospace,monospace; color: var(--cyan); }
.inline-command { display: block; margin-top: 18px; padding: 10px; border-radius: 8px; border: 1px solid var(--line); font-size: .85rem; color: var(--cyan); background: #040a1266; }
.platforms { display: flex; flex-wrap: wrap; gap: 36px; margin-top: 32px; padding-bottom: 25px; border-bottom: 1px solid var(--line); }
.platforms p { font-size: .8rem; margin-top: 10px; }
.cta-card .section-kicker { margin: 0 0 20px; color: var(--cyan); }
.cta-card .fineprint { font-size: .85rem; color: var(--muted); }
.faq-layout { display: grid; grid-template-columns: .8fr 1.2fr; gap: 80px; }
.faq-layout .faq { margin: 0; }
.faq a { color: var(--cyan); text-underline-offset: 3px; }
.hero-summary { padding: 8px 0 64px; }
.hero-summary .section-kicker { margin: 0 0 16px; }
.hero-summary .section-title { max-width: 960px; font-size: clamp(1.8rem, 3.4vw, 3rem); }
.trademark { color: var(--soft); font-size: .77rem; max-width: 970px; margin: 24px auto 0; text-align: center; }
.trademark + .trademark { margin-top: 8px; }
.legal h1 { font-size: clamp(3rem,6vw,5rem); }
.legal .section-lede { max-width: 100%; }
@media(min-width:1240px) { .hero-shot { width: calc(100% + 28px); max-width: none; } }
@media(max-width:980px) { .hero-grid, .section-heading, .faq-layout { grid-template-columns: 1fr; gap: 32px; } .hero-shot { max-width: 760px; } .hero-copy { max-width: 650px; } .nav-links { display: flex; position: static; flex-wrap: wrap; box-shadow: none; } .js .nav-links { position: absolute; display: none; } .js .nav-links[data-open="true"] { display: grid; } .menu-button { display: none; } .js .menu-button { display: block; } .nav { flex-wrap: wrap; padding-block: 12px; } }
@media(max-width:720px) { .brand-logo:not(.brand-logo-sm) { width: 44px; height: 44px; } h1 { font-size: clamp(2.85rem, 15vw, 4.6rem); } .hero { padding-top: 52px; } .announcement .wrap { gap: 7px; font-size: .69rem; } .announcement a { margin-left: 0; } .hero-shot figcaption { display: block; } .hero-shot figcaption span { display: block; margin-top: 6px; } .section-heading { gap: 0; } .editor-gallery { grid-template-columns: 1fr; } .platforms { flex-direction: column; gap: 22px; } .file-panel,.output-panel { padding: 22px; } .file-row { gap: 11px; } .file-row div span { font-size: .79rem; } .faq-layout { gap: 30px; } .output-row { flex-wrap: wrap; } .hero-actions { margin-top: 25px; } }


/* Public-beta marketing revision (draft: downloads and signup intentionally not wired). */
.release-dot-amber { background: var(--amber); box-shadow: 0 0 12px rgba(255,196,91,.4); }
.hero-copy strong { color: #f5fbff; }
.hero .fineprint { max-width: 480px; }
.capability-grid { display: grid; grid-template-columns: repeat(3, minmax(0,1fr)); gap: 15px; margin-top: 38px; }
.capability { min-height: 183px; padding: 24px; border: 1px solid var(--line); border-radius: 19px; background: linear-gradient(145deg,rgba(255,255,255,.035),rgba(255,255,255,.012)); }
.capability h3 { font-size: 1.09rem; line-height: 1.25; margin: 18px 0 9px; letter-spacing: -.02em; }
.capability p { font-size: .9rem; color: var(--muted); margin: 0; }
.detail-shot { max-width: 875px; margin: 32px auto 0; }
.detail-shot a { display: block; }
.detail-shot figcaption span { float: right; color: var(--cyan); }
.ki-section { grid-template-columns: minmax(0, .88fr) minmax(0, 1.12fr); }
.status-list { margin: 26px 0; }
.status-list p { display: flex; gap: 12px; align-items: center; flex-wrap: wrap; color: #d5e3ed; font-size: .9rem; margin: 11px 0; }
.independence-note { color: var(--soft); font-size: .81rem; margin-top: 22px; max-width: 570px; }
.beta-card h2 { max-width: 1000px; }
.beta-head { display: flex; justify-content: space-between; align-items: baseline; flex-wrap: wrap; gap: 16px; }
.beta-lede { font-size: 1.1rem; max-width: 815px !important; }
.beta-highlights { display: grid; grid-template-columns: repeat(3, minmax(0,1fr)); gap: 14px; margin-top: 32px; }
.beta-highlights > div { padding: 17px 18px; border: 1px solid var(--line-strong); border-radius: 14px; background: rgba(5,14,26,.4); }
.beta-highlights strong { display: block; color: #fff; font-size: .99rem; }
.beta-highlights span { display: block; color: #bed1df; font-size: .85rem; line-height: 1.6; margin-top: 6px; }
.beta-download-preview { display: grid; grid-template-columns: 1fr auto; gap: 24px; align-items: center; padding: 24px 0; margin-top: 34px; border-block: 1px solid var(--line-strong); }
.cta-card .preview-label { margin: 0 0 10px; color: #d8eaf5; font-weight: 750; font-size: .87rem; }
.platform-pills { display: flex; flex-wrap: wrap; gap: 9px; }
.platform-pills span { display: inline-block; padding: 7px 11px; border-radius: 999px; background: rgba(102,224,255,.075); border: 1px solid rgba(102,224,255,.22); font-size: .83rem; color: #e4f8ff; }
.beta-download-preview .fineprint { margin: 9px 0 0; font-size: .8rem; }
.preview-action { display: flex; flex-direction: column; gap: 9px; align-items: flex-end; text-align: right; max-width: 350px; }
.button-preview { background: rgba(255,255,255,.13); border: 1px solid var(--line-strong); color: #fff; cursor: default; pointer-events: none; }
.preview-action small { color: #a9bdcf; line-height: 1.5; }
.cta-card .beta-caution { margin-top: 22px; max-width: none; font-size: .84rem; color: #afc1cf; }
.beta-caution strong { color: #f6dfae; }
@media (max-width:980px) {
  .capability-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .ki-section { grid-template-columns: 1fr; }
  .beta-highlights { grid-template-columns: 1fr; }
}
@media (max-width:720px) {
  .capability-grid { grid-template-columns: 1fr; }
  .capability { min-height: 0; }
  .beta-download-preview { grid-template-columns: 1fr; }
  .preview-action { align-items: flex-start; text-align: left; max-width: none; }
  .preview-action .button-preview { width: 100%; }
  .beta-head { align-items: flex-start; }
  .status-list p { align-items: flex-start; }
  .detail-shot figcaption span { display: none; }
}


/* V3 hero: full-width true-product imagery, no decorative/generated engineering visuals. */
.hero { padding: 61px 0 74px; overflow: visible; }
.hero::before { z-index: -1; }
.hero-intro { max-width: 1060px; margin: 0 auto; text-align: center; }
.hero-intro .eyebrow { justify-content: center; margin-bottom: 17px; }
.hero-intro h1 { max-width: none; font-size: clamp(3.0rem, 6.3vw, 6.5rem); line-height: 1.03; letter-spacing: -.058em; }
.hero-intro .hero-copy { max-width: 820px; margin: 22px auto 0; font-size: clamp(1.03rem, 1.45vw, 1.18rem); line-height: 1.7; }
.hero-intro .hero-actions { justify-content: center; margin-top: 24px; }
.hero-intro .fineprint { max-width: none; margin: 15px auto 0; }
.hero-visual { position: relative; width: 100%; margin: 36px auto 0; padding: 0 0 40px; }
.hero-main-shot { width: 100%; max-width: none; margin: 0; padding: 12px; border-radius: 24px; }
.hero-main-shot > a { display: block; overflow: hidden; border-radius: 13px; }
.hero-main-shot img { width: 100%; height: auto; border-radius: 13px; }
.hero-main-shot figcaption { text-align: left; padding-left: 7px; }
.hero-main-shot figcaption span { float: right; color: var(--cyan); }
.hero-3d-callout { position: absolute; z-index: 2; width: clamp(265px, 33%, 390px); right: -13px; bottom: -10px; margin: 0; padding: 10px; border: 1px solid rgba(132,219,255,.42); border-radius: 19px; background: linear-gradient(135deg,#183249,#081522); box-shadow: 0 20px 60px rgba(0,0,0,.67), 0 0 0 4px rgba(7,17,31,.9); }
.hero-3d-callout .shot-label { padding: 0 3px 8px; }
.hero-3d-callout .shot-label > span:last-child { font-size: .55rem; }
.hero-3d-callout a { display: block; overflow: hidden; border-radius: 11px; }
.hero-3d-callout img { width: 100%; height: auto; border-radius: 11px; }
.hero-feature-line { display:flex; align-items:center; justify-content:center; flex-wrap:wrap; gap: 11px 24px; margin-top: 19px; padding: 18px 0 0; font-size: .88rem; color: #c9dfec; }
.hero-feature-line > span { position: relative; }
.hero-feature-line > span + span::before { content: '•'; position:absolute; left:-15px; color:var(--cyan); }
.hero-feature-line em { margin-left: 4px; font-size: .72rem; color: var(--amber); font-style: normal; }
/* AI uses a textual workflow illustration until an actual product UI capture exists. */
.ai-layout { display: grid; grid-template-columns: 1.06fr .94fr; gap: clamp(32px, 6vw, 88px); align-items: center; }
.ai-small-note { font-size: .93rem; color: #9fb6c8; }
.ai-credit-note { display: grid; gap: 5px; padding: 18px 20px; margin-top: 26px; border: 1px solid rgba(102,224,255,.25); border-radius: 15px; background: rgba(67,167,255,.055); }
.ai-credit-note strong { color: #eefaff; }
.ai-credit-note span { color: var(--muted); font-size: .88rem; }
.ai-steps { padding: 27px; border: 1px solid var(--line-strong); border-radius: 23px; background: linear-gradient(140deg,rgba(27,56,79,.68),rgba(5,18,29,.95)); box-shadow: 0 25px 60px rgba(0,0,0,.24); }
.ai-step { display: grid; grid-template-columns: 48px 1fr; gap: 15px; padding: 16px 0 23px; }
.ai-step + .ai-step { border-top: 1px solid var(--line); }
.ai-step-num { display: grid; place-items: center; width: 43px; height: 43px; border-radius: 12px; color: var(--cyan); background: rgba(67,167,255,.12); font-size: .9rem; font-weight: 850; }
.ai-step h3 { margin: 3px 0 6px; font-size: 1.15rem; }
.ai-step p { margin:0; color: var(--muted); font-size: .91rem; }
.ai-step-foot { display:flex; align-items:center; flex-wrap:wrap; gap:11px; padding-top: 16px; border-top: 1px solid var(--line); font-size: .8rem; color: var(--soft); }
@media (max-width:980px) {
 .hero { padding-top: 47px; }
 .hero-3d-callout { right: -4px; width: 37%; }
 .ai-layout { grid-template-columns: 1fr; gap:32px; }
}
@media (max-width:720px) {
 .hero { padding: 44px 0 36px; }
 .hero-intro h1 { font-size: clamp(2.5rem, 10.6vw, 4.2rem); }
 .hero-intro .eyebrow { font-size: .63rem; }
 .hero-intro .hero-copy { font-size: 1rem; margin-top: 16px; }
 .hero-intro .fineprint { font-size: .76rem; }
 .hero-visual { margin-top: 25px; padding-bottom: 0; }
 .hero-main-shot { padding: 8px; border-radius: 18px; }
 .hero-main-shot .shot-label { font-size: .68rem; }
 .hero-main-shot .shot-label > span:last-child { font-size: .51rem; }
 .hero-main-shot > a { height: 260px; }
 .hero-main-shot img { width: 100%; height: 100%; object-fit: cover; object-position: 54% 35%; }
 .hero-main-shot figcaption { font-size: .72rem; text-align: center; padding-left: 0; }
 .hero-main-shot figcaption span { float: none; display: none; }
 .hero-3d-callout { position: relative; width: min(100%, 430px); right: auto; bottom: auto; margin: 18px auto 0; box-shadow: 0 20px 40px rgba(0,0,0,.28); }
 .hero-feature-line { gap: 8px 19px; font-size: .75rem; margin-top: 15px; }
 .hero-feature-line > span + span::before { left:-12px; }
 .ai-steps { padding: 18px; }
 .ai-credit-note { padding:16px; }
}


/* V4: use real close-up PCB / populated 3D captures; elevate engineering ethos. */
.hero-origin { margin: 19px auto 0; color: #b9d1df; font-size: .94rem; line-height: 1.6; letter-spacing: .01em; }
.hero-origin strong { color: #f0faff; font-weight: 650; }
.hero-intro .fineprint { margin-top: 11px; }
.hero-main-shot img { aspect-ratio: 1408 / 946; }
.hero-3d-callout img { aspect-ratio: 1701 / 1087; }
@media (max-width:720px) {
 .hero-origin { max-width: 355px; padding-inline:8px; margin-top:17px; font-size:.84rem; }
 .hero-main-shot > a { height:260px; }
 .hero-main-shot img { object-fit:cover; object-position:53% 36%; }
 .hero-3d-callout { width:min(100%, 430px); }
}


/* Version 6 — a credible founder voice and a direct, visible beta feedback channel. */
.story-layout { display:grid; grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr); align-items:center; gap:clamp(27px,5vw,76px); }
.founder-story .section-title { max-width: 790px; font-size:clamp(1.8rem,3.2vw,2.85rem); }
.founder-story .section-lede { max-width:685px; margin-top:19px; }
.founder-story .founder-promise { color:#dcecf5; font-size:1rem; margin-top:14px; }
.feedback-card { border:1px solid rgba(102,224,255,.27); border-radius:22px; background:linear-gradient(155deg,rgba(23,54,78,.77),rgba(9,23,38,.91)); padding:clamp(22px,3vw,36px); box-shadow:0 18px 46px rgba(0,0,0,.19); }
.feedback-kicker { display:flex; align-items:center; gap:9px; margin:0 0 17px; color:var(--cyan); font-size:.7rem; letter-spacing:.095em; text-transform:uppercase; font-weight:800; }
.feedback-signal { display:inline-block; width:9px; height:9px; border-radius:50%; background:var(--green); box-shadow:0 0 0 4px rgba(83,230,165,.12); }
.feedback-card h3 { font-size:clamp(1.3rem,2vw,1.75rem); line-height:1.19; letter-spacing:-.025em; margin:0 0 16px; color:var(--ink); }
.feedback-card p:not(.feedback-kicker) { font-size:.93rem; color:#c1d3e0; margin:0; }
.feedback-card .feedback-footnote { padding-top:17px; margin-top:20px !important; border-top:1px solid var(--line); font-size:.78rem !important; color:var(--soft) !important; }
.beta-activation { margin:21px 0 0; color:#c1d6e6; font-size:.88rem; line-height:1.65; }
@media(max-width:980px) { .story-layout { grid-template-columns:1fr; gap:30px; } .feedback-card { max-width:720px; } }
@media(max-width:720px) { .founder-story .section-lede { font-size:.98rem; } .feedback-card { padding:23px; } }


/* Version 7: product direction and genuine beta download links. */
.next-section { background:linear-gradient(160deg,rgba(25,58,85,.19),rgba(7,17,31,.05) 55%); }
.next-intro { max-width:930px; }
.next-intro .section-title { max-width:940px; }
.next-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:18px; margin-top:42px; }
.next-card { position:relative; padding:30px 28px 34px; min-height:245px; border:1px solid var(--line-strong); border-radius:21px; background:linear-gradient(147deg,rgba(37,76,104,.25),rgba(13,30,47,.46)); }
.next-index { display:block; margin-bottom:24px; color:var(--cyan); font-size:.7rem; font-weight:850; letter-spacing:.095em; }
.next-card h3 { font-size:1.3rem; line-height:1.3; margin:0 0 13px; }
.next-card p { margin:0; color:var(--muted); font-size:.92rem; }
.next-bottom { display:flex; align-items:center; justify-content:space-between; gap:25px; padding:25px 0 0; margin-top:30px; border-top:1px solid var(--line); }
.next-bottom p { max-width:780px; margin:0; color:#c5d7e3; }
.next-bottom strong { color:#f0faff; }
.next-bottom a { flex-shrink:0; }
.next-disclaimer { margin:17px 0 0; font-size:.78rem; color:var(--soft); }
.download-actions { display:flex; flex-direction:column; align-items:stretch; gap:10px; min-width:250px; }
.download-actions .button { width:100%; }
.download-actions small { font-size:.78rem; color:var(--soft); text-align:center; max-width:315px; }
@media(max-width:980px) { .next-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } .next-card:last-child { grid-column:1 / -1; } }
@media(max-width:720px) { .next-grid { grid-template-columns:1fr; margin-top:28px; } .next-card:last-child { grid-column:auto; } .next-card { min-height:unset; padding:24px; } .next-bottom { align-items:flex-start; flex-direction:column; } .download-actions { width:100%; } }

/* Version 8 — MCP-led product positioning and online manual scaffold. */
.nav-links { gap: clamp(11px,1.35vw,20px); }
.nav-links a { font-size: .86rem; white-space: nowrap; }
.nav-links .nav-feature { color: var(--cyan); font-weight: 800; }
.hero-mcp-proof { margin: 17px auto 0; display: flex; align-items: center; justify-content: center; flex-wrap: wrap; gap: 12px; color: #daeaf5; font-size: .9rem; }
.hero-mcp-proof .status { flex-shrink: 0; }
.mcp-section { background: radial-gradient(ellipse at 70% 21%, rgba(24,108,156,.14), transparent 47%),linear-gradient(145deg,#081625,#091a28 55%,#07111f); }
.mcp-head { display: grid; grid-template-columns: minmax(0,1.17fr) minmax(350px,.83fr); gap: clamp(35px,5vw,76px); align-items:center; }
.mcp-copy .section-title { font-size: clamp(2.15rem,3.65vw,3.85rem); }
.mcp-copy .section-lede strong { color: #f2faff; }
.mcp-support { color: #c4d7e4; line-height: 1.8; max-width: 720px; }
.mcp-actions { margin-top: 27px; }
.mcp-flow { padding: 23px; border: 1px solid rgba(102,224,255,.35); border-radius: 24px; background:linear-gradient(150deg,rgba(33,77,105,.43),rgba(8,18,31,.95)); box-shadow:0 26px 70px rgba(0,0,0,.25); }
.mcp-flow-label { display:flex; align-items:center; gap:8px; flex-wrap:wrap; font-size:.78rem; color:#f1fbff; font-weight:750; margin-bottom:20px; }
.mcp-flow-label>span:last-child { margin-left:auto; font-size:.62rem; letter-spacing:.075em; color:#92bacb; }
.mcp-flow-node { border:1px solid rgba(162,207,233,.25); background: rgba(7,21,36,.84); padding: 17px 21px; border-radius:15px; }
.mcp-flow-node strong,.mcp-flow-node>span { display:block; }
.mcp-flow-node strong { color:white; font-size:1.22rem; }
.mcp-flow-node>span:last-child { color:#aebfcd; font-size:.78rem; margin-top:4px; line-height:1.45; }
.mcp-flow-node .mcp-node-index { font-size:.65rem; color:#78dcee; letter-spacing:.12em; font-weight:800; margin-bottom:6px; }
.mcp-server-node { border-color:rgba(102,224,255,.56); box-shadow: inset 0 0 0 1px rgba(102,224,255,.04),0 0 38px rgba(35,143,201,.15); }
.mcp-connector { display:flex; align-items:center; justify-content:center; flex-direction:column; gap:3px; min-height:56px; color:#77ccf0; }
.mcp-connector span { width:2px; height:11px; background:linear-gradient(var(--cyan),transparent); }
.mcp-connector b { letter-spacing:.1em; font-size:.61rem; }
.mcp-flow-foot { color:#9db5c6; font-size:.75rem; text-align:center; margin:15px 0 0; }
.mcp-benefits { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:17px; margin-top:43px; }
.mcp-benefits article { background:rgba(11,29,45,.76); border:1px solid var(--line-strong); border-radius:18px; padding:25px 23px; }
.mcp-benefits h3 { margin:17px 0 10px; font-size:1.22rem; }
.mcp-benefits p { color:var(--muted); font-size:.88rem; margin:0; }
.mcp-fineprint { color:var(--soft); font-size:.82rem; margin-top:18px; }
.mcp-fineprint a,.mcp-detail-card a { color:var(--cyan); text-underline-offset:3px; }
.capability a { color:var(--cyan); text-underline-offset:3px; }
.subpage-hero { padding:100px 0 89px; }
.subpage-hero h1 { font-size:clamp(2.7rem,5.25vw,5rem); }
.subpage-grid { display:grid;grid-template-columns:1fr .95fr;gap:50px;align-items:center; }
.subpage-shot { margin:0; padding:12px;border:1px solid var(--line-strong);border-radius:21px;background:rgba(33,72,101,.45);box-shadow:var(--shadow); }
.subpage-shot img {border-radius:12px;width:100%;height:auto;}
.subpage-shot figcaption {font-size:.76rem;color:var(--soft);margin-top:9px;text-align:center;}
.mcp-explain-grid {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:36px;}
.mcp-detail-layout {display:grid;grid-template-columns:1fr .82fr;gap:70px;align-items:center;}
.mcp-detail-card {border:1px solid rgba(102,224,255,.28);border-radius:23px;background:rgba(18,42,63,.54);padding:34px;}
.mcp-detail-card h3 {font-size:1.65rem;margin:17px 0 12px;}
.mcp-detail-card p {color:#b4c7d7;}
.mcp-ordered {margin:14px 0;padding-left:23px;color:#c6d7e5;}
.mcp-ordered li {padding:8px 0;}
.mcp-next-cta {display:flex;justify-content:space-between;align-items:center;gap:35px;}
.mcp-next-cta .button {flex-shrink:0;}
.manual-shell {max-width:1000px;}
.manual-shell h1 {font-size:clamp(3rem,6.8vw,5.7rem);}
.manual-placeholder {margin-top:44px;padding:34px;border:1px solid var(--line-strong);border-radius:24px;background:rgba(18,46,66,.55);}
.manual-placeholder h2 {font-size:1.7rem;margin:16px 0 9px;}
.manual-placeholder p {color:var(--muted);}
.manual-topic-grid {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:24px 0;}
.manual-topic-grid span {padding:12px 15px;border-radius:10px;background:rgba(255,255,255,.035);border:1px solid var(--line);color:#d3e3ec;font-size:.92rem;}
.legal-top-links {display:flex;gap:18px;align-items:center;flex-wrap:wrap;margin-left:auto;}
@media(max-width:1080px) { .nav-links {gap:10px;} .nav-links a {font-size:.8rem;} }
@media(max-width:980px) { .mcp-head,.subpage-grid,.mcp-detail-layout {grid-template-columns:1fr;} .mcp-flow {max-width:620px;width:100%;} .mcp-benefits {grid-template-columns:repeat(2,minmax(0,1fr));} .mcp-benefits article:last-child {grid-column:1/-1;} .mcp-explain-grid {grid-template-columns:1fr 1fr;} .mcp-next-cta {flex-direction:column;align-items:flex-start;} }
@media(max-width:720px) { .mcp-benefits,.mcp-explain-grid,.manual-topic-grid {grid-template-columns:1fr;} .mcp-benefits article:last-child {grid-column:auto;} .mcp-flow {padding:16px;} .mcp-flow-label>span:last-child {margin-left:0;} .mcp-next-cta .button {width:100%;} .manual-placeholder {padding:21px;} .legal-top-links {gap:12px;font-size:.82rem;} .hero-mcp-proof {font-size:.82rem;} .subpage-hero {padding-top:68px;} }


/* TalonPCB v10 — release positioning, founders offer and product comparisons */
.showcase-section {padding-top:72px;background:radial-gradient(circle at 25% 20%,rgba(67,167,255,.06),transparent 36rem)}
.showcase-header,.comparison-context{display:grid;grid-template-columns:1.2fr .8fr;gap:42px;align-items:end}
.showcase-header .section-lede{margin-bottom:9px}
.showcase-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:15px;margin-top:39px}
.showcase-card{grid-column:span 2;min-height:235px;padding:24px;border-radius:20px;border:1px solid var(--line);background:linear-gradient(140deg,rgba(20,46,69,.72),rgba(10,24,38,.64));display:flex;flex-direction:column}
.showcase-card:nth-child(4),.showcase-card:nth-child(5){grid-column:span 3}
.showcase-number,.mode-overline,.founders-caption{display:block;color:var(--cyan);font-size:.74rem;letter-spacing:.14em;font-weight:850}
.showcase-card h3{margin:15px 0 9px;font-size:1.43rem;line-height:1.18}
.showcase-card p{margin:0;color:var(--muted);font-size:.95rem}
.showcase-card a{margin-top:auto;padding-top:19px;color:var(--cyan);font-weight:750;text-decoration:none;font-size:.9rem}
.mode-grid{margin-top:38px;display:grid;grid-template-columns:1fr 1fr;gap:20px}
.mode-card{border:1px solid var(--line-strong);border-radius:23px;min-width:0;padding:29px;background:linear-gradient(155deg,#112638,#091725)}
.mode-modern{background:linear-gradient(135deg,#102b41,#07111f 72%)}
.mode-card h3{font-size:1.65rem;margin:16px 0 8px}
.mode-card p{color:var(--muted);max-width:42ch}
.mode-example{display:flex;flex-wrap:wrap;gap:9px;margin-top:25px;padding:17px;border:1px solid var(--line);border-radius:14px;background:#060f1b}
.mode-example span{width:100%;font-size:.7rem;letter-spacing:.15em;color:#8aa9c3}
.mode-example code,.mode-example b{font-size:.79rem;color:#cdf2ff;padding:6px 11px;border:1px solid rgba(102,224,255,.15);border-radius:7px;background:rgba(102,224,255,.06)}
.mode-example-modern b{color:#def8ff;background:rgba(67,167,255,.12)}
.founders-banner{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(280px,.65fr);gap:36px;padding:clamp(28px,5vw,55px);background:linear-gradient(125deg,#143652,#091b2d 70%);border:1px solid rgba(102,224,255,.34);border-radius:27px}
.founders-left h2{font-size:clamp(2.4rem,4.7vw,4.6rem);line-height:1.02;letter-spacing:-.05em;margin:0}
.founders-left>p:not(.section-kicker){max-width:620px;color:var(--muted);font-size:1.06rem}
.forever-rule{margin-top:26px;padding:19px 0 0;border-top:1px solid var(--line);display:grid;gap:3px}
.forever-rule strong{font-size:1.2rem;color:#fff}
.forever-rule span{color:#bad0e1}
.founders-price,.pricing-ticket{display:flex;flex-direction:column;align-items:flex-start;border-radius:19px;padding:27px;background:rgba(4,15,29,.67);border:1px solid rgba(102,224,255,.2)}
.price-giant{font-size:clamp(3.9rem,6vw,5.8rem);line-height:1.04;font-weight:900;letter-spacing:-.075em;color:#fff;margin:20px 0 5px}
.price-giant span{font-size:.98rem;font-weight:700;color:#adc3d5;letter-spacing:normal;margin-left:6px}
.founders-price p{margin:0;color:#c5dae9}
.founders-divider{margin:22px 0 14px;width:100%;height:1px;background:var(--line)}
.retail-price{font-size:.9rem;color:var(--muted)}
.founders-price .button{width:100%;margin-top:21px}
.founders-price small{margin-top:12px;color:var(--soft)}
.mini-compare-scroll,.compare-table-scroll{overflow-x:auto;border:1px solid var(--line-strong);border-radius:18px;margin-top:35px;background:rgba(10,23,38,.7);scrollbar-color:#325a79 #091725}
.mini-compare,.compare-matrix{width:100%;min-width:820px;border-collapse:separate;border-spacing:0;font-size:.9rem}
.mini-compare th,.mini-compare td,.compare-matrix th,.compare-matrix td{padding:15px 13px;text-align:left;vertical-align:middle;border-bottom:1px solid var(--line)}
.mini-compare thead th,.compare-matrix thead th{color:#fff;font-weight:800;background:#12263b;position:sticky;top:0;z-index:2}
.mini-compare tbody th,.compare-matrix tbody th{color:#e9f6ff;font-weight:650;min-width:175px}
.mini-compare td,.compare-matrix td{color:var(--muted)}
.mini-compare tr:last-child th,.mini-compare tr:last-child td,.compare-matrix tr:last-child th,.compare-matrix tr:last-child td{border-bottom:0}
.mini-compare .talon-column,.compare-matrix .talon-column{background:rgba(46,148,235,.11);color:#e7f8ff}
.mini-compare thead .talon-column,.compare-matrix thead .talon-column{background:#183a55;color:#92efff}
.compare-cta{display:flex;align-items:center;justify-content:space-between;gap:25px;margin-top:22px}
.compare-cta p{max-width:560px;color:var(--muted);font-size:.9rem}
.inner-hero{padding:87px 0 60px; background:radial-gradient(circle at 70% 16%,rgba(50,153,230,.12),transparent 31rem)}
.inner-headline{max-width:1100px;font-size:clamp(3rem,6vw,5.8rem)}
.inner-hero .section-lede{max-width:880px;font-size:1.2rem}
.founders-pricing-card{display:grid;grid-template-columns:minmax(0,1fr) minmax(290px,.53fr);gap:38px;background:linear-gradient(135deg,#123550,#071725);border-radius:28px;padding:clamp(26px,4vw,50px);border:1px solid rgba(102,224,255,.29)}
.founders-info h2{font-size:clamp(2.4rem,4.5vw,4.4rem);line-height:1.06;letter-spacing:-.04em;margin:0}
.founders-promises{list-style:none;display:grid;gap:15px;padding:0;margin:32px 0 0}
.founders-promises li{padding:0 0 0 24px;position:relative;color:#d1e1ec;line-height:1.55}
.founders-promises li:before{content:'✓';position:absolute;left:0;color:var(--green);font-weight:900}
.founders-promises strong{color:#fff}
.pricing-ticket{background:rgba(5,14,24,.82)}
.pricing-ticket .price-giant{font-size:clamp(3.3rem,5vw,5.2rem)}
.ticket-compare{width:100%;display:flex;justify-content:space-between;gap:12px;padding:14px 0;border-top:1px solid var(--line);color:var(--muted);font-size:.95rem}
.ticket-compare strong{color:#fff}
.pricing-ticket .button{margin-top:25px;display:flex;width:100%}
.pricing-ticket p{color:var(--soft);font-size:.85rem;margin:16px 0 0}
.price-fusion-note{margin-top:20px;padding:18px 21px;border:1px solid var(--line);border-radius:16px;color:var(--muted);font-size:.94rem}
.price-fusion-note strong{color:#fff}
.price-fusion-note a,.source-grid a{color:var(--cyan)}
.price-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:34px}
.price-option{display:flex;flex-direction:column;align-items:flex-start;padding:28px;border:1px solid var(--line);border-radius:20px;background:rgba(255,255,255,.025)}
.price-option.featured{background:linear-gradient(150deg,rgba(31,79,110,.45),rgba(11,26,42,.7));border-color:rgba(102,224,255,.37)}
.price-pill{font-size:.75rem;color:#091725;background:#87ecff;padding:5px 11px;border-radius:99px;font-weight:800}
.price-pill.subtle{color:#ccdeed;background:rgba(255,255,255,.1)}
.price-option h3{font-size:1.48rem;margin:24px 0 0}
.option-value{font-size:2.55rem;color:#fff;font-weight:900;letter-spacing:-.045em;margin:0 0 12px}
.option-value small{font-size:.92rem;color:var(--muted);letter-spacing:0}
.price-option>p:not(.option-value){color:var(--muted)}
.price-option .feature-list{margin-top:14px;flex:1}
.price-option .button{margin-top:25px;width:100%}
.price-disclosure{color:var(--muted);margin-top:23px}
.purchase-explanation{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center}
.purchase-steps{display:grid;gap:19px}
.purchase-steps>div{display:flex;gap:18px;align-items:flex-start;padding:18px;border:1px solid var(--line);border-radius:14px;color:var(--muted)}
.purchase-steps b{color:var(--cyan);font-weight:900;font-size:1.25rem}
.purchase-steps strong{color:#fff}
.comparison-context p{color:var(--muted);line-height:1.75}
.compare-matrix{min-width:930px;font-size:.86rem}
.compare-matrix td{width:18%}
.compare-matrix tbody .group-row th{background:rgba(62,150,221,.09);color:var(--cyan);font-size:.79rem;letter-spacing:.1em;text-transform:uppercase;padding:11px 17px}
.comparison-method{color:var(--soft);font-size:.84rem;margin-top:18px}
.compare-value-grid,.source-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:19px;margin:34px 0}
.compare-value-grid article,.source-grid article{padding:23px;border-radius:17px;background:rgba(255,255,255,.03);border:1px solid var(--line)}
.compare-value-grid article span{color:var(--cyan);font-weight:850}
.compare-value-grid h3,.source-grid h3{margin:10px 0}
.compare-value-grid p,.source-grid p{color:var(--muted);font-size:.94rem}
.compare-actions{display:flex;flex-wrap:wrap;gap:15px}
@media(max-width:980px){.showcase-header,.comparison-context{grid-template-columns:1fr;gap:0}.showcase-grid{grid-template-columns:1fr 1fr}.showcase-card,.showcase-card:nth-child(4),.showcase-card:nth-child(5){grid-column:auto}.price-options{grid-template-columns:1fr 1fr}.price-option.featured{grid-column:span 2}}
@media(max-width:760px){.showcase-grid,.mode-grid,.founders-banner,.founders-pricing-card,.price-options,.purchase-explanation,.compare-value-grid,.source-grid{grid-template-columns:1fr}.showcase-card,.showcase-card:nth-child(4),.showcase-card:nth-child(5),.price-option.featured{grid-column:auto}.founders-banner,.founders-pricing-card{padding:25px}.compare-cta{align-items:stretch;flex-direction:column}.compare-cta .button{width:100%}.inner-hero{padding:65px 0 45px}.price-giant{font-size:4rem}}
@media(max-width:480px){.showcase-card{min-height:auto}.price-option{padding:22px}.founders-left h2{font-size:2.35rem}.mini-compare th,.mini-compare td,.compare-matrix th,.compare-matrix td{padding:12px 11px}}


/* TalonPCB v11 — free beta CTAs, Founders reservation timeline, compatibility workflow */
.nav-links .nav-cta { background:rgba(102,224,255,.14);border-color:rgba(102,224,255,.43);color:#fff;font-weight:800; }
.button-founders { background:linear-gradient(120deg,#ffdf95,#f3b74a);color:#1f1708;box-shadow:0 12px 34px rgba(227,157,43,.14); }
.button-founders:hover { box-shadow:0 16px 40px rgba(227,157,43,.22); }
.hero-actions .button { white-space:nowrap; }
.workflow-compat-card { grid-column:1 / -1;display:grid;grid-template-columns:46px minmax(0,1fr);gap:19px;align-items:start;background:linear-gradient(110deg,rgba(25,66,96,.8),rgba(8,24,38,.85));border-color:rgba(102,224,255,.25); }
.workflow-compat-card .icon { margin-top:0; }
.workflow-compat-body { display:flex;justify-content:space-between;gap:20px;align-items:center; }
.workflow-compat-body h3 { margin:0 0 5px; }
.workflow-compat-body p { margin:0;max-width:620px; }
.workflow-format-pills { display:flex;flex-wrap:wrap;gap:9px;margin-top:15px; }
.workflow-format-pills span { color:#d9f4ff;border:1px solid rgba(102,224,255,.23);background:rgba(102,224,255,.07);border-radius:100px;padding:5px 11px;font-size:.77rem;font-weight:700; }
.workflow-compat-card .text-link { flex:0 0 auto;font-size:.84rem; }
.founders-voice { display:grid;gap:3px;margin-top:17px;padding:13px 17px;border-left:3px solid var(--cyan);background:rgba(102,224,255,.075);border-radius:0 10px 10px 0; }
.founders-voice strong { color:#fff;font-size:1.02rem; }
.founders-voice span { color:#b9d1df;font-size:.92rem; }
.founders-left>p.founders-reserve-line { margin:17px 0 0;color:#d8eefa;font-size:.96rem; }
.founders-reserve-line strong { color:#fff; }
.founders-beta-note { margin:22px 0 0;padding:15px 18px;border:1px solid rgba(102,224,255,.24);background:rgba(102,224,255,.06);border-radius:12px;color:#cde1ed; }
.founders-beta-note strong { color:#fff; }
.pricing-availability { color:#c4d8e8;padding:17px 22px;margin:26px 0 -4px;border:1px solid rgba(102,224,255,.24);background:rgba(102,224,255,.065);border-radius:14px; }
.pricing-availability strong { color:#fff; }
#purchase .section-lede strong { color:#f4fbff; }
#purchase .section-lede+.section-lede { margin-top:18px;font-size:1.01rem; }
@media(max-width:980px) { .workflow-compat-body { flex-direction:column;align-items:flex-start; } .workflow-compat-card .text-link { margin-top:0; } }
@media(max-width:720px) { .workflow-compat-card { grid-template-columns:1fr;gap:11px; } .hero-actions .button { white-space:normal; } }

/* Preserve the compact Founders comparison price on one line; the matrix scrolls horizontally on small viewports. */
.compare-matrix .price-comparison-row .talon-column strong{white-space:nowrap;}

/* v12: precise in-page anchor and disabled Linux interest action. */
.section-anchor {display:block; position:relative; top:-96px; height:0; visibility:hidden; pointer-events:none;}
.button-linux-interest[disabled] {opacity:.55; cursor:not-allowed; filter:grayscale(.35); box-shadow:none; pointer-events:none;}
.button-linux-interest[disabled]:hover {transform:none; box-shadow:none;}