/* ══════════════════════════════════════════════════════════
   THE SYNC · Shared design system
   Used by all pages under /demos/thesync/preview/
   ══════════════════════════════════════════════════════════ */

:root{
  --bg:#080d13;--bg-2:#0a1018;--surface:#0d141d;--surface-2:#121b27;--surface-3:#18222f;
  --border:#1b2734;--border-2:#283648;
  --text:#eae6da;--text-2:#c2c6cc;--muted:#7a8695;--muted-dk:#525e6d;
  --teal:#5dcec6;--teal-2:#8ce0d8;--teal-dk:#2d7a75;
  --amber:#d5a86b;--amber-2:#e6c48f;--rose:#d68a7a;
  --glow:rgba(93,206,198,.18);--glow-2:rgba(93,206,198,.06);
  --nav-h:72px;
}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;background:var(--bg);color-scheme:dark}
body{
  font-family:"Inter",system-ui,sans-serif;background:var(--bg);color:var(--text);
  font-size:16px;line-height:1.65;
  font-feature-settings:"liga" 1,"kern" 1,"calt" 1,"ss01" 1;
  -webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;
  min-height:100vh;position:relative;overflow-x:hidden;
}
body::before{
  content:"";position:fixed;inset:0;z-index:0;pointer-events:none;
  background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='200' height='200'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 .06 0'/></filter><rect width='100%25' height='100%25' filter='url(%23n)'/></svg>");
  opacity:.85;mix-blend-mode:overlay;
}
body > *{position:relative;z-index:1}

#bar{position:fixed;top:0;left:0;height:1px;width:0;background:linear-gradient(90deg,var(--teal),var(--amber));z-index:200;transition:width .06s linear;box-shadow:0 0 10px var(--teal)}

/* ═══ Preview banner (site-wide) ═══ */
.preview-banner{
  background:linear-gradient(90deg,rgba(213,168,107,.12) 0%,rgba(93,206,198,.08) 100%);
  border-bottom:1px solid var(--border);
  padding:.65rem 1.5rem;text-align:center;
  font-family:"JetBrains Mono",monospace;
  font-size:.66rem;letter-spacing:.18em;text-transform:uppercase;
  color:var(--muted);line-height:1.5;
}
.preview-banner strong{color:var(--amber);font-weight:500}
.preview-banner a{color:var(--teal);border-bottom:1px dotted var(--teal);text-decoration:none;transition:color .15s}
.preview-banner a:hover{color:var(--teal-2)}

/* ═══ Utility ═══ */
.container{max-width:1240px;margin:0 auto;padding:0 2.5rem}
.container-narrow{max-width:920px;margin:0 auto;padding:0 2.5rem}
.center{text-align:center}

.eyebrow{
  display:inline-flex;align-items:center;gap:.55rem;
  font-family:"JetBrains Mono",monospace;
  font-size:.68rem;font-weight:500;letter-spacing:.22em;text-transform:uppercase;
  color:var(--teal);
  padding:5px 14px 5px 10px;
  background:var(--surface);border:1px solid var(--border);border-radius:100px;
}
.eyebrow::before{
  content:"";width:7px;height:7px;border-radius:50%;
  background:var(--teal);box-shadow:0 0 10px var(--teal);
  animation:pulse 2.2s ease-in-out infinite;
}
.eyebrow-amber{color:var(--amber)}
.eyebrow-amber::before{background:var(--amber);box-shadow:0 0 10px var(--amber)}
@keyframes pulse{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.65)}}
@keyframes fadeUp{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}

/* ═══ Nav ═══ */
.nav{
  position:sticky;top:0;z-index:100;height:var(--nav-h);
  background:rgba(8,13,19,.78);backdrop-filter:blur(20px) saturate(140%);-webkit-backdrop-filter:blur(20px) saturate(140%);
  border-bottom:1px solid var(--border);
  display:flex;align-items:center;padding:0 2.5rem;gap:2rem;
}
.nav-brand{
  display:flex;align-items:center;gap:.7rem;color:var(--text);text-decoration:none;
  font-family:"Bricolage Grotesque",sans-serif;font-weight:500;font-size:1.18rem;letter-spacing:-.015em;
  font-variation-settings:"wdth" 95,"opsz" 24;
}
.nav-logo{
  width:32px;height:32px;position:relative;flex-shrink:0;
  background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'><path d='M2 16 Q 8 4 14 16 T 26 16 T 32 16' stroke='%235dcec6' stroke-width='1.8' fill='none'/><circle cx='16' cy='16' r='2' fill='%235dcec6'/></svg>");
  background-repeat:no-repeat;background-position:center;background-size:contain;
}
.nav-links{margin-left:auto;display:flex;align-items:center;gap:2rem}
.nav-links a{color:var(--text-2);text-decoration:none;font-size:.9rem;font-weight:450;transition:color .18s}
.nav-links a:hover,.nav-links a.active{color:var(--teal)}
.nav-links a.has-sub::after{content:"↓";font-size:.7rem;margin-left:.3rem;opacity:.5}
.nav-cta{
  padding:.6rem 1.3rem;background:var(--teal);color:var(--bg);
  font-size:.88rem;font-weight:600;border:none;border-radius:100px;text-decoration:none;
  transition:background .18s,transform .18s;display:inline-flex;align-items:center;gap:.4rem;
}
.nav-cta:hover{background:var(--teal-2);transform:translateY(-1px);color:var(--bg)!important}
.nav-cta.cta-amber{background:var(--amber);color:var(--bg)}
.nav-cta.cta-amber:hover{background:var(--amber-2)}
.nav-burger{display:none;background:none;border:none;color:var(--text);cursor:pointer;font-size:1.4rem}

/* ═══ Crumb ═══ */
.crumb{
  border-bottom:1px solid var(--border);padding:1.1rem 0;
  font-family:"JetBrains Mono",monospace;font-size:.7rem;letter-spacing:.18em;text-transform:uppercase;color:var(--muted);
}
.crumb a{color:var(--muted);text-decoration:none;transition:color .18s}
.crumb a:hover{color:var(--teal)}
.crumb .sep{color:var(--muted-dk);margin:0 .6rem}
.crumb .here{color:var(--teal)}

/* ═══ Buttons ═══ */
.btn{
  display:inline-flex;align-items:center;gap:.5rem;padding:.95rem 1.9rem;border-radius:100px;
  font-size:.98rem;font-weight:600;text-decoration:none;cursor:pointer;border:none;
  transition:background .18s,transform .18s,border-color .18s,color .18s;font-family:inherit;
}
.btn-primary{background:var(--teal);color:var(--bg)}
.btn-primary:hover{background:var(--teal-2);transform:translateY(-1px);color:var(--bg)!important}
.btn-amber{background:var(--amber);color:var(--bg)}
.btn-amber:hover{background:var(--amber-2);transform:translateY(-1px);color:var(--bg)!important}
.btn-ghost{background:transparent;color:var(--text);border:1px solid var(--border-2)}
.btn-ghost:hover{border-color:var(--teal);color:var(--teal)}
.btn-ghost.ghost-amber:hover{border-color:var(--amber);color:var(--amber)}
.btn-sm{padding:.65rem 1.3rem;font-size:.87rem}
.btn svg{width:14px;height:14px;transition:transform .18s}
.btn:hover svg{transform:translateX(3px)}

/* ═══ Page hero base ═══ */
.page-hero{padding:6rem 0 5rem;position:relative;overflow:hidden}
.page-hero::before{
  content:"";position:absolute;inset:0;
  background:radial-gradient(ellipse 70% 50% at 30% 20%,var(--glow-2),transparent 70%);
  pointer-events:none;
}
.page-hero-inner{position:relative;z-index:2}
.page-hero h1{
  font-family:"Bricolage Grotesque",sans-serif;
  font-size:5.2rem;font-weight:450;letter-spacing:-.04em;line-height:.95;
  color:var(--text);margin:1.5rem 0 1.6rem;max-width:1040px;
  font-variation-settings:"wdth" 96,"opsz" 96;
  animation:fadeUp 1s cubic-bezier(.2,.8,.2,1) .15s both;
}
.page-hero h1 em{font-style:italic;color:var(--teal);font-family:"Instrument Serif",serif;font-weight:400}
.page-hero h1 em.amber{color:var(--amber)}
.page-hero .dek{
  font-size:1.2rem;color:var(--text-2);line-height:1.55;font-weight:380;max-width:640px;
  animation:fadeUp 1s cubic-bezier(.2,.8,.2,1) .35s both;
}
.page-hero-ctas{display:flex;gap:.9rem;flex-wrap:wrap;margin-top:2.5rem;animation:fadeUp 1s cubic-bezier(.2,.8,.2,1) .55s both}

/* ═══ Section primitives ═══ */
section{padding:6rem 0}
.sec-sm{padding:4.5rem 0}
.sec-surface{background:var(--surface);border-top:1px solid var(--border);border-bottom:1px solid var(--border)}
.sec-head{margin-bottom:3rem;max-width:820px}
.sec-head.center-head{margin-left:auto;margin-right:auto;text-align:center}
.sec-title{
  font-family:"Bricolage Grotesque",sans-serif;
  font-size:3rem;font-weight:450;letter-spacing:-.035em;line-height:1;
  color:var(--text);margin:1rem 0 1.1rem;
  font-variation-settings:"wdth" 96,"opsz" 48;
}
.sec-title em{font-style:italic;color:var(--teal);font-family:"Instrument Serif",serif;font-weight:400}
.sec-title em.amber{color:var(--amber)}
.sec-dek{font-size:1.08rem;color:var(--text-2);line-height:1.55;font-weight:380;max-width:640px}
.center-head .sec-dek{margin-left:auto;margin-right:auto}

/* ═══ Stat strip (reusable) ═══ */
.ws-stats{
  display:grid;grid-template-columns:repeat(4,1fr);gap:1px;
  background:var(--border);border:1px solid var(--border);border-radius:8px;overflow:hidden;
}
.ws-stat{padding:1.8rem 1.8rem;background:var(--surface)}
.ws-stat-num{
  font-family:"Bricolage Grotesque",sans-serif;
  font-size:2.2rem;font-weight:500;letter-spacing:-.03em;line-height:1;color:var(--text);
  margin-bottom:.5rem;
  font-variation-settings:"wdth" 96,"opsz" 48;
}
.ws-stat-num .unit{color:var(--teal);font-weight:450;margin-left:.15rem}
.ws-stat-num .unit-amber{color:var(--amber)}
.ws-stat-label{
  font-family:"JetBrains Mono",monospace;font-size:.62rem;letter-spacing:.2em;
  text-transform:uppercase;color:var(--muted);font-weight:500;line-height:1.4;
}

/* ═══ Prose base ═══ */
.prose p{color:var(--text-2);font-size:1.02rem;line-height:1.75;margin-bottom:1.1rem}
.prose p:first-of-type{font-size:1.18rem;color:var(--text);line-height:1.55}
.prose strong{color:var(--text);font-weight:600}
.prose em{font-style:italic;color:var(--text)}
.prose h3{
  font-family:"Bricolage Grotesque",sans-serif;
  font-size:1.6rem;font-weight:500;letter-spacing:-.02em;
  color:var(--text);margin:2.4rem 0 .8rem;line-height:1.15;
  font-variation-settings:"wdth" 96,"opsz" 24;
}
.prose h3 em{font-family:"Instrument Serif",serif;font-style:italic;color:var(--teal);font-weight:400}
.prose a{color:var(--teal);text-decoration:none;border-bottom:1px solid var(--teal-dk);transition:color .15s}
.prose a:hover{color:var(--teal-2);border-color:var(--teal-2)}
.prose ul{margin:0 0 1.3rem 1.4rem}
.prose li{color:var(--text-2);margin-bottom:.45rem;line-height:1.65}
.prose li::marker{color:var(--teal)}

/* ═══ FAQ ═══ */
.faq{margin:0}
.faq details{border-bottom:1px solid var(--border);padding:1.3rem 0}
.faq details:first-child{border-top:1px solid var(--border)}
.faq summary{
  display:flex;justify-content:space-between;align-items:center;gap:1rem;list-style:none;cursor:pointer;
  font-family:"Bricolage Grotesque",sans-serif;font-size:1.12rem;font-weight:450;letter-spacing:-.015em;
  color:var(--text);line-height:1.3;
  font-variation-settings:"wdth" 96;
}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";color:var(--teal);font-size:1.5rem;font-weight:300;transition:transform .2s;flex-shrink:0;line-height:1}
.faq details[open] summary::after{transform:rotate(45deg)}
.faq details[open] summary{color:var(--teal)}
.faq details p{margin-top:.9rem;color:var(--text-2);font-size:.94rem;line-height:1.7}

/* ═══ Footer ═══ */
.site-footer{
  border-top:1px solid var(--border);padding:5rem 0 2.5rem;margin-top:5rem;
  background:linear-gradient(180deg,transparent 0%,var(--bg-2) 100%);
}
.footer-top{display:grid;grid-template-columns:2fr 1fr 1fr 1fr 1fr;gap:3rem;margin-bottom:4rem}
.footer-brand{
  font-family:"Bricolage Grotesque",sans-serif;font-weight:500;font-size:1.35rem;color:var(--text);letter-spacing:-.015em;
  display:flex;align-items:center;gap:.7rem;margin-bottom:1rem;
  font-variation-settings:"wdth" 95,"opsz" 24;
}
.footer-tagline{
  font-family:"Instrument Serif",serif;font-style:italic;color:var(--muted);font-size:1rem;max-width:320px;line-height:1.5;margin-bottom:1.6rem;
}
.footer-col h6{
  font-family:"JetBrains Mono",monospace;font-size:.62rem;font-weight:500;letter-spacing:.22em;
  text-transform:uppercase;color:var(--muted);margin-bottom:1.1rem;
}
.footer-col a{display:block;color:var(--text-2);font-size:.88rem;text-decoration:none;padding:.35rem 0;transition:color .15s}
.footer-col a:hover{color:var(--teal)}
.footer-bottom{
  display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem;
  padding-top:2rem;border-top:1px solid var(--border);
  font-family:"JetBrains Mono",monospace;font-size:.68rem;color:var(--muted);letter-spacing:.18em;text-transform:uppercase;
}
.footer-bottom a{color:var(--muted);text-decoration:none}
.footer-bottom a:hover{color:var(--text-2)}
.footer-bottom .dot{color:var(--muted-dk);margin:0 .4rem}
.footer-legal{display:flex;gap:1.5rem}

/* ═══ Placeholder / design note block ═══ */
.design-note{
  padding:1rem 1.3rem;background:var(--surface);border:1px solid var(--border);border-radius:6px;
  font-family:"JetBrains Mono",monospace;font-size:.72rem;color:var(--muted);
  letter-spacing:.06em;line-height:1.6;margin:1.5rem 0;
}
.design-note strong{color:var(--amber);font-weight:500;letter-spacing:.14em;text-transform:uppercase}
.design-note a{color:var(--teal);border-bottom:1px dotted var(--teal);text-decoration:none}

/* ═══ Finale CTA ═══ */
.finale{
  background:linear-gradient(180deg,var(--surface) 0%,var(--bg-2) 100%);
  border:1px solid var(--border);border-radius:12px;
  padding:5rem 3rem;text-align:center;position:relative;overflow:hidden;
}
.finale::before{
  content:"";position:absolute;left:-10%;right:-10%;top:50%;height:200px;transform:translateY(-50%);pointer-events:none;
  background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1200 200' preserveAspectRatio='none'><path d='M0 100 Q 75 20 150 100 T 300 100 T 450 100 T 600 100 T 750 100 T 900 100 T 1050 100 T 1200 100' stroke='%235dcec6' stroke-width='.8' fill='none' opacity='.4'/><path d='M0 100 Q 100 170 200 100 T 400 100 T 600 100 T 800 100 T 1000 100 T 1200 100' stroke='%23d5a86b' stroke-width='.5' fill='none' opacity='.3'/></svg>");
  background-repeat:repeat-x;background-size:1200px 200px;animation:drift 24s linear infinite reverse;
}
@keyframes drift{from{background-position:0 0}to{background-position:1200px 0}}
.finale-inner{position:relative;z-index:1}
.finale h2{
  font-family:"Bricolage Grotesque",sans-serif;
  font-size:3rem;font-weight:450;letter-spacing:-.035em;line-height:1.02;
  color:var(--text);margin-bottom:1.2rem;max-width:720px;margin-left:auto;margin-right:auto;
  font-variation-settings:"wdth" 96,"opsz" 48;
}
.finale h2 em{font-style:italic;color:var(--teal);font-family:"Instrument Serif",serif;font-weight:400}
.finale p{font-size:1.05rem;color:var(--text-2);max-width:560px;margin:0 auto 2rem;line-height:1.55}
.finale-ctas{display:flex;gap:.9rem;flex-wrap:wrap;justify-content:center}

/* ═══ Condition page components (shared) ═══ */
.cond-hero{display:grid;grid-template-columns:1.3fr 1fr;gap:4rem;align-items:center}
.cond-hero-meta{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--border);border:1px solid var(--border);border-radius:8px;overflow:hidden;margin-top:2.5rem}
.chm-cell{padding:1.1rem 1.3rem;background:var(--surface)}
.chm-label{font-family:"JetBrains Mono",monospace;font-size:.6rem;letter-spacing:.22em;text-transform:uppercase;color:var(--muted);margin-bottom:.35rem;font-weight:500}
.chm-val{font-family:"Bricolage Grotesque",sans-serif;font-size:1.1rem;font-weight:500;color:var(--text);letter-spacing:-.012em;line-height:1.2;font-variation-settings:"wdth" 96}
.chm-val .mono{font-family:"JetBrains Mono",monospace;color:var(--teal)}
.zone-v{aspect-ratio:4/5;max-width:360px;margin:0 auto;background:var(--bg-2);border:1px solid var(--border);border-radius:12px;display:grid;place-items:center;padding:1.5rem}
.zone-v svg{width:100%;height:100%;display:block}
.pattern-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.2rem;margin:1.5rem 0 0}
.pattern{background:var(--surface);border:1px solid var(--border);border-radius:8px;padding:1.6rem 1.6rem}
.pattern-tag{font-family:"JetBrains Mono",monospace;font-size:.6rem;letter-spacing:.2em;text-transform:uppercase;color:var(--teal);margin-bottom:.7rem;font-weight:500}
.pattern h5{font-family:"Bricolage Grotesque",sans-serif;font-size:1.1rem;font-weight:500;letter-spacing:-.015em;color:var(--text);margin-bottom:.5rem;line-height:1.2;font-variation-settings:"wdth" 96}
.pattern p{color:var(--text-2);font-size:.86rem;line-height:1.55}
.prot-timeline{background:var(--surface);border:1px solid var(--border);border-radius:10px;overflow:hidden;margin:1.5rem 0 0}
.prot-row{display:grid;grid-template-columns:80px 1fr 160px 120px;gap:1.5rem;align-items:center;padding:1.5rem 2rem;border-bottom:1px solid var(--border);transition:background .15s}
.prot-row:hover{background:var(--surface-2)}
.prot-row:last-child{border-bottom:none}
.prot-row.active{background:rgba(93,206,198,.05)}
.prot-sess{font-family:"JetBrains Mono",monospace;font-size:.75rem;letter-spacing:.12em;color:var(--teal);font-weight:500}
.prot-what{font-family:"Bricolage Grotesque",sans-serif;font-size:1rem;font-weight:500;color:var(--text);letter-spacing:-.012em;font-variation-settings:"wdth" 96}
.prot-what small{display:block;font-family:"Inter",sans-serif;font-size:.8rem;color:var(--muted);font-weight:400;margin-top:.15rem;letter-spacing:0;line-height:1.4}
.prot-focus{font-family:"JetBrains Mono",monospace;font-size:.68rem;letter-spacing:.14em;text-transform:uppercase;color:var(--text-2)}
.prot-index{font-family:"JetBrains Mono",monospace;font-size:.9rem;color:var(--teal);text-align:right}
.prot-index small{font-size:.62rem;color:var(--muted);letter-spacing:.1em}
.signal{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;gap:1px;background:var(--border);border:1px solid var(--border);border-radius:8px;overflow:hidden;margin:1.5rem 0 0}
.signal-ch{background:var(--surface);padding:1.6rem 1.5rem}
.signal-ch-label{font-family:"JetBrains Mono",monospace;font-size:.6rem;letter-spacing:.18em;text-transform:uppercase;color:var(--teal);margin-bottom:.7rem;font-weight:500}
.signal-ch h5{font-family:"Bricolage Grotesque",sans-serif;font-size:1rem;font-weight:500;letter-spacing:-.012em;color:var(--text);line-height:1.2;margin-bottom:.4rem;font-variation-settings:"wdth" 96}
.signal-ch p{color:var(--text-2);font-size:.8rem;line-height:1.5;margin-bottom:1rem}
.signal-delta{display:inline-flex;align-items:baseline;gap:.4rem;font-family:"JetBrains Mono",monospace;color:var(--teal);font-weight:500;font-size:.9rem;padding-top:.8rem;border-top:1px solid var(--border)}
.signal-delta strong{font-family:"Bricolage Grotesque",sans-serif;font-size:1.4rem;color:var(--text);font-weight:500;letter-spacing:-.02em;font-variation-settings:"wdth" 96}
.branch{display:grid;grid-template-columns:1fr 1fr;gap:1.3rem;margin:1.5rem 0 0}
.branch-card{background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:2rem 2rem}
.branch-card.refer{border-color:rgba(214,138,122,.35);background:rgba(214,138,122,.03)}
.branch-card h4{font-family:"Bricolage Grotesque",sans-serif;font-size:1.3rem;font-weight:500;letter-spacing:-.018em;color:var(--text);margin-bottom:.7rem;font-variation-settings:"wdth" 96,"opsz" 24}
.branch-card.refer h4{color:var(--rose)}
.branch-card p{color:var(--text-2);font-size:.9rem;line-height:1.6;margin-bottom:.9rem}
.branch-card ul{list-style:none;padding:0;margin:0}
.branch-card ul li{padding:.5rem 0;border-top:1px solid var(--border);color:var(--text-2);font-size:.86rem;display:flex;gap:.6rem;align-items:flex-start;line-height:1.5}
.branch-card ul li:first-child{border-top:none}
.branch-card ul li::before{content:"—";color:var(--teal);font-family:"JetBrains Mono",monospace;font-weight:500;flex-shrink:0}
.branch-card.refer ul li::before{color:var(--rose)}
.cond-book{background:linear-gradient(180deg,var(--surface) 0%,var(--bg-2) 100%);border:1px solid var(--border);border-radius:12px;padding:3rem;margin:1.5rem 0 0;display:grid;grid-template-columns:1.3fr 1fr;gap:3rem;align-items:center;position:relative;overflow:hidden}
.cond-book::after{content:"";position:absolute;right:-5%;top:-30%;width:380px;height:380px;background:radial-gradient(circle,var(--glow) 0%,transparent 60%);pointer-events:none}
.cond-book h3{font-family:"Bricolage Grotesque",sans-serif;font-size:2rem;font-weight:450;letter-spacing:-.028em;line-height:1.1;color:var(--text);margin-bottom:.9rem;position:relative;font-variation-settings:"wdth" 96,"opsz" 32}
.cond-book h3 em{font-family:"Instrument Serif",serif;font-style:italic;color:var(--teal);font-weight:400}
.cond-book p{color:var(--text-2);font-size:.96rem;line-height:1.6;position:relative;margin-bottom:1.2rem}
.cond-book-right{display:flex;flex-direction:column;gap:.8rem;position:relative}
.cond-book-right .price{font-family:"Bricolage Grotesque",sans-serif;font-size:2.8rem;font-weight:500;letter-spacing:-.04em;color:var(--text);line-height:1;font-variation-settings:"wdth" 96,"opsz" 48}
.cond-book-right .price small{font-size:1rem;color:var(--muted);font-weight:400;vertical-align:super;margin-right:.15rem;font-variation-settings:"opsz" 18}
.cond-book-right .price-sub{font-family:"JetBrains Mono",monospace;font-size:.66rem;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin-bottom:.7rem}
@media(max-width:1024px){
  .cond-hero{grid-template-columns:1fr;gap:2.5rem}.zone-v{max-width:280px}
  .pattern-grid,.branch{grid-template-columns:1fr}
  .signal{grid-template-columns:1fr 1fr}
  .cond-book{grid-template-columns:1fr;gap:2rem;padding:2.2rem}
  .prot-row{grid-template-columns:70px 1fr;gap:1rem;padding:1.2rem 1.3rem}
  .prot-focus,.prot-index{grid-column:2;text-align:left}
}
@media(max-width:720px){.signal{grid-template-columns:1fr}.cond-hero-meta{grid-template-columns:1fr}.cond-book-right .price{font-size:2rem}}

/* ═══ Responsive base ═══ */
@media(max-width:1024px){
  .page-hero h1{font-size:3.8rem}
  .ws-stats{grid-template-columns:1fr 1fr}
  .footer-top{grid-template-columns:1.6fr 1fr 1fr;gap:2rem}
  .footer-col:nth-child(5){grid-column:2/3}
}
@media(max-width:720px){
  .container,.container-narrow{padding:0 1.3rem}
  .nav{padding:0 1.3rem;height:64px}
  .nav-links{display:none}
  .nav-burger{display:block;margin-left:auto}
  .nav-cta{display:none}
  .page-hero{padding:3.5rem 0 3rem}
  .page-hero h1{font-size:2.6rem;letter-spacing:-.03em}
  .page-hero .dek{font-size:1rem}
  .ws-stats{grid-template-columns:1fr}
  section{padding:3.5rem 0}
  .sec-title{font-size:2rem}
  .finale{padding:3rem 1.5rem}
  .finale h2{font-size:2rem}
  .footer-top{grid-template-columns:1fr 1fr;gap:2rem}
  .footer-col:nth-child(5){grid-column:auto}
}