@import url('https://fonts.googleapis.com/css2?family=Titillium+Web:wght@200;300;400;600&family=Montserrat:wght@500;600&display=swap');
/* MERIDIAN/79: JGL 20x system on the WXZA house signature. Token layer only; components reference tokens. */
:root{
  /* Fruit Chord: WXZA house signature */
  --skin:#09060A;        /* near-black ground */
  --flesh:#17110A;       /* warm dark panel */
  --seed:#FFD97A;        /* hot core light */
  --stem:#D89234;        /* amber structure */
  --ripeness:#EF9E15;    /* brightest amber signal */
  --juice:#EDE6DA;       /* light text body */
  --ink:#EDE6DA;
  --ink-soft:#B6AB97;
  --line:#3A2E1C;
  --amber-deep:#8A5E14;
  --font-display:"Titillium Web",-apple-system,"Segoe UI",sans-serif;
  --font-body:"Titillium Web",-apple-system,"Segoe UI",sans-serif;
  --font-ui:"Montserrat",-apple-system,"Segoe UI",sans-serif;
  --font-mono:ui-monospace,"SF Mono","Cascadia Mono",Menlo,Consolas,monospace;
  --fs-kicker:.74rem; --fs-small:.88rem; --fs-body:1.05rem; --fs-lead:1.3rem;
  --fs-h3:1.25rem; --fs-h2:2.2rem; --fs-h1:3.6rem;
  --sp-1:.25rem; --sp-2:.5rem; --sp-3:.75rem; --sp-4:1rem; --sp-5:1.5rem; --sp-6:2rem; --sp-7:3rem; --sp-8:5rem;
  --r-1:2px; --r-2:4px; --r-3:6px;
  --touch:48px; --maxw:1240px;
  --m-fast:200ms ease; --m-med:400ms ease;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--skin);color:var(--ink);font-family:var(--font-body);font-size:var(--fs-body);line-height:1.6;font-weight:300}
img{max-width:100%;height:auto;display:block}
a{color:var(--ripeness)}
a:hover{color:var(--seed)}
.wrap{max-width:var(--maxw);margin:0 auto;padding-left:max(var(--sp-5),env(safe-area-inset-left));padding-right:max(var(--sp-5),env(safe-area-inset-right))}
.skip{position:absolute;left:-999px;top:0;background:var(--ripeness);color:var(--skin);padding:var(--sp-3) var(--sp-4);z-index:50}
.skip:focus{left:var(--sp-3);top:var(--sp-3)}
h1,h2{font-family:var(--font-display);font-weight:200;line-height:1.04;color:var(--juice);text-wrap:balance;margin:0 0 var(--sp-4);letter-spacing:.01em}
h1{font-size:var(--fs-h1)} h2{font-size:var(--fs-h2)}
h3{font-family:var(--font-ui);font-size:var(--fs-h3);font-weight:600;color:var(--seed);margin:0 0 var(--sp-2)}
p{margin:0 0 var(--sp-4)}
.kicker{font-family:var(--font-mono);font-size:var(--fs-kicker);letter-spacing:.22em;text-transform:uppercase;color:var(--stem);margin:0 0 var(--sp-3)}
.lead{font-size:var(--fs-lead);line-height:1.5;color:var(--juice);font-weight:300;max-width:46rem}
.btn{display:inline-flex;align-items:center;justify-content:center;min-height:var(--touch);padding:var(--sp-3) var(--sp-6);background:transparent;color:var(--seed);font-family:var(--font-ui);font-weight:600;font-size:.95rem;letter-spacing:.06em;text-transform:uppercase;text-decoration:none;border:1px solid var(--ripeness);border-radius:var(--r-1);transition:background var(--m-fast),color var(--m-fast),box-shadow var(--m-fast)}
.btn:hover{background:var(--ripeness);color:var(--skin);box-shadow:0 0 24px rgba(239,158,21,.35)}
.btn.ghost{border-color:var(--line);color:var(--ink)}
.btn.ghost:hover{border-color:var(--ripeness);color:var(--seed);background:transparent;box-shadow:none}
/* header */
.site-head{background:rgba(9,6,10,.96);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:40}
.head-in{display:flex;align-items:center;gap:var(--sp-5);min-height:76px}
.brand{display:flex;align-items:center;gap:var(--sp-3);text-decoration:none}
.brand-chip{background:#F5EFE4;border-radius:var(--r-2);padding:6px 10px;display:inline-flex}
.brand-chip img{width:88px}
.brand-word{font-family:var(--font-display);font-weight:300;font-size:1.3rem;color:var(--juice);line-height:1}
.brand-word em{display:block;font-family:var(--font-mono);font-style:normal;font-size:.6rem;letter-spacing:.2em;text-transform:uppercase;color:var(--stem)}
.head-tag{display:none}
.main-nav{margin-left:auto}
.main-nav ul{display:flex;gap:var(--sp-1);list-style:none;margin:0;padding:0}
.main-nav a{display:inline-flex;align-items:center;min-height:var(--touch);padding:0 var(--sp-3);font-family:var(--font-mono);font-size:.82rem;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-soft);text-decoration:none;border-bottom:1px solid transparent}
.main-nav a:hover,.main-nav a[aria-current="page"]{color:var(--seed);border-bottom-color:var(--ripeness)}
.menu-btn{display:none;margin-left:auto;min-height:var(--touch);min-width:var(--touch);padding:0 var(--sp-4);background:transparent;color:var(--seed);border:1px solid var(--ripeness);border-radius:var(--r-1);font-family:var(--font-ui);font-weight:600}
.mobile-menu{background:var(--flesh);border-bottom:1px solid var(--line)}
.mobile-menu ul{list-style:none;margin:0;padding:var(--sp-3) var(--sp-5) var(--sp-5);display:grid;grid-template-columns:1fr 1fr;gap:var(--sp-1) var(--sp-4)}
.mobile-menu a{color:var(--ink);text-decoration:none;display:inline-flex;align-items:center;min-height:44px;font-family:var(--font-mono);font-size:.85rem;text-transform:uppercase;letter-spacing:.06em}
.crumbs{border-bottom:1px solid var(--line);font-family:var(--font-mono);font-size:var(--fs-small);padding-top:var(--sp-2);padding-bottom:var(--sp-2);color:var(--ink-soft)}
.crumbs a{color:var(--stem);text-decoration:none}
/* hero with the one amber line */
.hero{padding:var(--sp-8) 0 var(--sp-7);position:relative;overflow:hidden}
.hero::before{content:"";position:absolute;inset:0;background:radial-gradient(60% 50% at 70% 20%,rgba(239,158,21,.09),transparent 70%);pointer-events:none}
.path-line{width:100%;height:90px;margin:var(--sp-4) 0 var(--sp-2)}
.path-line path{stroke:var(--ripeness);stroke-width:2.5;filter:drop-shadow(0 0 6px rgba(239,158,21,.8));stroke-dasharray:1400;stroke-dashoffset:1400;animation:draw 2.6s var(--m-med) forwards}
.path-line circle{fill:var(--seed)}
@keyframes draw{to{stroke-dashoffset:0}}
.path-labels{display:flex;justify-content:space-between;font-family:var(--font-mono);font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-soft);margin-bottom:var(--sp-6)}
.telemetry{font-family:var(--font-mono);font-size:.78rem;letter-spacing:.1em;color:var(--stem);border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:var(--sp-3) 0;margin-top:var(--sp-6);font-variant-numeric:tabular-nums}
/* sections */
.section{padding:var(--sp-7) 0}
.section.alt{background:var(--flesh);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.two-col{display:grid;grid-template-columns:1fr 1fr;gap:var(--sp-7);align-items:start}
.side-media{margin:0}
.side-media img,.hero-media img{border-radius:var(--r-2);border:1px solid var(--line);filter:saturate(.85) contrast(1.02)}
figcaption{font-family:var(--font-mono);font-size:var(--fs-small);color:var(--ink-soft);margin-top:var(--sp-2)}
.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--sp-4);margin-top:var(--sp-6);border-top:1px solid var(--stem);padding:var(--sp-5) 0 0}
.stat-num{display:block;font-family:var(--font-display);font-weight:200;font-size:2.1rem;color:var(--seed);font-variant-numeric:tabular-nums}
.stat-lab{font-family:var(--font-mono);font-size:.74rem;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-soft)}
.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:var(--sp-5);margin-top:var(--sp-6)}
.card{background:var(--skin);border:1px solid var(--line);border-radius:var(--r-2);padding:var(--sp-4);transition:border-color var(--m-fast),transform var(--m-fast)}
.section:not(.alt) .card{background:var(--flesh)}
.card:hover{border-color:var(--stem);transform:translateY(-3px)}
.card-media img{border-radius:var(--r-1);margin-bottom:var(--sp-3);filter:saturate(.85)}
.card h3 a{color:var(--seed);text-decoration:none}
.card-link{font-family:var(--font-mono);font-size:var(--fs-small);letter-spacing:.06em;color:var(--ripeness);text-decoration:none;text-transform:uppercase}
.fact-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:var(--sp-5);margin-top:var(--sp-5)}
.fact-block{background:var(--flesh);border:1px solid var(--line);border-top:2px solid var(--stem);border-radius:var(--r-2);padding:var(--sp-5)}
.section.alt .fact-block{background:var(--skin)}
.tick-list{list-style:none;margin:var(--sp-4) 0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--sp-2) var(--sp-6)}
.tick-list li{padding:var(--sp-2) 0 var(--sp-2) var(--sp-5);border-bottom:1px solid var(--line);position:relative}
.tick-list li::before{content:"";position:absolute;left:0;top:1.05em;width:14px;height:2px;background:var(--ripeness);box-shadow:0 0 6px rgba(239,158,21,.8)}
.job{background:var(--flesh);border:1px solid var(--line);border-top:2px solid var(--ripeness);border-radius:var(--r-2);padding:var(--sp-6);margin-bottom:var(--sp-6)}
.job-meta{font-family:var(--font-mono);font-size:var(--fs-small);letter-spacing:.06em;color:var(--stem)}
.fineprint{font-size:var(--fs-small);color:var(--ink-soft)}
.contact-form{display:grid;gap:var(--sp-2);background:var(--flesh);border:1px solid var(--line);border-radius:var(--r-2);padding:var(--sp-6)}
.contact-form label{font-family:var(--font-mono);font-size:var(--fs-small);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-soft)}
.contact-form input,.contact-form select,.contact-form textarea{font:inherit;font-size:16px;min-height:var(--touch);padding:var(--sp-2) var(--sp-3);border:1px solid var(--line);border-radius:var(--r-1);background:var(--skin);color:var(--ink);width:100%}
.contact-form textarea{min-height:120px}
/* next step + footer */
.next-step{border-top:1px solid var(--stem);padding:var(--sp-7) 0;background:linear-gradient(rgba(239,158,21,.05),transparent)}
.site-foot{border-top:1px solid var(--line);color:var(--ink-soft);padding:var(--sp-7) 0 var(--sp-6)}
.site-foot a{color:var(--stem)}
.foot-grid{display:grid;grid-template-columns:1.2fr .8fr 1fr;gap:var(--sp-6)}
.foot-brand{font-family:var(--font-display);font-weight:300;color:var(--juice);font-size:1.15rem;margin-bottom:var(--sp-2)}
.site-foot ul{list-style:none;margin:0;padding:0;columns:2}
.site-foot li a{display:inline-flex;align-items:center;min-height:40px;text-decoration:none;font-family:var(--font-mono);font-size:.82rem;text-transform:uppercase;letter-spacing:.06em}
.foot-base{border-top:1px solid var(--line);margin-top:var(--sp-6);padding-top:var(--sp-4);display:flex;flex-wrap:wrap;gap:var(--sp-3) var(--sp-6);font-size:var(--fs-small)}
.concept-chip{display:inline-block;border:1px solid var(--ripeness);color:var(--ripeness);border-radius:var(--r-1);padding:0 var(--sp-2);font-family:var(--font-mono);font-size:.66rem;letter-spacing:.14em;vertical-align:middle}
@media (max-width:900px){
  .main-nav{display:none}.menu-btn{display:inline-flex;align-items:center;justify-content:center}
  .two-col{grid-template-columns:1fr}
  .stats{grid-template-columns:1fr 1fr}
  .foot-grid{grid-template-columns:1fr}
  h1{font-size:2.5rem} h2{font-size:1.7rem}
  .hero{padding:var(--sp-6) 0 var(--sp-5)}
  .path-labels span:nth-child(2){display:none}
}
@media (prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}.path-line path{animation:none;stroke-dashoffset:0}}