/* ============================================================================
   SYNTAXE — theme.css
   This is the source mock's stylesheet, preserved VERBATIM (the design itself).
   It must not be downgraded. Loaded via wp_enqueue_style after the Google fonts.
   A small block of WordPress-only accommodations is appended at the very end.
   ============================================================================ */

  *{margin:0;padding:0;box-sizing:border-box}
  /* visually hidden, but present for search crawlers & screen readers (not display:none) */
  .seo-text{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
  html,body{height:100%;overflow:hidden;background:#070708;cursor:none}
  #board{position:fixed;inset:0;display:block}
  /* vignette over the well + a dark floor so names read over the field */
  #veil{position:fixed;inset:0;pointer-events:none;z-index:2;
    background:radial-gradient(130% 100% at 50% 44%,rgba(7,8,12,0) 38%,rgba(5,6,9,.55) 78%,rgba(3,3,6,.95) 100%)}
  #floor{position:fixed;left:0;right:0;bottom:0;height:38%;pointer-events:none;z-index:3;
    background:linear-gradient(to top, rgba(5,6,9,.70) 0%, rgba(6,7,11,.22) 52%, rgba(7,8,12,0) 100%)}
  #scan{position:fixed;inset:0;pointer-events:none;z-index:3;opacity:.32;
    background:repeating-linear-gradient(0deg,rgba(40,230,200,.02) 0 1px,transparent 1px 3px)}
  /* Portrait: soften floor + vignette at the bottom so the nav lights aren't dimmed. */
  body.portrait #floor{ height:20%;
    background:linear-gradient(to top, rgba(5,6,9,.34) 0%, rgba(7,8,12,0) 100%) }
  body.portrait #veil{
    background:radial-gradient(140% 120% at 50% 46%, rgba(7,8,12,0) 48%, rgba(5,6,9,.32) 86%, rgba(3,3,6,.58) 100%) }
  #cur{position:fixed;top:0;left:0;width:26px;height:26px;margin:-13px 0 0 -13px;border:1px solid rgba(232,230,225,.5);
    border-radius:50%;pointer-events:none;z-index:40;mix-blend-mode:screen;
    transition:width .25s cubic-bezier(.16,1,.3,1),height .25s cubic-bezier(.16,1,.3,1),margin .25s cubic-bezier(.16,1,.3,1),border-color .25s,opacity .4s}
  #cur.hot{width:54px;height:54px;margin:-27px 0 0 -27px;border-color:rgba(232,230,225,.85)}
  #cur::after{content:'';position:absolute;inset:50%;width:2px;height:2px;margin:-1px;border-radius:50%;background:#e8e6e1}
  .ui{position:fixed;z-index:5;font-family:'JetBrains Mono',monospace;pointer-events:none}
  #tag{left:0;right:0;bottom:8%;text-align:center;font-size:11px;letter-spacing:.42em;text-transform:uppercase;
    color:rgba(180,200,210,.34);opacity:0;transition:opacity 1.4s ease}
  #tag.show{opacity:1}
  #colo{left:0;right:0;bottom:30px;text-align:center;font-size:10px;letter-spacing:.32em;text-transform:uppercase;
    color:rgba(190,206,214,.6);opacity:0;transition:opacity 2s ease}
  #colo.show{opacity:1}
  #colo b{color:rgba(212,168,67,.7);font-weight:400}
  /* ── THE WELL — orbiting engine names + first-breath prompt ── */
  .name{position:fixed;left:0;right:0;text-align:center;pointer-events:none;z-index:5;
    font-family:'Montserrat',sans-serif;font-weight:200;text-transform:uppercase;
    transition:opacity 1.1s cubic-bezier(.16,1,.3,1),transform 1.1s cubic-bezier(.16,1,.3,1)}
  #engineName{bottom:13.5%;font-size:clamp(22px,3.6vw,46px);letter-spacing:.44em;font-weight:300;
    opacity:0;transform:translateY(14px);text-shadow:0 0 28px currentColor,0 0 60px currentColor}
  #engineName.show{opacity:1;transform:translateY(0)}
  #engineSub{bottom:10%;font-family:'JetBrains Mono',monospace;text-transform:none;
    font-size:11px;letter-spacing:.34em;color:rgba(232,230,225,.32);opacity:0;transform:translateY(10px)}
  #engineSub.show{opacity:1;transform:translateY(0)}
  /* the motto rides the SYNTAXE LTD signature — same font/size/colour, beside it; dropped on the phone */
  /* the motto shows on tablets + desktop; only a true narrow PHONE hides it (it can't fit one line there) */
  @media (max-width:560px){
    /* one line on mobile too — same mark as the web; the font scales to the phone width so it never wraps */
    #colo{ bottom:20px; white-space:nowrap; font-size:1.7vw; letter-spacing:.1em; padding:0 }
  }
  #wake{left:0;right:0;bottom:23%;text-align:center;
    font-size:11px;letter-spacing:.5em;text-transform:uppercase;
    color:rgba(232,230,225,.5);opacity:0}
  #wake.show{opacity:1;animation:pulseWake 3.6s ease-in-out infinite}
  @keyframes pulseWake{0%,100%{opacity:.28}50%{opacity:.58}}
  #boot{position:fixed;left:32px;top:28px;z-index:5;font-family:'JetBrains Mono',monospace;font-size:10px;
    letter-spacing:.18em;color:rgba(46,230,200,.5);pointer-events:none}
  /* ── booting a subsystem (entering one of the Big 5) ── */
  #subsystem{position:fixed;inset:0;z-index:10;background:#04060a;opacity:0;pointer-events:none;
    transition:opacity .55s ease;display:flex;align-items:center;justify-content:center}
  body.booting #subsystem{opacity:1;pointer-events:auto}
  #bootlog{position:absolute;left:8%;top:13%;font-family:'JetBrains Mono',monospace;font-size:13px;line-height:2.1;
    color:rgba(46,230,200,.72);white-space:pre;letter-spacing:.04em}
  #subworld{text-align:center;opacity:0;transform:translateY(16px);
    transition:opacity .9s ease,transform .9s cubic-bezier(.16,1,.3,1)}
  #subworld.show{opacity:1;transform:none}
  #subworld .pn{font-family:'JetBrains Mono',monospace;font-size:11px;letter-spacing:.3em;text-transform:uppercase;color:rgba(180,200,210,.45)}
  #subworld .nm{font-family:'Montserrat',sans-serif;font-weight:200;font-size:clamp(42px,8.5vw,98px);letter-spacing:.34em;text-transform:uppercase;margin:16px 0 6px;color:#fff}
  #subworld .tg{font-family:'Crimson Pro',serif;font-style:italic;font-size:clamp(16px,2.2vw,24px);color:rgba(232,234,238,.72)}
  #subworld .st{font-family:'JetBrains Mono',monospace;font-size:10px;letter-spacing:.28em;text-transform:uppercase;color:rgba(120,200,180,.55);margin-top:28px}
  #subworld a{display:inline-block;margin-top:30px;font-family:'JetBrains Mono',monospace;font-size:12px;letter-spacing:.2em;
    text-transform:uppercase;text-decoration:none;padding:14px 32px;border-radius:6px;border:1px solid;cursor:none;transition:background .3s}
  #subworld a:hover{background:rgba(255,255,255,.04)}
  #subback{position:fixed;left:30px;top:26px;z-index:15;font-family:'JetBrains Mono',monospace;font-size:11px;
    letter-spacing:.22em;text-transform:uppercase;color:rgba(180,200,210,.5);opacity:0;pointer-events:none;cursor:none;transition:opacity .8s ease .35s}
  body.booting #subback,body.pageon #subback{opacity:1;pointer-events:auto}
  body.verityon #subworld{display:none}

  /* ── VERITY console — the live trial that sells ── */
  #vcon{position:fixed;inset:0;z-index:12;overflow-y:auto;overflow-x:hidden;background:#04060a;
    opacity:0;pointer-events:none;transition:opacity .6s ease;color:#dce8e6;font-family:Inter,system-ui,sans-serif}
  body.verityon.booting #vcon{opacity:1;pointer-events:auto}
  #vcon .w{max-width:1000px;margin:0 auto;padding:0 44px}
  #vcon .eye{font-family:'JetBrains Mono',monospace;font-size:11px;letter-spacing:.3em;text-transform:uppercase;color:#2ee6c8;opacity:.8}
  #vcon .hero{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:8vh 0;position:relative;overflow:hidden}
  #vcon .hero .w{position:relative;z-index:2}
  #vbg{position:absolute;inset:0;width:100%;height:100%;z-index:0}
  #vcon .vvig{position:absolute;inset:0;z-index:1;pointer-events:none;background:radial-gradient(ellipse 80% 70% at center,rgba(3,17,13,.10),rgba(3,17,13,.5) 62%,#03110d)}
  #vcon .claim{font-family:'Crimson Pro',serif;font-style:italic;font-size:clamp(19px,2.8vw,30px);color:#edeae6;margin:14px 0 4px}
  #vcon .cmeta{font-family:'JetBrains Mono',monospace;font-size:10px;letter-spacing:.24em;text-transform:uppercase;color:rgba(150,175,180,.5)}
  #vpoly{width:min(330px,64vw);height:min(330px,64vw);display:block;margin:18px auto 6px}
  #vtrial{font-family:'JetBrains Mono',monospace;font-size:12.5px;line-height:1.95;white-space:pre;text-align:left;
    color:rgba(120,200,185,.85);min-height:150px}
  #vtrial .warn{color:#fbbf24}#vtrial .ok{color:#2ee6c8}#vtrial .unv{color:rgba(150,165,162,.8)}
  #vtrial .summary{color:rgba(46,230,200,.82);letter-spacing:.08em}
  #vcon .note{font-family:'JetBrains Mono',monospace;font-size:11px;line-height:1.7;letter-spacing:.04em;color:rgba(160,182,178,.6);margin-top:22px;max-width:540px;margin-left:auto;margin-right:auto}
  #vcon .scrollcue{font-family:'JetBrains Mono',monospace;font-size:10px;letter-spacing:.3em;text-transform:uppercase;color:rgba(160,180,185,.4);margin-top:26px}
  #vcon section{padding:13vh 0;border-top:1px solid rgba(46,230,200,.08)}
  #vcon h2{font-family:'Montserrat',sans-serif;font-weight:200;font-size:clamp(28px,4.4vw,54px);line-height:1.08;color:#f2f3f0;margin:16px 0 0}
  #vcon h2 em{font-style:normal;color:#2ee6c8}
  #vcon .lede{font-size:clamp(16px,1.8vw,20px);line-height:1.62;color:#9fb0ad;max-width:680px;margin-top:24px}
  #vcon .lede b{color:#eaf0ee;font-weight:500}
  #vcon .big{font-family:'Montserrat',sans-serif;font-weight:200;font-size:clamp(58px,11vw,124px);color:#fff;line-height:.92}
  #vcon .big .u{color:#2ee6c8}
  #vcon .layers{margin-top:40px;border-top:1px solid rgba(46,230,200,.12)}
  #vcon .lay{display:grid;grid-template-columns:130px 190px 1fr;gap:20px;align-items:baseline;padding:20px 4px;border-bottom:1px solid rgba(46,230,200,.08)}
  #vcon .lay .n{font-family:'JetBrains Mono',monospace;font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:#2ee6c8}
  #vcon .lay .t{font-family:'Montserrat',sans-serif;font-weight:300;font-size:18px;color:#eef2f0}
  #vcon .lay .d{font-size:13.5px;line-height:1.55;color:#90a09d}
  #vcon .lay .cite{display:block;margin-top:7px;font-family:'JetBrains Mono',monospace;font-size:11px;letter-spacing:.03em;color:rgba(46,230,200,.55)}
  #vcon .lede .dim{color:rgba(150,165,162,.55)}
  @media(max-width:680px){#vcon .lay{grid-template-columns:1fr}}
  #vcon .stats{display:flex;flex-wrap:wrap;gap:30px 52px;margin-top:34px}
  #vcon .stats .v{font-family:'Montserrat',sans-serif;font-weight:200;font-size:clamp(32px,5vw,52px);color:#fff;line-height:1}
  #vcon .stats .v .u{color:#2ee6c8}
  #vcon .stats .l{font-family:'JetBrains Mono',monospace;font-size:10px;letter-spacing:.2em;text-transform:uppercase;color:#7e9692;margin-top:8px}
  #vcon .who{font-size:clamp(16px,1.9vw,20px);line-height:1.85;color:#9fb0ad;max-width:720px}
  #vcon .who b{color:#eaf0ee;font-weight:500}
  #vcon .demo{display:inline-block;margin-top:28px;font-family:'JetBrains Mono',monospace;font-size:13px;letter-spacing:.18em;
    text-transform:uppercase;color:#03110d;background:#2ee6c8;text-decoration:none;padding:16px 38px;border-radius:6px;cursor:none;transition:transform .3s,box-shadow .3s}
  #vcon .demo:hover{transform:translateY(-2px);box-shadow:0 14px 50px rgba(46,230,200,.3)}
  #vcon .vr{opacity:0;transform:translateY(24px);transition:opacity .9s cubic-bezier(.16,1,.3,1),transform .9s cubic-bezier(.16,1,.3,1)}
  #vcon .vr.in{opacity:1;transform:none}

  /* persistent CTA pill — across every console */
  .sticky-cta{position:fixed;left:50%;bottom:26px;transform:translateX(-50%) translateY(22px);z-index:14;opacity:0;pointer-events:none;
    transition:opacity .5s ease,transform .5s ease;font-family:'Montserrat',sans-serif;font-size:12px;letter-spacing:.2em;text-transform:uppercase;
    text-decoration:none;padding:13px 30px;border-radius:40px;cursor:none;box-shadow:0 10px 40px rgba(0,0,0,.55)}
  .sticky-cta.show{opacity:1;transform:translateX(-50%) translateY(0);pointer-events:auto}
  #vsticky{color:#03110d;background:#2ee6c8}
  #asticky{color:#04141a;background:#22D3EE}
  /* grand arrival — every engine opens like a door into its own world */
  .amark{font-family:'Montserrat',sans-serif;font-weight:200;font-size:clamp(58px,12vw,140px);letter-spacing:.18em;margin:20px 0 0;padding-left:.18em;line-height:1}
  .atag{font-family:'Crimson Pro',Georgia,serif;font-style:italic;font-size:clamp(20px,2.8vw,30px);margin-top:10px}
  .aon{font-family:'JetBrains Mono',monospace;font-size:11px;letter-spacing:.22em;text-transform:uppercase;margin-top:26px}
  #vcon .amark{color:#2ee6c8;text-shadow:0 0 55px rgba(46,230,200,.5),0 0 120px rgba(46,230,200,.22)}
  #vcon .atag{color:#a9c4be}#vcon .aon{color:rgba(46,230,200,.45)}
  #kcon .amark{color:#9d90f6;text-shadow:0 0 55px rgba(138,124,242,.5),0 0 120px rgba(138,124,242,.22)}
  #kcon .atag{color:#c4bcdd}#kcon .aon{color:rgba(138,124,242,.5)}
  #ksticky{color:#0b0a12;background:#8a7cf2}

  /* ── ARRIVAL BACKGROUND — drop-in stage: assets/<engine>/arrival.(mp4|jpg) ── */
  .arrival-bg{position:absolute;inset:0;z-index:0;overflow:hidden;pointer-events:none}
  .arrival-bg.empty{display:none}
  .arrival-bg .media{width:100%;height:100%;object-fit:cover;display:block;transform-origin:center;animation:abgdrift 46s ease-in-out infinite alternate}
  .arrival-bg .vig{position:absolute;inset:0}
  @keyframes abgdrift{0%{transform:scale(1.14) translate(1.4%,1%)}100%{transform:scale(1.24) translate(-1.8%,-1.4%)}}
  .abg-verity .media{filter:blur(14px) brightness(.5) saturate(1.1);opacity:.46}
  .abg-verity .vig{background:radial-gradient(ellipse 76% 64% at center,rgba(3,17,13,.14),rgba(3,17,13,.52) 60%,#03110d)}
  .abg-awatum .media{filter:blur(14px) brightness(.5) saturate(1.05);opacity:.46}
  .abg-awatum .vig{background:radial-gradient(ellipse 76% 64% at center,rgba(11,15,20,.14),rgba(11,15,20,.52) 60%,#0B0F14)}
  .abg-kern   .media{filter:blur(14px) brightness(.5) saturate(1.1);opacity:.46}
  .abg-kern   .vig{background:radial-gradient(ellipse 76% 64% at center,rgba(11,10,18,.16),rgba(11,10,18,.54) 60%,#0b0a12)}

  /* ── KERN console — the containment compiler; proof, not alarms (indigo · steel · violet light) ── */
  #kcon{position:fixed;inset:0;z-index:12;overflow-y:auto;overflow-x:hidden;background:#0b0a12;
    opacity:0;pointer-events:none;transition:opacity .7s ease;color:#E6E3F2;font-family:'Montserrat',Inter,system-ui,sans-serif}
  body.kernon.booting #kcon{opacity:1;pointer-events:auto}
  body.kernon #subworld{display:none}
  #kcon .w{max-width:920px;margin:0 auto;padding:0 44px}
  #kcon .eye{font-family:'JetBrains Mono',monospace;font-style:normal;font-size:11px;letter-spacing:.3em;text-transform:uppercase;color:#9a8cf2;opacity:.85}
  #kcon .hero{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:9vh 0;position:relative;overflow:hidden}
  #kcon .hero .w{position:relative;z-index:2}
  #kcon h2{font-family:'Montserrat',sans-serif;font-weight:200;font-size:clamp(28px,4.6vw,54px);line-height:1.08;color:#F1EFFA;margin:14px 0 0;letter-spacing:-.012em}
  #kcon h2 em{font-style:normal;color:#9d90f6}
  #kcon .lede{font-size:clamp(16px,1.9vw,20px);line-height:1.62;color:#b3acc8;max-width:690px;margin-top:24px}
  #kcon .lede b{color:#F1EFFA;font-weight:600}
  #kproj{width:min(660px,92vw);height:min(360px,54vw);display:block;margin:14px auto 0}
  #kmotion{font-family:'JetBrains Mono',monospace;font-size:clamp(12px,1.5vw,14px);letter-spacing:.02em;color:#a89df0;min-height:1.3em;margin-top:16px}
  #kcon .pcap{font-family:'JetBrains Mono',monospace;font-style:normal;font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:rgba(160,150,205,.5);margin-top:12px}
  #kcon .scrollcue{font-family:'JetBrains Mono',monospace;font-style:normal;font-size:10px;letter-spacing:.3em;text-transform:uppercase;color:rgba(160,150,205,.35);margin-top:24px}
  #kcon section{padding:13vh 0;border-top:1px solid rgba(138,124,242,.13)}
  #kcon .steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:30px;margin-top:42px}
  #kcon .steps .n{font-family:'JetBrains Mono',monospace;font-style:normal;font-size:11px;letter-spacing:.2em;color:#9a8cf2}
  #kcon .steps .h{font-family:'Montserrat',sans-serif;font-weight:300;font-size:22px;color:#F1EFFA;margin:12px 0 8px}
  #kcon .steps .p{font-size:15px;line-height:1.55;color:#b3acc8}
  #kcon .who{font-weight:300;font-size:clamp(16px,1.9vw,21px);line-height:1.8;color:#b3acc8;max-width:740px}
  #kcon .who b{color:#F1EFFA;font-weight:600}
  #kcon .cert{font-family:'JetBrains Mono',monospace;font-size:12.5px;line-height:1.95;white-space:pre;text-align:left;color:#a89df0;
    background:rgba(138,124,242,.05);border:1px solid rgba(138,124,242,.18);border-radius:10px;padding:22px 24px;margin-top:30px;overflow-x:auto}
  #kcon .cert b{color:#cabffb;font-weight:600}
  #kcon .demo{display:inline-block;margin-top:30px;font-family:'Montserrat',sans-serif;font-weight:400;font-size:13px;letter-spacing:.2em;text-transform:uppercase;color:#0b0a12;background:#8a7cf2;text-decoration:none;padding:15px 40px;border-radius:8px;cursor:none;transition:transform .3s,box-shadow .3s}
  #kcon .demo:hover{transform:translateY(-2px);box-shadow:0 14px 50px rgba(138,124,242,.34)}
  #kcon .vr{opacity:0;transform:translateY(24px);transition:opacity 1s cubic-bezier(.16,1,.3,1),transform 1s cubic-bezier(.16,1,.3,1)}
  #kcon .vr.in{opacity:1;transform:none}

  /* ── ANNEAL console — autonomous estate hardening; heat reveals stress, cooling removes it (forge amber) ── */
  #anlcon{position:fixed;inset:0;z-index:12;overflow-y:auto;overflow-x:hidden;background:#0e0a06;
    opacity:0;pointer-events:none;transition:opacity .7s ease;color:#F0E6DC;font-family:'Montserrat',Inter,system-ui,sans-serif}
  body.annealon.booting #anlcon{opacity:1;pointer-events:auto}
  body.annealon #subworld{display:none}
  #anlbg{position:absolute;inset:0;width:100%;height:100%;z-index:0}
  #anlcon .anlvig{position:absolute;inset:0;z-index:1;pointer-events:none;background:radial-gradient(ellipse 80% 70% at center,rgba(14,10,6,.10),rgba(14,10,6,.5) 62%,#0e0a06)}
  #anlcon .w{max-width:920px;margin:0 auto;padding:0 44px}
  #anlcon .amark{color:#f0913f;text-shadow:0 0 55px rgba(235,130,55,.5),0 0 120px rgba(235,130,55,.22)}
  #anlcon .atag{color:#ddc6ab}#anlcon .aon{color:rgba(235,130,55,.5)}
  #anlcon .eye{font-family:'JetBrains Mono',monospace;font-style:normal;font-size:11px;letter-spacing:.3em;text-transform:uppercase;color:#e8924a;opacity:.85}
  #anlcon .hero{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:9vh 0;position:relative;overflow:hidden}
  #anlcon .hero .w{position:relative;z-index:2}
  #anlcon h2{font-family:'Montserrat',sans-serif;font-weight:200;font-size:clamp(28px,4.6vw,54px);line-height:1.08;color:#F8EFE6;margin:14px 0 0;letter-spacing:-.012em}
  #anlcon h2 em{font-style:normal;color:#f0913f}
  #anlcon .lede{font-size:clamp(16px,1.9vw,20px);line-height:1.62;color:#cdbcaa;max-width:690px;margin-top:24px}
  #anlcon .lede b{color:#F8EFE6;font-weight:600}
  #anlproj{width:min(660px,92vw);height:min(360px,54vw);display:block;margin:14px auto 0}
  #anlmotion{font-family:'JetBrains Mono',monospace;font-size:clamp(12px,1.5vw,14px);letter-spacing:.02em;color:#eaa46a;min-height:1.3em;margin-top:16px}
  #anlcon .pcap{font-family:'JetBrains Mono',monospace;font-style:normal;font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:rgba(220,160,110,.5);margin-top:12px}
  #anlcon .scrollcue{font-family:'JetBrains Mono',monospace;font-style:normal;font-size:10px;letter-spacing:.3em;text-transform:uppercase;color:rgba(220,160,110,.35);margin-top:24px}
  #anlcon section{padding:13vh 0;border-top:1px solid rgba(235,130,55,.13)}
  #anlcon .steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:30px;margin-top:42px}
  #anlcon .steps .n{font-family:'JetBrains Mono',monospace;font-style:normal;font-size:11px;letter-spacing:.2em;color:#e8924a}
  #anlcon .steps .h{font-family:'Montserrat',sans-serif;font-weight:300;font-size:22px;color:#F8EFE6;margin:12px 0 8px}
  #anlcon .steps .p{font-size:15px;line-height:1.55;color:#cdbcaa}
  #anlcon .who{font-weight:300;font-size:clamp(16px,1.9vw,21px);line-height:1.8;color:#cdbcaa;max-width:740px}
  #anlcon .who b{color:#F8EFE6;font-weight:600}
  #anlcon .cert{font-family:'JetBrains Mono',monospace;font-size:12.5px;line-height:1.95;white-space:pre;text-align:left;color:#eaa46a;
    background:rgba(235,130,55,.05);border:1px solid rgba(235,130,55,.18);border-radius:10px;padding:22px 24px;margin-top:30px;overflow-x:auto}
  #anlcon .cert b{color:#f6c79a;font-weight:600}
  #anlcon .demo{display:inline-block;margin-top:30px;font-family:'Montserrat',sans-serif;font-weight:400;font-size:13px;letter-spacing:.2em;text-transform:uppercase;color:#0e0a06;background:#eb8237;text-decoration:none;padding:15px 40px;border-radius:8px;cursor:none;transition:transform .3s,box-shadow .3s}
  #anlcon .demo:hover{transform:translateY(-2px);box-shadow:0 14px 50px rgba(235,130,55,.34)}
  #anlcon .vr{opacity:0;transform:translateY(24px);transition:opacity 1s cubic-bezier(.16,1,.3,1),transform 1s cubic-bezier(.16,1,.3,1)}
  #anlcon .vr.in{opacity:1;transform:none}
  /* ANNEAL — designed vocabulary (worked-example cards, stakes, split, named techniques) */
  #anlcon .big{font-family:'Montserrat',sans-serif;font-weight:200;font-size:clamp(56px,11vw,124px);color:#fff;line-height:.92;letter-spacing:-.02em}
  #anlcon .big .u{color:#eb8237}
  #anlcon .wmeta{font-family:'JetBrains Mono',monospace;font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:rgba(220,160,110,.5);margin-top:14px}
  #anlcon .note{font-size:13px;color:rgba(205,188,170,.72);max-width:540px;margin:22px auto 0;line-height:1.5}
  #anlcon .cards{max-width:600px;margin:30px auto 0;text-align:left}
  #anlcon .card{background:#181009;border:1px solid #2a1d10;border-radius:12px;padding:15px 18px;margin-bottom:10px;opacity:0;transform:translateY(10px);transition:opacity .6s ease,transform .6s ease}
  #anlcon .card.in{opacity:1;transform:none}
  #anlcon .cards .card:nth-child(2){transition-delay:.1s}#anlcon .cards .card:nth-child(3){transition-delay:.2s}#anlcon .cards .card:nth-child(4){transition-delay:.3s}
  #anlcon .card .k{font-family:'JetBrains Mono',monospace;font-size:9px;letter-spacing:.18em;text-transform:uppercase;font-weight:600;margin-bottom:8px}
  #anlcon .card .k.rd{color:#f0707a}#anlcon .card .k.am{color:#eaa46a}#anlcon .card .k.gd{color:#e8c074}#anlcon .card .k.gr{color:#7fd29a}
  #anlcon .card .v{font-size:14px;line-height:1.55;color:#cdbcaa}#anlcon .card .v b{color:#F8EFE6;font-weight:600}
  #anlcon .verified{display:block;margin-top:8px;font-family:'JetBrains Mono',monospace;font-size:10.5px;letter-spacing:.04em;color:#7fd29a}
  #anlcon .vmono{font-family:'JetBrains Mono',monospace;font-size:12px;color:#eaa46a}
  #anlcon .strength{display:flex;align-items:center;gap:12px;margin-top:10px}
  #anlcon .strength .bar{flex:1;height:5px;background:#2a1d10;border-radius:3px;overflow:hidden}
  #anlcon .strength .fill{height:100%;width:0;background:linear-gradient(90deg,#eb8237,#7fd29a);border-radius:3px;transition:width 1.1s cubic-bezier(.16,1,.3,1)}
  #anlcon .card.in .fill{width:100%}
  #anlcon .strength .pct{font-family:'JetBrains Mono',monospace;font-size:13px;color:#7fd29a}
  #anlcon .split{display:grid;grid-template-columns:1fr 1fr;gap:1px;margin-top:42px;background:#2a1d10;border:1px solid #2a1d10;border-radius:10px;overflow:hidden}
  @media(max-width:600px){#anlcon .split{grid-template-columns:1fr}}
  #anlcon .split .col{background:#140d07;padding:26px 24px}
  #anlcon .split .col.x{background:#171009}
  #anlcon .split .lab{font-family:'JetBrains Mono',monospace;font-size:10px;letter-spacing:.16em;text-transform:uppercase;margin-bottom:10px}
  #anlcon .split .col .lab{color:#8a6e52}#anlcon .split .col.x .lab{color:#eb8237}
  #anlcon .split p{font-size:14.5px;line-height:1.55;color:#a48c72;margin:0}#anlcon .split .col.x p{color:#cdbcaa}#anlcon .split .col.x p b{color:#F8EFE6;font-weight:600}
  #anlcon .layers{margin-top:40px;border-top:1px solid rgba(235,130,55,.12)}
  #anlcon .lay{display:grid;grid-template-columns:150px 210px 1fr;gap:20px;align-items:baseline;padding:20px 4px;border-bottom:1px solid rgba(235,130,55,.08)}
  @media(max-width:680px){#anlcon .lay{grid-template-columns:1fr}}
  #anlcon .lay .n{font-family:'JetBrains Mono',monospace;font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:#e8924a}
  #anlcon .lay .t{font-family:'Montserrat',sans-serif;font-weight:300;font-size:18px;color:#F8EFE6}
  #anlcon .lay .d{font-size:13.5px;line-height:1.55;color:#a48c72}
  #anlcon .gallery{display:flex;gap:22px;overflow-x:auto;padding:14px 0 8px}
  #anlcon .gallery::-webkit-scrollbar{height:6px}#anlcon .gallery::-webkit-scrollbar-thumb{background:rgba(235,130,55,.25);border-radius:3px}
  #anlcon .shot{flex:0 0 auto;width:min(560px,88vw)}
  #anlcon .shot img{width:100%;border-radius:12px;border:1px solid rgba(235,130,55,.18);box-shadow:0 22px 60px rgba(0,0,0,.6);display:block}
  #anlcon .shot .cap{margin-top:12px;font-family:'JetBrains Mono',monospace;font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:rgba(235,130,55,.6);text-align:center}

  /* ── CODEC console — computational genomics; the genome read as a program (magenta · plum) ── */
  #cdccon{position:fixed;inset:0;z-index:12;overflow-y:auto;overflow-x:hidden;background:#100810;
    opacity:0;pointer-events:none;transition:opacity .7s ease;color:#F1E2EC;font-family:'Montserrat',Inter,system-ui,sans-serif}
  body.codecon.booting #cdccon{opacity:1;pointer-events:auto}
  body.codecon #subworld{display:none}
  #cdcbg{position:absolute;inset:0;width:100%;height:100%;z-index:0}
  #cdccon .cdcvig{position:absolute;inset:0;z-index:1;pointer-events:none;background:radial-gradient(ellipse 80% 70% at center,rgba(16,8,16,.10),rgba(16,8,16,.5) 62%,#100810)}
  #cdccon .w{max-width:920px;margin:0 auto;padding:0 44px}
  #cdccon .amark{color:#e87ac0;text-shadow:0 0 55px rgba(223,92,168,.5),0 0 120px rgba(223,92,168,.22)}
  #cdccon .atag{color:#d6b8ca}#cdccon .aon{color:rgba(223,92,168,.5)}
  #cdccon .eye{font-family:'JetBrains Mono',monospace;font-style:normal;font-size:11px;letter-spacing:.3em;text-transform:uppercase;color:#df5ca8;opacity:.85}
  #cdccon .hero{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:9vh 0;position:relative;overflow:hidden}
  #cdccon .hero .w{position:relative;z-index:2}
  #cdccon h2{font-family:'Montserrat',sans-serif;font-weight:200;font-size:clamp(28px,4.6vw,54px);line-height:1.08;color:#F9EEF5;margin:14px 0 0;letter-spacing:-.012em}
  #cdccon h2 em{font-style:normal;color:#e87ac0}
  #cdccon .lede{font-size:clamp(16px,1.9vw,20px);line-height:1.62;color:#cdb8c6;max-width:690px;margin-top:24px}
  #cdccon .lede b{color:#F9EEF5;font-weight:600}
  #cdcproj{width:min(660px,92vw);height:min(360px,54vw);display:block;margin:14px auto 0}
  #cdcmotion{font-family:'JetBrains Mono',monospace;font-size:clamp(12px,1.5vw,14px);letter-spacing:.02em;color:#e89ccb;min-height:1.3em;margin-top:16px}
  #cdccon .pcap{font-family:'JetBrains Mono',monospace;font-style:normal;font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:rgba(210,140,185,.5);margin-top:12px}
  #cdccon .scrollcue{font-family:'JetBrains Mono',monospace;font-style:normal;font-size:10px;letter-spacing:.3em;text-transform:uppercase;color:rgba(210,140,185,.35);margin-top:24px}
  #cdccon section{padding:13vh 0;border-top:1px solid rgba(223,92,168,.13)}
  #cdccon .steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:30px;margin-top:42px}
  #cdccon .steps .n{font-family:'JetBrains Mono',monospace;font-style:normal;font-size:11px;letter-spacing:.2em;color:#df5ca8}
  #cdccon .steps .h{font-family:'Montserrat',sans-serif;font-weight:300;font-size:22px;color:#F9EEF5;margin:12px 0 8px}
  #cdccon .steps .p{font-size:15px;line-height:1.55;color:#cdb8c6}
  #cdccon .who{font-weight:300;font-size:clamp(16px,1.9vw,21px);line-height:1.8;color:#cdb8c6;max-width:740px}
  #cdccon .who b{color:#F9EEF5;font-weight:600}
  #cdccon .cert{font-family:'JetBrains Mono',monospace;font-size:12.5px;line-height:1.95;white-space:pre;text-align:left;color:#e89ccb;
    background:rgba(223,92,168,.05);border:1px solid rgba(223,92,168,.18);border-radius:10px;padding:22px 24px;margin-top:30px;overflow-x:auto}
  #cdccon .cert b{color:#f3bfdf;font-weight:600}
  #cdccon .demo{display:inline-block;margin-top:30px;font-family:'Montserrat',sans-serif;font-weight:400;font-size:13px;letter-spacing:.2em;text-transform:uppercase;color:#100810;background:#df5ca8;text-decoration:none;padding:15px 40px;border-radius:8px;cursor:none;transition:transform .3s,box-shadow .3s}
  #cdccon .demo:hover{transform:translateY(-2px);box-shadow:0 14px 50px rgba(223,92,168,.34)}
  #cdccon .vr{opacity:0;transform:translateY(24px);transition:opacity 1s cubic-bezier(.16,1,.3,1),transform 1s cubic-bezier(.16,1,.3,1)}
  #cdccon .vr.in{opacity:1;transform:none}
  /* CODEC — designed vocabulary (real numbers, the difference, real methods, the real UI) */
  #cdccon .big{font-family:'Montserrat',sans-serif;font-weight:200;font-size:clamp(56px,11vw,124px);color:#fff;line-height:.92;letter-spacing:-.02em}
  #cdccon .big .u{color:#e87ac0}
  #cdccon .wmeta{font-family:'JetBrains Mono',monospace;font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:rgba(210,140,185,.5);margin-top:14px}
  #cdccon .note{font-size:13px;color:rgba(205,184,198,.72);max-width:560px;margin:22px auto 0;line-height:1.5}
  #cdccon .split{display:grid;grid-template-columns:1fr 1fr;gap:1px;margin-top:42px;background:#251425;border:1px solid #251425;border-radius:10px;overflow:hidden}
  @media(max-width:600px){#cdccon .split{grid-template-columns:1fr}}
  #cdccon .split .col{background:#0d070d;padding:26px 24px}
  #cdccon .split .col.x{background:#140914}
  #cdccon .split .lab{font-family:'JetBrains Mono',monospace;font-size:10px;letter-spacing:.16em;text-transform:uppercase;margin-bottom:10px}
  #cdccon .split .col .lab{color:#8a6e84}#cdccon .split .col.x .lab{color:#e87ac0}
  #cdccon .split p{font-size:14.5px;line-height:1.55;color:#a48ca0;margin:0}#cdccon .split .col.x p{color:#cdb8c6}#cdccon .split .col.x p b{color:#F9EEF5;font-weight:600}
  #cdccon .layers{margin-top:40px;border-top:1px solid rgba(223,92,168,.12)}
  #cdccon .lay{display:grid;grid-template-columns:150px 210px 1fr;gap:20px;align-items:baseline;padding:20px 4px;border-bottom:1px solid rgba(223,92,168,.08)}
  @media(max-width:680px){#cdccon .lay{grid-template-columns:1fr}}
  #cdccon .lay .n{font-family:'JetBrains Mono',monospace;font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:#df5ca8}
  #cdccon .lay .t{font-family:'Montserrat',sans-serif;font-weight:300;font-size:18px;color:#F9EEF5}
  #cdccon .lay .d{font-size:13.5px;line-height:1.55;color:#a48ca0}
  #cdccon .gallery{display:flex;gap:22px;overflow-x:auto;padding:14px 0 8px}
  #cdccon .gallery::-webkit-scrollbar{height:6px}#cdccon .gallery::-webkit-scrollbar-thumb{background:rgba(223,92,168,.25);border-radius:3px}
  #cdccon .shot{flex:0 0 auto;width:min(420px,82vw)}
  #cdccon .shot img{width:100%;border-radius:12px;border:1px solid rgba(223,92,168,.18);box-shadow:0 22px 60px rgba(0,0,0,.6);display:block}
  #cdccon .shot .cap{margin-top:12px;font-family:'JetBrains Mono',monospace;font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:rgba(223,92,168,.6);text-align:center}

  /* ── AWATUM console — a legal operating system; justice with certainty (navy + cyan + gold) ── */
  #acon{position:fixed;inset:0;z-index:12;overflow-y:auto;overflow-x:hidden;background:#0B0F14;
    opacity:0;pointer-events:none;transition:opacity .7s ease;color:#E2E8F0;font-family:'Montserrat',Inter,system-ui,sans-serif}
  body.awatumon.booting #acon{opacity:1;pointer-events:auto}
  body.awatumon #subworld{display:none}
  #acon .w{max-width:940px;margin:0 auto;padding:0 44px}
  #acon .eye{font-family:'JetBrains Mono',monospace;font-size:11px;letter-spacing:.3em;text-transform:uppercase;color:#22D3EE;opacity:.85}
  #acon .hero{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:9vh 0;position:relative;overflow:hidden}
  #acon .hero .w{position:relative;z-index:2}
  #awtbg{position:absolute;inset:0;width:100%;height:100%;z-index:0}
  #acon .avig{position:absolute;inset:0;z-index:1;pointer-events:none;background:radial-gradient(ellipse 80% 70% at center,rgba(11,15,20,.12),rgba(11,15,20,.52) 62%,#0B0F14)}
  #kbg{position:absolute;inset:0;width:100%;height:100%;z-index:0}
  #kcon .kvig{position:absolute;inset:0;z-index:1;pointer-events:none;background:radial-gradient(ellipse 80% 70% at center,rgba(11,10,18,.10),rgba(11,10,18,.5) 62%,#0b0a12)}
  #acon .wordmark{font-family:'Montserrat',sans-serif;font-weight:200;font-size:clamp(60px,13vw,150px);letter-spacing:.16em;color:#22D3EE;
    text-shadow:0 0 60px rgba(34,211,238,.45),0 0 130px rgba(34,211,238,.22);margin:20px 0 0;padding-left:.16em}
  #acon .tagline{font-family:'Crimson Pro',Georgia,serif;font-style:italic;font-size:clamp(20px,2.8vw,30px);color:#cfd8e2;margin-top:8px}
  #acon .online{font-family:'JetBrains Mono',monospace;font-size:11px;letter-spacing:.22em;text-transform:uppercase;color:#5E6B7D;margin-top:28px}
  #acon h2{font-family:'Montserrat',sans-serif;font-weight:200;font-size:clamp(28px,4.6vw,54px);line-height:1.08;color:#F0F2F5;margin:14px 0 0;letter-spacing:-.012em}
  #acon h2 em{font-style:normal;color:#22D3EE}
  #acon h2 .g{font-style:normal;color:#C9A84C}
  #acon .lede{font-size:clamp(16px,1.9vw,20px);line-height:1.62;color:#B8C0CC;max-width:690px;margin-top:24px}
  #acon .lede b{color:#F0F2F5;font-weight:600}#acon .lede .cy{color:#22D3EE;font-weight:500}
  #acon .big{font-family:'Montserrat',sans-serif;font-weight:200;font-size:clamp(56px,11vw,128px);color:#fff;line-height:.92;letter-spacing:-.02em}
  #acon .big .u{color:#22D3EE}
  #acon .worry{font-size:clamp(18px,2.5vw,27px);font-weight:300;color:#E8EDF2;max-width:600px;min-height:1.4em;line-height:1.4}
  #acon .wmeta{font-family:'JetBrains Mono',monospace;font-size:10px;letter-spacing:.22em;text-transform:uppercase;color:#5E6B7D;margin-top:8px}
  #acon .cards{max-width:600px;margin:30px auto 0;text-align:left}
  #acon .card{background:#111827;border:1px solid #1f2a3a;border-radius:12px;padding:15px 18px;margin-bottom:10px;opacity:0;transform:translateY(10px);transition:opacity .6s ease,transform .6s ease}
  #acon .card.in{opacity:1;transform:none}
  #acon .card .k{font-family:'JetBrains Mono',monospace;font-size:9px;letter-spacing:.18em;text-transform:uppercase;font-weight:600;margin-bottom:8px}
  #acon .k.cy{color:#22D3EE}#acon .k.gd{color:#C9A84C}#acon .k.am{color:#FBBF24}#acon .k.tl{color:#2DD4BF}
  #acon .card .v{font-size:14px;line-height:1.55;color:#C6CFDA}#acon .card .v b{color:#F0F2F5;font-weight:600}
  #acon .cite{display:inline-block;font-family:'JetBrains Mono',monospace;font-size:11px;color:#22D3EE;border:1px solid rgba(34,211,238,.3);border-radius:5px;padding:2px 8px;margin:8px 6px 0 0;background:rgba(34,211,238,.06)}
  #acon .verified{font-family:'JetBrains Mono',monospace;font-size:10px;letter-spacing:.08em;color:#2DD4BF;margin-top:10px;display:block}
  #acon .strength{display:flex;align-items:center;gap:12px;margin-top:8px}
  #acon .strength .bar{flex:1;height:5px;background:#1f2a3a;border-radius:3px;overflow:hidden}
  #acon .strength .fill{height:100%;width:0;background:linear-gradient(90deg,#C9A84C,#2DD4BF);border-radius:3px;transition:width 1.1s cubic-bezier(.16,1,.3,1)}
  #acon .card.in .fill{width:78%}
  #acon .strength .pct{font-family:'JetBrains Mono',monospace;font-size:13px;color:#2DD4BF}
  #acon .note{font-family:'JetBrains Mono',monospace;font-size:11px;line-height:1.7;letter-spacing:.04em;color:#5E6B7D;margin-top:22px;max-width:560px;margin-left:auto;margin-right:auto}
  #acon .scrollcue{font-family:'JetBrains Mono',monospace;font-size:10px;letter-spacing:.3em;text-transform:uppercase;color:#3f4a5a;margin-top:24px}
  #acon section{padding:13vh 0;border-top:1px solid rgba(34,211,238,.08)}
  #acon .split{display:grid;grid-template-columns:1fr 1fr;gap:1px;margin-top:42px;background:#1f2a3a;border:1px solid #1f2a3a;border-radius:10px;overflow:hidden}
  @media(max-width:600px){#acon .split{grid-template-columns:1fr}}
  #acon .split .col{background:#0d1219;padding:26px 24px}
  #acon .split .col.x{background:#0f1218}
  #acon .split .lab{font-family:'JetBrains Mono',monospace;font-size:10px;letter-spacing:.16em;text-transform:uppercase;margin-bottom:10px}
  #acon .split .col .lab{color:#5E6B7D}#acon .split .col.x .lab{color:#22D3EE}
  #acon .split p{font-size:14.5px;line-height:1.55;color:#9aa6b5;margin:0}#acon .split .col.x p{color:#C6CFDA}
  #acon .pillars{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:1px;margin-top:42px;background:#1f2a3a;border:1px solid #1f2a3a;border-radius:8px;overflow:hidden}
  #acon .pillar{background:#0d1219;padding:30px 24px}
  #acon .pillar .g{font-size:20px;color:#22D3EE}
  #acon .pillar .pn{font-family:'Montserrat',sans-serif;font-weight:300;font-size:24px;color:#F0F2F5;margin:12px 0 8px}
  #acon .pillar .pd{font-size:14px;line-height:1.5;color:#8892A2}
  #acon .gallery{display:flex;gap:22px;overflow-x:auto;padding:14px 0 8px}
  #acon .gallery::-webkit-scrollbar{height:6px}#acon .gallery::-webkit-scrollbar-thumb{background:rgba(34,211,238,.25);border-radius:3px}
  #acon .shot{flex:0 0 auto;width:min(440px,84vw)}
  #acon .shot img{width:100%;border-radius:12px;border:1px solid rgba(34,211,238,.18);box-shadow:0 22px 60px rgba(0,0,0,.6);display:block}
  #acon .shot .cap{margin-top:12px;font-family:'JetBrains Mono',monospace;font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:rgba(34,211,238,.6);text-align:center}
  #acon .ways{display:flex;flex-wrap:wrap;gap:13px;margin-top:30px;font-family:'JetBrains Mono',monospace;font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:#B8C0CC}
  #acon .ways span{border:1px solid rgba(34,211,238,.3);border-radius:30px;padding:9px 18px}
  #acon .who{font-size:clamp(16px,1.9vw,21px);line-height:1.8;color:#B8C0CC;max-width:720px;font-weight:300}
  #acon .who b{color:#F0F2F5;font-weight:600}
  #acon .demo{display:inline-block;margin-top:30px;font-family:'Montserrat',sans-serif;font-weight:500;font-size:13px;letter-spacing:.16em;text-transform:uppercase;color:#04141a;background:#22D3EE;text-decoration:none;padding:15px 40px;border-radius:8px;cursor:none;transition:transform .3s,box-shadow .3s}
  #acon .demo:hover{transform:translateY(-2px);box-shadow:0 14px 50px rgba(34,211,238,.32)}
  #acon .vr{opacity:0;transform:translateY(24px);transition:opacity 1s cubic-bezier(.16,1,.3,1),transform 1s cubic-bezier(.16,1,.3,1)}
  #acon .vr.in{opacity:1;transform:none}

  /* ── THE LOGO — the pure brand mark, top-left; identity only (no halo, no menu) ── */
  #logo{position:fixed;top:26px;left:34px;transform:translateY(-8px);z-index:16;
    display:flex;align-items:center;gap:10px;pointer-events:none;
    opacity:0;transition:opacity 1.1s cubic-bezier(.16,1,.3,1),transform 1.1s cubic-bezier(.16,1,.3,1)}
  #logo.show{opacity:1;transform:translateY(0)}
  #logo.gone,body.pageon #logo,body.booting #logo{opacity:0!important;pointer-events:none!important;transition:opacity .4s ease}
  #logo svg{display:block;width:150px;height:auto}
  #logo svg text{opacity:.82}
  #logo svg .gb{transition:fill .5s ease}
  #logo.show svg .gb{animation:logoGold 3.8s ease-in-out infinite}
  @keyframes logoGold{0%,100%{fill:#d4a843}50%{fill:#e8c06a}}

  /* ── THE COMPANY NODES — quiet siblings of the product orbs, right edge ──
     Persistent colored points of light; their WORD appears only on hover, in the
     node's own colour, to the LEFT of it (right-aligned so it never clips). They
     never compete with the orbs: smaller, quieter, off to the side. */
  #navName{position:fixed;z-index:5;pointer-events:none;text-align:right;
    font-family:'Montserrat',sans-serif;font-weight:300;text-transform:uppercase;
    font-size:clamp(13px,1.5vw,18px);letter-spacing:.30em;
    opacity:0;white-space:nowrap;
    text-shadow:0 0 18px currentColor,0 0 38px currentColor;
    transition:opacity .6s cubic-bezier(.16,1,.3,1)}
  #navName.show{opacity:1}

  /* ── THE FOUR DESTINATIONS — restrained editorial pages over the void ── */
  .syxpage{position:fixed;inset:0;z-index:12;overflow-y:auto;overflow-x:hidden;background:#0a0b0f;
    opacity:0;pointer-events:none;transition:opacity .7s ease;color:#e8e6e1;
    font-family:'Montserrat',Inter,system-ui,sans-serif;font-weight:300}
  body.pageon .syxpage.active{opacity:1;pointer-events:auto}
  .syxpage .w{max-width:920px;width:100%;margin:0 auto;padding:0 44px;box-sizing:border-box}
  .syxpage .pwrap{min-height:100vh;display:flex;flex-direction:column;justify-content:center;padding:16vh 0 18vh}
  .syxpage .eye{font-family:'JetBrains Mono',monospace;font-size:11px;letter-spacing:.34em;text-transform:uppercase;
    color:rgba(212,168,67,.72);margin-bottom:30px}
  .syxpage h1{font-family:'Montserrat',sans-serif;font-weight:200;font-size:clamp(40px,7vw,82px);line-height:1.02;
    letter-spacing:-.01em;color:#f4f2ee;margin:0}
  .syxpage h1 em{font-family:'Crimson Pro',serif;font-style:italic;font-weight:400;color:#d4a843}
  .syxpage .lede{font-size:clamp(18px,2.2vw,24px);font-weight:200;line-height:1.55;color:#bcc2c8;
    max-width:620px;margin-top:34px}
  .syxpage .lede b{color:#f0eee8;font-weight:400}
  .syxpage p{font-size:clamp(16px,1.8vw,19px);font-weight:200;line-height:1.7;color:#a4abb3;max-width:600px;margin-top:24px}
  .syxpage p b{color:#e8e6e1;font-weight:400}
  .syxpage .crim{font-family:'Crimson Pro',serif;font-style:italic;font-weight:400;color:#cfc6b4}
  .syxpage .act{display:inline-block;margin-top:40px;font-family:'JetBrains Mono',monospace;font-size:12px;
    letter-spacing:.18em;text-transform:uppercase;text-decoration:none;color:#0a0b0f;background:#d4a843;
    padding:15px 34px;border-radius:6px;cursor:none;transition:transform .3s,box-shadow .3s}
  .syxpage .act:hover{transform:translateY(-2px);box-shadow:0 14px 50px rgba(212,168,67,.28)}
  .syxpage .act.ghost{color:#d4a843;background:transparent;border:1px solid rgba(212,168,67,.4)}
  .syxpage .act.ghost:hover{background:rgba(212,168,67,.06);box-shadow:none}
  .syxpage .acts{display:flex;flex-wrap:wrap;gap:16px}
  .syxpage .vr{opacity:0;transform:translateY(22px);transition:opacity .95s cubic-bezier(.16,1,.3,1),transform .95s cubic-bezier(.16,1,.3,1)}
  body.pageon .syxpage.active .vr.in{opacity:1;transform:none}
  /* ARCHIVE — the lab notebook: dated, numbered entries, austere */
  #archivepage .entries{margin-top:48px;border-top:1px solid rgba(232,230,225,.10)}
  #archivepage .entry{display:block;padding:28px 4px;border-bottom:1px solid rgba(232,230,225,.08)}
  #archivepage .emeta{display:flex;gap:18px;align-items:baseline;font-family:'JetBrains Mono',monospace;
    font-size:10.5px;letter-spacing:.24em;text-transform:uppercase;margin-bottom:12px}
  #archivepage .etype{color:rgba(206,194,168,.92)}
  #archivepage .edate{color:rgba(160,166,172,.5)}
  #archivepage .etitle{font-family:'Montserrat',sans-serif;font-weight:300;font-size:clamp(20px,2.4vw,26px);
    line-height:1.2;color:#f0eee8;letter-spacing:-.005em}
  #archivepage .eexcerpt{font-family:'Crimson Pro',serif;font-size:clamp(15px,1.7vw,18px);line-height:1.6;
    color:#a4abb3;max-width:640px;margin-top:12px}
  /* THE LAB — long-form; sections after the hero */
  #labpage section{padding:11vh 0;border-top:1px solid rgba(212,168,67,.10)}
  #labpage .eye2{font-family:'JetBrains Mono',monospace;font-size:11px;letter-spacing:.3em;text-transform:uppercase;
    color:rgba(180,200,210,.5);margin-bottom:20px}
  #labpage h2{font-family:'Montserrat',sans-serif;font-weight:200;font-size:clamp(28px,4.2vw,48px);line-height:1.1;
    color:#f0eee8;margin:0;letter-spacing:-.008em}
  #labpage h2 em{font-family:'Crimson Pro',serif;font-style:italic;font-weight:400;color:#d4a843}
  #labpage .vals{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:36px 40px;margin-top:46px}
  #labpage .val .vh{font-family:'Montserrat',sans-serif;font-weight:300;font-size:19px;color:#f0eee8;margin-bottom:10px}
  #labpage .val .vp{font-size:15px;font-weight:200;line-height:1.6;color:#9aa1a9}
  #labpage .five{margin-top:42px;border-top:1px solid rgba(212,168,67,.12)}
  #labpage .five .row{display:grid;grid-template-columns:150px 1fr;gap:24px;align-items:baseline;
    padding:18px 4px;border-bottom:1px solid rgba(232,230,225,.06)}
  #labpage .five .row .nm{font-family:'Montserrat',sans-serif;font-weight:300;font-size:17px;letter-spacing:.12em;text-transform:uppercase}
  #labpage .five .row .ds{font-family:'Crimson Pro',serif;font-style:italic;font-size:17px;color:#a4abb3}
  @media(max-width:600px){#labpage .five .row{grid-template-columns:1fr;gap:6px}}
  #labpage .closing{font-family:'Crimson Pro',serif;font-style:italic;font-weight:400;
    font-size:clamp(22px,3.4vw,34px);line-height:1.4;color:#e0d8c6;max-width:640px}

  /* ── TOUCH: the Well is the same as the web; a tap reveals a light's name, a second tap enters.
       Hover-only chrome (the custom cursor) stands down; the names stay so taps can surface them. ── */
  @media (hover:none) and (pointer:coarse){
    html,body{cursor:auto}
    #cur{display:none!important}
    .sticky-cta{cursor:pointer}
  }
  /* portrait: the revealed product name sits a little higher so the bottom-row company lights have room */
  body.portrait #engineName{bottom:24%}
  body.portrait #engineSub{bottom:20%}

  /* ── MOBILE: keep the dense product worlds readable & aligned on a narrow screen ── */
  @media (max-width:560px){
    /* tighter side gutters so prose uses the width */
    #vcon .w,#acon .w,#kcon .w{padding:0 22px}
    /* terminal & certificate blocks: WRAP instead of clipping off the right edge */
    #vtrial,#kcon .cert{white-space:pre-wrap;font-size:10.5px;line-height:1.72;letter-spacing:0}
    #kcon .cert{padding:16px 15px}
    /* the verity polygraph: give its axis labels room so they don't clip */
    #vpoly{width:min(330px,88vw);height:min(330px,88vw)}
    /* the signature canvases never exceed the viewport */
    #kproj{width:92vw}
  }
  /* ── LARGE DESKTOPS: let the worlds fill the width instead of a narrow centred column lost in margin ── */
  @media (min-width:1500px){
    #vcon .w,#acon .w,#kcon .w{max-width:1340px}
    #vcon h2,#acon h2,#kcon h2{font-size:clamp(56px,4.8vw,80px)}
    #vcon .lede,#acon .lede,#kcon .lede{font-size:clamp(20px,1.5vw,25px);max-width:880px}
    #vcon .who,#acon .who,#kcon .who{font-size:clamp(20px,1.5vw,25px);max-width:900px}
    /* the company/menu pages widen too, so they don't read like a narrow mobile column on a big screen */
    .syxpage .w{max-width:1080px}
  }

  /* ── WordPress-only accommodations (not in the source mock) ──
     The experience is full-bleed & fixed; the admin bar must never push it. */
  body.admin-bar #board,
  body.admin-bar #veil,
  body.admin-bar #floor,
  body.admin-bar #scan { top: 0; }            /* keep the void full-bleed under the bar */
  /* deep-link surfacing: when a single product/page loads straight into a world,
     suppress the intro wake prompt flash (JS also handles this). */
  body.syntaxe-deeplink #wake { display:none; }