:root{
    --midnight:#04070A; --shadow:#0C1319; --card:#0E1620;
    --sodium:#FFB13B; --sodium-deep:#C97A1B; --core:#FFF2D4;
    --moon:#8FB3C0; --moon-deep:#2C5560; --subtitle:#F7D96B; --brick:#7A2A20;
    --film-white:#F4EFE4; --soft:#A9B7BE; --ash:#7C909A; --line:#18242D;
    --poster:'Anton',system-ui,sans-serif;
    --display:'Bricolage Grotesque',system-ui,sans-serif;
    --cond:'Arimo',Arial,system-ui,sans-serif;
    --label:'Arimo',Arial,system-ui,sans-serif;
    --body:'Arimo',Arial,system-ui,sans-serif;
    --mark:'Bricolage Grotesque',system-ui,sans-serif;
    --grain:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='150' height='150'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.88' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
  }
  *{box-sizing:border-box;margin:0;padding:0;}
  html{scroll-behavior:smooth;}
  body{background:var(--midnight);color:var(--film-white);font-family:var(--body);font-size:17px;line-height:1.65;-webkit-font-smoothing:antialiased;overflow-x:hidden;}
  body::after{content:"";position:fixed;inset:0;z-index:9;pointer-events:none;background-image:var(--grain);background-size:170px;opacity:0.05;}
  a{color:inherit;text-decoration:none;}
  .wrap{width:min(1120px,92vw);margin:0 auto;}
  .eyebrow{font-family:var(--label);font-weight:700;font-size:14px;letter-spacing:0.1em;text-transform:uppercase;color:var(--soft);}
  .accent{color:var(--sodium);} .yellow{color:var(--subtitle);}

  .btn{position:relative;display:inline-flex;align-items:center;justify-content:center;font-family:var(--label);font-weight:700;font-size:13px;letter-spacing:0.16em;text-transform:uppercase;color:var(--sodium);background:transparent;padding:13px 20px;border-radius:6px;box-shadow:inset 0 0 0 1px rgba(255,177,59,0.55);transition:background .25s,color .25s,box-shadow .25s;}
  .btn:hover{background:rgba(255,177,59,0.09);color:#FFE2A8;box-shadow:inset 0 0 0 1px var(--sodium),0 0 26px -8px rgba(255,177,59,0.6);}
  .btn:focus-visible{outline:2px solid var(--sodium);outline-offset:3px;}
  nav .links .btn{font-size:13px;letter-spacing:0.14em;padding:9px 15px;}
  .btn.ghost{color:var(--soft);box-shadow:inset 0 0 0 1px #2A3742;}
  .btn.ghost:hover{background:rgba(255,177,59,0.06);color:var(--film-white);box-shadow:inset 0 0 0 1px rgba(255,177,59,.6);}
  #site:focus{outline:none;}
  .startline{font-family:var(--cond);font-size:14px;color:var(--ash);} .startline b{color:var(--film-white);font-weight:600;}

  /* WELCOME GATE */
  #gate{position:fixed;inset:0;z-index:9999;background:radial-gradient(120% 100% at 50% 40%,#0A1319,#04070A 78%);display:flex;align-items:center;justify-content:center;overflow:hidden;transition:opacity .85s ease,transform .85s ease;}
  #gate::after{content:"";position:absolute;inset:0;background-image:var(--grain);background-size:170px;opacity:0.15;mix-blend-mode:overlay;pointer-events:none;}
  #gate.entering{opacity:0;transform:scale(0.965);pointer-events:none;}
  #gate.gate-hidden{display:none;}
  .gate-atmo{position:absolute;inset:0;overflow:hidden;}
  .gate-flash{position:absolute;inset:0;background:radial-gradient(circle at 50% 46%,#FFF2D4,rgba(255,177,59,0.4) 30%,transparent 68%);opacity:0;pointer-events:none;z-index:2;}
  #gate.entering .gate-flash{animation:gateSurge .85s ease;}
  @keyframes gateSurge{0%{opacity:0;}26%{opacity:.95;}100%{opacity:0;}}
  .gate-content{position:relative;z-index:3;text-align:center;padding:0 24px;}
  .gate-kick{font-family:var(--label);font-weight:700;font-size:clamp(13px,1.7vw,16px);letter-spacing:0.12em;text-transform:uppercase;color:var(--soft);margin-bottom:24px;opacity:0;animation:fadein 1s ease .3s both;}
  .gate-q{font-family:var(--display);font-weight:800;letter-spacing:-0.02em;font-size:clamp(44px,8.6vw,112px);line-height:0.98;color:#F6F1E6;text-shadow:0 0 2px rgba(255,240,215,.3),0 0 54px rgba(255,177,59,.35),0 8px 40px rgba(0,0,0,.9);animation:gateHum 5s ease-in-out infinite;}
  @keyframes gateHum{0%,100%{text-shadow:0 0 2px rgba(255,240,215,.3),0 0 54px rgba(255,177,59,.32),0 8px 40px rgba(0,0,0,.9);}50%{text-shadow:0 0 3px rgba(255,240,215,.42),0 0 74px rgba(255,177,59,.46),0 8px 40px rgba(0,0,0,.9);}}
  .gate-btns{display:flex;gap:22px;justify-content:center;margin-top:48px;flex-wrap:wrap;}
  .gate-yes,.gate-no{font-family:var(--cond);font-weight:600;font-size:16px;letter-spacing:0.03em;text-transform:uppercase;padding:16px 34px;border-radius:8px;cursor:pointer;transition:transform .25s cubic-bezier(.2,.7,.2,1),background .2s,box-shadow .25s,color .2s,border-color .2s;}
  .gate-yes{background:var(--sodium);color:var(--midnight);border:1px solid var(--sodium);}
  .gate-yes:hover,.gate-yes:focus-visible{transform:scale(1.09);background:var(--core);animation:yesPulse 1.1s ease-in-out infinite;outline:none;}
  @keyframes yesPulse{0%,100%{box-shadow:0 0 34px rgba(255,177,59,0.7),0 0 0 4px rgba(255,177,59,0.15);}50%{box-shadow:0 0 54px rgba(255,177,59,1),0 0 0 7px rgba(255,177,59,0.25);}}
  .gate-no{background:transparent;color:var(--ash);border:1px solid var(--line);}
  .gate-no:hover,.gate-no:focus-visible{transform:scale(0.88) rotate(-3deg);color:#9aabb2;border-color:#2a3740;animation:noGlitch .4s steps(2) infinite;outline:none;}
  @keyframes noGlitch{0%{transform:scale(0.88) rotate(-3deg) translate(0,0);text-shadow:none;}25%{transform:scale(0.88) rotate(-3deg) translate(-2px,1px);text-shadow:2px 0 #7A2A20,-2px 0 #7FA9B8;}50%{transform:scale(0.87) rotate(2deg) translate(2px,-1px);text-shadow:-2px 0 #7A2A20,2px 0 #7FA9B8;}75%{transform:scale(0.88) rotate(-2deg) translate(-1px,1px);text-shadow:none;}100%{transform:scale(0.88) rotate(-3deg);}}
  .gate-skip{position:absolute;bottom:28px;right:28px;z-index:3;background:none;border:0;font-family:var(--label);font-weight:500;font-size:13px;letter-spacing:0.14em;text-transform:uppercase;color:#4d5c63;cursor:pointer;transition:color .2s;}
  .gate-skip:hover,.gate-skip:focus-visible{color:var(--film-white);outline:none;}
  @media (prefers-reduced-motion:reduce){.gate-yes:hover,.gate-no:hover,.gate-yes:focus-visible,.gate-no:focus-visible{animation:none!important;}}

  /* ENTRANCE REVEAL */
  #reveal-fx{position:fixed;inset:0;z-index:9000;pointer-events:none;overflow:hidden;}
  .rfx-sweep{position:absolute;top:-5%;bottom:-5%;width:24%;left:-32%;background:linear-gradient(90deg,transparent,rgba(190,230,255,0.45) 42%,rgba(255,242,212,0.7) 56%,transparent);filter:blur(9px);opacity:0;mix-blend-mode:screen;}
  .rfx-leak{position:absolute;inset:0;background:radial-gradient(60% 50% at 50% 42%,rgba(255,177,59,0.16),transparent 62%),radial-gradient(42% 40% at 28% 62%,rgba(120,180,210,0.13),transparent 62%);opacity:0;mix-blend-mode:screen;}
  .rfx-pulse{position:absolute;inset:0;background:radial-gradient(circle at 50% 46%,rgba(255,240,215,0.42),transparent 56%);opacity:0;transform:scale(.5);mix-blend-mode:screen;}
  /* pre-reveal: hold the hero submerged + hide the layers */
  .gating .hero .stage{opacity:0;transform:translateY(40px) scale(.96);}
  .gating nav,.gating .hero .atmo,.gating .hero h1,.gating .hero .tagline,.gating .hero .subline,.gating .hero .cta-row,.gating .hero .hwaves{opacity:0;}
  /* revealing: surface into focus, in layers */
  .revealing .hero .stage{animation:stageIn 1.9s cubic-bezier(.2,.8,.2,1) .25s both;}
  .revealing .hero .hwaves{animation:revIn 2.2s ease .1s both;}
  @keyframes stageIn{from{opacity:0;transform:translateY(40px) scale(.96);}to{opacity:1;transform:none;}}
  @keyframes revealClear{0%{filter:blur(15px) brightness(.6) saturate(1.1);transform:scale(1.02);}55%{filter:blur(3px) brightness(.92) saturate(1.03);transform:scale(1.006);}100%{filter:blur(0) brightness(1) saturate(1);transform:scale(1);}}
  .revealing .hero .atmo{animation:revIn 1.5s ease .1s both;}
  .revealing .hero h1{animation:powerOn 2.6s cubic-bezier(.2,.7,.2,1) .7s both;}
  .revealing .hero .tagline{animation:revDrift 1s ease 1.3s both;}
  .revealing .hero .subline{animation:revDrift 1s ease 1.6s both;}
  .revealing nav{animation:revIn .9s ease 2.0s both;}
  .revealing .hero .cta-row{animation:revDrift 1s ease 2.1s both;}
  .revealing .rfx-sweep{animation:sweep .9s ease .35s both;}
  .revealing .rfx-leak{animation:leak 2.5s ease .4s both;}
  .revealing .rfx-pulse{animation:finalPulse 1.3s ease 2.1s both;}
  @keyframes revIn{from{opacity:0;}to{opacity:1;}}
  @keyframes revDrift{from{opacity:0;transform:translateY(24px);}to{opacity:1;transform:none;}}
  @keyframes sweep{0%{left:-32%;opacity:0;}18%{opacity:1;}82%{opacity:.75;}100%{left:122%;opacity:0;}}
  @keyframes leak{0%{opacity:0;}24%{opacity:1;}100%{opacity:0;}}
  @keyframes finalPulse{0%{opacity:0;transform:scale(.5);}30%{opacity:.55;}100%{opacity:0;transform:scale(1.45);}}
  /* ongoing ambient: an occasional barely-there light pulse */
  #ambient{position:fixed;inset:0;z-index:0;pointer-events:none;mix-blend-mode:screen;background:radial-gradient(circle at 50% 32%,rgba(255,177,59,0.05),transparent 55%);opacity:0;animation:ambientPulse 15s ease-in-out infinite;}
  @keyframes ambientPulse{0%,86%,100%{opacity:0;}91%{opacity:.55;}95%{opacity:.18;}}
  @media (prefers-reduced-motion:reduce){
    .gating .hero .stage{transform:none;}
    .gating nav,.gating .hero .atmo,.gating .hero h1,.gating .hero .tagline,.gating .hero .subline,.gating .hero .cta-row{transition:opacity .6s ease;}
    .revealing nav,.revealing .hero .atmo,.revealing .hero h1,.revealing .hero .tagline,.revealing .hero .subline,.revealing .hero .cta-row,.revealing .hero .stage,.revealing .hero .hwaves{opacity:1;}
    #reveal-fx,#ambient{display:none;}
  }

  /* NAV */
  nav{position:fixed;top:0;left:0;right:0;z-index:20;display:flex;align-items:center;justify-content:space-between;padding:20px min(4vw,40px);transition:background .3s,border-color .3s,padding .3s;border-bottom:1px solid transparent;}
  nav.scrolled{background:rgba(4,7,10,0.82);backdrop-filter:blur(12px);border-bottom:1px solid var(--line);padding:14px min(4vw,40px);}
  nav .brand{font-family:var(--mark);font-weight:800;font-size:23px;letter-spacing:-0.04em;text-transform:lowercase;color:var(--film-white);}
  nav .links{display:flex;align-items:center;gap:30px;}
  nav .links a.nl{font-family:var(--label);font-weight:500;font-size:13.5px;letter-spacing:0.1em;text-transform:uppercase;color:var(--ash);transition:color .2s;}
  nav .links a.nl:hover{color:var(--film-white);}
  nav .menu-btn{display:none;background:none;border:0;cursor:pointer;flex-direction:column;gap:5px;padding:6px;}
  nav .menu-btn span{width:26px;height:2px;background:var(--film-white);display:block;}

  /* ambient drift + embers */
  .amber-drift,.cool-drift{position:absolute;border-radius:50%;pointer-events:none;will-change:transform;}
  .amber-drift{background:radial-gradient(circle,rgba(255,177,59,0.16),transparent 66%);animation:drift1 26s ease-in-out infinite;}
  .cool-drift{background:radial-gradient(circle,rgba(120,180,205,0.14),transparent 66%);animation:drift2 32s ease-in-out infinite;}
  @keyframes drift1{0%,100%{transform:translate(0,0) scale(1);}50%{transform:translate(60px,-40px) scale(1.12);}}
  @keyframes drift2{0%,100%{transform:translate(0,0) scale(1);}50%{transform:translate(-50px,36px) scale(1.1);}}
  .ember{position:absolute;bottom:-12px;width:3px;height:3px;border-radius:50%;background:rgba(255,196,120,0.95);box-shadow:0 0 7px rgba(255,177,59,0.85);animation:rise linear infinite;pointer-events:none;z-index:2;}
  @keyframes rise{0%{transform:translateY(0) translateX(0);opacity:0;}12%{opacity:0.9;}88%{opacity:0.5;}100%{transform:translateY(-92vh) translateX(24px);opacity:0;}}

  /* HERO (24 Oct 2026): the opening is the work itself. Reels Electric Baptism made, playing on phones that glide
     along the gold wave lines, under the lowercase wordmark. Only transforms move; a video plays only while its phone is
     near the middle of the screen, and everything stops when the opening is scrolled away. */
  .hero{position:relative;min-height:100svh;overflow:hidden;background:radial-gradient(90% 70% at 50% 78%,rgba(255,177,59,0.10),transparent 62%),radial-gradient(70% 60% at 82% 8%,rgba(120,180,205,0.08),transparent 60%),linear-gradient(180deg,#060A0E 0%,var(--midnight) 100%);}
  .atmo{position:absolute;inset:0;overflow:hidden;pointer-events:none;}
  /* soft light pools (the gate, the work cards, the closing section): wide gradients, no blur filter, so they cost nothing to scroll past */
  .lampglow{position:absolute;border-radius:50%;pointer-events:none;background:radial-gradient(circle,rgba(255,177,59,0.34),rgba(255,177,59,0.08) 45%,transparent 70%);animation:flicker 6s ease-in-out infinite;}
  .lamp{position:absolute;border-radius:50%;background:radial-gradient(circle,#FFF6E4 0%,#FFDEA6 24%,rgba(255,177,59,0.8) 46%,rgba(201,122,27,0.28) 66%,transparent 78%);}
  .moonwash{position:absolute;border-radius:50%;pointer-events:none;background:radial-gradient(circle,rgba(120,180,205,0.22),rgba(120,180,205,0.05) 45%,transparent 70%);}
  .drifter{animation:driftbokeh 24s ease-in-out infinite;}
  @keyframes driftbokeh{0%,100%{transform:translate(0,0);}50%{transform:translate(34px,-28px);}}
  @keyframes flicker{0%,100%{opacity:1;}48%{opacity:0.86;}50%{opacity:0.7;}52%{opacity:0.9;}}
  .vignette{position:absolute;inset:0;pointer-events:none;background:radial-gradient(120% 100% at 50% 42%,transparent 40%,rgba(0,0,0,0.5) 80%,rgba(0,0,0,0.85) 100%);}
  .hero .content{position:relative;z-index:4;padding-top:clamp(92px,13vh,128px);}
  .hero .tagline{font-family:var(--cond);font-weight:600;font-size:13px;letter-spacing:0.24em;text-transform:uppercase;color:rgba(239,233,222,0.72);margin-bottom:18px;}
  .hero .content.wrap{width:min(1360px,92vw);}
  .hero h1{font-family:var(--mark);font-weight:800;font-size:clamp(46px,9.1vw,134px);line-height:0.9;letter-spacing:-0.045em;text-transform:lowercase;color:#F6F1E6;
    text-shadow:0 0 2px rgba(255,240,215,.3),0 0 50px rgba(255,177,59,.26),0 8px 40px rgba(0,0,0,.9);}
  @keyframes powerOn{0%{opacity:0;}5%{opacity:.85;}7%{opacity:.12;}10%{opacity:.92;}13%{opacity:.2;}16%{opacity:1;}19%{opacity:.5;}22%{opacity:1;}26%{opacity:.7;}29%{opacity:1;}100%{opacity:1;}}
  .hero .row{display:flex;align-items:center;gap:22px 34px;flex-wrap:wrap;margin-top:22px;}
  .hero .subline{font-family:var(--cond);font-weight:600;font-size:15px;letter-spacing:0.32em;text-transform:uppercase;color:var(--sodium);text-shadow:0 0 18px rgba(255,177,59,0.45);}
  .hero .cta-row{display:flex;align-items:center;gap:18px;flex-wrap:wrap;}
  @keyframes fadein{from{opacity:0;transform:translateY(10px);}to{opacity:1;transform:none;}}
  /* the title: "static to" is dim and full of static; "electric baptism" is the life */
  .ttl{display:flex;align-items:baseline;justify-content:flex-end;gap:.24em;flex-wrap:nowrap;white-space:nowrap;}
  .ttl .st{position:relative;letter-spacing:-0.045em;color:transparent;opacity:.62;text-shadow:none;
    background-image:repeating-linear-gradient(0deg,rgba(4,7,10,.55) 0 1px,transparent 1px 3px),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='1.15' numOctaves='1' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3CfeComponentTransfer%3E%3CfeFuncR type='discrete' tableValues='0.2 0.5 0.8 1'/%3E%3CfeFuncG type='discrete' tableValues='0.2 0.5 0.8 1'/%3E%3CfeFuncB type='discrete' tableValues='0.2 0.5 0.8 1'/%3E%3C/feComponentTransfer%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");background-size:auto,64px;-webkit-background-clip:text;background-clip:text;animation:tvn .5s steps(5) infinite;}
  .ttl .st::before,.ttl .st::after{content:attr(data-t);position:absolute;left:0;top:0;width:100%;color:transparent;-webkit-background-clip:text;background-clip:text;pointer-events:none;}
  .ttl .st::before{background-image:linear-gradient(#E8866F,#E8866F);transform:translateX(-2px);opacity:0;animation:vhsA 4.2s steps(1) infinite;}
  .ttl .st::after{background-image:linear-gradient(#8FB3C0,#8FB3C0);transform:translateX(2px);opacity:0;animation:vhsB 4.2s steps(1) infinite;}
  @keyframes tvn{0%{background-position:0 0;}17%{background-position:-23px 11px;}33%{background-position:14px -27px;}50%{background-position:-31px -9px;}67%{background-position:27px 19px;}83%{background-position:-7px 31px;}100%{background-position:0 0;}}
  @keyframes vhsA{0%,84%,92%,100%{opacity:0;clip-path:inset(0 0 0 0);}86%{opacity:.7;clip-path:inset(20% 0 55% 0);transform:translateX(-4px);}88%{opacity:.6;clip-path:inset(62% 0 8% 0);transform:translateX(3px);}90%{opacity:.5;clip-path:inset(35% 0 40% 0);transform:translateX(-2px);}}
  @keyframes vhsB{0%,84%,92%,100%{opacity:0;}87%{opacity:.6;clip-path:inset(48% 0 22% 0);transform:translateX(4px);}89%{opacity:.55;clip-path:inset(10% 0 70% 0);transform:translateX(-3px);}}
  .ttl .eb{display:inline-block;}
  .rot{display:inline-block;color:var(--sodium);position:relative;}
  .rot>span{display:inline-block;}
  .rot>span.out{animation:rotOut .32s steps(4) both;}
  .rot>span.in{animation:rotIn .7s cubic-bezier(.2,.8,.2,1) both;}
  .rot::after{content:"";position:absolute;left:0;right:0;bottom:-5px;height:1.5px;background:linear-gradient(90deg,transparent,var(--sodium),transparent);transform:scaleX(0);transform-origin:left;}
  .rot.swap::after{animation:rotLine .9s cubic-bezier(.2,.8,.2,1);}
  @keyframes rotOut{0%{opacity:1;}25%{opacity:.2;}50%{opacity:.8;}75%{opacity:.1;}100%{opacity:0;clip-path:inset(0 0 0 100%);}}
  @keyframes rotIn{0%{opacity:0;clip-path:inset(0 100% 0 0);color:#FFF2D4;text-shadow:0 0 14px rgba(255,177,59,.9);}60%{opacity:1;clip-path:inset(0 0 0 0);}100%{color:var(--sodium);text-shadow:none;}}
  @keyframes rotLine{0%{transform:scaleX(0);opacity:1;}60%{transform:scaleX(1);opacity:1;}100%{transform:scaleX(1);opacity:0;}}
  /* "Digital Rebirth": the letters come back to life one by one, then a pulse of current runs through them now and then */
  .hero .subline.reborn{text-align:right;margin-top:18px;}
  .reborn .l{display:inline-block;animation:reIgnite 1s cubic-bezier(.2,.8,.2,1) both,rePulse 7s ease-in-out infinite;animation-delay:calc(1.2s + var(--i) * 70ms),calc(3.2s + var(--i) * 60ms);}
  .reborn .sp{display:inline-block;width:.6em;}
  @keyframes reIgnite{0%{opacity:0;color:#FFF2D4;text-shadow:0 0 22px rgba(255,177,59,1);transform:translateY(6px);}40%{opacity:1;}100%{opacity:1;transform:none;}}
  @keyframes rePulse{0%,90%,100%{color:var(--sodium);text-shadow:0 0 18px rgba(255,177,59,.45);}94%{color:#FFF2D4;text-shadow:0 0 16px rgba(255,226,168,1),0 0 30px rgba(255,177,59,.8);}}
  .hero .content{opacity:calc(1 - var(--sp,0) * 1.5);transform:translateY(calc(var(--sp,0) * -50px));}
  .hwaves{position:absolute;left:0;top:0;width:100%;height:100%;z-index:1;pointer-events:none;}
  .hwaves .spark{stroke:#FFD48A;stroke-dasharray:50 950;stroke-dashoffset:1000;stroke-linecap:round;animation:hrun 4.2s linear infinite;}
  @keyframes hrun{to{stroke-dashoffset:0;}}
  .stage{position:absolute;left:0;right:0;bottom:0;top:var(--stage-top,48%);z-index:2;perspective:1400px;
    -webkit-mask-image:linear-gradient(90deg,transparent,#000 9%,#000 91%,transparent);mask-image:linear-gradient(90deg,transparent,#000 9%,#000 91%,transparent);}
  .stage .tilt{position:absolute;inset:0;transform:rotateX(calc(var(--my,0) * -3deg)) rotateY(calc(var(--mx,0) * 5deg)) translateY(calc(var(--sp,0) * -40px)) scale(calc(1 + var(--sp,0) * .06));transition:transform .6s cubic-bezier(.2,.8,.2,1);transform-style:preserve-3d;}
  .ph{position:absolute;left:0;top:0;width:var(--pw,180px);aspect-ratio:9/19.5;border-radius:calc(var(--pw,180px) * .155);padding:calc(var(--pw,180px) * .032);
    background:linear-gradient(150deg,#4a5058 0%,#1a1e23 30%,#2c3138 62%,#0d1013 100%);
    box-shadow:0 0 0 1px rgba(255,255,255,.07) inset,0 34px 60px -24px rgba(0,0,0,.95),0 0 46px -12px rgba(255,177,59,.28);will-change:transform;}
  .ph .scr{position:relative;width:100%;height:100%;border-radius:calc(var(--pw,180px) * .125);overflow:hidden;background:#05080B;}
  .ph img,.ph video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;}
  .ph video{opacity:0;transition:opacity .45s ease;} .ph video.on{opacity:1;}
  .ph .island{position:absolute;z-index:2;top:2.4%;left:50%;width:31%;height:3.3%;transform:translateX(-50%);background:#000;border-radius:99px;}
  .ph::after{content:"";position:absolute;left:12%;right:12%;bottom:-11%;height:12%;border-radius:50%;background:radial-gradient(closest-side,rgba(255,177,59,.22),transparent);pointer-events:none;}
  @media (max-width:700px){
    .hero h1{font-size:16.5vw;line-height:.92;}
    .ttl{flex-direction:column;align-items:flex-start;gap:0;white-space:normal;}
    .ttl .eb{text-align:left;}
    .hero .subline.reborn{text-align:left;}
    .hero .tagline{font-size:12px;letter-spacing:0.22em;}
    .hero .row{margin-top:18px;gap:16px;}
    .stage{-webkit-mask-image:none;mask-image:none;}
  }

  /* SECTION SHELL */
  section.block{padding:clamp(42px,6vw,75px) 0;position:relative;overflow:hidden;content-visibility:auto;contain-intrinsic-size:auto 700px;}
  .sec-head{margin-bottom:52px;max-width:860px;position:relative;z-index:2;}
  .sec-head .eyebrow{margin-bottom:20px;display:block;}
  h2.big{font-family:var(--display);font-weight:800;letter-spacing:-0.02em;font-size:clamp(32px,4.8vw,60px);line-height:1.02;color:var(--film-white);}

  /* POSITIONING */
  .positioning{background:var(--shadow);border-top:1px solid var(--line);border-bottom:1px solid var(--line);}
  .positioning .wrap{position:relative;z-index:2;}
  .rule{display:flex;align-items:center;gap:16px;margin-bottom:44px;max-width:620px;}
  .rule .lab{font-family:var(--label);font-weight:500;font-size:13px;letter-spacing:0.24em;text-transform:uppercase;white-space:nowrap;}
  .rule .lab.s{color:var(--ash);} .rule .lab.e{color:var(--sodium);}
  .rule .wire{flex:1;height:2px;border-radius:2px;background:linear-gradient(90deg,#2A3742 0%,#5A4A2E 44%,var(--sodium) 100%);box-shadow:0 0 12px rgba(255,177,59,0.3);}
  .positioning .lead{font-family:var(--display);font-weight:800;font-size:clamp(30px,4.8vw,54px);line-height:1.05;letter-spacing:-0.02em;max-width:16ch;margin-bottom:26px;}
  .positioning .sub{font-size:clamp(17px,2.1vw,20px);color:var(--soft);max-width:60ch;margin-bottom:40px;} .positioning .sub strong{color:var(--film-white);font-weight:600;}
  .positioning .diff{font-size:17px;line-height:1.75;color:var(--soft);max-width:68ch;border-left:2px solid #7A5520;padding-left:22px;} .positioning .diff b{color:var(--film-white);font-weight:600;}
  /* engaged positioning visuals */
  .positioning .pos-circuit{position:absolute;inset:-46px 0 0 -46px;z-index:0;pointer-events:none;opacity:.6;will-change:transform;
    background-image:linear-gradient(rgba(120,180,205,0.045) 1px,transparent 1px),linear-gradient(90deg,rgba(120,180,205,0.045) 1px,transparent 1px);
    background-size:46px 46px;
    -webkit-mask-image:radial-gradient(130% 100% at 50% 46%,#000 26%,transparent 76%);mask-image:radial-gradient(130% 100% at 50% 46%,#000 26%,transparent 76%);
    animation:gridDrift 42s linear infinite;}
  @keyframes gridDrift{from{transform:translate(0,0);}to{transform:translate(46px,46px);}}
  .positioning .lead{position:relative;z-index:2;}
  .positioning .plugword{position:relative;white-space:nowrap;color:#FFF2D4;
    text-shadow:0 0 1px rgba(255,240,215,.4),0 0 22px rgba(255,177,59,.55),0 0 46px rgba(255,177,59,.3);}
  .positioning .lead.in .plugword{animation:plugOn 1.5s linear .15s both, plugHum 4.5s ease-in-out 1.7s infinite;}
  @keyframes plugOn{
    0%,17%{color:#39414b;text-shadow:none;}
    21%{color:#FFF2D4;text-shadow:0 0 30px rgba(255,177,59,.9);}
    25%{color:#3d4048;text-shadow:none;}
    33%{color:#FFF2D4;text-shadow:0 0 30px rgba(255,177,59,.9);}
    39%{color:#33393f;text-shadow:none;}
    47%{color:#FFF2D4;text-shadow:0 0 36px rgba(255,177,59,1);}
    100%{color:#FFF2D4;text-shadow:0 0 1px rgba(255,240,215,.4),0 0 22px rgba(255,177,59,.55),0 0 46px rgba(255,177,59,.3);}
  }
  @keyframes plugHum{0%,100%{text-shadow:0 0 1px rgba(255,240,215,.4),0 0 22px rgba(255,177,59,.5),0 0 46px rgba(255,177,59,.28);}50%{text-shadow:0 0 2px rgba(255,240,215,.5),0 0 32px rgba(255,177,59,.66),0 0 60px rgba(255,177,59,.4);}}
  .positioning .powerline{display:block;width:100%;max-width:660px;height:16px;margin:28px 0 40px;overflow:visible;position:relative;z-index:2;}
  .positioning .pl-track{stroke:#2b3540;stroke-width:2.5;}
  .positioning .pl-flow{stroke:#FFEBC0;stroke-width:2.5;stroke-linecap:round;stroke-dasharray:80 920;stroke-dashoffset:1000;opacity:0;filter:drop-shadow(0 0 6px rgba(255,177,59,.95)) drop-shadow(0 0 14px rgba(255,177,59,.5));}
  .positioning .powerline.in .pl-flow{opacity:1;animation:flowRun 3s linear 1.1s infinite;}
  @keyframes flowRun{from{stroke-dashoffset:1000;}to{stroke-dashoffset:0;}}
  .positioning .sub,.positioning .diff{position:relative;z-index:2;}
  .rule .wire{position:relative;overflow:hidden;}
  .rule .wire::after{content:"";position:absolute;top:0;left:-44px;width:44px;height:100%;background:linear-gradient(90deg,transparent,#FFF2D4,transparent);opacity:0;}
  .rule.in .wire::after{animation:wirePulse 3.6s ease-in-out 1.3s infinite;}
  @keyframes wirePulse{0%{left:-44px;opacity:0;}18%{opacity:1;}82%{opacity:1;}100%{left:100%;opacity:0;}}
  @media (prefers-reduced-motion:reduce){
    .positioning .plugword,.positioning .pl-flow,.positioning .pos-circuit,.rule .wire::after{animation:none!important;}
    .positioning .pl-flow{opacity:0;}
  }

  /* SERVICES */
  .svc-intro{font-size:clamp(17px,2.2vw,21px);color:var(--soft);max-width:62ch;position:relative;z-index:2;} .svc-intro b{color:var(--film-white);font-weight:600;}
  .tiers{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:52px;position:relative;z-index:2;}
  .tier{--acc:var(--sodium);--acc-rgb:255,177,59;background:var(--card);border:1px solid var(--line);border-radius:12px;padding:0 24px 28px;display:flex;flex-direction:column;position:relative;overflow:visible;transition:transform .3s cubic-bezier(.2,.7,.2,1),border-color .3s,box-shadow .3s;}
  .tier.s1{--acc:#C98A2E;--acc-rgb:201,138,46;}
  .tier.s2{--acc:#E9A13A;--acc-rgb:233,161,58;}
  .tier.s3{--acc:#FFB13B;--acc-rgb:255,177,59;}
  .tier .cardglow{position:absolute;inset:0;pointer-events:none;opacity:0;transition:opacity .35s;background:radial-gradient(90% 60% at 50% 0%,rgba(var(--acc-rgb),0.16),transparent 60%);border-radius:12px;overflow:hidden;}
  .charge{height:3px;background:var(--line);border-radius:3px;margin:0 -24px 24px;border-top-left-radius:12px;border-top-right-radius:12px;overflow:hidden;position:relative;z-index:2;}
  .charge span{display:block;height:100%;background:var(--acc);box-shadow:0 0 10px rgba(var(--acc-rgb),0.7);transition:width .5s cubic-bezier(.2,.7,.2,1),box-shadow .3s;}
  .s1 .charge span{width:33%;} .s2 .charge span{width:66%;} .s3 .charge span{width:100%;}
  .s3 .charge span{background:linear-gradient(90deg,rgba(var(--acc-rgb),0.45),var(--acc) 34%,#FFF6D8 50%,var(--acc) 66%,rgba(var(--acc-rgb),0.45));background-size:220% 100%;}
  .s3:hover .charge span{animation:barFlow 1.6s linear infinite;}
  @keyframes barFlow{0%{background-position:220% 0;}100%{background-position:-220% 0;}}
  .tier .name{font-family:var(--display);font-weight:800;letter-spacing:-0.02em;font-size:28px;color:var(--film-white);position:relative;z-index:2;transition:color .3s;}
  .tier .kind{font-family:var(--label);font-weight:500;font-size:13px;letter-spacing:0.1em;text-transform:uppercase;color:var(--acc);margin:9px 0 16px;position:relative;z-index:2;}
  .tier .desc{font-size:15.5px;line-height:1.65;color:var(--soft);margin-bottom:22px;position:relative;z-index:2;}
  .tier .meta{margin-top:auto;position:relative;z-index:2;}
  .tier .best{font-size:14.5px;line-height:1.6;color:var(--soft);margin-bottom:18px;}
  .tier .best b{font-family:var(--label);font-weight:600;font-size:13px;letter-spacing:0.12em;text-transform:uppercase;display:block;margin-bottom:6px;color:var(--ash);}
  .tier .go{font-family:var(--cond);font-weight:600;font-size:14px;letter-spacing:0.03em;color:var(--acc);display:inline-flex;align-items:center;gap:7px;transition:gap .25s;}
  .tier:hover{transform:translateY(-8px);border-color:var(--acc);box-shadow:0 0 0 1px rgba(var(--acc-rgb),0.45),0 30px 70px -34px rgba(var(--acc-rgb),0.6);}
  .tier:hover .cardglow{opacity:1;} .tier:hover .name{color:var(--acc);} .tier:hover .go{gap:13px;} .tier:hover .charge span{width:100%;}

  /* tier background FX — all hover-only */
  .tierbg{position:absolute;inset:0;border-radius:12px;overflow:hidden;z-index:0;pointer-events:none;}
  /* Spark: blue floor; sparks arc only on hover */
  .s1 .tierbg{background:radial-gradient(120% 80% at 50% 120%,rgba(95,203,227,0.06),transparent 60%);}
  .s1 .tierbg::before,.s1 .tierbg::after{content:"";position:absolute;width:4px;height:4px;border-radius:50%;background:#CFF4FF;box-shadow:0 0 9px 2px #5FCBE3;opacity:0;}
  .s1 .tierbg::before{top:28%;left:16%;} .s1 .tierbg::after{top:64%;left:78%;}
  .s1:hover .tierbg::before{animation:sparkArc 1.9s ease-in-out infinite;}
  .s1:hover .tierbg::after{animation:sparkArc 2.3s ease-in-out infinite .5s;}
  @keyframes sparkArc{0%,100%{opacity:0;}2%{opacity:1;}5%{opacity:.15;}7%{opacity:.9;}11%{opacity:0;}}
  /* Charge: small, distinct bolts that strike top-down — only on hover */
  .s2 .bolt2{position:absolute;fill:none;stroke:#F7D96B;stroke-width:1.5;stroke-linejoin:round;stroke-linecap:round;filter:drop-shadow(0 0 2px rgba(247,217,107,0.8));stroke-dasharray:100;stroke-dashoffset:100;opacity:0;}
  .s2 .bolt2.bA{top:18%;left:24%;width:12px;height:30px;}
  .s2 .bolt2.bB{top:14%;left:56%;width:12px;height:35px;}
  .s2 .bolt2.bC{top:22%;left:76%;width:13px;height:29px;}
  .s2:hover .bolt2.bA{animation:strike 1.4s ease-out infinite;}
  .s2:hover .bolt2.bB{animation:strike 1.7s ease-out infinite .45s;}
  .s2:hover .bolt2.bC{animation:strike 2s ease-out infinite .95s;}
  @keyframes strike{0%{stroke-dashoffset:100;opacity:0;}8%{opacity:.5;}30%{stroke-dashoffset:0;opacity:.5;}40%{opacity:.14;}50%{opacity:.45;}72%{stroke-dashoffset:0;opacity:0;}100%{stroke-dashoffset:100;opacity:0;}}
  /* Current: smooth flow only on hover */
  .s3 .tierbg{background:linear-gradient(100deg,rgba(255,177,59,0.02) 0%,rgba(255,214,150,0.12) 20%,rgba(255,177,59,0.02) 40%,rgba(255,214,150,0.12) 60%,rgba(255,177,59,0.02) 80%,rgba(255,214,150,0.12) 100%);background-size:200% 100%;background-position:0 0;}
  .s3 .tierbg::after{content:"";position:absolute;inset:0;background:radial-gradient(120% 90% at 50% 120%,rgba(255,177,59,0.09),transparent 62%);}
  .s3:hover .tierbg{animation:currentFlow 4s linear infinite;}
  @keyframes currentFlow{0%{background-position:0 0;}100%{background-position:-200% 0;}}

  .tier.s3{border-color:var(--sodium);background:linear-gradient(180deg,rgba(255,177,59,0.07),var(--card) 55%);box-shadow:0 0 0 1px rgba(255,177,59,0.2),0 24px 60px -30px rgba(255,177,59,0.5);}
  .tier.s3 .name{color:var(--sodium);}
  .tier.s3:hover{transform:translateY(-8px);box-shadow:0 0 0 1px rgba(255,177,59,0.55),0 34px 80px -34px rgba(255,177,59,0.7);}
  .flagtag{position:absolute;top:-11px;right:18px;font-family:var(--label);font-weight:600;font-size:13px;letter-spacing:0.12em;text-transform:uppercase;color:var(--midnight);background:var(--sodium);padding:5px 11px;border-radius:100px;z-index:3;}

  /* STATS BAND */
  .stats{background:var(--midnight);border-bottom:1px solid var(--line);text-align:center;}
  .stats .wrap{position:relative;z-index:2;}
  .statgrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;margin-top:48px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);}
  .stat-item{padding:40px 20px 34px;position:relative;}.stat-item+.stat-item{border-left:1px solid var(--line);}
  
  .stat-item .num{display:block;font-family:var(--display);font-weight:800;letter-spacing:-0.02em;font-size:clamp(38px,4.2vw,60px);line-height:1;color:var(--sodium);text-shadow:0 0 34px rgba(255,177,59,0.35);font-variant-numeric:tabular-nums;}
  .stat-item .lbl{display:block;margin-top:16px;font-size:14.5px;line-height:1.45;color:var(--soft);}
  .stat-item .sublbl{display:block;margin-top:9px;font-family:var(--label);font-weight:500;font-size:13px;letter-spacing:0.12em;text-transform:uppercase;color:var(--ash);}
  .livedot{position:absolute;top:16px;right:16px;display:inline-flex;align-items:center;gap:6px;font-family:var(--label);font-weight:500;font-size:13px;letter-spacing:0.16em;text-transform:uppercase;color:var(--sodium);}
  .livedot i{width:7px;height:7px;border-radius:50%;background:var(--sodium);box-shadow:0 0 10px rgba(255,177,59,0.9);animation:blip 1.6s ease-in-out infinite;}
  @keyframes blip{0%,100%{opacity:1;transform:scale(1);}50%{opacity:0.35;transform:scale(0.7);}}
  .stats .foot-note{margin-top:26px;font-family:var(--label);font-weight:700;font-size:13.5px;letter-spacing:0.08em;text-transform:uppercase;color:var(--soft);}

  /* WORK */
  .work{background:var(--shadow);border-top:1px solid var(--line);border-bottom:1px solid var(--line);}
  .work .wrap{position:relative;z-index:2;}
  .slot{position:relative;border:1px solid var(--line);border-radius:12px;overflow:hidden;background:linear-gradient(160deg,#0B141B,#05090D);}
  .atmo2{position:absolute;inset:0;overflow:hidden;} .grn{position:absolute;inset:0;background-image:var(--grain);background-size:150px;opacity:0.08;}
  .reel{aspect-ratio:16/9;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:14px;}
  .reel .play{width:66px;height:66px;border-radius:50%;border:1.5px solid rgba(255,177,59,0.7);display:flex;align-items:center;justify-content:center;box-shadow:0 0 30px rgba(255,177,59,0.25);position:relative;z-index:2;transition:transform .3s,box-shadow .3s;}
  .slot:hover .play{transform:scale(1.08);box-shadow:0 0 44px rgba(255,177,59,0.45);}
  .reel .play::after{content:"";border-left:17px solid var(--sodium);border-top:11px solid transparent;border-bottom:11px solid transparent;margin-left:4px;}
  .reel .rl{font-family:var(--label);font-weight:500;font-size:13px;letter-spacing:0.16em;text-transform:uppercase;color:rgba(239,233,222,0.72);position:relative;z-index:2;}
  .cases3{display:flex;flex-wrap:wrap;gap:18px;margin-top:18px;justify-content:center;}
  .case{position:relative;border:1px solid var(--line);border-radius:12px;overflow:hidden;padding:28px;display:flex;flex-direction:column;min-height:300px;flex:1 1 330px;max-width:440px;background:linear-gradient(160deg,#0B141B,#05090D);transition:border-color .3s,transform .3s;}
  .case:hover{border-color:#2A3B44;transform:translateY(-4px);}
  .tape-top{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:18px;max-width:840px;margin-left:auto;margin-right:auto;}
  .tape-video{position:relative;border:1px solid var(--line);border-radius:12px;overflow:hidden;background:#04070A;height:620px;}
  .tape-video video{width:100%;height:100%;object-fit:cover;display:block;}
  .tape-badge{position:absolute;left:16px;bottom:16px;z-index:2;font-family:var(--label);font-weight:600;font-size:13px;letter-spacing:0.06em;text-transform:uppercase;color:var(--film-white);background:rgba(4,7,10,.74);padding:7px 13px;border-radius:100px;border:1px solid rgba(255,255,255,.14);}
  .tape-case{height:620px;min-height:0;max-width:none;justify-content:center;}
  .tape-case .kick{margin-top:18px;}
  .case .chips{display:flex;flex-wrap:wrap;gap:7px;margin-top:16px;position:relative;z-index:2;}
  .case .chip{font-family:var(--label);font-size:13px;font-weight:500;letter-spacing:0.04em;text-transform:uppercase;color:var(--ash);border:1px solid var(--line);border-radius:100px;padding:5px 11px;}
  @media (max-width:880px){
    .tape-top{grid-template-columns:1fr;max-width:430px;}
    .tape-video{height:auto;aspect-ratio:9/16;}
    .tape-case{height:auto;min-height:280px;}
  }
  .case .tag{font-family:var(--label);font-weight:500;font-size:13px;letter-spacing:0.12em;text-transform:uppercase;color:var(--ash);margin-bottom:14px;position:relative;z-index:2;}
  .case h3{font-family:var(--display);font-weight:800;letter-spacing:-0.02em;font-size:25px;color:var(--film-white);position:relative;z-index:2;}
  .case .desc{font-size:15px;line-height:1.65;color:var(--soft);margin-top:14px;position:relative;z-index:2;}
  .case .kick{margin-top:auto;padding-top:18px;font-family:var(--cond);font-weight:600;font-size:13.5px;color:var(--sodium);position:relative;z-index:2;}
  .case .desc a{color:#FFD27A;text-decoration:underline;text-decoration-color:rgba(255,177,59,.45);text-underline-offset:2px;transition:color .2s;position:relative;z-index:2;}
  .case .desc a:hover{color:#FFF2D4;}
  a.kick{text-decoration:none;transition:color .2s;} a.kick:hover{color:#FFF2D4;}
  /* FEEDS */
  .feeds{background:var(--midnight);border-bottom:1px solid var(--line);text-align:center;}
  .feeds .wrap{position:relative;z-index:2;}
  .feed-cards{display:flex;flex-wrap:wrap;gap:22px;justify-content:center;margin-top:12px;}
  .feed-card{flex:1 1 360px;max-width:470px;text-align:left;border:1px solid var(--line);border-radius:16px;background:linear-gradient(160deg,#0B141B,#05090D);padding:20px;transition:border-color .3s,transform .3s,box-shadow .3s;position:relative;overflow:hidden;text-decoration:none;}
  .feed-card:hover{border-color:rgba(255,177,59,0.4);transform:translateY(-5px);box-shadow:0 18px 50px -22px rgba(255,177,59,0.4);}
  .fc-top{display:flex;align-items:center;gap:13px;margin-bottom:15px;}
  .fc-ava{width:46px;height:46px;border-radius:50%;flex:none;background:radial-gradient(circle at 35% 30%,#FFD27A,#C97A1B 72%);background-size:cover;background-position:center;box-shadow:0 0 0 2px rgba(255,177,59,0.35),0 0 18px rgba(255,177,59,0.4);}
  .fc-ava.alt{background:radial-gradient(circle at 35% 30%,#9FC7D6,#3B6F82 72%);background-size:cover;background-position:center;box-shadow:0 0 0 2px rgba(143,179,192,0.4),0 0 18px rgba(143,179,192,0.35);}
  .fc-meta{display:flex;flex-direction:column;gap:2px;flex:1;min-width:0;}
  .fc-handle{font-family:var(--cond);font-weight:600;font-size:16px;color:var(--film-white);}
  .fc-name{font-family:var(--label);font-weight:500;font-size:13px;letter-spacing:0.1em;text-transform:uppercase;color:var(--ash);}
  .fc-ig{font-size:18px;color:var(--ash);flex:none;transition:color .3s,transform .3s;}
  .feed-card:hover .fc-ig{color:var(--sodium);transform:translate(2px,-2px);}
  .fc-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:4px;border-radius:8px;overflow:hidden;}
  .fc-grid .ft{aspect-ratio:3/4;background-color:#0D1720;background-size:cover;background-position:center;background-repeat:no-repeat;background-image:radial-gradient(circle at 50% 40%,rgba(255,177,59,0.10),transparent 70%);}
  .feed-card .ft:nth-child(2){background-image:radial-gradient(circle at 50% 40%,rgba(143,179,192,0.12),transparent 70%);}
  .feed-card .ft:nth-child(3){background-image:radial-gradient(circle at 50% 40%,rgba(178,58,42,0.12),transparent 70%);}
  .feed-card .ft:nth-child(4){background-image:radial-gradient(circle at 50% 40%,rgba(143,179,192,0.10),transparent 70%);}
  .feed-card .ft:nth-child(5){background-image:radial-gradient(circle at 50% 40%,rgba(255,177,59,0.12),transparent 70%);}
  .feed-card .ft:nth-child(6){background-image:radial-gradient(circle at 50% 40%,rgba(178,58,42,0.10),transparent 70%);}
  .fc-cta{display:block;margin-top:15px;font-family:var(--cond);font-weight:600;font-size:14px;color:var(--sodium);}
  .feeds .foot-note{margin-top:26px;font-family:var(--label);font-weight:700;font-size:13.5px;letter-spacing:0.08em;text-transform:uppercase;color:var(--soft);}

  /* MAP */
  .reach{text-align:center;background:var(--midnight);}
  .reach .wrap{position:relative;z-index:2;}
  .reach .sec-head{margin-left:auto;margin-right:auto;}
  .radar{position:relative;width:min(600px,90vw);aspect-ratio:1;margin:8px auto 0;}
  .grid-ring{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);border-radius:50%;border:1px solid rgba(140,179,192,0.14);}
  .gr100{width:100%;height:100%;} .gr72{width:72%;height:72%;} .gr46{width:46%;height:46%;} .gr22{width:22%;height:22%;}
  .boundary{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;height:100%;border-radius:50%;border:1px dashed rgba(255,177,59,0.4);}
  .blabel{position:absolute;top:0;left:50%;transform:translate(-50%,-50%);font-family:var(--label);font-weight:500;font-size:13px;letter-spacing:0.16em;text-transform:uppercase;color:var(--sodium);background:var(--midnight);padding:2px 10px;}
  .pulse{position:absolute;top:50%;left:50%;width:100%;height:100%;border-radius:50%;border:1px solid rgba(255,177,59,0.55);transform:translate(-50%,-50%) scale(0);animation:radar 4.8s linear infinite;pointer-events:none;}
  .pulse.p2{animation-delay:1.6s;} .pulse.p3{animation-delay:3.2s;}
  @keyframes radar{0%{transform:translate(-50%,-50%) scale(0.05);opacity:0.8;}100%{transform:translate(-50%,-50%) scale(1);opacity:0;}}
  .origin{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:4;}
  .odot{width:15px;height:15px;border-radius:50%;background:var(--sodium);box-shadow:0 0 0 4px rgba(255,177,59,0.2),0 0 26px 6px rgba(255,177,59,0.75);display:block;}
  .olabel{position:absolute;top:19px;left:50%;transform:translateX(-50%);white-space:nowrap;font-family:var(--cond);font-weight:600;font-size:14px;letter-spacing:0.08em;text-transform:uppercase;color:var(--film-white);text-shadow:0 0 12px rgba(255,177,59,0.55);}
  .place{position:absolute;transform:translate(-50%,-50%);z-index:2;display:flex;align-items:center;gap:6px;font-family:var(--label);font-weight:500;font-size:13px;letter-spacing:0.04em;color:var(--soft);white-space:nowrap;transition:opacity .6s,transform .6s;}
  .place .pdot{width:6px;height:6px;border-radius:50%;background:var(--moon);box-shadow:0 0 8px rgba(143,179,192,0.85);flex-shrink:0;}
  .reach .caption{margin-top:36px;font-size:16.5px;color:var(--soft);max-width:52ch;margin-left:auto;margin-right:auto;} .reach .caption b{color:var(--film-white);}

  /* ABOUT */
  .about-grid{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center;position:relative;z-index:2;}
  .about h2.big{margin-bottom:26px;}
  .about p{font-size:17.5px;line-height:1.8;color:var(--soft);margin-bottom:18px;max-width:52ch;} .about p b{color:var(--film-white);font-weight:600;}
  .about .signoff{font-family:var(--label);font-weight:500;font-size:13px;letter-spacing:0.12em;text-transform:uppercase;color:var(--ash);margin-top:26px;}
  .portrait{position:relative;aspect-ratio:4/5;border:1px solid var(--line);border-radius:12px;overflow:hidden;background:linear-gradient(160deg,#0B141B,#05090D);display:flex;align-items:center;justify-content:center;}
  .portrait .rl{font-family:var(--label);font-weight:500;font-size:13px;letter-spacing:0.14em;text-transform:uppercase;color:rgba(160,185,195,0.55);position:relative;z-index:2;}
  .portrait-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 28%;z-index:1;filter:saturate(1.02) contrast(1.02);}
  .about-wrap{max-width:720px;margin:0 auto;position:relative;z-index:2;}
  .about-mobile{display:none;}
  .about-sign{display:flex;align-items:center;gap:15px;margin-top:30px;}
  .about-ava{width:58px;height:58px;border-radius:50%;object-fit:cover;object-position:center 25%;flex:none;box-shadow:0 0 0 1px var(--line),0 0 20px rgba(255,177,59,0.2);}
  .about-sign-txt{font-family:var(--cond);font-weight:600;font-size:15.5px;color:var(--film-white);line-height:1.4;}
  .about-role{font-family:var(--label);font-weight:500;font-size:13px;letter-spacing:0.1em;text-transform:uppercase;color:var(--ash);}
  .faq-list{max-width:820px;margin:38px auto 0;position:relative;z-index:2;}
  .faq-item{border-bottom:1px solid var(--line);}
  .faq-item:first-child{border-top:1px solid var(--line);}
  .faq-item summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:center;gap:20px;padding:26px 4px;font-family:var(--cond);font-weight:600;font-size:clamp(17px,2.4vw,21px);color:var(--film-white);transition:color .2s;}
  .faq-item summary::-webkit-details-marker{display:none;}
  .faq-item summary:hover{color:var(--sodium);}
  .faq-item summary::after{content:'';flex:none;width:11px;height:11px;border-right:2px solid var(--sodium);border-bottom:2px solid var(--sodium);transform:rotate(45deg) translateY(-2px);transition:transform .3s ease;}
  .faq-item[open] summary::after{transform:rotate(-135deg) translateY(-2px);}
  .faq-a{padding:0 4px 26px;}
  .faq-a p{font-size:16.5px;line-height:1.75;color:var(--soft);max-width:70ch;margin:0;}
  .faq-a a{color:var(--sodium);text-decoration:underline;text-underline-offset:2px;}
  .faq-item[open] .faq-a{animation:faqfade .35s ease;}
  @keyframes faqfade{from{opacity:0;transform:translateY(-6px);}to{opacity:1;transform:none;}}

  /* QUIZ */
  .quiz{background:var(--shadow);border-top:1px solid var(--line);border-bottom:1px solid var(--line);}
  .quiz-wrap{position:relative;z-index:2;}
  .quiz-sub{font-size:clamp(17px,2.1vw,19.5px);color:var(--soft);max-width:56ch;margin:20px auto 0;}
  .quiz-card{max-width:660px;margin:44px auto 0;background:var(--card);border:1px solid var(--line);border-radius:16px;padding:34px 34px 32px;position:relative;overflow:hidden;}
  .q-progress{height:4px;background:var(--line);border-radius:4px;overflow:hidden;margin-bottom:28px;}
  .q-progress-bar{height:100%;width:0;background:var(--sodium);box-shadow:0 0 12px rgba(255,177,59,0.75);transition:width .45s cubic-bezier(.2,.7,.2,1);}
  .q-count{font-family:var(--label);font-weight:500;font-size:13px;letter-spacing:0.14em;text-transform:uppercase;color:var(--ash);margin-bottom:16px;display:block;}
  .q-text{font-family:var(--display);font-weight:700;font-size:clamp(23px,3.3vw,31px);line-height:1.18;color:var(--film-white);margin-bottom:26px;}
  .q-opts{display:flex;flex-direction:column;gap:12px;}
  .q-opt{text-align:left;font-family:var(--body);font-size:16.5px;color:var(--film-white);background:rgba(255,255,255,0.02);border:1px solid var(--line);border-radius:10px;padding:17px 20px;cursor:pointer;transition:border-color .2s,background .2s,transform .15s;display:flex;align-items:center;justify-content:space-between;gap:10px;}
  .q-opt:hover{border-color:var(--sodium);background:rgba(255,177,59,0.06);transform:translateX(3px);}
  .q-opt::after{content:"→";color:var(--sodium);opacity:0;transition:opacity .2s;}
  .q-opt:hover::after{opacity:1;}
  #q-result .eyebrow{display:block;margin-bottom:14px;}
  .r-read{font-size:clamp(17px,2.2vw,20px);line-height:1.55;color:var(--film-white);margin-bottom:30px;}
  .r-fit{border:1px solid;border-radius:12px;padding:26px;margin-bottom:32px;position:relative;overflow:hidden;}
  .r-fit.r-spark{--rc:#C98A2E;--rc-rgb:201,138,46;}
  .r-fit.r-charge{--rc:#E9A13A;--rc-rgb:233,161,58;}
  .r-fit.r-current{--rc:#FFB13B;--rc-rgb:255,177,59;}
  .r-fit{border-color:var(--rc);background:linear-gradient(180deg,rgba(var(--rc-rgb),0.09),var(--card) 62%);box-shadow:0 0 0 1px rgba(var(--rc-rgb),0.28),0 22px 54px -30px rgba(var(--rc-rgb),0.55);}
  .r-label{font-family:var(--label);font-weight:600;font-size:13px;letter-spacing:0.14em;text-transform:uppercase;color:var(--rc);}
  .r-name{font-family:var(--display);font-weight:800;letter-spacing:-0.02em;font-size:32px;color:var(--rc);margin:7px 0 3px;}
  .r-kind{font-family:var(--label);font-weight:500;font-size:13px;letter-spacing:0.1em;text-transform:uppercase;color:var(--ash);}
  .r-pitch{font-size:15.5px;line-height:1.65;color:var(--soft);margin-top:14px;}
  .r-moves{list-style:none;margin:0 0 8px;padding:0;display:flex;flex-direction:column;gap:14px;}
  .r-moves li{position:relative;padding-left:26px;font-size:16px;line-height:1.6;color:var(--soft);}
  .r-moves li::before{content:"";position:absolute;left:0;top:8px;width:10px;height:10px;border-radius:50%;background:var(--sodium);box-shadow:0 0 8px rgba(255,177,59,0.85);}
  .r-restart{display:block;margin-top:24px;background:none;border:0;font-family:var(--label);font-weight:500;font-size:13px;letter-spacing:0.08em;text-transform:uppercase;color:var(--ash);cursor:pointer;transition:color .2s;}
  .r-restart:hover{color:var(--film-white);}
  .q-form{margin-top:32px;border-top:1px solid var(--line);padding-top:30px;}
  .q-form .eyebrow{display:block;margin-bottom:10px;}
  .q-form-lead{font-size:16px;line-height:1.55;color:var(--soft);margin-bottom:22px;}
  .q-form-lead .q-plan-link{color:var(--sodium);text-decoration:underline;text-underline-offset:2px;cursor:pointer;}
  .q-hp{position:absolute;left:-9999px;}
  .q-row{display:grid;grid-template-columns:1fr 1fr;gap:14px;}
  .q-field{margin-bottom:16px;display:flex;flex-direction:column;}
  .q-field label{font-family:var(--label);font-weight:600;font-size:13px;letter-spacing:0.12em;text-transform:uppercase;color:var(--ash);margin-bottom:8px;}
  .q-field input,.q-field textarea{background:rgba(255,255,255,0.03);border:1px solid var(--line);border-radius:9px;padding:14px 15px;color:var(--film-white);font-family:var(--body);font-size:16px;transition:border-color .2s;resize:vertical;}
  .q-field input:focus,.q-field textarea:focus{outline:none;border-color:var(--sodium);}
  .q-field input::placeholder,.q-field textarea::placeholder{color:#54646b;}
  .q-check{display:flex;align-items:center;gap:11px;margin:6px 0 24px;cursor:pointer;font-size:16px;color:var(--film-white);}
  .q-check input{width:19px;height:19px;accent-color:var(--sodium);cursor:pointer;flex-shrink:0;}
  .q-form .btn{border:0;cursor:pointer;}
  .q-thanks{margin-top:32px;border-top:1px solid var(--line);padding-top:30px;}
  .q-thanks .eyebrow{display:block;margin-bottom:10px;}
  .q-thanks p{font-size:17px;line-height:1.55;color:var(--film-white);}
  @media(max-width:560px){.q-row{grid-template-columns:1fr;}}

  /* CONTACT */
  .contact{position:relative;overflow:hidden;text-align:center;background:linear-gradient(180deg,var(--midnight),#070C10);}
  .contact .inner{position:relative;z-index:3;}
  .contact h2{font-family:var(--display);font-weight:800;letter-spacing:-0.02em;font-size:clamp(40px,7.6vw,96px);line-height:0.98;color:#F6F1E6;text-shadow:0 0 44px rgba(255,177,59,0.24);}
  .contact .csub{font-size:clamp(17px,2.2vw,20px);color:var(--soft);margin:24px auto 40px;max-width:46ch;}
  .contact .cta-row{display:flex;align-items:center;justify-content:center;gap:22px;flex-wrap:wrap;}
  .contact .lines{font-family:var(--label);font-weight:500;font-size:14px;letter-spacing:0.04em;color:var(--ash);margin-top:40px;} .contact .lines a{color:var(--film-white);} .contact .lines .k{color:var(--sodium);}

  /* FOOTER */
  footer{padding:34px 0;border-top:1px solid var(--line);background:var(--midnight);}
  footer .wrap{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;}
  footer .fb{font-family:var(--mark);font-weight:800;font-size:21px;letter-spacing:-0.04em;text-transform:lowercase;color:var(--film-white);}
  footer .fmeta{font-family:var(--label);font-weight:500;font-size:13px;letter-spacing:0.12em;text-transform:uppercase;color:var(--ash);}
  footer .fmeta a{color:inherit;text-decoration:underline;text-underline-offset:2px;transition:color .2s;}
  footer .fmeta a:hover{color:var(--sodium);}

  /* REVEAL */
  .reveal{opacity:0;transform:translateY(24px);transition:opacity .75s cubic-bezier(.2,.7,.2,1),transform .75s cubic-bezier(.2,.7,.2,1);}
  .reveal.left{transform:translateX(-30px);} .reveal.right{transform:translateX(30px);}
  .reveal.in{opacity:1;transform:none;}
  .tiers .reveal:nth-child(2),.statgrid .reveal:nth-child(2),.cases3 .reveal:nth-child(2){transition-delay:.12s;}
  .tiers .reveal:nth-child(3),.statgrid .reveal:nth-child(3),.cases3 .reveal:nth-child(3){transition-delay:.24s;}
  .statgrid .reveal:nth-child(4){transition-delay:.36s;}
  .place{opacity:0;} .radar.in .place{opacity:1;transition-delay:calc(var(--i,0) * 90ms);}

  h1,h2,h3,.lead,.tagline,.foot-note,.q-text,.gate-kick,.stat-item .lbl,footer .fmeta{text-wrap:balance;}

  /* ONE LANGUAGE (24 Oct 2026, Michael: the rest of the site falls in line with the opening). Night, cream and amber;
     hairlines instead of boxes; the gold wave between sections; things light up as they reach the middle. */
  section.block{background:var(--midnight);border:0;}
  .positioning,.work,.quiz{background:linear-gradient(180deg,var(--midnight),#080D12 50%,var(--midnight));}
  .eyebrow{color:var(--sodium);letter-spacing:0.24em;font-size:13px;}
  .sec-head .eyebrow{display:flex;align-items:center;gap:14px;}
  .sec-head .eyebrow::before{content:"";width:34px;height:1.5px;background:linear-gradient(90deg,transparent,var(--sodium));box-shadow:0 0 10px rgba(255,177,59,.6);}
  .sec-head[style*="text-align:center"] .eyebrow{justify-content:center;}
  .sec-head[style*="text-align:center"] .eyebrow::after{content:"";width:34px;height:1.5px;background:linear-gradient(270deg,transparent,var(--sodium));box-shadow:0 0 10px rgba(255,177,59,.6);}
  .amber-drift,.cool-drift{display:none;}

  /* the wire between sections: one gold wave, a spark running along it while it is on screen */
  .sdiv{position:relative;height:56px;margin:-28px 0;z-index:3;pointer-events:none;}
  .sdiv svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible;}
  .sdiv .w0{stroke:rgba(214,160,70,.28);stroke-width:1;fill:none;}
  .sdiv .w1{stroke:rgba(214,160,70,.12);stroke-width:1;fill:none;}
  .sdiv .ws{stroke:#FFD48A;stroke-width:1.8;fill:none;stroke-linecap:round;stroke-dasharray:60 940;stroke-dashoffset:1000;filter:drop-shadow(0 0 4px rgba(255,177,59,.9));opacity:0;}
  .sdiv.in .ws{opacity:1;animation:hrun 4.6s linear infinite;}

  /* the logo band */
  .band{position:relative;z-index:3;padding:34px 0 40px;background:linear-gradient(180deg,rgba(4,7,10,0),var(--midnight) 40%);}
  .band-k{text-align:center;font-family:var(--label);font-weight:700;font-size:13px;letter-spacing:0.3em;text-transform:uppercase;color:var(--ash);margin-bottom:22px;}
  .band-rail{position:relative;overflow:hidden;height:110px;-webkit-mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent);mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent);}
  .band-wire{position:absolute;left:0;right:0;top:50%;height:1px;background:linear-gradient(90deg,transparent,rgba(255,177,59,.45) 20%,rgba(255,177,59,.45) 80%,transparent);}
  .band-wire i{position:absolute;top:-1px;left:0;width:120px;height:3px;border-radius:3px;background:linear-gradient(90deg,transparent,#FFE2A8,transparent);filter:drop-shadow(0 0 6px rgba(255,177,59,.95));animation:bandspark 5.5s linear infinite;}
  @keyframes bandspark{from{transform:translateX(-140px);}to{transform:translateX(100vw);}}
  .band-track{position:absolute;left:0;top:0;height:100%;display:flex;align-items:center;gap:0;will-change:transform;}
  .lg{position:relative;flex:none;display:flex;align-items:center;justify-content:center;height:100%;padding:0 46px;background:radial-gradient(closest-side,var(--midnight) 62%,transparent);opacity:.34;will-change:opacity,transform;}
  .lg-glow{position:absolute;left:50%;top:50%;width:220px;height:110px;transform:translate(-50%,-50%);background:radial-gradient(closest-side,rgba(255,177,59,.30),rgba(255,177,59,.08) 55%,transparent);opacity:0;pointer-events:none;will-change:opacity;}
  .lg img{position:relative;height:54px;width:auto;display:block;}
  .lg-txt{font-family:var(--display);font-weight:800;font-size:32px;letter-spacing:-0.02em;color:#F4EFE4;white-space:nowrap;}
  .lg-txt b{font-weight:800;text-transform:uppercase;font-size:.62em;letter-spacing:.14em;margin-left:4px;}

  /* services: three columns on hairlines; the charge meter fills in amber */
  .tiers{gap:0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);}
  .tier,.tier.s3{background:none;border:0;border-radius:0;box-shadow:none;padding:0 30px 34px;}
  .tier+.tier{border-left:1px solid var(--line);}
  .tier:hover,.tier.s3:hover{transform:none;box-shadow:none;}
  .tier .cardglow,.tier .tierbg{border-radius:0;}
  .tier.s3{background:radial-gradient(90% 55% at 50% 0%,rgba(255,177,59,.09),transparent 70%);}
  .charge{margin:0 -30px 28px;border-radius:0;height:2px;}
  .flagtag{top:14px;right:30px;}
  .tier.s3 .name{margin-right:150px;}

  /* the work: the client in focus lights up; its video plays on the phone beside the list */
  section.block.work{overflow:visible;content-visibility:visible;}
  .wk{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:clamp(30px,6vw,90px);align-items:start;}
  .wk-list{list-style:none;margin:0 0 max(0px,calc(50vh - 170px));padding:0;border-top:1px solid var(--line);position:relative;}
  .wk-i{display:grid;grid-template-columns:54px minmax(0,1fr);border-bottom:1px solid var(--line);padding:30px 0;cursor:pointer;position:relative;}
  .wk-i::before{content:"";position:absolute;left:0;top:-1px;height:2px;width:0;background:var(--sodium);box-shadow:0 0 12px rgba(255,177,59,.8);transition:width .7s cubic-bezier(.2,.8,.2,1);}
  .wk-i.on::before{width:100%;}
  .wk-n{font-family:var(--label);font-weight:700;font-size:13px;letter-spacing:0.2em;color:var(--ash);padding-top:12px;transition:color .3s;}
  .wk-i h3{font-family:var(--display);font-weight:800;letter-spacing:-0.025em;font-size:clamp(30px,4vw,52px);line-height:1;color:#3A4852;transition:color .4s;}
  .wk-kind{font-family:var(--label);font-weight:700;font-size:13px;letter-spacing:0.18em;text-transform:uppercase;color:var(--ash);margin-top:12px;}
  .wk-i:hover h3{color:#6F7F89;}
  .wk-i.on h3{color:var(--film-white);} .wk-i.on .wk-n,.wk-i.on .wk-kind{color:var(--sodium);}
  .wk-more{display:grid;grid-template-rows:0fr;transition:grid-template-rows .55s cubic-bezier(.2,.8,.2,1);}
  .wk-more>div{overflow:hidden;}
  .wk-i.on .wk-more{grid-template-rows:1fr;}
  .wk-more p{font-size:17px;line-height:1.7;color:var(--soft);max-width:58ch;margin-top:16px;}
  .wk-more p a{color:var(--film-white);text-decoration:underline;text-decoration-color:rgba(255,177,59,.5);text-underline-offset:3px;}
  .wk-go{display:inline-block;margin-top:16px;font-family:var(--cond);font-weight:600;font-size:15px;color:var(--sodium);}
  .wk-go:hover{color:var(--core);}
  .wk-m{display:none;}
  .wk-stage{position:sticky;top:calc(50vh - 290px);}
  .wk-ph{--pw:268px;position:relative;margin:0 auto;}
  .wk-ph .scr>img,.wk-ph .scr>video{transition:opacity .5s ease;opacity:0;}
  .wk-ph .scr>.on{opacity:1;}

  /* the feeds, inside phones */
  .feed-cards{gap:clamp(26px,5vw,70px);margin-top:20px;}
  .feed-card,.feed-card:hover{flex:0 1 340px;max-width:340px;aspect-ratio:9/19.5;display:flex;border:0;border-radius:52px;padding:12px;
    background:linear-gradient(150deg,#4a5058 0%,#1a1e23 30%,#2c3138 62%,#0d1013 100%);
    box-shadow:0 0 0 1px rgba(255,255,255,.07) inset,0 40px 80px -30px rgba(0,0,0,.95),0 0 70px -24px rgba(255,177,59,.3);}
  .feed-card:hover{transform:translateY(-6px);box-shadow:0 0 0 1px rgba(255,255,255,.07) inset,0 46px 90px -30px rgba(0,0,0,.95),0 0 80px -18px rgba(255,177,59,.5);}
  .fc-scr{flex:1;display:flex;flex-direction:column;position:relative;border-radius:41px;background:#000;padding:54px 0 0;overflow:hidden;}
  .fc-scr .fc-grid{flex:1;align-content:start;}
  .fc-bio{display:block;padding:0 16px 12px;font-size:13px;line-height:1.45;color:var(--soft);}
  .fc-tabs{display:flex;justify-content:center;gap:0;border-top:1px solid #1d2329;margin-bottom:2px;}
  .fc-tabs i{flex:1;height:34px;display:flex;align-items:center;justify-content:center;}
  .fc-tabs i:first-child{border-bottom:1.5px solid var(--film-white);}
  .fc-tabs svg{width:17px;height:17px;stroke:var(--soft);fill:none;stroke-width:1.6;}
  .fc-tabs i:first-child svg{stroke:var(--film-white);}
  .fc-cta{padding:14px 0 18px;}
  .fc-scr .island{position:absolute;top:12px;left:50%;width:30%;height:22px;transform:translateX(-50%);background:#000;border-radius:99px;box-shadow:0 0 0 1px rgba(255,255,255,.04);}
  .fc-top{display:flex;margin-bottom:10px;padding:0 16px;}
  .fc-ava{width:56px;height:56px;}
  .fc-handle{font-size:14.5px;} .fc-name{font-size:13px;letter-spacing:.06em;}
  .fc-grid{gap:2px;border-radius:0;}
  .fc-cta{display:block;text-align:center;margin-top:14px;}

  @media (max-width:880px){
    .tier+.tier{border-left:0;}
    .tier,.tier.s3{padding:0 0 30px;}
    .charge{margin:0 0 24px;}
    .flagtag{right:0;}
    .tier.s3 .name{margin-right:0;}
    .wk{grid-template-columns:1fr;}
    .wk-stage{display:none;}
    .wk-i{grid-template-columns:40px minmax(0,1fr);cursor:default;}
    .wk-more{grid-template-rows:1fr;}
    .wk-i h3{color:var(--film-white);}
    .wk-m{display:block;margin:22px 0 4px;}
    .wk-m .ph{--pw:min(62vw,230px);position:relative;}
    .wk-m .ph video{opacity:0;transition:opacity .45s ease;} .wk-m .ph video.on{opacity:1;}
    .band-rail{height:78px;} .lg{padding:0 30px;} .lg img{height:36px;} .lg-txt{font-size:22px;}
  }
  @media (prefers-reduced-motion:reduce){ .wk-more{transition:none;} .wk-i::before{transition:none;} }

  /* ABOUT: the credits wall. Titles start unlit; the current runs along the wire with the scroll and lights each one
     as it arrives. Only the wire's stroke, one dot and a class per credit change. */
  section.block.cr-sec{overflow:visible;overflow-x:clip;content-visibility:visible;padding-bottom:clamp(60px,9vw,120px);}
  .cr-who{display:flex;align-items:center;gap:16px;margin-top:22px;max-width:560px;}
  .cr-who img{width:64px;height:64px;border-radius:50%;object-fit:cover;object-position:center 25%;flex:none;box-shadow:0 0 0 2px rgba(255,177,59,.5),0 0 24px rgba(255,177,59,.3);}
  .cr-who p{font-size:16.5px;line-height:1.55;color:var(--soft);margin:0;} .cr-who b{color:var(--film-white);font-weight:600;}
  .cr-wall{position:relative;display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:24px;row-gap:clamp(40px,6vw,76px);margin-top:clamp(40px,6vw,70px);}
  .cr-wire{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none;z-index:0;}
  .cr-track{fill:none;stroke:rgba(214,160,70,.16);stroke-width:1.2;}
  .cr-live{fill:none;stroke:#FFB13B;stroke-width:1.8;stroke-linecap:round;filter:drop-shadow(0 0 5px rgba(255,177,59,.85));}
  .cr-head{fill:#FFE2A8;filter:drop-shadow(0 0 8px rgba(255,177,59,1)) drop-shadow(0 0 18px rgba(255,177,59,.7));opacity:0;transition:opacity .3s;}
  .cr-wall.go .cr-head{opacity:1;}
  .cr{position:relative;z-index:1;padding:6px 10px;}
  .cr::before{content:"";position:absolute;inset:-18px -26px;z-index:-1;background:radial-gradient(closest-side,var(--midnight) 70%,transparent);pointer-events:none;}
  .cr h3{font-family:var(--display);font-weight:800;text-transform:uppercase;letter-spacing:-0.015em;line-height:.95;font-size:clamp(26px,3.2vw,42px);color:#26313A;transition:color .5s ease,text-shadow .5s ease;}
  .cr p{font-family:var(--label);font-weight:700;font-size:13px;letter-spacing:0.18em;text-transform:uppercase;color:#3A4852;margin-top:12px;transition:color .5s ease;}
  .cr.lit h3{color:var(--film-white);text-shadow:0 0 1px rgba(255,240,215,.35),0 0 28px rgba(255,177,59,.35);animation:plugOn 1.1s linear both;}
  .cr.lit p{color:var(--sodium);}
  .cr.big h3{font-size:clamp(40px,6.2vw,84px);}
  .cr-laurel{display:block;width:120px;height:44px;margin:0 0 12px;color:#3A4852;transition:color .5s;}
  .cr-laurel text{fill:currentColor;font-family:var(--label);font-weight:700;font-size:8.5px;letter-spacing:.18em;}
  .cr.lit .cr-laurel{color:var(--sodium);}
  .cr-film{position:relative;aspect-ratio:2.37/1;border-radius:4px;overflow:hidden;background:#000;margin-bottom:18px;box-shadow:0 30px 70px -30px rgba(0,0,0,.9);filter:grayscale(1) brightness(.45);transition:filter .9s ease;}
  .cr.lit .cr-film{filter:none;box-shadow:0 30px 70px -30px rgba(0,0,0,.9),0 0 60px -20px rgba(255,177,59,.35);}
  .cr-film img,.cr-film video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;}
  .cr-film video{opacity:0;transition:opacity .5s;} .cr-film video.on{opacity:1;}
  .cr-mark{text-transform:lowercase!important;font-family:var(--mark)!important;letter-spacing:-0.045em!important;font-size:clamp(44px,7vw,96px)!important;}
  .cr.end.lit h3{color:var(--film-white);text-shadow:0 0 2px rgba(255,240,215,.4),0 0 50px rgba(255,177,59,.45);}
  .c1{grid-column:1 / 7;} .c2{grid-column:8 / 13;margin-top:70px;}
  .c3{grid-column:2 / 8;} .c4{grid-column:9 / 13;margin-top:40px;}
  .c5{grid-column:1 / 9;} .c6{grid-column:9 / 13;margin-top:80px;}
  .c7{grid-column:3 / 13;} .c8{grid-column:1 / 10;}
  @media (max-width:880px){
    .cr-wall{grid-template-columns:1fr;row-gap:46px;}
    .cr{grid-column:1 / -1!important;margin-top:0!important;}
    .c2,.c4,.c6{text-align:right;} .c2 .cr-laurel,.c6 .cr-laurel{margin-left:auto;}
    .cr h3{font-size:clamp(24px,7vw,34px);}
    .cr.big h3{font-size:clamp(38px,11vw,54px);}
  }
  @media (prefers-reduced-motion:reduce){ .cr.lit h3{animation:none;} }

  /* the credits, three ways to compare (?about=b, ?about=c) */
  .cb,.cc{display:none;}
  [data-about="b"] #crwall,[data-about="c"] #crwall{display:none;}
  [data-about="b"] .cb{display:block;} [data-about="c"] .cc{display:block;}
  [data-about="b"] .cr-sec,[data-about="c"] .cr-sec{padding-bottom:0;}
  /* B: film strip */
  .cb{position:relative;height:var(--cbh,300vh);margin-top:30px;}
  .cb-pin{position:sticky;top:0;height:100vh;overflow:hidden;display:flex;align-items:center;}
  .cb-beam{position:absolute;left:50%;top:0;bottom:0;width:min(560px,80vw);transform:translateX(-50%);background:radial-gradient(50% 60% at 50% 50%,rgba(255,177,59,.12),transparent 70%);pointer-events:none;}
  .cb-strip{position:relative;display:flex;gap:0;padding:34px 0;background:#0A0D10;will-change:transform;
    box-shadow:0 0 0 1px #1A2128 inset;}
  .cb-strip::before,.cb-strip::after{content:"";position:absolute;left:0;right:0;height:16px;background:repeating-linear-gradient(90deg,transparent 0 14px,#04070A 14px 30px);opacity:.9;}
  .cb-strip::before{top:9px;} .cb-strip::after{bottom:9px;}
  .cb-f{flex:none;width:min(520px,78vw);aspect-ratio:3/2;margin:0 7px;background:#0C1116;position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:flex-end;padding:30px;
    filter:brightness(.42) grayscale(.6);transition:filter .5s ease;}
  .cb-f.lit{filter:none;}
  .cb-f h3{font-family:var(--display);font-weight:800;text-transform:uppercase;font-size:clamp(28px,3.6vw,46px);line-height:.95;letter-spacing:-0.015em;color:var(--film-white);}
  .cb-f p{font-family:var(--label);font-weight:700;font-size:13px;letter-spacing:.18em;text-transform:uppercase;color:var(--sodium);margin-top:12px;}
  .cb-f .cb-v{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;}
  .cb-f .cb-logo{position:absolute;left:50%;top:44%;width:78%;height:auto;transform:translate(-50%,-50%);}
  .vh{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;}
  .cb-f .cb-v~*,.cb-f .cb-art~*{position:relative;}
  .cb-f .cb-art{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;}
  .cb-f:has(.cb-art)::after,.cb-f:has(.cb-v)::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(4,7,10,.92) 0%,rgba(4,7,10,.55) 38%,rgba(4,7,10,0) 70%);pointer-events:none;}
  .cb-f h3,.cb-f p,.cb-f .cr-laurel{z-index:1;}
  .cb-f.mark h3{text-transform:lowercase;font-family:var(--mark);letter-spacing:-0.045em;font-size:clamp(40px,5vw,64px);}
  .cb-f .cr-laurel{color:var(--sodium);}
  .cb-f.lead{justify-content:center;background:none;filter:none;width:min(420px,70vw);}
  .cb-f.lead p{color:var(--soft);letter-spacing:.06em;text-transform:none;font-family:var(--body);font-weight:400;font-size:17px;line-height:1.5;}
  /* C: end credits */
  .cc{position:relative;height:280vh;margin-top:30px;}
  .cc-pin{position:sticky;top:0;height:100vh;display:flex;align-items:center;justify-content:center;}
  .cc-screen{position:relative;width:min(1100px,94vw);height:min(78vh,620px);background:#000;overflow:hidden;border-radius:4px;box-shadow:0 0 0 1px #11161B,0 40px 120px -40px rgba(0,0,0,.9),0 0 120px -50px rgba(255,177,59,.35);
    -webkit-mask-image:linear-gradient(180deg,transparent,#000 16%,#000 84%,transparent);mask-image:linear-gradient(180deg,transparent,#000 16%,#000 84%,transparent);}
  .cc-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.22;}
  .cc-roll{position:absolute;left:0;right:0;top:0;will-change:transform;}
  .cc-row{display:grid;grid-template-columns:1fr 1fr;gap:28px;align-items:baseline;padding:16px 6%;}
  .cc-row .r{text-align:right;font-family:var(--label);font-weight:700;font-size:13px;letter-spacing:.2em;text-transform:uppercase;color:var(--sodium);}
  .cc-row .t{font-family:var(--display);font-weight:800;text-transform:uppercase;font-size:clamp(22px,2.6vw,34px);line-height:1;letter-spacing:-0.01em;color:var(--film-white);}
  .cc-head{text-align:center;padding:30px 6% 46px;}
  .cc-head .k{display:block;font-family:var(--label);font-weight:700;font-size:13px;letter-spacing:.3em;text-transform:uppercase;color:var(--ash);}
  .cc-head .n{display:block;font-family:var(--display);font-weight:800;font-size:clamp(30px,4vw,52px);letter-spacing:-0.02em;color:var(--film-white);margin-top:10px;}
  .cc-head img{width:84px;height:84px;border-radius:50%;object-fit:cover;object-position:center 25%;margin:0 auto 18px;display:block;box-shadow:0 0 0 2px rgba(255,177,59,.5),0 0 30px rgba(255,177,59,.35);}
  .cc-end{text-align:center;padding:60px 6% 40px;}
  .cc-end .t{font-family:var(--mark);font-weight:800;font-size:clamp(46px,7vw,92px);letter-spacing:-0.045em;color:var(--film-white);text-shadow:0 0 50px rgba(255,177,59,.45);}
  .cc-end .r{display:block;margin-top:12px;font-family:var(--label);font-weight:700;font-size:13px;letter-spacing:.22em;text-transform:uppercase;color:var(--sodium);}
  @media (max-width:880px){
    .cc-row{grid-template-columns:1fr;gap:6px;text-align:center;} .cc-row .r{text-align:center;order:2;}
    .cc-screen{height:76vh;}
  }

  /* YOUR BRAND ISN'T BROKEN: the claim on the left; on the right, who leaves you static and who plugs you in */
  .pos{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);column-gap:clamp(36px,6vw,90px);row-gap:clamp(26px,4vw,44px);align-items:start;}
  .pos-l{display:contents;}
  .pos .rule,.pos .lead{grid-column:1 / -1;}
  .pos .rule{margin-bottom:0;}
  .positioning .lead.reveal{max-width:none;margin:0;font-size:clamp(25px,5.4vw,72px);line-height:1.02;}
  .positioning .lead .ln{display:block;white-space:nowrap;}
  .pos .sub{grid-column:1;align-self:start;}
  .pos .pos-vs{grid-column:2;}
  .positioning .sub{margin-bottom:0;}
  .pos-vs{list-style:none;margin:0;padding:0;position:relative;}
  .vs-row{display:grid;grid-template-columns:minmax(0,190px) minmax(0,1fr);gap:22px;padding:24px 0;border-top:1px solid var(--line);position:relative;
    opacity:0;transform:translateY(14px);transition:opacity .7s cubic-bezier(.2,.8,.2,1),transform .7s cubic-bezier(.2,.8,.2,1);}
  .vs-row:last-child{border-bottom:1px solid var(--line);}
  .pos-vs.in .vs-row{opacity:1;transform:none;} .pos-vs.in .vs-row:nth-child(2){transition-delay:.25s;} .pos-vs.in .vs-row:nth-child(3){transition-delay:.6s;}
  .vs-who{font-family:var(--label);font-weight:700;font-size:13px;letter-spacing:.18em;text-transform:uppercase;color:var(--ash);padding-top:4px;}
  .vs-what{font-size:17px;line-height:1.6;color:#55636C;}
  .vs-row:not(.eb) .vs-what{text-decoration:none;text-decoration-color:rgba(124,144,154,.35);text-decoration-thickness:1px;}
  .vs-row.eb{padding:30px 0 30px 0;}
  .vs-row.eb .vs-who{font-family:var(--mark);font-weight:800;font-size:22px;letter-spacing:-0.04em;text-transform:lowercase;color:var(--film-white);padding-top:0;line-height:1.1;}
  .vs-row.eb .vs-what{color:var(--soft);} .vs-row.eb .vs-what b{color:var(--film-white);font-weight:600;}
  .vs-cur{position:absolute;left:0;right:0;top:-1px;height:2px;background:linear-gradient(90deg,transparent,var(--sodium) 30%,var(--sodium) 70%,transparent);box-shadow:0 0 14px rgba(255,177,59,.8);transform:scaleX(0);transform-origin:left;transition:transform 1.1s cubic-bezier(.2,.8,.2,1) .9s;}
  .pos-vs.in .vs-cur{transform:scaleX(1);}
  .vs-row.eb::after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:1px;background:linear-gradient(90deg,transparent,rgba(255,177,59,.5),transparent);}

  /* THREE WAYS IN: a rail with three stops; the current runs to the plan in view */
  .svc{margin-top:46px;}
  .svc-rail{position:relative;display:grid;grid-template-columns:repeat(3,1fr);max-width:860px;}
  .svc-wire{position:absolute;left:calc(100% / 6);right:calc(100% / 6);top:11px;height:2px;background:var(--line);border-radius:2px;}
  .svc-wire i{position:absolute;left:0;top:0;bottom:0;width:var(--w,100%);background:linear-gradient(90deg,#7A5520,var(--sodium));box-shadow:0 0 12px rgba(255,177,59,.7);border-radius:2px;transition:width .9s cubic-bezier(.2,.8,.2,1);}
  .svc-node{position:relative;background:none;border:0;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:6px;padding:0 6px 6px;color:var(--ash);font:inherit;}
  .svc-node i{width:24px;height:24px;border-radius:50%;background:var(--midnight);border:2px solid #2A3742;transition:border-color .4s,box-shadow .4s,background .4s;}
  .svc-node b{font-family:var(--display);font-weight:800;font-size:clamp(17px,2vw,22px);letter-spacing:-0.015em;color:#4A5862;margin-top:8px;transition:color .4s;}
  .svc-node span{font-family:var(--label);font-weight:700;font-size:13px;letter-spacing:.16em;text-transform:uppercase;color:#3A4852;transition:color .4s;}
  .svc-node.past i{border-color:var(--sodium);background:#2A1E0C;}
  .svc-node.on i{border-color:var(--sodium);background:var(--sodium);box-shadow:0 0 0 6px rgba(255,177,59,.14),0 0 24px rgba(255,177,59,.8);}
  .svc-node.on b{color:var(--film-white);} .svc-node.on span{color:var(--sodium);}
  .svc-node:hover b{color:var(--film-white);}
  .svc-node:focus-visible{outline:2px solid var(--sodium);outline-offset:4px;border-radius:8px;}
  .svc-panels{display:grid;margin-top:40px;border-top:1px solid var(--line);}
  .svc-panels .tier{grid-area:1/1;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);gap:clamp(24px,5vw,70px);padding:38px 0 6px;
    background:none!important;border:0!important;box-shadow:none!important;border-radius:0;opacity:0;visibility:hidden;transform:translateY(16px);transition:opacity .5s ease,transform .6s cubic-bezier(.2,.8,.2,1),visibility 0s .5s;}
  .svc-panels .tier.on{opacity:1;visibility:visible;transform:none;transition:opacity .5s ease .1s,transform .6s cubic-bezier(.2,.8,.2,1) .1s,visibility 0s;}
  .svc-panels .tier+.tier{border-left:0;}
  .svc-panels .tier .name{font-size:clamp(40px,5.4vw,72px);line-height:.95;margin:0;}
  .svc-panels .tier.s3 .name{margin-right:0;color:var(--sodium);}
  .svc-panels .tier .kind{font-size:13px;letter-spacing:.18em;font-weight:700;margin:16px 0 0;}
  .svc-panels .tier .desc{font-size:17.5px;line-height:1.7;margin:0 0 22px;}
  .svc-panels .flagtag{position:static;display:inline-block;margin-bottom:16px;}
  .svc-panels .tier .best{margin-bottom:20px;}

  /* GOOD TO KNOW: the heading stays put on the left; the answers open one at a time on the right */
  .faqx{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.4fr);gap:clamp(30px,6vw,90px);align-items:start;}
  .faq-head{position:sticky;top:120px;}
  .faq-head .sec-head{margin-bottom:18px;}
  .faq-line{font-size:17px;color:var(--soft);margin-bottom:22px;}
  .faq .faq-list{margin:0;max-width:none;}
  .faq-item{position:relative;}
  .faq-item summary{display:grid;grid-template-columns:44px minmax(0,1fr) 20px;align-items:baseline;gap:0;padding:26px 0;font-family:var(--display);font-weight:700;letter-spacing:-0.01em;font-size:clamp(18px,2vw,22px);}
  .faq-n{font-family:var(--label);font-weight:700;font-size:13px;letter-spacing:.2em;color:var(--ash);transition:color .3s;}
  .faq-item summary::after{width:12px;height:12px;border:0;transform:none;background:linear-gradient(var(--sodium),var(--sodium)) center/12px 2px no-repeat,linear-gradient(var(--sodium),var(--sodium)) center/2px 12px no-repeat;transition:transform .35s cubic-bezier(.2,.8,.2,1);}
  .faq-item[open] summary::after{transform:rotate(45deg);}
  .faq-item[open] .faq-n{color:var(--sodium);}
  .faq-item::before{content:"";position:absolute;left:-18px;top:22px;bottom:22px;width:2px;background:var(--sodium);box-shadow:0 0 12px rgba(255,177,59,.7);transform:scaleY(0);transform-origin:top;transition:transform .5s cubic-bezier(.2,.8,.2,1);}
  .faq-item[open]::before{transform:scaleY(1);}
  .faq-a{padding:0 30px 28px 44px;}

  /* THE TWO-MINUTE PLAN: a charge meter beside the questions */
  .quiz-card{max-width:980px;padding:0;background:linear-gradient(180deg,#0C141B,#090F14);border-color:#1A2731;}
  .qz{display:grid;grid-template-columns:minmax(0,1fr) 250px;}
  .quiz-card .q-progress{display:none;}
  .qz-main{padding:36px 40px 34px;min-width:0;}
  .qz-side{border-left:1px solid var(--line);padding:36px 28px;display:flex;flex-direction:column;gap:30px;background:radial-gradient(120% 60% at 50% 100%,rgba(255,177,59,.07),transparent 70%);}
  .qz-meter{position:relative;display:grid;grid-template-columns:22px 1fr;gap:16px;height:250px;}
  .qz-track{position:relative;width:8px;margin:0 auto;height:100%;border-radius:8px;background:#141D25;box-shadow:inset 0 0 0 1px #1E2B35;overflow:hidden;}
  .qz-fill{position:absolute;left:0;right:0;bottom:0;height:100%;transform-origin:bottom;transform:scaleY(var(--f,0));background:linear-gradient(0deg,#7A5520,var(--sodium) 60%,#FFE2A8);box-shadow:0 0 16px rgba(255,177,59,.8);transition:transform .8s cubic-bezier(.2,.8,.2,1);}
  .qz-marks{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;justify-content:space-between;height:100%;}
  .qz-marks li{font-family:var(--display);font-weight:800;font-size:17px;letter-spacing:-0.01em;color:#3A4852;transition:color .4s,transform .4s;position:relative;}
  .qz-marks li::before{content:"";position:absolute;left:-28px;top:50%;width:14px;height:1px;background:#2A3742;}
  .qz-marks li.lean{color:var(--soft);}
  .qz-marks li.fit{color:var(--sodium);transform:translateX(4px);text-shadow:0 0 18px rgba(255,177,59,.6);animation:plugOn 1.1s linear both;}
  .qz-k{display:block;font-family:var(--label);font-weight:700;font-size:13px;letter-spacing:.2em;text-transform:uppercase;color:var(--ash);margin-bottom:12px;}
  #qzso{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px;}
  #qzso li{font-size:14.5px;color:var(--film-white);padding-left:16px;position:relative;animation:soIn .45s cubic-bezier(.2,.8,.2,1) both;}
  #qzso li::before{content:"";position:absolute;left:0;top:8px;width:6px;height:6px;border-radius:50%;background:var(--sodium);box-shadow:0 0 8px rgba(255,177,59,.9);}
  #qzso li.qz-empty{color:var(--ash);padding-left:0;} #qzso li.qz-empty::before{display:none;}
  @keyframes soIn{from{opacity:0;transform:translateX(-8px);}to{opacity:1;transform:none;}}
  .qz-fly{position:fixed;left:0;top:0;width:12px;height:12px;margin:-6px 0 0 -6px;border-radius:50%;background:#FFE2A8;box-shadow:0 0 12px 3px rgba(255,177,59,.9);pointer-events:none;z-index:9999;}
  .q-slide{animation:qIn .45s cubic-bezier(.2,.8,.2,1) both;} .q-slide.back{animation-name:qBack;}
  @keyframes qIn{from{opacity:0;transform:translateX(28px);}to{opacity:1;transform:none;}}
  @keyframes qBack{from{opacity:0;transform:translateX(-28px);}to{opacity:1;transform:none;}}
  .q-top{display:flex;align-items:baseline;gap:10px;margin-bottom:14px;}
  .q-num{font-family:var(--display);font-weight:800;font-size:40px;line-height:1;color:var(--sodium);letter-spacing:-0.02em;}
  .q-top .q-count{margin:0;}
  .q-back{margin-left:auto;background:none;border:0;cursor:pointer;font-family:var(--label);font-weight:700;font-size:13px;letter-spacing:.16em;text-transform:uppercase;color:var(--ash);}
  .q-back:hover{color:var(--film-white);}
  .q-opt{justify-content:flex-start;gap:16px;}
  .q-opt kbd{flex:none;width:28px;height:28px;border-radius:8px;display:grid;place-items:center;font-family:var(--label);font-weight:700;font-size:13px;color:var(--ash);border:1px solid #26333D;background:#0B1116;transition:color .2s,border-color .2s,background .2s;}
  .q-opt:hover kbd,.q-opt.was kbd{color:var(--midnight);background:var(--sodium);border-color:var(--sodium);}
  .q-opt.was{border-color:rgba(255,177,59,.5);}
  .q-opt.picked{border-color:var(--sodium);background:rgba(255,177,59,.12);transform:scale(.98);}
  .r-in{animation:rIn .6s cubic-bezier(.2,.8,.2,1) both;animation-delay:calc(var(--i,0) * 140ms);}
  @keyframes rIn{from{opacity:0;transform:translateY(12px);}to{opacity:1;transform:none;}}
  @media (max-width:880px){
    .pos{grid-template-columns:1fr;} .pos .sub,.pos .pos-vs{grid-column:1;}
    .positioning .lead.reveal{font-size:6.3vw;}
    .vs-row{grid-template-columns:1fr;gap:8px;}
    .svc-panels .tier{grid-template-columns:1fr;gap:14px;}
    .faqx{grid-template-columns:1fr;} .faq-head{position:static;}
    .faq-item::before{left:-10px;}
    .faq-a{padding:0 0 26px 44px;}
    .qz{grid-template-columns:1fr;}
    .qz-side{order:-1;border-left:0;border-bottom:1px solid var(--line);padding:20px 22px;gap:14px;}
    .qz-meter{grid-template-columns:1fr;height:auto;gap:10px;}
    .qz-track{width:100%;height:8px;}
    .qz-fill{transform-origin:left;transform:scaleX(var(--f,0));top:0;height:auto;}
    .qz-marks{flex-direction:row-reverse;height:auto;}
    .qz-marks li{font-size:14px;} .qz-marks li::before{display:none;}
    .qz-so{display:none;}
    .qz-main{padding:26px 22px 28px;}
  }
  @media (prefers-reduced-motion:reduce){ .vs-row,.svc-panels .tier,.q-slide,.r-in,#qzso li{transition:none!important;animation:none!important;opacity:1;transform:none;} }

  /* THE ENGINE */
  .engine{padding-top:clamp(30px,5vw,60px);}
  .en-wrap{display:flex;flex-direction:column;align-items:center;}
  .en{position:relative;width:min(620px,86vw);aspect-ratio:1;}
  .en-ring{position:absolute;inset:0;width:100%;height:100%;overflow:visible;}
  .en-track{fill:none;stroke:rgba(214,160,70,.34);stroke-width:1.6;}
  .en-run{fill:none;stroke:#FFD48A;stroke-width:3;stroke-linecap:round;stroke-dasharray:90 910;filter:drop-shadow(0 0 6px rgba(255,177,59,.95)) drop-shadow(0 0 16px rgba(255,177,59,.6));}
  .en.in .en-run{animation:enRun 8s linear infinite;}
  @keyframes enRun{from{stroke-dashoffset:1060;}to{stroke-dashoffset:60;}}
  .en-arw{fill:none;stroke:rgba(255,177,59,.55);stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;}
  .en-nodes{list-style:none;margin:0;padding:0;}
  .en-n{position:absolute;display:flex;flex-direction:column;align-items:center;gap:4px;text-align:center;transform:translate(-50%,-50%);padding:14px 18px;background:radial-gradient(closest-side,var(--midnight) 72%,transparent);}
  .en-0{left:50%;top:9.6%;} .en-1{left:90.4%;top:50%;} .en-2{left:50%;top:90.4%;} .en-3{left:9.6%;top:50%;}
  .en-n b{font-family:var(--display);font-weight:800;font-size:clamp(20px,2.4vw,30px);letter-spacing:-0.015em;color:#5A6872;transition:color .3s;}
  .en-n span{font-family:var(--label);font-weight:700;font-size:13px;letter-spacing:.18em;text-transform:uppercase;color:#3A4852;}
  .en.in .en-n b{animation:enLit 8s linear infinite;animation-delay:calc(var(--k) * 2s - .3s);}
  .en.in .en-n span{animation:enLitS 8s linear infinite;animation-delay:calc(var(--k) * 2s - .3s);}
  @keyframes enLit{0%,30%{color:var(--film-white);text-shadow:0 0 22px rgba(255,177,59,.55);}40%,100%{color:#6F7F89;text-shadow:none;}}
  @keyframes enLitS{0%,30%{color:var(--sodium);}40%,100%{color:#4A5862;}}
  .en-c{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:58%;margin:0;text-align:center;font-family:var(--display);font-weight:800;letter-spacing:-0.025em;font-size:clamp(26px,3.6vw,46px);line-height:1;color:var(--film-white);}
  .en-cap{margin-top:clamp(18px,3vw,30px);text-align:center;max-width:56ch;font-size:16.5px;line-height:1.6;color:var(--soft);}
  @media (prefers-reduced-motion:reduce){ .en.in .en-run,.en.in .en-n b,.en.in .en-n span{animation:none;} .en-n b{color:var(--film-white);} .en-n span{color:var(--sodium);} }

  /* THE PLANS' SHOWCASES: the client, what they got, on phones the way their audience saw it */
  .svc-panels .tier{grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);}
  .svc-panels .tier .best{display:none;}
  .tp-show{grid-column:1 / -1;margin-top:18px;position:relative;}
  .sh-k{font-family:var(--label);font-weight:700;font-size:13px;letter-spacing:.16em;text-transform:uppercase;color:var(--ash);margin-bottom:20px;}
  .sh-k b{color:var(--film-white);}
  .sh-row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(14px,2.4vw,30px);}
  .sh{margin:0;display:flex;flex-direction:column;align-items:center;gap:12px;}
  .sh figcaption{font-family:var(--label);font-weight:700;font-size:13px;letter-spacing:.14em;text-transform:uppercase;color:var(--soft);text-align:center;}
  .sh-ph{--pw:min(100%,190px);position:relative;width:var(--pw);}
  .sh-ph .scr{container-type:inline-size;}
  .sh-ph video{opacity:0;transition:opacity .45s;} .sh-ph video.on{opacity:1;}
  .sh-chips{display:flex;flex-wrap:wrap;gap:8px 18px;margin-top:22px;justify-content:center;}
  .sh-chips span{font-family:var(--label);font-weight:700;font-size:13px;letter-spacing:.16em;text-transform:uppercase;color:var(--sodium);}
  .sh-chips span+span::before{content:"·";color:var(--ash);margin-right:18px;}
  /* Instagram's reel screen, drawn over the video (no numbers: the shapes alone say "this is a reel") */
  .ig-rail{position:absolute;right:5%;bottom:20%;display:flex;flex-direction:column;gap:9cqw;z-index:2;}
  .ig-rail i,.ig-acts i{display:block;width:12cqw;height:12cqw;background:#fff;filter:drop-shadow(0 1px 2px rgba(0,0,0,.6));-webkit-mask:var(--ic) center/contain no-repeat;mask:var(--ic) center/contain no-repeat;}
  .ic-heart{--ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2'%3E%3Cpath d='M12 21s-7.5-4.6-9.6-9.2C.9 8.4 3 4.5 6.7 4.5c2.1 0 3.6 1.2 5.3 3 1.7-1.8 3.2-3 5.3-3 3.7 0 5.8 3.9 4.3 7.3C19.5 16.4 12 21 12 21z'/%3E%3C/svg%3E");}
  .ic-com{--ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2'%3E%3Cpath d='M20.5 12a8.5 8.5 0 1 1-3.6-6.9A8.5 8.5 0 0 1 20.5 12zM20.5 12l1 7.5-6-2.3'/%3E%3C/svg%3E");}
  .ic-send{--ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linejoin='round'%3E%3Cpath d='M22 3 9.5 10.5M22 3l-7 18-5.5-10.5L2 8z'/%3E%3C/svg%3E");}
  .ic-more{--ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='black'%3E%3Ccircle cx='5' cy='12' r='2'/%3E%3Ccircle cx='12' cy='12' r='2'/%3E%3Ccircle cx='19' cy='12' r='2'/%3E%3C/svg%3E");}
  .ig-who{position:absolute;left:6%;right:22%;bottom:7%;display:flex;align-items:center;flex-wrap:wrap;gap:3cqw 4cqw;z-index:2;font-size:6.4cqw;color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.7);}
  .ig-who b{font-weight:700;font-family:var(--body);max-width:62%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
  .ig-who em{font-style:normal;opacity:.85;flex-basis:100%;order:3;margin-top:-1cqw;}
  .ig-ava{width:11cqw;height:11cqw;border-radius:50%;background:linear-gradient(135deg,#FFD48A,#C97A1B);box-shadow:0 0 0 1px rgba(255,255,255,.8);flex:none;}
  .ig-fol{border:1px solid rgba(255,255,255,.85);border-radius:2cqw;padding:.6cqw 2.6cqw;font-weight:700;font-size:6cqw;}
  .ig-cta{position:absolute;left:5%;right:5%;bottom:1.6%;z-index:2;display:flex;justify-content:space-between;align-items:center;background:rgba(255,255,255,.92);color:#111;border-radius:2.4cqw;padding:2.4cqw 4cqw;font:700 6.4cqw/1 var(--body);}
  .ig-cta+.island{} .sh-ph .scr:has(.ig-cta) .ig-who{bottom:15%;} .sh-ph .scr:has(.ig-cta) .ig-rail{bottom:28%;}
  .ig-top{position:absolute;left:0;right:0;top:9%;display:flex;align-items:center;gap:4cqw;padding:0 5cqw;font-size:6.4cqw;color:#fff;z-index:2;}
  .ig-top b{font-family:var(--body);font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
  .ig-car{position:absolute;left:0;right:0;top:18%;aspect-ratio:4/5;overflow:hidden;background:#111;}
  .ig-car img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transform:translateX(100%);transition:transform .7s cubic-bezier(.6,0,.2,1);}
  .ig-car img.on{transform:none;} .ig-car img.gone{transform:translateX(-100%);}
  .ig-dots{position:absolute;left:0;right:0;top:calc(18% + 125cqw + 3cqw);display:flex;justify-content:center;gap:1.8cqw;}
  .ig-dots i{width:2.2cqw;height:2.2cqw;border-radius:50%;background:rgba(255,255,255,.35);} .ig-dots i.on{background:#3897F0;}
  .ig-acts{position:absolute;left:5cqw;top:calc(18% + 125cqw + 9cqw);display:flex;gap:5cqw;}
  .ig-acts i{width:10cqw;height:10cqw;}
  .web-bar{position:absolute;left:4%;right:4%;top:7.4%;z-index:2;background:rgba(20,24,28,.86);color:#E8EAED;border-radius:3cqw;padding:2.2cqw 3cqw;font:600 6cqw/1 var(--body);text-align:center;backdrop-filter:blur(4px);}
  /* the comments that pop up over the phones */
  .sh-pop{position:absolute;z-index:6;display:flex;align-items:center;gap:8px;max-width:240px;padding:9px 13px 9px 9px;border-radius:14px;background:rgba(16,22,28,.92);box-shadow:0 0 0 1px rgba(255,177,59,.35),0 14px 30px -12px rgba(0,0,0,.9),0 0 24px -8px rgba(255,177,59,.45);
    font-size:14px;line-height:1.3;color:var(--film-white);pointer-events:none;animation:popIn 3.2s cubic-bezier(.2,.8,.2,1) both;}
  .sh-pop i{flex:none;width:22px;height:22px;border-radius:50%;background:linear-gradient(135deg,#8FB3C0,#3B6F82);}
  @keyframes popIn{0%{opacity:0;transform:translateY(14px) scale(.9);}12%{opacity:1;transform:none;}80%{opacity:1;transform:translateY(-6px);}100%{opacity:0;transform:translateY(-16px);}}
  @media (max-width:880px){
    .sh-row{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:26px;}
    .sh-ph{--pw:min(100%,170px);}
    .en{width:min(330px,74vw);}
    .en-n{padding:8px 10px;}
    .en-1{left:96%;} .en-3{left:4%;}
    .en-n span{font-size:13px;letter-spacing:.1em;}
    .en-c{font-size:26px;width:50%;}
  }

  /* RESPONSIVE */
  @media (max-width:880px){
    .tiers{grid-template-columns:1fr;gap:0;border-bottom:1px solid var(--line);} .tier{background:none;border:0;border-top:1px solid var(--line);border-radius:0;padding:4px 0 30px;} .tier:hover{transform:none;} .tier .cardglow,.tier .tierbg{display:none;} .tier.s3,.tier.s3:hover{background:none;border:0;border-top:1px solid var(--line);box-shadow:none;transform:none;} .statgrid{grid-template-columns:1fr;} .stat-item{text-align:left;padding:26px 0 24px;} .stat-item+.stat-item{border-left:0;border-top:1px solid var(--line);} .livedot{top:28px;right:0;} .hero .tagline br{display:none;} .cases3{grid-template-columns:1fr;} .about-desktop{display:none;} .about-mobile{display:block;} .case{min-height:auto;padding:24px;}
    .place{font-size:13px;}
    nav .links{position:fixed;inset:0 0 0 auto;width:min(78vw,320px);flex-direction:column;align-items:flex-start;justify-content:center;gap:26px;background:rgba(6,10,14,0.97);backdrop-filter:blur(14px);padding:40px;transform:translateX(100%);transition:transform .3s;border-left:1px solid var(--line);}
    nav .links.open{transform:none;} nav .links a.nl{font-size:16px;} nav .menu-btn{display:flex;z-index:22;}
  }
  @media (prefers-reduced-motion:reduce){
    *{animation:none!important;} html{scroll-behavior:auto;}
    .reveal,.place,.hero .tagline,.hero .subline,.hero .cta-row,.hero h1{opacity:1!important;transform:none!important;transition:none!important;}
    .hero h1{text-shadow:0 0 50px rgba(255,177,59,.28),0 8px 40px rgba(0,0,0,.9);}
    .s2 .bolt2{opacity:.3;stroke-dashoffset:0;}
  }

  /* ===== ROUND 9 (24 Oct 2026) ===== */
  /* "static to": a dying VHS tape on a broken neon sign. Six horizontal bands of the words, each wobbling a beat
     behind the one above (the tracking wave); now and then a band tears sideways; the whole thing sits dim and
     stutters bright like neon that won't hold. Transforms and opacity only, so it stays smooth. */
  .ttl .st{background-image:none;-webkit-background-clip:border-box;background-clip:border-box;color:transparent;opacity:.36;animation:stNeon 7s linear infinite;}
  .st-a{color:transparent;text-shadow:0 0 26px rgba(255,214,150,.42),0 0 3px rgba(255,236,205,.5);}
  .st-b{position:absolute;left:0;top:-.15em;width:100%;padding-top:.15em;height:calc(100% + .3em);white-space:nowrap;color:transparent;pointer-events:none;
    background-image:repeating-linear-gradient(0deg,rgba(4,7,10,.55) 0 1px,transparent 1px 3px),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='1.15' numOctaves='1' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3CfeComponentTransfer%3E%3CfeFuncR type='discrete' tableValues='0.2 0.5 0.8 1'/%3E%3CfeFuncG type='discrete' tableValues='0.2 0.5 0.8 1'/%3E%3CfeFuncB type='discrete' tableValues='0.2 0.5 0.8 1'/%3E%3C/feComponentTransfer%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");background-size:auto,64px;-webkit-background-clip:text;background-clip:text;
    clip-path:inset(calc(var(--k) * 16.667%) 0 calc((5 - var(--k)) * 16.667%) 0);
    animation:tvn .5s steps(5) infinite,stWave 2.4s ease-in-out infinite;animation-delay:0s,calc(var(--k) * -.2s);will-change:transform;}
  .st-b:nth-child(3){animation:tvn .5s steps(5) infinite,stWave 2.4s ease-in-out infinite,stTear 3.1s steps(1) infinite;animation-delay:0s,-.2s,0s;}
  .st-b:nth-child(6){animation:tvn .5s steps(5) infinite,stWave 2.4s ease-in-out infinite,stTear 4.3s steps(1) infinite;animation-delay:0s,-.8s,-1.7s;}
  .ttl .st::before,.ttl .st::after{top:0;animation-duration:2.9s;}
  @keyframes stWave{0%,100%{transform:translateX(0) skewX(0);}22%{transform:translateX(.05em) skewX(4deg);}48%{transform:translateX(-.04em) skewX(-7deg);}74%{transform:translateX(.025em) skewX(2deg);}}
  @keyframes stTear{0%,70%,79%,100%{translate:0 0;}71%{translate:.17em 0;}73%{translate:-.1em 0;}75%{translate:.06em 0;}77%{translate:-.03em 0;}}
  @keyframes stNeon{0%,50%{opacity:.34;}51%{opacity:.8;}52%{opacity:.16;}53.5%{opacity:.84;}54.5%{opacity:.24;}56%{opacity:.9;}66%{opacity:.76;}80%{opacity:.4;}100%{opacity:.34;}}

  /* YOUR BRAND ISN'T BROKEN, with the engine beside the comparison */
  .pos{grid-template-columns:minmax(0,1fr) minmax(0,1fr);}
  .pos-a{grid-column:1;min-width:0;}
  .pos-b{grid-column:2;align-self:center;display:flex;flex-direction:column;align-items:center;min-width:0;}
  .pos-a .sub{margin-bottom:30px;}
  .pos-b .en{width:min(500px,88%);}
  .pos-b .en-c{font-size:clamp(24px,2.9vw,40px);}
  .pos-b .en-n b{font-size:clamp(19px,2vw,26px);}
  .pos-b .en-cap{max-width:42ch;}
  .vs-row{grid-template-columns:1fr;gap:10px;padding:22px 0;}
  .vs-what{font-size:16.5px;color:#8D9AA2;}
  .vs-what em{font-style:normal;font-weight:600;color:var(--film-white);}
  .vs-row.eb{padding:26px 0;}

  /* THREE WAYS IN: every plan in one view, each beside a collage of what one client got */
  .pl{margin-top:30px;}
  .plan{display:grid;grid-template-columns:minmax(0,.74fr) minmax(0,1.6fr);gap:clamp(24px,4vw,60px);align-items:center;padding:clamp(34px,4.6vw,60px) 0;border-top:1px solid var(--line);}
  .plan:last-child{border-bottom:1px solid var(--line);}
  .pl-n{display:flex;align-items:center;gap:12px;font-family:var(--label);font-weight:700;font-size:13px;letter-spacing:.18em;color:var(--ash);}
  .pl-n::before{content:"";width:12px;height:12px;border-radius:50%;border:2px solid #2A3742;transition:border-color .5s,background .5s,box-shadow .5s;}
  .plan.lit .pl-n::before{border-color:var(--sodium);background:var(--sodium);box-shadow:0 0 0 5px rgba(255,177,59,.14),0 0 18px rgba(255,177,59,.8);}
  .pl-flag{margin-left:6px;color:var(--sodium);}
  .pl-name{font-family:var(--display);font-weight:800;letter-spacing:-0.02em;font-size:clamp(38px,4.6vw,62px);line-height:.95;color:var(--film-white);margin-top:16px;}
  .plan.s3 .pl-name{color:var(--sodium);}
  .pl-kind{font-family:var(--label);font-weight:700;font-size:13px;letter-spacing:.18em;text-transform:uppercase;color:var(--sodium);margin:14px 0 18px;}
  .pl-desc{font-size:17px;line-height:1.6;color:var(--soft);max-width:34ch;}
  .pl-who{margin-top:22px;padding-top:16px;border-top:1px solid var(--line);font-size:15.5px;line-height:1.55;color:var(--soft);max-width:34ch;}
  .pl-who span{display:block;font-family:var(--label);font-weight:700;font-size:13px;letter-spacing:.16em;text-transform:uppercase;color:var(--ash);margin-bottom:6px;}
  .pl-who b{color:var(--film-white);font-weight:600;}
  .plan .go{display:inline-flex;align-items:center;gap:8px;margin-top:22px;font-family:var(--label);font-weight:700;font-size:13px;letter-spacing:.16em;text-transform:uppercase;color:var(--sodium);transition:gap .25s;}
  .plan .go:hover{gap:14px;}
  /* the collage: positions are in hundredths of the collage's width (desktop --x --y --w --r, phone --mx --my --mw --mr) */
  .cl{position:relative;container-type:inline-size;aspect-ratio:100 / var(--h);}
  .cd{--X:var(--x);--Y:var(--y);--W:var(--w);--R:var(--r,0);position:absolute;margin:0;left:calc(var(--X) * 1cqw);top:calc(var(--Y) * 1cqw);width:calc(var(--W) * 1cqw);z-index:var(--z,1);
    transform:rotate(calc(var(--R) * 1deg));display:flex;flex-direction:column;align-items:center;gap:10px;}
  .cd .ph.sh-ph{--pw:calc(var(--W) * 1cqw);position:relative;width:100%;}
  .cd figcaption{font-family:var(--label);font-weight:700;font-size:13px;letter-spacing:.14em;text-transform:uppercase;color:var(--soft);white-space:nowrap;text-shadow:0 2px 8px #000;}
  /* a laptop, the way a website is shown in a mockup */
  .lt-scr{position:relative;width:88%;aspect-ratio:16 / 10.9;display:flex;flex-direction:column;padding:2.2% 2.2% 2.6%;border-radius:1.8cqw 1.8cqw .3cqw .3cqw;background:#0b0e11;
    box-shadow:0 0 0 1px #3a424a inset,0 0 0 2px #14181c,0 40px 70px -30px rgba(0,0,0,.95),0 0 60px -20px rgba(255,177,59,.28);}
  .lt-scr::before{content:"";position:absolute;top:.8%;left:50%;width:.9cqw;height:.9cqw;border-radius:50%;background:#1e252b;transform:translateX(-50%);}
  .lt-bar{flex:none;height:7%;display:flex;align-items:center;gap:.6cqw;padding:0 1.2cqw;background:#1d2227;border-radius:.5cqw .5cqw 0 0;}
  .lt-bar i{width:.8cqw;height:.8cqw;border-radius:50%;background:#3b444c;flex:none;}
  .lt-bar span{flex:1;margin:0 6cqw 0 3cqw;padding:.35cqw 0;border-radius:.6cqw;background:#2a3036;color:#C9CED3;font:600 1.3cqw/1 var(--body);text-align:center;white-space:nowrap;overflow:hidden;}
  .lt-view{position:relative;flex:1;overflow:hidden;background:#fff;}
  .lt-view img,.lt-view video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:top;display:block;}
  .lt-view video{opacity:0;transition:opacity .45s;} .lt-view video.on{opacity:1;}
  .lt-base{position:relative;width:100%;aspect-ratio:100 / 3.4;margin-top:-1px;background:linear-gradient(180deg,#6a727b 0%,#353b42 30%,#1b1f24 100%);border-radius:0 0 1.2cqw 1.2cqw / 0 0 2.6cqw 2.6cqw;box-shadow:0 18px 30px -16px rgba(0,0,0,.9);}
  .lt-base::before{content:"";position:absolute;left:50%;top:0;width:15%;height:40%;transform:translateX(-50%);background:#22282e;border-radius:0 0 .8cqw .8cqw;}
  /* texts arriving at the phones, the way iMessage shows them */
  .bub{position:absolute;left:calc(var(--bx) * 1cqw);top:calc(var(--by) * 1cqw);width:0;height:0;z-index:40;pointer-events:none;}
  .bub-in{position:absolute;bottom:0;padding:8px 14px;border-radius:19px;background:#0A84FF;color:#fff;white-space:nowrap;
    font:400 16px/1.3 -apple-system,BlinkMacSystemFont,"SF Pro Text","Helvetica Neue",system-ui,sans-serif;letter-spacing:-.01em;
    box-shadow:0 16px 30px -14px rgba(0,0,0,.9);animation:bubIn 4.2s cubic-bezier(.34,1.56,.64,1) both;}
  .bub.tr .bub-in{right:0;transform-origin:100% 100%;}
  .bub.tl .bub-in{left:0;transform-origin:0 100%;}
  .bub-in::after{content:"";position:absolute;bottom:0;width:13px;height:17px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 13 17'%3E%3Cpath fill='%230A84FF' d='M0 0C.4 8.5 4.6 14.6 13 17 6.6 17.3 2.4 16.3 0 14.2Z'/%3E%3C/svg%3E") no-repeat;}
  .bub.tr .bub-in::after{right:-5px;} .bub.tl .bub-in::after{left:-5px;transform:scaleX(-1);}
  .bub-in .dots{display:flex;gap:4px;padding:5px 2px;}
  .bub-in .dots i{width:7px;height:7px;border-radius:50%;background:rgba(255,255,255,.85);animation:bubDot 1s ease-in-out infinite;}
  .bub-in .dots i:nth-child(2){animation-delay:.15s;} .bub-in .dots i:nth-child(3){animation-delay:.3s;}
  @keyframes bubIn{0%{opacity:0;transform:scale(.35);}7%{opacity:1;transform:scale(1.06);}11%{transform:scale(1);}86%{opacity:1;transform:none;}100%{opacity:0;transform:translateY(-10px);}}
  @keyframes bubDot{0%,100%{opacity:.35;transform:none;}40%{opacity:1;transform:translateY(-2px);}}
  @media (max-width:880px){
    .plan{grid-template-columns:1fr;gap:28px;}
    .cl{aspect-ratio:100 / var(--mh);}
    .cd{--X:var(--mx);--Y:var(--my);--W:var(--mw);--R:var(--mr,0);}
    .cd.lt figcaption{order:-1;}
    .bub-in{font-size:15px;padding:7px 12px;}
    .pos{grid-template-columns:1fr;} .pos-a,.pos-b{grid-column:1;}
    .pos-b .en{width:min(330px,74vw);}
  }

  /* THE CLOSE: the opening, once more */
  .contact.fin-sec{padding:clamp(90px,13vw,170px) 0 clamp(70px,9vw,120px);background:radial-gradient(90% 70% at 50% 50%,#0B1218,var(--midnight) 75%);}
  .fin-sec .hwaves{opacity:.9;}
  .fin-sec .vignette{display:none;}
  .fin-k{font-family:var(--cond);font-weight:600;font-size:13px;letter-spacing:.24em;text-transform:uppercase;color:rgba(239,233,222,.72);margin-bottom:18px;}
  .contact h2.ttl.fin{font-family:var(--mark);font-weight:800;font-size:clamp(40px,7.4vw,112px);line-height:.9;letter-spacing:-0.045em;text-transform:lowercase;color:#F6F1E6;justify-content:center;
    text-shadow:0 0 2px rgba(255,240,215,.3),0 0 50px rgba(255,177,59,.26),0 8px 40px rgba(0,0,0,.9);}
  .fin-sec .subline.reborn{font-family:var(--cond);font-weight:600;font-size:15px;letter-spacing:.32em;text-transform:uppercase;color:var(--sodium);text-align:center;margin:22px 0 44px;}
  .fin-sec .reborn:not(.in) .l{animation-play-state:paused;}
  .fin-sec .reborn .l{animation-delay:calc(.2s + var(--i) * 70ms),calc(2.2s + var(--i) * 60ms);}
  .hwaves.idle .spark{animation-play-state:paused;}
  @media (max-width:700px){ .contact h2.ttl.fin{align-items:center;font-size:16.5vw;} .contact h2.ttl.fin .eb{text-align:center;} }

  /* THE CHAT: a few taps to find the right way in */
  .ch-w{position:fixed;right:20px;bottom:20px;z-index:60;font-family:var(--body);}
  .gating .ch-w{display:none;}
  .ch-btn{width:58px;height:58px;border-radius:50%;border:0;cursor:pointer;display:grid;place-items:center;background:#0E1620;color:var(--sodium);
    box-shadow:inset 0 0 0 1.5px rgba(255,177,59,.7),0 14px 34px -12px rgba(0,0,0,.9),0 0 26px -6px rgba(255,177,59,.55);transition:transform .25s,box-shadow .25s;}
  .ch-btn:hover{transform:translateY(-2px);box-shadow:inset 0 0 0 1.5px var(--sodium),0 18px 40px -12px rgba(0,0,0,.9),0 0 34px -4px rgba(255,177,59,.7);}
  .ch-btn svg{width:26px;height:26px;}
  .ch-btn .ch-dot{position:absolute;top:4px;right:4px;width:12px;height:12px;border-radius:50%;background:var(--sodium);box-shadow:0 0 0 3px var(--midnight),0 0 10px rgba(255,177,59,.9);display:none;}
  .ch-w.nudge .ch-dot{display:block;}
  .ch-p{position:absolute;right:0;bottom:72px;width:min(360px,calc(100vw - 32px));max-height:min(560px,calc(100vh - 120px));display:flex;flex-direction:column;
    background:#0B1218;border-radius:16px;box-shadow:inset 0 0 0 1px #1F2C36,0 30px 70px -20px rgba(0,0,0,.95),0 0 50px -24px rgba(255,177,59,.5);
    transform-origin:100% 100%;opacity:0;transform:translateY(12px) scale(.96);pointer-events:none;transition:opacity .28s,transform .38s cubic-bezier(.2,.8,.2,1);}
  .ch-w.open .ch-p{opacity:1;transform:none;pointer-events:auto;}
  .ch-head{display:flex;align-items:center;gap:12px;padding:16px 16px 14px 18px;border-bottom:1px solid #18242D;}
  .ch-head b{font-family:var(--mark);font-weight:800;font-size:19px;letter-spacing:-0.04em;color:var(--film-white);}
  .ch-head span{display:block;font-family:var(--label);font-weight:700;font-size:13px;letter-spacing:.14em;text-transform:uppercase;color:var(--sodium);margin-top:3px;}
  .ch-x{margin-left:auto;width:36px;height:36px;border-radius:50%;border:0;background:none;color:var(--ash);font-size:24px;line-height:1;cursor:pointer;}
  .ch-x:hover{color:var(--film-white);background:#141E26;}
  .ch-log{flex:1;overflow-y:auto;padding:16px 16px 6px;display:flex;flex-direction:column;gap:8px;scroll-behavior:smooth;}
  .ch-m{max-width:86%;padding:10px 14px;border-radius:16px;font-size:15.5px;line-height:1.45;animation:chIn .35s cubic-bezier(.2,.8,.2,1) both;}
  .ch-m.bot{align-self:flex-start;background:#16212A;color:var(--film-white);border-bottom-left-radius:5px;}
  .ch-m.me{align-self:flex-end;background:rgba(255,177,59,.14);color:#FFE3B0;box-shadow:inset 0 0 0 1px rgba(255,177,59,.4);border-bottom-right-radius:5px;}
  .ch-m b{color:var(--sodium);font-weight:700;}
  .ch-m .dots{display:flex;gap:4px;padding:4px 0;} .ch-m .dots i{width:7px;height:7px;border-radius:50%;background:var(--ash);animation:bubDot 1s ease-in-out infinite;}
  .ch-m .dots i:nth-child(2){animation-delay:.15s;} .ch-m .dots i:nth-child(3){animation-delay:.3s;}
  .ch-o{display:flex;flex-direction:column;gap:8px;padding:10px 16px 16px;}
  .ch-o button{text-align:left;padding:12px 14px;border-radius:10px;border:0;cursor:pointer;background:transparent;color:var(--film-white);font:500 15px/1.35 var(--body);
    box-shadow:inset 0 0 0 1px #24323C;transition:background .2s,box-shadow .2s,color .2s;animation:chIn .35s cubic-bezier(.2,.8,.2,1) both;}
  .ch-o button:hover,.ch-o button:focus-visible{background:rgba(255,177,59,.08);box-shadow:inset 0 0 0 1px rgba(255,177,59,.6);outline:0;}
  .ch-o button.pri{color:var(--sodium);box-shadow:inset 0 0 0 1px rgba(255,177,59,.6);font-weight:700;}
  .ch-o button.lnk{box-shadow:none;color:var(--ash);padding:6px 14px;font-size:14px;}
  @keyframes chIn{from{opacity:0;transform:translateY(6px);}to{opacity:1;transform:none;}}
  @media (max-width:700px){ footer{padding-bottom:88px;} .ch-w{right:14px;bottom:14px;} .ch-btn{width:54px;height:54px;} .ch-p{bottom:66px;max-height:calc(100vh - 100px);} }
  @media (prefers-reduced-motion:reduce){ .ttl .st{opacity:.42;} .ch-p{transition:none;} }

  /* ABOUT PAGE */
  .page-top{padding-top:clamp(110px,14vh,150px);}

  /* ===== ROUND 10 (24 Oct 2026) ===== */
  /* an Instagram story ad: the bars across the top fill one by one as the ads change */
  .ig-st{position:absolute;inset:0;}
  .ig-st img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .5s;}
  .ig-st img.on{opacity:1;}
  .ig-bars{position:absolute;left:4cqw;right:4cqw;top:7.6%;display:flex;gap:1.4cqw;z-index:2;}
  .ig-bars i{flex:1;height:1cqw;min-height:2px;border-radius:2px;background:rgba(255,255,255,.38);overflow:hidden;position:relative;}
  .ig-bars i::after{content:"";position:absolute;inset:0;background:#fff;transform:scaleX(0);transform-origin:left;}
  .ig-bars i.past::after{transform:none;} .ig-bars i.on::after{animation:barFill 2.6s linear forwards;}
  @keyframes barFill{to{transform:none;}}
  .ig-sw{position:absolute;left:4cqw;right:4cqw;top:calc(7.6% + 4.5cqw);display:flex;align-items:center;gap:3cqw;z-index:2;font-size:6.4cqw;color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.7);}
  .ig-sw b{font-family:var(--body);font-weight:700;max-width:58%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
  .ig-sw em{font-style:normal;opacity:.85;}
  /* Three ways in: the heading pins under the menu while the plans scroll by */
  #services{overflow:visible;overflow-x:clip;content-visibility:visible;}
  .pl-head{position:sticky;top:var(--navh,62px);z-index:50;display:flex;align-items:flex-end;justify-content:space-between;gap:24px;padding:14px 0 18px;
    background:linear-gradient(180deg,var(--midnight) 0%,var(--midnight) 84%,rgba(4,7,10,0) 100%);}
  .pl-head .sec-head{margin-bottom:14px;}
  .pl-head .svc-intro{margin:0;max-height:120px;overflow:hidden;transition:max-height .45s cubic-bezier(.2,.8,.2,1),opacity .3s;}
  .pl-head h2.big{transition:font-size .45s cubic-bezier(.2,.8,.2,1);}
  .pl-head .sec-head .eyebrow{transition:margin .45s;}
  .pl-head.stuck .svc-intro{max-height:0;opacity:0;}
  .pl-head.stuck h2.big{font-size:clamp(26px,2.6vw,34px);}
  .pl-head.stuck .sec-head{margin-bottom:0;}
  .pl-head.stuck .sec-head .eyebrow{margin-bottom:8px;}
  .pl-now{display:flex;align-items:baseline;gap:12px;opacity:0;transform:translateY(6px);transition:opacity .35s,transform .35s;white-space:nowrap;}
  .pl-head.stuck .pl-now{opacity:1;transform:none;}
  .pl-now span{font-family:var(--label);font-weight:700;font-size:13px;letter-spacing:.18em;color:var(--sodium);}
  .pl-now b{font-family:var(--display);font-weight:800;font-size:clamp(20px,2vw,26px);letter-spacing:-0.015em;color:var(--film-white);}
  .pl-now.swap b{animation:nowIn .5s cubic-bezier(.2,.8,.2,1);}
  @keyframes nowIn{from{opacity:0;transform:translateY(8px);}to{opacity:1;transform:none;}}
  .pl{margin-top:0;}
  @media (max-width:880px){
    .pl-head{padding:10px 0 14px;}
    .pl-head.stuck .sec-head .eyebrow{display:none;}
    .pl-head.stuck h2.big{font-size:24px;}
    .pl-now b{font-size:18px;}
  }
  /* the About page: the header and the reel share the pinned screen; the page scrolls on once the reel ends */
  [data-about="b"] .about .cb{margin-top:0;}
  .cb-pin{flex-direction:column;align-items:stretch;justify-content:center;gap:clamp(18px,3.4vh,40px);padding-top:var(--navh,62px);}
  .cb-head .sec-head{margin-bottom:0;}
  .cb-head h2.big{font-size:clamp(32px,4.2vw,56px);}
  .cb-reel{position:relative;}
  .cb-reel .cb-strip{width:max-content;}
  @media (max-width:700px){ .cb-head .cr-who{margin-top:14px;} .cb-head .cr-who p{font-size:15.5px;} }
  .cl{z-index:1;}
  .cd figcaption{padding:4px 9px;border-radius:5px;background:rgba(4,7,10,.78);}
  .cb-pin{height:auto;min-height:0;padding-top:calc(var(--navh,62px) + clamp(10px,3vh,36px));padding-bottom:clamp(16px,3vh,32px);}
  section.block.cr-sec#about{padding-top:0;padding-bottom:0;}
  #about + .faq{padding-top:clamp(24px,3.4vw,44px);}

  /* ===== ROUND 11 (24 Oct 2026) ===== */
  /* You've got the spark: words and the engine side by side, the comparison as one compact table beneath */
  .why2{display:flex;flex-direction:column;gap:clamp(30px,4vw,52px);}
  .w-top{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:clamp(24px,5vw,72px);align-items:center;}
  .w-say{min-width:0;}
  .positioning .why2 .lead.reveal{font-size:clamp(30px,4.5vw,64px);line-height:1.04;margin:0 0 24px;max-width:none;}
  .why2 .lead .ln{display:block;white-space:nowrap;}
  .why2 .sub{margin:0;max-width:52ch;}
  .w-en{display:flex;flex-direction:column;align-items:center;min-width:0;}
  .w-en .en{width:min(430px,92%);}
  .w-en .en-c{font-size:clamp(22px,2.5vw,34px);}
  .w-en .en-n b{font-size:clamp(17px,1.7vw,22px);}
  .w-en .en-n{padding:10px 14px;}
  .w-en .en-cap{max-width:40ch;font-size:15.5px;margin-top:14px;}
  .why2 .pos-vs .vs-row{grid-template-columns:minmax(0,210px) minmax(0,1fr);gap:28px;padding:20px 0;align-items:baseline;}
  .why2 .vs-row.eb{padding:22px 0;}
  .why2 .vs-row.eb .vs-what{font-size:17.5px;}
  /* "electric", worn by brands that don't exist: the face snaps from one to the next with a jolt */
  .zap{display:inline-block;position:relative;vertical-align:baseline;text-align:left;}
  .zap-w{display:inline-block;white-space:nowrap;color:#FFF2D4;text-shadow:0 0 .32em rgba(255,177,59,.55);transform-origin:30% 60%;will-change:transform;}
  .zap-w.hit{animation:zapIn .17s steps(4,end) both;}
  @keyframes zapIn{0%{transform:scale(1.22,.5) skewX(-16deg);filter:brightness(2.6);text-shadow:-.07em 0 #FF2A6D,.07em 0 #05D9E8;}
    40%{transform:scale(.9,1.16) skewX(9deg);text-shadow:.05em 0 #FF2A6D,-.05em 0 #05D9E8;}
    75%{transform:scale(1.04,.96) skewX(-3deg);}100%{transform:none;}}
  .zap::after{content:"";position:absolute;left:-6%;right:-6%;top:48%;height:2px;background:linear-gradient(90deg,transparent,#FFE2A8,transparent);opacity:0;pointer-events:none;}
  .zap.arc::after{animation:zapArc .2s linear;}
  @keyframes zapArc{0%{opacity:0;transform:scaleX(.2);}30%{opacity:1;transform:scaleX(1);}100%{opacity:0;transform:scaleX(1.1) translateY(-.3em);}}
  @media (max-width:880px){
    .w-top{grid-template-columns:1fr;}
    .positioning .why2 .lead.reveal{font-size:8.2vw;}
    .w-en .en{width:min(330px,78vw);}
    .why2 .pos-vs .vs-row{grid-template-columns:1fr;gap:8px;}
  }

  /* ===== ROUND 12: the welcome gate is a dead TV ===== */
  #gate{background:#020304;}
  #gate::after{display:none;}
  .g-static{position:absolute;inset:0;width:100%;height:100%;opacity:calc(.36 + var(--p,0) * .1);filter:contrast(1.25) brightness(.9);}
  .g-frame{position:absolute;inset:-3%;width:106%;height:106%;max-width:none;object-fit:cover;opacity:0;filter:saturate(.75) contrast(1.15) brightness(.9);mix-blend-mode:screen;transition:opacity .06s linear;}
  .g-tint{position:absolute;inset:0;background:radial-gradient(60% 55% at 50% 50%,rgba(255,177,59,calc(var(--p,0) * .34)),transparent 70%),radial-gradient(120% 100% at 50% 50%,transparent 45%,rgba(0,0,0,.85) 100%);pointer-events:none;}
  .g-scan{position:absolute;inset:0;background:repeating-linear-gradient(0deg,rgba(0,0,0,.38) 0 1px,transparent 1px 3px);pointer-events:none;}
  .g-roll{position:absolute;left:0;right:0;height:16%;top:-20%;background:linear-gradient(180deg,transparent,rgba(255,255,255,.08),transparent);animation:gRoll 6.5s linear infinite;pointer-events:none;}
  @keyframes gRoll{to{top:112%;}}
  #gate .gate-content{display:flex;flex-direction:column;align-items:center;}
  #gate .gate-kick{font-family:var(--label);font-weight:700;font-size:13px;letter-spacing:.26em;text-transform:uppercase;color:rgba(239,233,222,.78);margin:0;text-shadow:0 2px 12px #000;}
  .g-word{font-family:var(--mark);font-weight:800;font-size:clamp(84px,17vw,230px);line-height:.92;letter-spacing:-0.045em;text-transform:lowercase;color:#F6F1E6;justify-content:center;margin:8px 0 30px;white-space:nowrap;}
  .g-word .st{opacity:calc(.42 + var(--p,0) * .4);}
  .g-on{display:inline-block;color:#FFF2D4;text-shadow:0 0 2px #fff,0 0 34px rgba(255,177,59,.95),0 0 90px rgba(255,177,59,.55);animation:gOn .5s steps(6,end) both;}
  @keyframes gOn{0%{opacity:0;transform:scale(1.08,.6);}30%{opacity:1;}45%{opacity:.3;}60%{opacity:1;transform:scale(.98,1.04);}100%{opacity:1;transform:none;}}
  .g-plug{position:relative;width:116px;height:116px;border-radius:50%;border:0;padding:0;background:rgba(8,13,18,.82);color:var(--sodium);cursor:pointer;display:grid;place-items:center;
    touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;
    box-shadow:0 0 0 1px rgba(255,177,59,.35),0 0 calc(18px + var(--p,0) * 70px) rgba(255,177,59,calc(.18 + var(--p,0) * .6));transform:scale(calc(1 + var(--p,0) * .1));transition:box-shadow .15s;}
  .g-plug:hover{box-shadow:0 0 0 1px rgba(255,177,59,.7),0 0 calc(30px + var(--p,0) * 70px) rgba(255,177,59,calc(.3 + var(--p,0) * .6));}
  .g-plug:focus-visible{outline:2px solid var(--sodium);outline-offset:8px;}
  .g-ring{position:absolute;inset:0;width:100%;height:100%;}
  .g-tr{fill:none;stroke:rgba(255,177,59,.2);stroke-width:3;}
  .g-fl{fill:none;stroke:#FFD48A;stroke-width:4.5;stroke-linecap:round;stroke-dasharray:100;stroke-dashoffset:calc(100 - var(--p,0) * 100);filter:drop-shadow(0 0 6px rgba(255,177,59,.95));}
  .g-ico{width:42px;height:42px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;transform:translateY(calc(var(--p,0) * -3px));}
  .g-hint{font-family:var(--label);font-weight:700;font-size:13px;letter-spacing:.24em;text-transform:uppercase;color:var(--sodium);margin:18px 0 0;min-height:1.4em;text-shadow:0 2px 10px #000;}
  .g-hint.nudge{animation:gNudge .42s;}
  @keyframes gNudge{20%,60%{transform:translateX(-6px);}40%,80%{transform:translateX(6px);}}
  #gate .gate-no{margin-top:22px;background:none;border:0;padding:12px 14px;font-family:var(--label);font-weight:700;font-size:13px;letter-spacing:.2em;text-transform:uppercase;color:var(--ash);cursor:pointer;animation:none;transform:none;}
  #gate .gate-no:hover,#gate .gate-no:focus-visible{color:var(--film-white);outline:none;transform:none;animation:none;}
  #gate.shake .gate-content{animation:gShake .09s steps(2) infinite;}
  @keyframes gShake{50%{transform:translate(1px,-1px);}}
  .g-crt{position:absolute;inset:0;z-index:6;pointer-events:none;background:#FFF6E2;opacity:0;transform:scale(.02,.003);}
  #gate.on .g-crt{animation:crtOn .52s cubic-bezier(.2,.8,.2,1) forwards;}
  @keyframes crtOn{0%{opacity:0;transform:scale(.02,.003);}22%{opacity:1;transform:scale(1,.004);}55%{opacity:.95;transform:scale(1,1);}100%{opacity:0;transform:scale(1,1);}}
  .vh{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;}
  @media (max-width:700px){ .g-word{font-size:24vw;} #gate .gate-kick{font-size:13px;letter-spacing:.18em;padding:0 16px;} }
  @media (prefers-reduced-motion:reduce){ .g-roll{display:none;} }
  #gate .gate-content::before{content:"";position:absolute;inset:-18% -40%;z-index:-1;background:radial-gradient(closest-side,rgba(2,3,4,.72),rgba(2,3,4,.35) 60%,transparent);pointer-events:none;}
  .g-on{text-shadow:0 0 2px #fff,0 0 34px rgba(255,177,59,.95),0 0 90px rgba(255,177,59,.55),0 6px 30px rgba(0,0,0,.9);}
  #gate .g-tint{z-index:2;background:radial-gradient(min(70vw,620px) min(46vh,420px) at 50% 50%,rgba(2,3,4,.68),rgba(2,3,4,.3) 55%,transparent 100%),radial-gradient(60% 55% at 50% 50%,rgba(255,177,59,calc(var(--p,0) * .22)),transparent 70%),radial-gradient(120% 100% at 50% 50%,transparent 45%,rgba(0,0,0,.85) 100%);}
  #gate .g-scan,#gate .g-roll{z-index:2;}

  /* ===== ROUND 13: English / Español ===== */
  nav .links .lang{background:none;border:0;cursor:pointer;font-family:var(--label);font-weight:600;font-size:13.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--sodium);padding:8px 2px;}
  nav .links .lang:hover{color:var(--film-white);}
  .g-lang{position:absolute;top:calc(22px + env(safe-area-inset-top,0px));left:24px;z-index:4;background:none;border:0;cursor:pointer;font-family:var(--label);font-weight:700;font-size:13px;letter-spacing:.2em;text-transform:uppercase;color:var(--ash);padding:10px 4px;}
  .g-lang:hover,.g-lang:focus-visible{color:var(--film-white);outline:none;}
  @media (max-width:880px){ .pl-head.stuck h2.big{font-size:19px;white-space:nowrap;} .pl-head.stuck .pl-now b{font-size:16px;} .pl-head.stuck{gap:12px;} }

  /* ===== ROUND 14 (24 Oct 2026) ===== */
  /* "electric": our word always holds the space; the other identities flash on top of it */
  .zap{position:relative;display:inline-block;}
  .zap-base{display:inline-block;color:#FFF2D4;text-shadow:0 0 .32em rgba(255,177,59,.5);}
  .zap-face{position:absolute;left:50%;top:50%;white-space:nowrap;line-height:1;opacity:0;pointer-events:none;transform:translate(-50%,-50%);transform-origin:50% 50%;}
  .zap.flick .zap-base{opacity:0;}
  .zap.flick .zap-face{opacity:1;}
  .zap-face.hit{animation:zapHit .07s steps(2,end);}
  @keyframes zapHit{0%{translate:-.05em 0;filter:brightness(2.3);text-shadow:-.06em 0 #FF2A6D,.06em 0 #05D9E8;}100%{translate:0 0;}}
  .zap-base.land{animation:zapLand .9s cubic-bezier(.2,.8,.2,1);}
  @keyframes zapLand{0%{color:#FFFFFF;text-shadow:0 0 .2em #fff,0 0 .6em rgba(255,177,59,1),0 0 1.4em rgba(255,177,59,.8);transform:scale(1.07);}
    18%{color:#FFF2D4;transform:scale(.98);}35%{text-shadow:0 0 .1em #fff,0 0 .9em rgba(255,177,59,.9);transform:none;}100%{text-shadow:0 0 .32em rgba(255,177,59,.5);}}
  /* the quiz: one window, riding a tunnel of current */
  .quiz{position:relative;min-height:100vh;min-height:100svh;display:flex;align-items:center;padding-block:calc(var(--navh,62px) + 14px) 26px;background:#03060A;overflow:hidden;}
  .q-tunnel{position:absolute;inset:0;width:100%;height:100%;z-index:0;pointer-events:none;}
  .quiz::after{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:radial-gradient(80% 70% at 50% 56%,rgba(3,6,10,0),rgba(3,6,10,.3) 100%);}
  .quiz .quiz-wrap{position:relative;z-index:2;width:min(1040px,92vw);}
  .quiz .sec-head{margin-bottom:0;}
  .quiz .sec-head .eyebrow{margin-bottom:12px;}
  .quiz h2.big{font-size:clamp(28px,3.4vw,46px);}
  .quiz .quiz-sub{font-size:16.5px;margin-top:12px;max-width:62ch;}
  .quiz .quiz-card{margin-top:clamp(18px,3vh,30px);background:rgba(8,13,18,.86);border-color:rgba(255,177,59,.22);box-shadow:0 0 0 1px rgba(255,177,59,.08),0 40px 90px -30px rgba(0,0,0,.95),0 0 80px -30px rgba(255,177,59,.35);}
  .quiz .qz-main{padding:28px 34px 26px;}
  .quiz .q-text{font-size:clamp(22px,2.4vw,28px);margin-bottom:20px;}
  .quiz .q-opt{padding:14px 18px;}
  .quiz .qz-side{padding:28px 24px;gap:22px;}
  .quiz .qz-meter{height:200px;}
  @media (max-width:880px){ .quiz{min-height:0;} .quiz .qz-main{padding:22px 18px 22px;} .quiz h2.big{font-size:27px;} .quiz .qz-meter{height:auto;} .quiz .qz-side{padding:16px 18px;gap:10px;} }
  .page-top{padding-top:calc(var(--navh,62px) + clamp(28px,5vw,60px));}

  /* ===== ROUND 15 (24 Oct 2026) ===== */
  /* the quiz keeps one size while you answer, so nothing below it moves */
  .quiz .qz{height:440px;}
  .quiz .qz-main{overflow:hidden;}
  .quiz .qz-so{min-height:0;overflow:hidden;}
  .quiz .qz-side{overflow:hidden;}
  .quiz .sec-head{max-height:320px;transition:max-height .6s cubic-bezier(.2,.8,.2,1),opacity .4s,margin .6s;}
  /* the results: the heading steps aside, and the read, the fit, the three moves and the note share one window */
  .quiz.done .sec-head{max-height:0;opacity:0;overflow:hidden;margin:0;}
  .quiz.done .quiz-card{margin-top:0;animation:resIn .8s cubic-bezier(.2,.8,.2,1);}
  @keyframes resIn{0%{transform:scale(.94);filter:brightness(2.2) blur(3px);opacity:.3;}40%{filter:brightness(1.4) blur(0);opacity:1;}100%{transform:none;filter:none;}}
  .quiz.done .qz{display:block;height:auto;}
  .quiz.done .qz-side{display:none;}
  .quiz.done .qz-main{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));column-gap:0;padding:0;overflow:visible;}
  .quiz.done #q-result{display:contents!important;}
  .quiz.done .r-top{grid-column:1 / -1;padding:24px 30px 18px;border-bottom:1px solid var(--line);}
  .quiz.done .r-top .eyebrow{display:block;margin-bottom:8px;}
  .quiz.done .r-read{font-size:16.5px;line-height:1.55;margin:0;max-width:none;}
  .quiz.done .r-fit{margin:24px 24px 24px 30px;padding:22px;}
  .quiz.done .r-name{font-size:30px;}
  .quiz.done .r-pitch{font-size:15px;line-height:1.6;}
  .quiz.done .r-b{padding:24px 24px;border-left:1px solid var(--line);}
  .quiz.done .r-b .eyebrow{display:block;margin-bottom:14px;}
  .quiz.done .r-moves{gap:12px;} .quiz.done .r-moves li{font-size:15px;line-height:1.55;}
  .quiz.done .r-restart{margin-top:16px;}
  .quiz.done .q-form,.quiz.done .q-thanks{margin:0;border-top:0;border-left:1px solid var(--line);padding:24px 28px;}
  .quiz.done .q-form-lead{font-size:15px;margin-bottom:14px;}
  .quiz.done .q-field{margin-bottom:10px;}
  .quiz.done .q-field input,.quiz.done .q-field textarea{padding:11px 13px;font-size:15px;}
  .quiz.done .q-check{margin:4px 0 14px;font-size:15px;}
  @media (max-width:880px){
    .quiz .qz{height:auto;min-height:0;}
    .quiz .qz-main{min-height:420px;}
    .quiz.done .qz-main{grid-template-columns:1fr;min-height:0;}
    .quiz.done .r-fit{margin:20px;}
    .quiz.done .r-b,.quiz.done .q-form,.quiz.done .q-thanks{border-left:0;border-top:1px solid var(--line);padding:22px 20px;}
    .quiz.done .r-top{padding:22px 20px 16px;}
  }
  .quiz.done .qz-main{grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,1.1fr);}
  .quiz.done .q-row{grid-template-columns:1fr;gap:0;}
  .quiz.done .q-row .q-field:nth-child(2){display:none;}
  /* no stub lines: headings, captions and labels even out their lines; running text avoids a lone last word */
  h1,h2,h3,h4,figcaption,.cb-f h3,.cb-f p,.wk-i h3,.wk-i .k,.pl-kind,.lab,.sublbl,.lbl{text-wrap:balance;}
  p,li,.vs-what,.pl-who{text-wrap:pretty;}
  @media (max-width:880px){ .quiz.done .qz-main{grid-template-columns:1fr;} .quiz.done .q-row .q-field:nth-child(2){display:flex;} }
  .r-kind,.kind,.r-label{text-wrap:balance;display:inline-block;}

  /* ===== ROUND 16 (24 Oct 2026) ===== */
  /* the tube's light holds at full, then the page comes up through it */
  @keyframes crtOn{0%{opacity:0;transform:scale(.02,.003);}25%{opacity:1;transform:scale(1,.004);}70%{opacity:1;transform:scale(1,1);}100%{opacity:1;transform:scale(1,1);}}
  #gate.thru{background:transparent;pointer-events:none;}
  #gate.thru>*:not(.g-crt){visibility:hidden;}
  #gate.thru .g-crt{animation:crtOut 1.2s cubic-bezier(.3,.6,.2,1) forwards;}
  #gate.thru .g-crt{transform:none;}
  @keyframes crtOut{0%{opacity:1;background:#FFF6E2;transform:none;}30%{opacity:.85;background:#FFD48A;transform:none;}100%{opacity:0;background:#FFB13B;transform:none;}}
  /* coming up through the light, the opening's layers arrive close together instead of one by one */
  .through .hero .stage{animation:stageIn 1.6s cubic-bezier(.2,.8,.2,1) .05s both;}
  .through .hero .hwaves{animation:revIn 1.4s ease 0s both;}
  .through .hero .atmo{animation:revIn 1s ease 0s both;}
  .through .hero h1{animation:powerOn 1.8s cubic-bezier(.2,.7,.2,1) .2s both;}
  .through .hero .tagline{animation:revDrift .9s ease .45s both;}
  .through .hero .subline{animation:revDrift .9s ease .6s both;}
  .through nav{animation:revIn .8s ease .55s both;}
  .through .hero .cta-row{animation:revDrift .9s ease .7s both;}
  .through .rfx-sweep,.through .rfx-pulse{animation:none;opacity:0;}
  .through .rfx-leak{animation:leak 1.8s ease .1s both;}
  /* the static rests while it is off screen */
  .ttl.idle .st,.ttl.idle .st *,.ttl.idle .st::before,.ttl.idle .st::after,.g-word.idle .st,.g-word.idle .st *{animation-play-state:paused!important;}
  /* the close is laid out with the rest of the page, so it is ready before it is reached */
  section.block.fin-sec{content-visibility:visible;}
  .fin-sec .reborn:not(.in) .l{opacity:0;}

  /* ===== ROUND 17 (24 Oct 2026) ===== */
  /* all six answers fit in "Your plan so far" */
  .quiz .qz{height:460px;}
  .quiz .qz-meter{height:150px;}
  .quiz .qz-side{gap:16px;}
  .quiz #qzso{display:flex;flex-direction:column;gap:7px;}
  .quiz #qzso li{font-size:14px;line-height:1.35;}
  .quiz .qz-k{margin-bottom:10px;}
  /* the note shows all of itself */
  .q-field textarea{resize:vertical;overflow:hidden;min-height:84px;}
  /* the close: still waves that breathe (one layer fading, nothing repainted), "Digital Rebirth" lights once */
  .fin-sec .fwaves{animation:finBreath 7s ease-in-out infinite;will-change:opacity;}
  @keyframes finBreath{0%,100%{opacity:.75;}50%{opacity:1;}}
  .fin-sec .reborn .l{animation:reIgnite 1s cubic-bezier(.2,.8,.2,1) both;animation-delay:calc(.15s + var(--i) * 55ms);}
  .contact h2.ttl.fin{text-shadow:0 0 30px rgba(255,177,59,.22),0 6px 26px rgba(0,0,0,.8);}
  @media (prefers-reduced-motion:reduce){ .fin-sec .fwaves{animation:none;} }

  /* ===== ROUND 18 (24 Oct 2026) ===== */
  /* the menu's blur sits on a layer behind it, so the menu panel can open over the whole screen when scrolled */
  nav.scrolled{backdrop-filter:none;-webkit-backdrop-filter:none;}
  nav::before{content:"";position:absolute;inset:0;z-index:-1;opacity:0;background:rgba(4,7,10,.82);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);transition:opacity .3s;pointer-events:none;}
  nav.scrolled::before{opacity:1;}
  nav.scrolled{background:transparent;}
  /* "baptism" slides out a beat after "static to electric": from behind "electric" on a computer, from beneath it on a phone */
  .ttl .eb2{display:inline-block;}
  @keyframes ebOut{0%{clip-path:inset(-20% 100% -20% 0);transform:translateX(-.55em);opacity:0;}25%{opacity:1;}100%{clip-path:inset(-20% -5% -20% 0);transform:none;opacity:1;}}
  @keyframes ebDown{0%{clip-path:inset(0 -5% 100% 0);transform:translateY(-.45em);opacity:0;}25%{opacity:1;}100%{clip-path:inset(-20% -5% -20% 0);transform:none;opacity:1;}}
  .revealing .hero .eb2{animation:ebOut .95s cubic-bezier(.2,.8,.2,1) 1.7s both;}
  .through .hero .eb2{animation:ebOut .95s cubic-bezier(.2,.8,.2,1) 1.4s both;}
  .fin .eb2{clip-path:inset(0 100% 0 0);}
  .fin.in .eb2{animation:ebOut .95s cubic-bezier(.2,.8,.2,1) 1s both;}
  @media (max-width:700px){
    .ttl .eb{display:block;} .ttl .eb2{display:block;}
    .revealing .hero .eb2{animation-name:ebDown;} .through .hero .eb2{animation-name:ebDown;}
    .fin .eb2{clip-path:inset(0 0 100% 0);} .fin.in .eb2{animation-name:ebDown;}
  }
  @media (prefers-reduced-motion:reduce){ .fin .eb2{clip-path:none;} }
  /* the tagline's changing ending sits on its own line on a phone */
  @media (max-width:700px){ .hero .tagline .rot{display:block;} }
  /* the plans on a phone: three phones for The Spark, and no example line or quiz link */
  @media (max-width:880px){
    #plan-spark .cd:nth-of-type(4){display:none;}
    #plan-spark .cl{aspect-ratio:100 / 104;}
    .plan .pl-who,.plan .go{display:none;}
  }
  /* Arimo (24 Oct 2026): short kickers and notes even out their lines */
  .fin-k,.foot-note,.hero .tagline,.quiz-sub,.sh-k,.faq-line,.en-cap{text-wrap:balance;}
  .pl-kind{letter-spacing:.12em;}
  .cb-f.mark h3{white-space:nowrap;font-size:clamp(30px,8.6vw,64px);}