/* =====================================================================
   Art-E-Shock · Landing pages design system
   lp.art-e-shock.com · shared by every page
   ===================================================================== */

/* ---------- fonts (self-hosted) ---------- */
@font-face{font-family:'Heebo';font-style:normal;font-weight:300 800;font-display:swap;src:url(../fonts/heebo-hebrew.woff2) format('woff2');unicode-range:U+0307-0308,U+0590-05FF,U+200C-2010,U+20AA,U+25CC,U+FB1D-FB4F}
@font-face{font-family:'Heebo';font-style:normal;font-weight:300 800;font-display:swap;src:url(../fonts/heebo-latin.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Karantina';font-style:normal;font-weight:400;font-display:swap;src:url(../fonts/karantina-400-hebrew.woff2) format('woff2');unicode-range:U+0307-0308,U+0590-05FF,U+200C-2010,U+20AA,U+25CC,U+FB1D-FB4F}
@font-face{font-family:'Karantina';font-style:normal;font-weight:400;font-display:swap;src:url(../fonts/karantina-400-latin.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Karantina';font-style:normal;font-weight:700;font-display:swap;src:url(../fonts/karantina-700-hebrew.woff2) format('woff2');unicode-range:U+0307-0308,U+0590-05FF,U+200C-2010,U+20AA,U+25CC,U+FB1D-FB4F}
@font-face{font-family:'Karantina';font-style:normal;font-weight:700;font-display:swap;src:url(../fonts/karantina-700-latin.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}

/* ---------- tokens ---------- */
:root{
  --ink:#000;
  --night:#0C0C0D;
  --coal:#121214;
  --graphite:#18181B;
  --line:rgba(212,178,106,.22);
  --line2:#26262A;
  --gold:#D4B26A;
  --gold-deep:#B08A3E;
  --gold-ink:#7A5C1F;          /* gold for text on light bg, AA */
  --champagne:#EBDDB8;
  --paper:#FFFFFF;
  --bone:#F6F4EF;
  --mist:#A7A39A;
  --slate:#57534B;
  --wa:#25D366;
  --wa-ink:#04210F;
  --alert:#E5484D;
  --good:#3DD68C;
  --display:'Karantina','Heebo',sans-serif;
  --body:'Heebo',system-ui,-apple-system,'Segoe UI',Arial,sans-serif;
  --wrap:100rem;
  --gutter:clamp(1rem,4vw,3rem);
  --r-lg:1.75rem;
  --r-md:1.125rem;
  --ease:cubic-bezier(.7,0,.2,1);
  --spring:cubic-bezier(.3,1.5,.5,1);
  color-scheme:dark;
}

/* ---------- reset ---------- */
*,*::before,*::after{box-sizing:border-box}
*{margin:0;padding:0}
html{font-size:100%;-webkit-text-size-adjust:100%;text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:5.5rem}
body{min-height:100vh;background:var(--ink);color:var(--champagne);font-family:var(--body);font-size:1.125rem;line-height:1.65;direction:rtl;text-align:right;-webkit-font-smoothing:antialiased;overflow-x:hidden;text-rendering:optimizeLegibility}
img,svg,video{display:block;max-width:100%}
img{height:auto}
a{color:inherit;text-decoration:none}
ul,ol{list-style:none}
button,input,textarea,select{font:inherit;color:inherit;background:none;border:0}
button{cursor:pointer}
button:disabled{cursor:not-allowed}
:focus-visible{outline:3px solid var(--gold);outline-offset:3px;border-radius:.375rem}
::selection{background:var(--gold);color:var(--ink)}
[hidden]{display:none!important}
.sr{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}
.wrap{max-width:var(--wrap);margin-inline:auto;padding-inline:var(--gutter)}
.ltr{direction:ltr;unicode-bidi:isolate}

/* skip link */
.skip{position:fixed;top:.75rem;right:.75rem;z-index:10000;background:var(--gold);color:var(--ink);font-weight:700;padding:.75rem 1.25rem;border-radius:999px;transform:translateY(-200%);transition:transform .2s}
.skip:focus{transform:none}

/* scroll progress */
.progress{position:fixed;inset-inline:0;top:0;height:3px;z-index:9995;pointer-events:none}
.progress i{display:block;height:100%;background:linear-gradient(90deg,var(--gold-deep),var(--gold),var(--champagne));transform-origin:right;transform:scaleX(0)}

/* ---------- type ---------- */
.eyebrow{display:inline-flex;align-items:center;gap:.75rem;font-size:.9375rem;font-weight:500;color:var(--gold);letter-spacing:.02em;margin-bottom:1rem}
.eyebrow::before{content:"";width:2rem;height:1px;background:currentColor}
.h1{font-family:var(--display);font-weight:700;color:var(--paper);font-size:clamp(4rem,7.2vw,7.5rem);line-height:.9;margin-bottom:1.5rem;letter-spacing:.005em}
.h1,.h2,.h3{text-wrap:balance}
.h1 span,.h2 .ln{display:block}
.h1 .gold,.h2 .gold{color:var(--gold)}
.h2{font-family:var(--display);font-weight:700;font-size:clamp(2.75rem,4.4vw,4.75rem);line-height:.92;color:var(--paper);margin-bottom:1.125rem}
.h3{font-family:var(--display);font-weight:700;font-size:clamp(2.5rem,3.6vw,3.375rem);line-height:.95;color:var(--paper);margin-bottom:.75rem}
.lead{font-size:clamp(1.125rem,1.5vw,1.3125rem);font-weight:300;color:var(--champagne);max-width:60ch}
.muted{color:var(--mist)}
.kicker{font-size:clamp(1.25rem,2vw,1.625rem);font-weight:300;color:var(--champagne);margin-bottom:.375rem}

/* ---------- buttons ---------- */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:.625rem;min-height:3.25rem;font-weight:700;font-size:1.0625rem;line-height:1.1;padding:1rem 1.75rem;border-radius:999px;transition:transform .2s ease,background-color .2s,color .2s,border-color .2s,box-shadow .2s;text-align:center}
.btn svg{width:1.25rem;height:1.25rem;flex:none}
.btn:active{transform:scale(.97)}
.btn-gold{background:var(--gold);color:var(--ink);box-shadow:0 10px 30px -12px rgba(212,178,106,.6)}
.btn-gold:hover{background:var(--champagne)}
.btn-ghost{border:1.5px solid var(--line);color:var(--champagne)}
.btn-ghost:hover{border-color:var(--gold);color:var(--gold)}
.btn-wa{background:var(--wa);color:var(--wa-ink)}
.btn-wa:hover{background:#4BE083}
.btn-wa svg{fill:currentColor}
.btn-sm{min-height:2.75rem;padding:.6875rem 1.25rem;font-size:.9375rem}
.link{color:var(--gold);font-weight:500;border-bottom:1px solid currentColor;transition:color .2s}
.link:hover{color:var(--champagne)}

/* =====================================================================
   HEADER
   ===================================================================== */
.top{position:fixed;inset-inline:0;top:0;z-index:9000;transition:background-color .3s,border-color .3s,backdrop-filter .3s;border-bottom:1px solid transparent}
.top.is-stuck{background:rgba(8,8,9,.82);-webkit-backdrop-filter:blur(14px) saturate(140%);backdrop-filter:blur(14px) saturate(140%);border-bottom-color:#1d1d20}
.top-in{display:flex;align-items:center;justify-content:space-between;gap:1.5rem;height:4.75rem}
.logo{display:block;flex:none}
.logo img{width:9.25rem;height:auto}
.top-nav{display:flex;gap:.25rem;margin-inline-start:auto}
.top-nav a{font-size:.9375rem;color:var(--mist);padding:.5rem .875rem;border-radius:999px;transition:color .2s,background-color .2s}
.top-nav a:hover,.top-nav a[aria-current="true"]{color:var(--champagne);background:rgba(212,178,106,.08)}

/* =====================================================================
   HERO
   ===================================================================== */
.hero{position:relative;padding:clamp(7.5rem,13vw,10rem) 0 clamp(4rem,8vw,7rem);isolation:isolate;overflow:hidden;overflow:clip}
.hero-bg{position:absolute;inset:0;z-index:-1;pointer-events:none;overflow:hidden}
.hero-bg::before{content:"";position:absolute;inset:0;background-image:linear-gradient(var(--line) 1px,transparent 1px),linear-gradient(90deg,var(--line) 1px,transparent 1px);background-size:3.5rem 3.5rem;opacity:.35;-webkit-mask-image:radial-gradient(ellipse 70% 60% at 30% 45%,#000 10%,transparent 75%);mask-image:radial-gradient(ellipse 70% 60% at 30% 45%,#000 10%,transparent 75%)}
.hero-bg::after{content:"";position:absolute;width:48rem;height:48rem;left:-12rem;top:4rem;border-radius:50%;background:radial-gradient(circle,rgba(212,178,106,.17),transparent 65%);animation:glow 12s ease-in-out infinite alternate}
@keyframes glow{to{transform:translate(6rem,3rem) scale(1.1)}}
.hero-video{position:absolute;inset:0;z-index:-2;overflow:hidden}
.hero-video video,.hero-video img{width:100%;height:100%;object-fit:cover;opacity:.28}
.hero-video::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.2),#000 75%),linear-gradient(0deg,#000,transparent 40%)}
.hero-grid{display:grid;grid-template-columns:1.02fr 1fr;gap:clamp(2rem,5vw,4.5rem);align-items:center}
.hero .lead{margin-bottom:2.25rem}
.ctas{display:flex;flex-wrap:wrap;gap:.875rem}
.facts{display:flex;flex-wrap:wrap;gap:.625rem 1.75rem;margin-top:2.5rem;padding-top:1.5rem;border-top:1px solid var(--line);font-size:.9375rem;color:var(--mist)}
.facts b{color:var(--champagne);font-weight:500}
.facts li{display:flex;align-items:center;gap:.5rem}
.facts li::before{content:"";width:.375rem;height:.375rem;border-radius:50%;background:var(--gold);flex:none}
.video-ctl{position:absolute;bottom:1.25rem;left:var(--gutter);z-index:3;display:inline-flex;align-items:center;gap:.5rem;font-size:.8125rem;color:var(--mist);padding:.5rem .875rem;border:1px solid var(--line2);border-radius:999px;background:rgba(0,0,0,.6);min-height:2.75rem}
.video-ctl:hover{color:var(--champagne);border-color:var(--gold)}
.video-ctl svg{width:1rem;height:1rem;fill:currentColor}

/* ---------- board (shared interactive frame) ---------- */
.board{position:relative;background:linear-gradient(160deg,#141416,#0a0a0b);border:1px solid var(--line);border-radius:var(--r-lg);padding:1.125rem;box-shadow:0 40px 80px -30px rgba(0,0,0,.9),inset 0 1px 0 rgba(255,255,255,.04)}
.board-bar{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.125rem .25rem .875rem}
.dots{display:flex;gap:.375rem}
.dots i{width:.625rem;height:.625rem;border-radius:50%;background:#2b2b2e}
.toggle{display:inline-flex;background:#0a0a0b;border:1px solid var(--line);border-radius:999px;padding:.25rem}
.toggle button{font-size:.875rem;font-weight:500;padding:.5rem 1rem;min-height:2.5rem;border-radius:999px;color:var(--mist);transition:background-color .3s,color .3s}
.toggle button[aria-pressed="true"]{background:var(--gold);color:var(--ink)}
.toggle button:not([aria-pressed="true"]):hover{color:var(--champagne)}
.board-cap{display:flex;justify-content:space-between;align-items:center;gap:.75rem;padding:.875rem .375rem .125rem;font-size:.875rem;color:var(--mist);min-height:2.75rem}
.board-cap b{color:var(--champagne);font-weight:500}

/* ---------- MORPH: template site vs crafted site ---------- */
.morph-stage{position:relative;height:22rem;border-radius:var(--r-md);overflow:hidden;background:#0d0d0e;border:1px solid #1f1f22}
.mk{position:absolute;inset:0;display:flex;flex-direction:column;gap:.75rem;padding:.875rem 1rem;transition:background-color .7s var(--ease),filter .7s}
.mk-url{display:flex;align-items:center;gap:.5rem;height:1.75rem;padding-inline:.75rem;border-radius:.5rem;background:#1b1b1e;font-size:.75rem;color:var(--mist);direction:ltr;transition:background-color .6s}
.mk-url svg{width:.75rem;height:.75rem;stroke:currentColor;fill:none;stroke-width:2.2}
.mk-url .lock{color:var(--alert);transition:color .6s}
.mk-load{position:absolute;top:0;left:0;height:2px;width:35%;background:var(--alert);transition:width .6s,background-color .6s,opacity .6s}
.mk-nav{display:flex;align-items:center;justify-content:space-between;gap:.75rem}
.mk-brand{font-weight:800;font-size:.875rem;color:#8b8b90;transition:color .6s,font-family .6s}
.mk-links{display:flex;gap:.5rem}
.mk-links i{width:2.25rem;height:.375rem;border-radius:3px;background:#2c2c30;transition:background-color .6s}
.mk-hero{display:grid;grid-template-columns:1.2fr 1fr;gap:1rem;align-items:center;flex:1}
.mk-h{font-weight:700;font-size:1.125rem;line-height:1.15;color:#9a9aa0;margin-bottom:.5rem;transition:color .6s,font-size .6s,transform .6s var(--ease)}
.mk-p{font-size:.6875rem;line-height:1.5;color:#5b5b60;margin-bottom:.75rem;direction:ltr;text-align:right;transition:opacity .4s}
.mk-btn{display:inline-block;font-size:.75rem;font-weight:700;padding:.375rem .75rem;border-radius:.25rem;background:#3a3a40;color:#a0a0a6;transition:all .6s var(--ease)}
.mk-img{position:relative;height:100%;min-height:7rem;border-radius:.5rem;background:#1e1e22;overflow:hidden;transition:background .7s}
.mk-img::before,.mk-img::after{content:"";position:absolute;inset:0;background:linear-gradient(to top right,transparent calc(50% - 1px),#333338,transparent calc(50% + 1px));transition:opacity .5s}
.mk-img::after{background:linear-gradient(to top left,transparent calc(50% - 1px),#333338,transparent calc(50% + 1px))}
.mk-shape{position:absolute;top:50%;left:50%;height:66%;aspect-ratio:1;translate:-50% -50%;border-radius:50%;border:1.5px solid var(--gold);opacity:0;transform:scale(.6) rotate(-30deg);transition:opacity .6s .2s,transform .9s var(--spring) .2s}
.mk-shape::after{content:"";position:absolute;inset:22%;border-radius:50%;background:radial-gradient(circle at 35% 30%,var(--champagne),var(--gold-deep))}
.mk-shape::before{content:"";position:absolute;top:-4px;left:50%;width:8px;height:8px;margin-left:-4px;border-radius:50%;background:var(--champagne);box-shadow:0 0 10px var(--gold)}
.mk-stat{position:absolute;left:.5rem;top:.5rem;display:flex;align-items:flex-end;gap:.5rem;padding:.375rem .5rem;border-radius:.5rem;background:rgba(10,10,11,.88);border:1px solid rgba(212,178,106,.35);font-size:.625rem;line-height:1.2;color:var(--champagne);opacity:0;transform:translateY(.5rem);transition:opacity .5s .6s,transform .6s var(--spring) .6s}
.mk-stat b{font-weight:500}
.mk-bars{display:flex;align-items:flex-end;gap:2px;height:1.125rem}
.mk-bars i{width:4px;height:30%;border-radius:1px;background:var(--gold);animation:bars 1.4s ease-in-out infinite alternate}
.mk-bars i:nth-child(2){animation-delay:.2s}.mk-bars i:nth-child(3){animation-delay:.4s}.mk-bars i:nth-child(4){animation-delay:.6s}.mk-bars i:nth-child(5){animation-delay:.8s}
@keyframes bars{to{height:100%}}
@keyframes orbit{to{rotate:360deg}}
.mk-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem}
.mk-cards i{height:2.75rem;border-radius:.375rem;background:#1b1b1e;border:1px solid #26262a;transition:all .6s var(--ease)}
.mk-pop{position:absolute;inset:auto 12% 16% 12%;background:#2a2a2e;border:1px solid #3a3a40;border-radius:.625rem;padding:.875rem 1rem;text-align:center;box-shadow:0 20px 40px rgba(0,0,0,.6);transition:opacity .4s,transform .5s var(--ease)}
.mk-pop b{display:block;font-size:.875rem;color:#d0d0d4;margin-bottom:.25rem}
.mk-pop span{font-size:.6875rem;color:#8b8b90}
.mk-pop::after{content:"✕";position:absolute;top:.375rem;left:.625rem;font-size:.6875rem;color:#8b8b90}
.mk-spin{position:absolute;top:44%;left:50%;width:2.25rem;height:2.25rem;margin:-1.125rem;border-radius:50%;border:3px solid #2c2c30;border-top-color:#8b8b90;animation:spin 1s linear infinite;transition:opacity .3s}
@keyframes spin{to{transform:rotate(360deg)}}
.mk-wa{position:absolute;left:1rem;bottom:1rem;display:flex;align-items:center;gap:.5rem;font-size:.75rem;font-weight:500;color:var(--paper);background:#103b22;border:1px solid rgba(37,211,102,.5);border-radius:.75rem;padding:.5rem .75rem;opacity:0;transform:translateY(1rem) scale(.9);transition:opacity .5s .9s,transform .6s var(--spring) .9s}
.mk-wa i{width:.5rem;height:.5rem;border-radius:50%;background:var(--wa);animation:blink 1.4s infinite}
@keyframes blink{50%{opacity:.25}}
.board:not(.is-craft) .mk{filter:saturate(.2)}
.board:not(.is-craft) .mk-h{transform:rotate(-1.2deg)}
.board:not(.is-craft) .mk-cards i:nth-child(2){transform:translateY(.375rem)}
/* crafted state */
.is-craft .mk{background:radial-gradient(ellipse at 20% 0%,#1d1a12,#0b0b0c 60%)}
.is-craft .mk-url{background:#141416}
.is-craft .mk-url .lock{color:var(--good)}
.is-craft .mk-load{width:100%;background:var(--gold);opacity:0}
.is-craft .mk-brand{color:var(--gold);font-family:var(--display);font-size:1.25rem;letter-spacing:.04em}
.is-craft .mk-links i{background:#3b3627}
.is-craft .mk-h{color:var(--paper);font-family:var(--display);font-size:2.125rem;line-height:.9;transform:none}
.is-craft .mk-p{opacity:0}
.mk-btn{position:relative}
.is-craft .mk-btn{background:var(--gold);color:var(--ink);border-radius:999px;padding:.5rem 1rem}
.is-craft .mk-btn::after{content:"";position:absolute;inset:-3px;border-radius:999px;border:2px solid var(--gold);opacity:0;animation:ring 2.4s 1.2s ease-out infinite}
.is-craft .mk-img{background:radial-gradient(circle at 70% 30%,#2a2416,#121212)}
.is-craft .mk-img::before,.is-craft .mk-img::after{opacity:0}
.is-craft .mk-shape{opacity:1;transform:none;animation:orbit 14s linear infinite}
.is-craft .mk-stat{opacity:1;transform:none}
.is-craft .mk-cards i{background:#16150f;border-color:rgba(212,178,106,.4);transform:none}
.is-craft .mk-cards i:nth-child(1){transition-delay:.1s}.is-craft .mk-cards i:nth-child(2){transition-delay:.18s}.is-craft .mk-cards i:nth-child(3){transition-delay:.26s}
.is-craft .mk-pop{opacity:0;transform:translateY(2rem) scale(.9);pointer-events:none}
.is-craft .mk-spin{opacity:0}
.is-craft .mk-wa{opacity:1;transform:none}
.mk-txt-craft{display:none}
.is-craft .mk-txt-tpl{display:none}
.is-craft .mk-txt-craft{display:inline}
.is-alt .mk-txt-tpl{display:none}
.is-alt .mk-txt-craft{display:inline}
.inc + .muted{margin-top:1.5rem;font-size:.875rem}
.lead .ln{display:block}
.lead .ln + .ln{margin-top:.5rem}

/* gauges */
.gauges{display:grid;grid-template-columns:repeat(4,1fr);gap:.625rem;margin-top:.875rem}
.gauge{position:relative;display:flex;flex-direction:column;align-items:center;gap:.25rem;padding:.625rem .25rem;border-radius:.875rem;background:#0b0b0c;border:1px solid #1f1f22}
.gauge svg{width:3.5rem;height:3.5rem;transform:rotate(-90deg)}
.gauge circle{fill:none;stroke-width:4}
.gauge .trk{stroke:#232326}
.gauge .val{stroke:var(--alert);stroke-linecap:round;stroke-dasharray:100;stroke-dashoffset:100;transition:stroke-dashoffset 1.1s var(--ease),stroke .6s}
.gauge.is-good .val{stroke:var(--gold)}
.gauge-n{position:absolute;top:.625rem;left:0;right:0;height:3.5rem;display:grid;place-items:center;font-weight:800;font-size:1rem;color:var(--paper);font-variant-numeric:tabular-nums}
.gauge-l{font-size:.75rem;color:var(--mist)}

/* =====================================================================
   MARQUEE
   ===================================================================== */
.marquee{position:relative;overflow:hidden;overflow:clip;border-block:1px solid #1d1d20;background:var(--night);padding-block:1.125rem;-webkit-mask-image:linear-gradient(90deg,transparent,#000 10%,#000 90%,transparent);mask-image:linear-gradient(90deg,transparent,#000 10%,#000 90%,transparent)}
.marquee-track{display:flex;gap:3rem;width:max-content;animation:marq 38s linear infinite}
.marquee:hover .marquee-track{animation-play-state:paused}
.marquee span{display:inline-flex;align-items:center;gap:3rem;font-family:var(--display);font-size:2.125rem;line-height:1;color:var(--mist);white-space:nowrap}
.marquee span::after{content:"✦";font-family:var(--body);font-size:1rem;color:var(--gold)}
@keyframes marq{to{transform:translateX(50%)}}

/* =====================================================================
   SECTIONS
   ===================================================================== */
.sec{position:relative;padding-block:clamp(5rem,10vw,8.75rem)}
.sec-night{background:var(--night);border-top:1px solid #1d1d20}
.sec-paper{background:var(--paper);color:#1f1d19}
.sec-paper .h2{color:#0c0b09}
.sec-paper .lead{color:var(--slate)}
.sec-paper .eyebrow{color:var(--gold-ink)}
.sec-head{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem 3rem;align-items:end;margin-bottom:clamp(2.5rem,5vw,4rem)}
.sec-head .lead{justify-self:start;font-size:clamp(1.0625rem,1.2vw,1.1875rem);max-width:66ch}
p,li,blockquote{text-wrap:pretty}
.more{display:inline-flex;align-items:center;gap:.625rem;margin-top:1rem;font-weight:500;color:var(--gold);padding-bottom:.25rem;background:linear-gradient(currentColor,currentColor) right bottom/0 1px no-repeat;transition:background-size .45s var(--ease),color .2s}
.more:hover{background-size:100% 1px;color:var(--champagne)}
.more-ic{position:relative;display:grid;place-items:center;width:2rem;height:2rem;border-radius:50%;border:1px solid var(--line);overflow:hidden}
.more-ic::before{content:"←";font-size:1rem;line-height:1;animation:nudge 1.8s var(--ease) infinite}
.more-ic::after{content:"";position:absolute;inset:-1px;border-radius:50%;border:1px solid var(--gold);animation:ring 2.4s ease-out infinite}
.more:hover .more-ic{background:var(--gold);color:var(--ink);border-color:var(--gold)}
@keyframes nudge{0%,100%{transform:translateX(0)}50%{transform:translateX(-5px)}}
.sec-head.center{grid-template-columns:1fr;text-align:center;justify-items:center}
.sec-head.center .eyebrow::after{content:"";width:2rem;height:1px;background:currentColor}

/* ---------- bento cards ---------- */
.bento{display:grid;grid-template-columns:repeat(6,1fr);gap:1.25rem}
.card{position:relative;display:flex;flex-direction:column;background:linear-gradient(150deg,#1a1a1d,#111113);border:1px solid var(--line2);border-radius:var(--r-lg);padding:clamp(1.5rem,3vw,2.5rem);overflow:hidden;transition:border-color .3s,transform .4s var(--ease)}
.card:hover{border-color:rgba(212,178,106,.45)}
.card::before{content:"";position:absolute;inset:0;background:radial-gradient(28rem circle at var(--mx,50%) var(--my,0%),rgba(212,178,106,.10),transparent 45%);opacity:0;transition:opacity .4s;pointer-events:none}
.card:hover::before{opacity:1}
.card-wide{grid-column:span 4}
.card-tall{grid-column:span 2;grid-row:span 2}
.card-half{grid-column:span 3}
.card-third{grid-column:span 2}
.card-n{font-family:var(--display);font-size:1.125rem;color:var(--gold);letter-spacing:.08em;margin-bottom:.75rem}
.card p{color:#cfc8b6;font-weight:300;margin-bottom:1.25rem}
.card .h3{margin-bottom:.625rem}
.ticks{display:grid;gap:.625rem;margin-bottom:1.25rem}
.ticks li{display:flex;gap:.625rem;align-items:flex-start;font-size:1rem;color:var(--champagne)}
.ticks li::before{content:"";flex:none;width:1.125rem;height:1.125rem;margin-top:.25rem;border-radius:50%;background:var(--gold) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='3.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 12.5l4 4 8-9'/%3E%3C/svg%3E") center/.6875rem no-repeat}
.fit{margin-top:auto;font-size:.9375rem;color:var(--mist);border-top:1px solid #2a2a2e;padding-top:.875rem}
.fit b{color:var(--gold);font-weight:500}
.card-art{margin:-.5rem 0 1.5rem;height:clamp(11rem,13vw,14.5rem);border-radius:var(--r-md);background:#0b0b0c;border:1px solid #232327;display:grid;place-items:center;overflow:hidden}
.card-art svg{width:100%;height:100%;padding:.75rem;overflow:visible;fill:none;stroke:var(--gold);stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.card-art .f{fill:var(--gold);stroke:none}
.card-art .s{stroke:#4a4538}
.card-art .d{fill:#1d1c19}
.card-art svg *{transform-box:fill-box}
.a-cta{transform-origin:center;animation:cta 4.5s ease-in-out infinite}
@keyframes cta{0%,38%{transform:scale(1)}46%{transform:scale(.88)}54%,100%{transform:scale(1)}}
.a-cursor{animation:cur 4.5s var(--ease) infinite}
@keyframes cur{0%{transform:translate(120px,26px);opacity:0}12%{opacity:1}38%{transform:none}46%{transform:scale(.85)}54%{transform:none}86%{opacity:1;transform:none}100%{opacity:0;transform:none}}
.a-pop{transform-origin:left bottom;animation:popin 4.5s var(--spring) infinite}
@keyframes popin{0%,50%{opacity:0;transform:translateY(6px) scale(.6)}60%,90%{opacity:1;transform:none}100%{opacity:0;transform:none}}
.a-pgL{transform-origin:bottom center;animation:fanL 5s ease-in-out infinite}
.a-pgR{transform-origin:bottom center;animation:fanR 5s ease-in-out infinite}
.a-pgC{animation:floatY 5s ease-in-out infinite}
@keyframes fanL{0%,100%{transform:rotate(-5deg)}50%{transform:translateX(-10px) rotate(-14deg)}}
@keyframes fanR{0%,100%{transform:rotate(5deg)}50%{transform:translateX(10px) rotate(14deg)}}
@keyframes floatY{50%{transform:translateY(-4px)}}
.a-scan{animation:scan 3s ease-in-out infinite}
@keyframes scan{0%,100%{transform:translateY(0);opacity:.2}50%{transform:translateY(34px);opacity:.9}}
.a-draw{stroke-dasharray:1 1;stroke-dashoffset:1;animation:draw 4s ease-in-out infinite}
@keyframes draw{0%{stroke-dashoffset:1}45%,80%{stroke-dashoffset:0}100%{stroke-dashoffset:-1}}
.a-bar{transform-origin:bottom;animation:barY 2.4s ease-in-out infinite alternate}
.a-bar:nth-of-type(2){animation-delay:.3s}.a-bar:nth-of-type(3){animation-delay:.6s}.a-bar:nth-of-type(4){animation-delay:.9s}
@keyframes barY{from{transform:scaleY(.35)}to{transform:scaleY(1)}}
.a-flow{stroke-dasharray:3 4;animation:flow 1.1s linear infinite}
@keyframes flow{to{stroke-dashoffset:-14}}
.a-blink{animation:blink 1.4s infinite}

/* ---------- ANATOMY (hotspots) ---------- */
.anat{display:grid;grid-template-columns:minmax(18rem,.8fr) 1.2fr;gap:clamp(2rem,5vw,5rem);align-items:center}
.phone{position:relative;width:min(100%,19rem);margin-inline:auto;aspect-ratio:9/18.5;border-radius:2.75rem;padding:.75rem;background:linear-gradient(145deg,#2a2a2e,#0d0d0e);box-shadow:0 0 0 1px #34343a,0 50px 90px -30px rgba(0,0,0,.9),0 0 80px -20px rgba(212,178,106,.25)}
.phone::before{content:"";position:absolute;top:1.25rem;left:50%;width:5.5rem;height:1.375rem;margin-left:-2.75rem;border-radius:999px;background:#000;z-index:3}
.phone-screen{position:relative;height:100%;border-radius:2.125rem;overflow:hidden;background:radial-gradient(ellipse at 50% 0%,#1d1a12,#0a0a0b 55%);padding:3rem 1.125rem 1rem;display:flex;flex-direction:column;gap:.875rem}
.ab{position:relative;border-radius:.75rem;transition:box-shadow .35s,background-color .35s,opacity .35s}
.anat[data-active] .ab{opacity:.45}
.anat[data-active="1"] .ab-1,.anat[data-active="2"] .ab-2,.anat[data-active="3"] .ab-3,.anat[data-active="4"] .ab-4,.anat[data-active="5"] .ab-5,.anat[data-active="6"] .ab-6,.anat[data-active="7"] .ab-7{opacity:1;box-shadow:0 0 0 2px var(--gold),0 0 30px rgba(212,178,106,.35)}
.ps-web .ab-1{padding:.25rem}
.ps-web .ab-1 b{display:block;font-family:var(--display);font-size:2.125rem;line-height:.9;color:var(--paper)}
.ps-web .ab-1 span{display:block;font-size:.6875rem;color:var(--mist);margin-top:.375rem;line-height:1.4}
.ps-web .ab-2{align-self:flex-start;background:var(--gold);color:var(--ink);font-size:.8125rem;font-weight:700;padding:.5rem 1rem;border-radius:999px}
.ps-web .ab-3{display:flex;align-items:center;gap:.5rem;padding:.5rem;background:#141416;border:1px solid #232327}
.ps-web .ab-3 .av{display:flex}
.ps-web .ab-3 .av i{width:1.375rem;height:1.375rem;border-radius:50%;border:2px solid #141416;margin-inline-start:-.375rem;background:linear-gradient(135deg,var(--champagne),var(--gold-deep))}
.ps-web .ab-3 .av i:first-child{margin:0}
.ps-web .ab-3 small{font-size:.625rem;color:var(--champagne);line-height:1.3}
.ps-web .ab-3 small b{color:var(--gold)}
.ps-web .ab-4{display:flex;align-items:center;gap:.375rem;align-self:flex-end;font-size:.6875rem;font-weight:700;color:var(--good);padding:.25rem .625rem;background:rgba(61,214,140,.08);border:1px solid rgba(61,214,140,.35);border-radius:999px}
.ps-web .ab-5{display:grid;grid-template-columns:repeat(2,1fr);gap:.375rem;padding:.25rem}
.ps-web .ab-5 i{height:2.5rem;border-radius:.5rem;background:#16150f;border:1px solid rgba(212,178,106,.3)}
.ps-web .ab-6{display:flex;align-items:center;gap:.375rem;font-size:.6875rem;color:var(--champagne);padding:.375rem .625rem;border:1px dashed rgba(212,178,106,.5)}
.ps-web .ab-6 svg{width:1rem;height:1rem;stroke:var(--gold);fill:none;stroke-width:2}
.ps-web .ab-7{margin-top:auto;display:flex;align-items:center;gap:.5rem;font-size:.6875rem;color:var(--paper);background:#103b22;border:1px solid rgba(37,211,102,.45);padding:.5rem .625rem}
.ps-web .ab-7 i{width:.4375rem;height:.4375rem;border-radius:50%;background:var(--wa);flex:none}
.hs-wrap{position:absolute;inset:0;z-index:4;pointer-events:none}
.hs{position:absolute;pointer-events:auto;width:2.25rem;height:2.25rem;border-radius:50%;background:var(--ink);border:2px solid var(--gold);color:var(--gold);font-weight:800;font-size:.875rem;display:grid;place-items:center;box-shadow:0 6px 18px rgba(0,0,0,.6);transition:transform .25s var(--spring),background-color .25s,color .25s}
.hs::after{content:"";position:absolute;inset:-6px;border-radius:50%;border:2px solid rgba(212,178,106,.5);animation:ring 2.4s ease-out infinite}
.hs[aria-selected="true"]{background:var(--gold);color:var(--ink);transform:scale(1.12)}
.hs[aria-selected="true"]::after{animation:none;opacity:0}
.hs:hover{transform:scale(1.12)}
@keyframes ring{0%{transform:scale(.9);opacity:.9}80%,100%{transform:scale(1.5);opacity:0}}
.hs-1{top:13%;left:-1rem}.hs-2{top:29%;right:-1rem}.hs-3{top:39%;left:-1rem}.hs-4{top:48%;right:-1rem}.hs-5{top:59%;left:-1rem}.hs-6{top:72%;right:-1rem}.hs-7{top:86%;left:-1rem}
.anat-panel{position:relative;background:linear-gradient(150deg,#1a1a1d,#111113);border:1px solid var(--line2);border-radius:var(--r-lg);padding:clamp(1.5rem,3.5vw,3rem);min-height:20rem}
.anat-panel .num{font-family:var(--display);font-size:6rem;line-height:.8;color:transparent;-webkit-text-stroke:1px var(--gold);margin-bottom:.75rem}
.anat-panel p{color:#cfc8b6;font-weight:300;margin-bottom:1rem;max-width:52ch}
.anat-panel .tip{display:flex;gap:.625rem;font-size:.9375rem;color:var(--champagne);background:rgba(212,178,106,.07);border:1px solid var(--line);border-radius:.875rem;padding:.875rem 1rem}
.anat-panel .tip b{color:var(--gold);font-weight:500;flex:none}
.anat-nav{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-top:1.5rem}
.anat-nav button{display:inline-flex;align-items:center;gap:.5rem;min-height:2.75rem;padding:.5rem 1rem;border-radius:999px;border:1px solid var(--line2);font-size:.9375rem;color:var(--champagne);transition:border-color .2s,color .2s}
.anat-nav button:hover{border-color:var(--gold);color:var(--gold)}
.anat-count{font-size:.875rem;color:var(--mist);font-variant-numeric:tabular-nums}
.anat-panel.is-swap .anat-body{animation:swap .45s ease both}
@keyframes swap{from{opacity:0;transform:translateY(.5rem)}to{opacity:1;transform:none}}

/* ---------- PROCESS (light) ---------- */
.steps{position:relative;margin-top:clamp(2.5rem,5vw,4rem);padding-top:2.875rem}
.steps-list{display:grid;grid-template-columns:repeat(5,1fr);gap:1.75rem}
.steps-list.n4{grid-template-columns:repeat(4,1fr)}
.track{position:absolute;top:.8125rem;right:0;left:0;height:2px;background:#e7e2d6}
.track i{position:absolute;inset:0;background:var(--gold-deep);transform-origin:right;transform:scaleX(var(--p,0))}
.step{position:relative}
.step::before{content:"";position:absolute;top:-2.5625rem;right:0;width:1.125rem;height:1.125rem;border-radius:50%;background:var(--paper);border:2px solid #d9d2c1;transition:background-color .3s,border-color .3s}
.step.is-on::before{background:var(--gold-deep);border-color:var(--gold-deep)}
.step-n{font-family:var(--display);font-size:4rem;line-height:.8;color:#d9d2c1;transition:color .3s;margin-bottom:.625rem}
.step.is-on .step-n{color:var(--gold-deep)}
.step h3{font-size:1.25rem;font-weight:800;color:#0c0b09;margin-bottom:.375rem;line-height:1.3}
.step p{font-size:1rem;color:var(--slate);line-height:1.55}

/* ---------- COMPARE ---------- */
.cmp-wrap{border:1px solid var(--line2);border-radius:var(--r-lg);overflow:hidden;background:var(--coal)}
.cmp{width:100%;border-collapse:collapse;font-size:1rem}
.cmp caption{text-align:right}
.cmp th,.cmp td{padding:1.125rem 1.25rem;border-bottom:1px solid #1f1f22;text-align:center;vertical-align:middle}
.cmp thead th{font-size:.9375rem;font-weight:500;color:var(--mist);background:#0e0e10}
.cmp thead th.us{color:var(--ink);background:var(--gold);font-weight:800;font-size:1rem}
.cmp tbody th{text-align:right;font-weight:500;color:var(--champagne)}
.cmp td.us{background:rgba(212,178,106,.06)}
.cmp tbody tr:last-child>*{border-bottom:0}
.cmp .v{display:inline-flex;align-items:center;gap:.4375rem;font-size:.875rem;color:var(--mist)}
.cmp .v::before{content:"";width:1.375rem;height:1.375rem;border-radius:50%;flex:none;background:center/.75rem no-repeat}
.cmp .yes{color:var(--champagne)}
.cmp .yes::before{background-color:var(--gold);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='3.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 12.5l4 4 8-9'/%3E%3C/svg%3E")}
.cmp .mid::before{background-color:#2c2a24;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23D4B26A' stroke-width='3.4' stroke-linecap='round'%3E%3Cpath d='M7 12h10'/%3E%3C/svg%3E")}
.cmp .no::before{background-color:#2a1416;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23FF8A8D' stroke-width='3.4' stroke-linecap='round'%3E%3Cpath d='M7 7l10 10M17 7L7 17'/%3E%3C/svg%3E")}

/* ---------- WORK / PROJECTS ---------- */
.work{display:grid;grid-template-columns:repeat(5,1fr);gap:1rem}
.proj{position:relative;display:flex;flex-direction:column;justify-content:space-between;min-height:15rem;padding:1.375rem;border-radius:var(--r-md);border:1px solid var(--line2);background:#0f0f11;overflow:hidden;isolation:isolate;transition:border-color .3s,transform .4s var(--ease)}
.proj::before{content:attr(data-mono);position:absolute;z-index:-1;bottom:-1.5rem;left:-.5rem;font-family:var(--display);font-size:9rem;line-height:1;color:rgba(212,178,106,.07);transition:color .4s,transform .6s var(--ease)}
.proj:hover{border-color:var(--gold);transform:translateY(-.375rem)}
.proj:hover::before{color:rgba(212,178,106,.16);transform:translateY(-.5rem)}
.proj small{font-size:.8125rem;color:var(--gold);font-weight:500}
.proj b{display:block;font-family:var(--display);font-size:2.25rem;line-height:.95;color:var(--paper);margin-top:.375rem}
.proj span{font-size:.875rem;color:var(--mist);direction:ltr;text-align:right}
.proj span::after{content:" ↗";color:var(--gold)}

/* ---------- PEOPLE ---------- */
.people{display:grid;grid-template-columns:1fr 1fr;gap:clamp(2rem,5vw,4.5rem);align-items:center}
.people-gap{margin-top:clamp(4rem,8vw,7rem)}
.photo{position:relative;border-radius:var(--r-lg);overflow:hidden;border:1px solid var(--line)}
.photo img{width:100%;aspect-ratio:4/3;object-fit:cover}
.photo figcaption{position:absolute;bottom:1rem;right:1rem;background:rgba(0,0,0,.72);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:var(--champagne);font-size:.875rem;padding:.5rem .875rem;border-radius:999px}
.people p{color:#cfc8b6;font-weight:300;margin-bottom:1rem;max-width:56ch}
.people p strong{color:var(--paper);font-weight:500}
.quotes{margin-top:clamp(3.5rem,7vw,6rem);display:grid;grid-template-columns:repeat(3,1fr);gap:1.25rem}
.quote{display:flex;flex-direction:column;gap:1.25rem;padding:1.75rem;border-radius:var(--r-lg);background:linear-gradient(160deg,#151517,#0d0d0e);border:1px solid var(--line2)}
.quote blockquote{font-size:1.1875rem;font-weight:300;line-height:1.55;color:var(--paper);flex:1}
.quote blockquote::before{content:"”";display:block;font-family:Georgia,serif;font-size:4.5rem;line-height:.6;height:2rem;color:var(--gold)}
.quote figcaption{display:flex;align-items:center;gap:.75rem;font-size:.875rem;color:var(--mist);line-height:1.35}
.quote figcaption img{width:3rem;height:3rem;border-radius:50%;object-fit:cover;border:1px solid var(--line)}
.quote figcaption b{display:block;color:var(--gold);font-weight:500;font-size:.9375rem}

/* ---------- FAQ ---------- */
.faq{max-width:52rem;margin-inline:auto;border-top:1px solid var(--line2)}
.faq details{border-bottom:1px solid var(--line2)}
.faq summary{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:1.375rem .25rem;font-size:1.1875rem;font-weight:500;color:var(--paper);cursor:pointer;list-style:none;min-height:3rem}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"";flex:none;width:2.25rem;height:2.25rem;border-radius:50%;border:1px solid var(--line);background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23D4B26A' stroke-width='2' stroke-linecap='round'%3E%3Cpath d='M12 6v12M6 12h12'/%3E%3C/svg%3E") center/1rem no-repeat;transition:transform .3s var(--ease),background-color .3s}
.faq details[open] summary::after{transform:rotate(45deg);background-color:rgba(212,178,106,.1)}
.faq summary:hover{color:var(--gold)}
.faq .ans{padding:0 .25rem 1.5rem;color:#cfc8b6;font-weight:300;max-width:62ch}
.faq details[open] .ans{animation:swap .35s ease both}
.faq-2{max-width:none;display:grid;grid-template-columns:1fr 1fr;gap:0 3.5rem;align-items:start;border-top:0}
.faq-2 > div{border-top:1px solid var(--line2)}

/* ---------- CTA band ---------- */
.band{position:relative;overflow:hidden;border-radius:var(--r-lg);padding:clamp(2rem,5vw,4rem);background:linear-gradient(120deg,#1b1810,#0d0d0e 60%);border:1px solid var(--line);display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:1.5rem 3rem}
.band::after{content:"";position:absolute;width:30rem;height:30rem;left:-10rem;top:-14rem;border-radius:50%;background:radial-gradient(circle,rgba(212,178,106,.2),transparent 65%);pointer-events:none}
.band .h2{margin:0;font-size:clamp(2.75rem,5vw,4.25rem)}
.band p{color:var(--mist);margin-top:.5rem}

/* =====================================================================
   CONTACT · WhatsApp chat
   ===================================================================== */
.contact{position:relative;background:var(--night);border-top:1px solid #1d1d20;isolation:isolate;overflow:hidden;overflow:clip}
.contact::before{content:"";position:absolute;z-index:-1;width:56rem;height:56rem;right:-18rem;bottom:-32rem;border-radius:50%;background:radial-gradient(circle,rgba(212,178,106,.14),transparent 62%)}
.contact-grid{display:grid;grid-template-columns:1fr 1.05fr;gap:clamp(2rem,5vw,5rem);align-items:center}
.why{display:grid;gap:1.125rem;margin-top:1.875rem}
.why li{display:grid;grid-template-columns:2.75rem 1fr;gap:.875rem;align-items:start}
.why .ic{width:2.75rem;height:2.75rem;border-radius:.75rem;border:1px solid var(--line);display:grid;place-items:center}
.why .ic svg{width:1.375rem;height:1.375rem;stroke:var(--gold);fill:none;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.why b{display:block;color:var(--paper);font-weight:500;font-size:1.0625rem}
.why span{font-size:.96875rem;color:var(--mist);line-height:1.5}
.direct{margin-top:1.875rem;font-size:1rem;color:var(--mist)}
.chat{width:min(100%,27rem);margin-inline:auto;border-radius:2rem;overflow:hidden;background:#0b141a;border:1px solid #2a2a2e;box-shadow:0 50px 90px -30px rgba(0,0,0,.95),0 0 0 8px #141416,0 0 0 9px #2a2a2e}
.chat-head{display:flex;align-items:center;gap:.75rem;padding:.875rem 1rem;background:#1f2c33}
.chat-av{width:2.625rem;height:2.625rem;border-radius:50%;background:#000;display:grid;place-items:center;overflow:hidden;border:1px solid var(--gold);flex:none}
.chat-av img{width:88%;height:auto}
.chat-who b{display:block;font-size:1rem;color:#e9edef;font-weight:500;line-height:1.2}
.chat-who span{font-size:.8125rem;color:#8696a0}
.chat-log{height:25rem;overflow-y:auto;padding:1rem .875rem;display:flex;flex-direction:column;gap:.375rem;background-color:#0b141a;background-image:radial-gradient(rgba(255,255,255,.035) 1px,transparent 1px);background-size:1.125rem 1.125rem;scroll-behavior:smooth;overscroll-behavior:contain}
.msg{max-width:85%;padding:.4375rem .625rem .375rem;border-radius:.625rem;font-size:.9375rem;line-height:1.45;color:#e9edef;white-space:pre-line;word-wrap:break-word;animation:pop .3s var(--spring) both;position:relative}
.msg .tm{display:block;font-size:.6875rem;color:#8696a0;text-align:left;margin-top:.125rem;direction:ltr}
.msg.bot{align-self:flex-start;background:#202c33;border-start-start-radius:0}
.msg.me{align-self:flex-end;background:#005c4b;border-start-end-radius:0}
.msg.me .tm{color:#9fd4c9}
.msg.sum{background:#1a2329;border:1px dashed rgba(212,178,106,.45);font-size:.875rem}
@keyframes pop{from{opacity:0;transform:translateY(.375rem) scale(.96)}to{opacity:1;transform:none}}
.typing{align-self:flex-start;display:flex;gap:.25rem;padding:.75rem .875rem;background:#202c33;border-radius:.625rem;border-start-start-radius:0}
.typing i{width:.4375rem;height:.4375rem;border-radius:50%;background:#8696a0;animation:bounce 1.2s infinite}
.typing i:nth-child(2){animation-delay:.15s}.typing i:nth-child(3){animation-delay:.3s}
@keyframes bounce{0%,60%,100%{transform:none;opacity:.5}30%{transform:translateY(-.25rem);opacity:1}}
.chat-in{padding:.75rem;background:#111b21;border-top:1px solid #222d34;min-height:5rem}
.opts{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:flex-start}
.opt{min-height:2.75rem;padding:.5rem .9375rem;border-radius:999px;border:1px solid #2f3b43;background:#1a252c;color:#e9edef;font-size:.9375rem;transition:background-color .2s,border-color .2s,color .2s}
.opt:hover{border-color:var(--gold)}
.opt[aria-pressed="true"]{background:var(--gold);border-color:var(--gold);color:var(--ink);font-weight:500}
.chat-actions{display:flex;gap:.5rem;margin-top:.625rem}
.next,.skipq{min-height:2.75rem;padding:.5rem 1.25rem;border-radius:999px;font-weight:700;font-size:.9375rem}
.next{background:var(--wa);color:var(--wa-ink);flex:1}
.next:disabled{background:#2a3a33;color:#6f8a7c}
.skipq{border:1px solid #2f3b43;color:#aebac1}
.chat-row{display:flex;gap:.5rem}
.chat-row input{flex:1;min-width:0;min-height:2.875rem;padding:.625rem 1rem;border-radius:999px;background:#2a3942;color:#e9edef;font-size:1rem}
.chat-row input::placeholder{color:#8696a0}
.chat-row input:focus{outline:2px solid var(--gold);outline-offset:1px}
.send{flex:none;width:2.875rem;height:2.875rem;border-radius:50%;background:var(--wa);display:grid;place-items:center}
.send svg{width:1.25rem;height:1.25rem;fill:var(--wa-ink);transform:scaleX(-1)}
.chat-err{font-size:.875rem;color:#ff9a9d;min-height:1.25rem;margin-top:.375rem}
.chat-note{font-size:.75rem;color:#8696a0;margin-top:.5rem;line-height:1.45}
.chat-note a{color:#aebac1;text-decoration:underline;text-underline-offset:2px}
.chat-final{width:100%;min-height:3.25rem}
.restart{display:block;margin:.625rem auto 0;font-size:.875rem;color:#8696a0;text-decoration:underline;text-underline-offset:3px;min-height:2.75rem;padding-inline:1rem}

/* =====================================================================
   FOOTER
   ===================================================================== */
.foot{background:var(--ink);border-top:1px solid #1d1d20;padding-top:3.5rem;font-size:.9375rem;color:var(--mist)}
.foot-grid{display:grid;grid-template-columns:1.4fr 1.2fr 1fr 1fr;gap:2rem;padding-bottom:2.5rem}
.foot h2{font-size:.875rem;font-weight:700;color:var(--champagne);margin-bottom:.75rem}
.foot li{margin-bottom:.375rem}
.foot a:hover{color:var(--gold)}
.foot .logo{margin-bottom:.875rem}
.foot-svc{columns:2;column-gap:1.25rem}
.foot-svc a[aria-current="page"]{color:var(--gold)}
.social{display:flex;gap:.625rem;margin-top:1rem}
.social a{width:2.75rem;height:2.75rem;border-radius:50%;border:1px solid var(--line);display:grid;place-items:center;transition:border-color .2s,background-color .2s}
.social a:hover{border-color:var(--gold);background:rgba(212,178,106,.08)}
.social svg{width:1.125rem;height:1.125rem;fill:var(--champagne)}
.legal{display:flex;flex-wrap:wrap;justify-content:space-between;gap:.75rem 1.5rem;border-top:1px solid #1d1d20;padding-block:1.375rem;font-size:.875rem}
.legal nav{display:flex;flex-wrap:wrap;gap:.375rem 1.375rem}
.legal a{color:var(--champagne);text-decoration:underline;text-decoration-color:rgba(235,221,184,.3);text-underline-offset:4px}
.legal a:hover{color:var(--gold)}

/* =====================================================================
   FLOATING WHATSAPP + A11Y WIDGET
   ===================================================================== */
.fab{position:fixed;right:max(1.25rem,env(safe-area-inset-right));bottom:calc(1.25rem + env(safe-area-inset-bottom,0px));z-index:9990;display:flex;align-items:center;gap:.75rem;padding:.4375rem .4375rem .4375rem 1.25rem;border-radius:999px;background:rgba(12,12,13,.88);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(212,178,106,.45);box-shadow:0 18px 40px -12px rgba(0,0,0,.75);color:var(--champagne);font-size:.9375rem;font-weight:500;line-height:1.15;opacity:0;transform:translateY(1rem) scale(.96);pointer-events:none;transition:opacity .35s,transform .35s,border-color .2s}
.fab.is-on{opacity:1;transform:none;pointer-events:auto}
.fab:hover{border-color:var(--gold)}
.fab-ic{position:relative;flex:none;width:2.875rem;height:2.875rem;border-radius:50%;display:grid;place-items:center;background:linear-gradient(145deg,#3BE07D,#1DAA55);box-shadow:inset 0 1px 0 rgba(255,255,255,.35),0 6px 16px -4px rgba(37,211,102,.55)}
.fab-ic::after{content:"";position:absolute;inset:-4px;border-radius:50%;border:2px solid rgba(37,211,102,.55);animation:ring 2.4s ease-out infinite}
.fab-ic svg{width:1.5rem;height:1.5rem;fill:#fff}
.fab small{display:block;font-size:.75rem;font-weight:400;color:var(--mist);margin-top:.125rem}

.a11y-btn{position:fixed;left:max(1.25rem,env(safe-area-inset-left));bottom:calc(1.25rem + env(safe-area-inset-bottom,0px));z-index:9991;width:3.25rem;height:3.25rem;border-radius:50%;background:var(--gold);color:var(--ink);display:grid;place-items:center;box-shadow:0 12px 30px -10px rgba(0,0,0,.8);transition:transform .2s}
.a11y-btn:hover{transform:scale(1.06)}
.a11y-btn svg{width:1.75rem;height:1.75rem;fill:currentColor}
.a11y-panel{position:fixed;left:max(1.25rem,env(safe-area-inset-left));bottom:calc(5.25rem + env(safe-area-inset-bottom,0px));z-index:9992;width:min(20rem,calc(100vw - 2.5rem));max-height:calc(100vh - 7rem);overflow:auto;background:#111113;border:1px solid var(--line);border-radius:1.25rem;padding:1.25rem;box-shadow:0 30px 60px -20px rgba(0,0,0,.9)}
.a11y-panel h2{font-size:1.125rem;font-weight:700;color:var(--paper);margin-bottom:.875rem}
.a11y-grid{display:grid;grid-template-columns:1fr 1fr;gap:.5rem}
.a11y-grid button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.375rem;min-height:4.5rem;padding:.625rem .5rem;border-radius:.875rem;border:1px solid var(--line2);background:#18181b;font-size:.875rem;color:var(--champagne);text-align:center;line-height:1.25}
.a11y-grid button svg{width:1.375rem;height:1.375rem;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.a11y-grid button[aria-pressed="true"]{background:var(--gold);color:var(--ink);border-color:var(--gold)}
.a11y-grid button:hover{border-color:var(--gold)}
.a11y-foot{display:flex;justify-content:space-between;align-items:center;gap:.75rem;margin-top:.875rem;font-size:.875rem}
.a11y-foot a{color:var(--gold);text-decoration:underline;text-underline-offset:3px}
.a11y-foot button{color:var(--mist);text-decoration:underline;text-underline-offset:3px;min-height:2.75rem}

/* a11y modes */
html.a11y-fs1{font-size:112.5%}
html.a11y-fs2{font-size:125%}
html.a11y-contrast{--champagne:#FFFFFF;--mist:#E2E2E2;--gold:#FFD26E;--line:rgba(255,210,110,.6);--line2:#6b6b70;--slate:#222}
html.a11y-contrast body,html.a11y-contrast .sec-night,html.a11y-contrast .contact{background:#000}
html.a11y-contrast .card,html.a11y-contrast .quote,html.a11y-contrast .anat-panel{background:#000}
html.a11y-contrast .card p,html.a11y-contrast .people p,html.a11y-contrast .faq .ans,html.a11y-contrast .anat-panel p{color:#fff}
html.a11y-links a:not(.btn):not(.fab):not(.logo):not(.proj){text-decoration:underline!important;text-decoration-thickness:2px!important;text-underline-offset:3px;outline:1px dashed currentColor;outline-offset:2px}
html.a11y-font .h1,html.a11y-font .h2,html.a11y-font .h3,html.a11y-font .mk-h,html.a11y-font .marquee span,html.a11y-font .proj b{font-family:var(--body);font-weight:800;letter-spacing:0;line-height:1.05}
html.a11y-font .h1{font-size:clamp(2.75rem,6vw,5.5rem)}
html.a11y-font .h2{font-size:clamp(2.25rem,4.4vw,3.75rem)}
html.a11y-stop *,html.a11y-stop *::before,html.a11y-stop *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}

/* =====================================================================
   PHOTO LAYERS (crisp: no scaling, no blur, original pixels)
   ===================================================================== */
.fx{position:absolute;inset:0;width:100%;height:100%;display:block;pointer-events:none}
.fx-bg{position:absolute;inset:0;z-index:-1;pointer-events:none;overflow:hidden}
.spot{position:absolute;inset:0;background:radial-gradient(34rem circle at var(--sx,70%) var(--sy,35%),rgba(212,178,106,.11),transparent 62%);transition:opacity .4s}
html.a11y-contrast .fx,html.a11y-contrast .spot{display:none}

/* =====================================================================
   ENTRANCE MOTION
   ===================================================================== */
.hero .h1 span{animation:rise 1.1s var(--ease) both}
.hero .h1 span:nth-child(2){animation-delay:.14s}
.hero .eyebrow{animation:fade .9s ease both}
.hero .lead{animation:rise .9s var(--ease) .28s both}
.hero .ctas{animation:rise .9s var(--ease) .4s both}
.hero .facts{animation:fade 1s ease .55s both}
@keyframes rise{from{opacity:0;transform:translateY(.45em);filter:blur(8px)}to{opacity:1;transform:none;filter:none}}
@keyframes fade{from{opacity:0}to{opacity:1}}
.js .h2{opacity:0;transform:translateY(.3em);filter:blur(6px);transition:opacity .9s ease,transform 1s var(--ease),filter .9s ease}
.js .h2.in{opacity:1;transform:none;filter:none}
.js .hero .h2{opacity:1;transform:none;filter:none;animation:rise 1.1s var(--ease) both}
.js .eyebrow::before{transform:scaleX(0);transform-origin:right;transition:transform .9s var(--ease) .15s}
.js .in .eyebrow::before,.js .eyebrow.in::before,.hero .eyebrow::before{transform:none}

/* =====================================================================
   REVEAL
   ===================================================================== */
.js .rv{opacity:0;transform:translateY(1.75rem);transition:opacity .8s ease,transform .8s var(--ease)}
.js .rv.in{opacity:1;transform:none}
.js .rv-d1{transition-delay:.08s}.js .rv-d2{transition-delay:.16s}.js .rv-d3{transition-delay:.24s}

/* =====================================================================
   STORE PAGE PIECES
   ===================================================================== */
/* product page phone screen */
.ps-store{gap:.625rem}
.ps-store .ab-1{display:flex;flex-direction:column;gap:.375rem;padding:.25rem}
.g-main{position:relative;height:6.5rem;border-radius:.75rem;background:radial-gradient(circle at 50% 30%,#2e2716,#0f0f10 72%);display:grid;place-items:center;overflow:hidden}
.g-th{display:flex;gap:.375rem}
.g-th i{flex:1;height:1.5rem;border-radius:.375rem;background:#16150f;border:1px solid rgba(212,178,106,.3)}
.g-th i:first-child{border-color:var(--gold)}
.bottle{position:relative;width:1.75rem;height:60%;margin-top:14%;border-radius:.5rem .5rem .375rem .375rem;background:linear-gradient(90deg,#120d05,#3b2d12 45%,#120d05);box-shadow:0 0 0 1px rgba(212,178,106,.45),0 12px 24px -6px rgba(0,0,0,.8)}
.bottle::before{content:"";position:absolute;bottom:100%;left:50%;width:.5625rem;height:42%;margin-left:-.28rem;border-radius:.2rem .2rem 0 0;background:#2a2010;box-shadow:0 0 0 1px rgba(212,178,106,.45)}
.bottle::after{content:"";position:absolute;inset:38% 14% 28%;border-radius:2px;background:linear-gradient(180deg,var(--champagne),var(--gold))}
.ps-store .ab-2{padding:.25rem}
.ps-store .ab-2 b{display:block;font-family:var(--display);font-size:1.75rem;line-height:.95;color:var(--paper)}
.ps-store .ab-2 span{display:flex;gap:.5rem;align-items:baseline;font-size:.6875rem;color:var(--mist);margin-top:.25rem}
.ps-store .ab-2 span em{font-style:normal;font-weight:800;font-size:.9375rem;color:var(--gold)}
.ps-store .ab-3{display:flex;align-items:center;gap:.375rem;font-size:.6875rem;color:var(--champagne);padding:.25rem}
.ps-store .ab-3 b{color:var(--gold);letter-spacing:.05em}
.ps-store .ab-4{background:var(--gold);color:var(--ink);font-size:.8125rem;font-weight:700;text-align:center;padding:.5rem 1rem;border-radius:999px}
.ps-store .ab-5{padding:.375rem;background:#141416;border:1px solid #232327}
.ps-store .ab-5 small{display:block;font-size:.625rem;color:var(--mist);margin-bottom:.25rem}
.ps-store .ab-5 span{display:flex;gap:.375rem}
.ps-store .ab-5 i{flex:1;height:1.75rem;border-radius:.375rem;background:#16150f;border:1px solid rgba(212,178,106,.3)}
.ps-store .ab-6{display:flex;align-items:center;gap:.375rem;font-size:.625rem;color:var(--champagne);padding:.375rem .5rem;border:1px dashed rgba(212,178,106,.5)}
.ps-store .ab-6 svg{width:.875rem;height:.875rem;stroke:var(--gold);fill:none;stroke-width:2;flex:none}
.ps-store .ab-7{margin-top:auto;display:flex;align-items:center;gap:.5rem;font-size:.6875rem;color:var(--paper);background:#103b22;border:1px solid rgba(37,211,102,.45);padding:.5rem .625rem}
.ps-store .ab-7 i{width:.4375rem;height:.4375rem;border-radius:50%;background:var(--wa);flex:none}

/* signature: checkout funnel */
.shop{position:relative;height:22rem;display:grid;grid-template-columns:1fr 1.25fr;gap:.875rem;padding:.875rem;border-radius:var(--r-md);background:#0d0d0e;border:1px solid #1f1f22;overflow:hidden}
.pc{display:flex;flex-direction:column;gap:.5rem;padding:.75rem;border-radius:.75rem;background:#141416;border:1px solid #232327;min-width:0}
.pc-top{display:flex;justify-content:space-between;align-items:center;font-size:.6875rem;color:var(--mist)}
.pc-cart{position:relative;width:1.875rem;height:1.875rem;display:grid;place-items:center;border-radius:50%;border:1px solid var(--line);color:var(--champagne)}
.pc-cart svg{width:.875rem;height:.875rem;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.pc-cart b{position:absolute;top:-.375rem;left:-.375rem;min-width:1.125rem;height:1.125rem;padding:0 .25rem;border-radius:999px;background:var(--gold);color:var(--ink);font-size:.625rem;font-weight:800;display:grid;place-items:center;transform:scale(0);transition:transform .45s var(--spring) .9s}
.pc-img{flex:1;min-height:5rem;border-radius:.5rem;background:radial-gradient(circle at 50% 30%,#2e2716,#0f0f10 72%);display:grid;place-items:center;overflow:hidden;transition:filter .7s}
.pc-img .bottle{height:58%}
.pc-info{display:flex;flex-direction:column;gap:.375rem;min-width:0}
.pc-name{font-size:.8125rem;font-weight:700;color:var(--paper);line-height:1.25}
.pc-price{font-size:.75rem;color:var(--mist)}
.pc-price b{color:var(--gold);font-size:.9375rem}
.pc-add{font-size:.75rem;font-weight:700;text-align:center;padding:.4375rem;border-radius:.375rem;background:#3a3a40;color:#a0a0a6;transition:background-color .6s,color .6s,border-radius .6s}
.board:not(.is-craft) .pc-img{filter:grayscale(1) brightness(.55)}
.is-craft .pc-cart b{transform:scale(1)}
.is-craft .pc-add{background:var(--gold);color:var(--ink);border-radius:999px}
.fun{display:flex;flex-direction:column;justify-content:center;gap:.4375rem;min-width:0}
.fun ul{display:flex;flex-direction:column;gap:.4375rem}
.fun-h{display:flex;justify-content:space-between;font-size:.6875rem;color:var(--mist);margin-bottom:.125rem}
.fun li{display:grid;grid-template-columns:5.75rem 1fr;align-items:center;gap:.5rem;font-size:.6875rem;color:#c9c4b6;max-height:1.5rem;overflow:hidden;transition:max-height .6s var(--ease),opacity .45s,margin .6s var(--ease)}
.fun li i{justify-self:start;height:.625rem;width:var(--w);border-radius:999px;background:linear-gradient(270deg,var(--alert),#6b2326);transition:width 1s var(--ease),background .6s}
.fun .f1{--w:100%}.fun .f2{--w:82%}.fun .f3{--w:64%}.fun .f4{--w:52%}.fun .f5{--w:41%}.fun .f6{--w:32%}.fun .f7{--w:24%}
.is-craft .fun .f4{--w:89%}.is-craft .fun .f7{--w:78%}
.is-craft .fun li i{background:linear-gradient(270deg,var(--champagne),var(--gold-deep))}
.is-craft .fun .x{max-height:0;opacity:0;margin-block:-.21875rem}
.fun-res{display:flex;justify-content:space-between;align-items:baseline;margin-top:.375rem;padding-top:.5rem;border-top:1px solid #232327;font-size:.75rem;color:var(--mist)}
.fun-res b{font-size:1.5rem;font-weight:800;color:var(--alert);transition:color .6s}
.is-craft .fun-res b{color:var(--gold)}
.shop-toast{position:absolute;top:.75rem;right:.75rem;display:flex;align-items:center;gap:.5rem;font-size:.75rem;font-weight:500;color:var(--paper);background:#103b22;border:1px solid rgba(37,211,102,.5);border-radius:.75rem;padding:.5rem .75rem;opacity:0;transform:translateY(-.75rem) scale(.92);transition:opacity .5s 1.1s,transform .6s var(--spring) 1.1s;z-index:2}
.shop-toast i{width:.5rem;height:.5rem;border-radius:50%;background:var(--wa);animation:blink 1.4s infinite}
.is-craft .shop-toast{opacity:1;transform:none}

/* store card animations */
.a-lift{animation:floatY 3s ease-in-out infinite}
.a-swipe{animation:swipe 4.2s var(--ease) infinite}
@keyframes swipe{0%{transform:translateY(-26px);opacity:0}18%{opacity:1}40%,80%{transform:translateY(6px);opacity:1}100%{transform:translateY(6px);opacity:0}}
.a-check{stroke-dasharray:1 1;stroke-dashoffset:1;animation:check 4.2s ease infinite}
@keyframes check{0%,42%{stroke-dashoffset:1}58%,88%{stroke-dashoffset:0}100%{stroke-dashoffset:1}}
.a-row{animation:rowin 4.5s var(--ease) infinite}
.a-row.r2{animation-delay:.3s}.a-row.r3{animation-delay:.6s}
@keyframes rowin{0%,6%{transform:translateX(26px);opacity:0}22%,86%{transform:none;opacity:1}100%{transform:none;opacity:0}}

/* =====================================================================
   APP PAGE PIECES
   ===================================================================== */
/* signature: build-your-app */
.builder{display:grid;grid-template-columns:1fr 13.5rem;gap:1.5rem;align-items:center;padding:1.125rem;border-radius:var(--r-md);background:#0d0d0e;border:1px solid #1f1f22}
.b-ctrl h3{font-size:1rem;font-weight:700;color:var(--paper);margin-bottom:.25rem}
.b-ctrl > p{font-size:.875rem;color:var(--mist);margin-bottom:.875rem}
.b-chips{display:flex;flex-wrap:wrap;gap:.4375rem}
.b-chips button{display:inline-flex;align-items:center;gap:.375rem;min-height:2.5rem;padding:.375rem .8125rem;border-radius:999px;border:1px solid #34343a;font-size:.8125rem;color:#cfc8b6;transition:background-color .25s,border-color .25s,color .25s,transform .2s}
.b-chips button::before{content:"+";font-weight:800;color:var(--gold)}
.b-chips button:hover{border-color:var(--gold)}
.b-chips button:active{transform:scale(.95)}
.b-chips button[aria-pressed="true"]{background:var(--gold);border-color:var(--gold);color:var(--ink);font-weight:500}
.b-chips button[aria-pressed="true"]::before{content:"✓";color:var(--ink)}
.b-stats{display:flex;gap:1.75rem;margin-top:1.125rem;padding-top:.875rem;border-top:1px solid #232327;font-size:.8125rem;color:var(--mist)}
.b-stats b{display:block;font-size:1.75rem;font-weight:800;color:var(--gold);line-height:1.1;font-variant-numeric:tabular-nums}
.mini-phone{position:relative;width:100%;aspect-ratio:9/18;border-radius:2rem;padding:.5rem;background:linear-gradient(145deg,#2a2a2e,#0d0d0e);box-shadow:0 0 0 1px #34343a,0 30px 60px -20px rgba(0,0,0,.9),0 0 70px -20px rgba(212,178,106,.35)}
.mini-phone::before{content:"";position:absolute;top:.875rem;left:50%;width:4rem;height:1rem;margin-left:-2rem;border-radius:999px;background:#000;z-index:3}
.mp-screen{position:relative;height:100%;border-radius:1.5rem;overflow:hidden;background:radial-gradient(ellipse at 50% 0%,#1d1a12,#0a0a0b 60%);padding:2.25rem .625rem .625rem;display:flex;flex-direction:column;gap:.5rem}
.mp-hi{font-size:.625rem;color:var(--mist)}
.mp-hi b{display:block;font-family:var(--display);font-size:1.5rem;line-height:1;color:var(--paper);margin-top:.125rem}
.mp-grid{display:grid;grid-template-columns:1fr 1fr;gap:.375rem;align-content:start}
.mod{display:flex;flex-direction:column;gap:.3125rem;padding:.5rem;border-radius:.625rem;background:#141416;border:1px solid rgba(212,178,106,.3);font-size:.625rem;line-height:1.2;color:var(--champagne);animation:pop .45s var(--spring) both}
.mod svg{width:1rem;height:1rem;stroke:var(--gold);fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.mod:not(.on){display:none}
.mp-bar{margin-top:auto;display:flex;justify-content:space-around;padding:.4375rem;border-radius:.875rem;background:#141416;border:1px solid #232327}
.mp-bar i{width:.875rem;height:.875rem;border-radius:.25rem;background:#2c2a24}
.mp-bar i:first-child{background:var(--gold)}
.mp-toast{position:absolute;top:2.25rem;left:.5rem;right:.5rem;z-index:2;display:flex;align-items:center;gap:.375rem;padding:.4375rem .5rem;border-radius:.75rem;background:rgba(30,30,32,.96);border:1px solid var(--line);font-size:.625rem;color:var(--paper);opacity:0;transform:translateY(-.75rem);transition:opacity .3s,transform .45s var(--spring)}
.mp-toast.show{opacity:1;transform:none}
.mp-toast img{width:1.125rem;height:auto;flex:none}

/* segmented tabs */
.seg{display:inline-flex;flex-wrap:wrap;gap:.25rem;padding:.3125rem;border-radius:999px;background:#0e0e10;border:1px solid var(--line2);margin-bottom:1.75rem}
.seg [role="tab"]{min-height:2.75rem;padding:.5rem 1.375rem;border-radius:999px;font-size:1rem;font-weight:500;color:var(--mist);transition:background-color .3s,color .3s}
.seg [role="tab"]:hover{color:var(--champagne)}
.seg [role="tab"][aria-selected="true"]{background:var(--gold);color:var(--ink)}
.seg-panel{display:grid;grid-template-columns:1.05fr .95fr;gap:clamp(1.5rem,4vw,4rem);align-items:center;padding:clamp(1.5rem,3.5vw,3rem);border-radius:var(--r-lg);background:linear-gradient(150deg,#1a1a1d,#111113);border:1px solid var(--line2)}
.seg-panel > div > p{color:#cfc8b6;font-weight:300;margin-bottom:1.25rem;max-width:56ch}
.seg-panel .card-art{height:clamp(14rem,19vw,19rem);margin:0}
.seg-host.is-swap .seg-panel:not([hidden]){animation:swap .45s ease both}

/* a day with the app */
.day{position:relative;max-width:66rem;margin-inline:auto}
.day::before{content:"";position:absolute;top:0;bottom:0;right:50%;width:1px;background:linear-gradient(180deg,var(--gold),rgba(212,178,106,.08))}
.day li{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center;margin-bottom:2.75rem}
.day li:last-child{margin-bottom:0}
.day li::after{content:"";position:absolute;right:50%;top:50%;width:.875rem;height:.875rem;margin:-.4375rem -.4375rem 0 0;border-radius:50%;background:var(--ink);border:2px solid var(--gold);box-shadow:0 0 0 6px rgba(212,178,106,.12)}
.day li:nth-child(even) .notif{order:-1;justify-self:end}
.day-time{font-family:var(--display);font-size:2.75rem;line-height:1;color:var(--gold);direction:ltr;text-align:right;margin-bottom:.25rem}
.day-t h3{font-size:1.25rem;font-weight:700;color:var(--paper);margin-bottom:.25rem}
.day-t p{color:var(--mist);font-size:1rem}
.notif{display:flex;align-items:flex-start;gap:.75rem;padding:.875rem 1rem;border-radius:1.25rem;background:rgba(26,26,29,.92);border:1px solid #2c2c31;box-shadow:0 24px 48px -20px rgba(0,0,0,.9);max-width:26rem}
.notif-ic{flex:none;width:2.5rem;height:2.5rem;border-radius:.75rem;background:#000;border:1px solid var(--line);display:grid;place-items:center}
.notif-ic img{width:84%;height:auto}
.notif small{display:flex;justify-content:space-between;gap:1rem;font-size:.75rem;color:var(--mist);margin-bottom:.125rem}
.notif p{font-size:.9375rem;color:var(--paper);line-height:1.45}

/* client story */
.case{position:relative;overflow:hidden;display:grid;grid-template-columns:1.2fr .8fr;gap:clamp(2rem,5vw,5rem);align-items:center;padding:clamp(2rem,5vw,4.5rem);border-radius:var(--r-lg);background:linear-gradient(120deg,#1b1810,#0d0d0e 65%);border:1px solid var(--line)}
.case::after{content:"";position:absolute;width:34rem;height:34rem;left:-12rem;top:-16rem;border-radius:50%;background:radial-gradient(circle,rgba(212,178,106,.18),transparent 65%);pointer-events:none}
.case blockquote{font-size:clamp(1.5rem,2.6vw,2.25rem);font-weight:300;line-height:1.4;color:var(--paper)}
.case blockquote::before{content:"”";display:block;font-family:Georgia,serif;font-size:5.5rem;line-height:.6;height:2.5rem;color:var(--gold)}
.case-who{display:flex;align-items:center;gap:.875rem;margin-top:1.5rem;font-size:.9375rem;color:var(--mist)}
.case-who img{width:3.5rem;height:3.5rem;border-radius:50%;object-fit:cover;border:1px solid var(--line)}
.case-who b{display:block;color:var(--gold);font-weight:500}
.case h3{font-size:1rem;font-weight:700;color:var(--champagne);margin-bottom:.875rem}

/* =====================================================================
   SYSTEM PAGE PIECES
   ===================================================================== */
/* signature: chaos -> one system */
.cs-stage{position:relative;height:27rem;border-radius:var(--r-md);background:radial-gradient(ellipse at center,#1b1a17 0%,#0d0d0e 70%);border:1px solid #1f1f22;overflow:hidden}
.cs-links{position:absolute;inset:0;width:100%;height:100%}
.cs-links line{stroke:var(--gold);stroke-width:.32;stroke-dasharray:1;stroke-dashoffset:1;opacity:.7;transition:stroke-dashoffset .8s var(--ease)}
.is-order .cs-links line{stroke-dashoffset:0}
.is-order .cs-links line:nth-child(2){transition-delay:.05s}.is-order .cs-links line:nth-child(3){transition-delay:.1s}.is-order .cs-links line:nth-child(4){transition-delay:.15s}
.is-order .cs-links line:nth-child(5){transition-delay:.2s}.is-order .cs-links line:nth-child(6){transition-delay:.25s}.is-order .cs-links line:nth-child(7){transition-delay:.3s}.is-order .cs-links line:nth-child(8){transition-delay:.35s}
.chip{position:absolute;left:var(--cx);top:var(--cy);transform:translate(-50%,-50%) rotate(var(--cr));display:flex;align-items:center;gap:.5rem;white-space:nowrap;font-size:.875rem;font-weight:500;color:#e9e6df;background:#232326;border:1px solid #333337;border-radius:.75rem;padding:.5625rem .75rem;transition:left .9s var(--ease),top .9s var(--ease),transform .9s var(--ease),border-color .5s,background-color .5s;transition-delay:var(--d)}
.chip svg{width:1.125rem;height:1.125rem;flex:none;stroke:currentColor;fill:none;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;color:var(--mist);transition:color .5s}
.chip .bdg{position:absolute;top:-.5625rem;left:-.5625rem;min-width:1.375rem;height:1.375rem;padding:0 .375rem;border-radius:999px;background:var(--alert);color:#fff;font-size:.75rem;font-weight:700;display:grid;place-items:center;transition:transform .35s,opacity .35s}
.chip .okc{width:1rem;height:1rem;border-radius:50%;background:var(--gold);display:grid;place-items:center;transform:scale(0);transition:transform .35s var(--spring);transition-delay:calc(var(--d) + .7s)}
.chip .okc svg{width:.625rem;height:.625rem;color:var(--ink);stroke-width:3.5}
.board:not(.is-order) .chip{animation:jit 2.6s ease-in-out infinite;animation-delay:var(--d)}
@keyframes jit{0%,100%{margin-top:0}50%{margin-top:-5px}}
.is-order .chip{left:var(--ox);top:var(--oy);transform:translate(-50%,-50%);border-color:rgba(212,178,106,.55);background:#1c1b18}
.is-order .chip svg{color:var(--gold)}
.is-order .chip .okc svg{color:var(--ink)}
.is-order .chip .bdg{transform:scale(0);opacity:0}
.is-order .chip .okc{transform:scale(1)}
.c1{--cx:30%;--cy:16%;--cr:-8deg;--ox:50%;--oy:11%;--d:0s}
.c2{--cx:72%;--cy:13%;--cr:7deg;--ox:78%;--oy:23%;--d:.06s}
.c3{--cx:44%;--cy:38%;--cr:-4deg;--ox:85%;--oy:50%;--d:.12s}
.c4{--cx:78%;--cy:47%;--cr:11deg;--ox:78%;--oy:77%;--d:.18s}
.c5{--cx:20%;--cy:58%;--cr:7deg;--ox:50%;--oy:89%;--d:.24s}
.c6{--cx:56%;--cy:68%;--cr:-12deg;--ox:22%;--oy:77%;--d:.3s}
.c7{--cx:30%;--cy:86%;--cr:4deg;--ox:15%;--oy:50%;--d:.36s}
.c8{--cx:74%;--cy:84%;--cr:-6deg;--ox:22%;--oy:23%;--d:.42s}
.hub{position:absolute;left:50%;top:50%;width:12rem;transform:translate(-50%,-50%) scale(.6);opacity:0;text-align:center;background:#0b0b0c;border:1px solid var(--gold);border-radius:1.375rem;padding:1rem .875rem .875rem;box-shadow:0 0 0 8px rgba(212,178,106,.06),0 0 60px rgba(212,178,106,.25);transition:opacity .5s,transform .6s var(--spring)}
.is-order .hub{opacity:1;transform:translate(-50%,-50%) scale(1);transition-delay:.55s}
.hub-t{font-family:var(--display);font-size:2.375rem;line-height:.9;color:var(--paper);margin-bottom:.5rem}
.ticker{position:relative;height:2.5rem;font-size:.78rem;line-height:1.35;color:var(--gold);overflow:hidden}
.ticker span{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;gap:.375rem;opacity:0;transform:translateY(.625rem);transition:opacity .4s,transform .4s}
.ticker span.on{opacity:1;transform:none}
.ticker span::before{content:"";width:.4375rem;height:.4375rem;border-radius:50%;background:var(--wa);flex:none;animation:blink 1.4s infinite}

/* interactive dashboard */
.dash{display:grid;grid-template-columns:14rem 1fr;min-height:28rem;border-radius:var(--r-lg);overflow:hidden;border:1px solid var(--line2);background:#0f0f11;box-shadow:0 40px 80px -40px rgba(0,0,0,.9)}
.dash-side{background:#0b0b0c;border-inline-end:1px solid #1f1f22;padding:1.25rem 1rem;display:flex;flex-direction:column;gap:.375rem}
.dash-brand{display:flex;align-items:center;gap:.5rem;font-size:.875rem;font-weight:700;color:var(--paper);margin-bottom:1rem;padding-inline:.5rem}
.dash-brand i{width:1.75rem;height:1.75rem;border-radius:.5rem;background:linear-gradient(135deg,var(--champagne),var(--gold-deep))}
.dash-tab{display:flex;align-items:center;gap:.625rem;width:100%;min-height:2.75rem;padding:.5rem .75rem;border-radius:.75rem;font-size:.9375rem;color:var(--mist);text-align:right;transition:background-color .25s,color .25s}
.dash-tab svg{width:1.125rem;height:1.125rem;flex:none;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.dash-tab:hover{color:var(--champagne);background:#141416}
.dash-tab[aria-selected="true"]{background:rgba(212,178,106,.12);color:var(--gold)}
.dash-main{padding:1.5rem;min-width:0}
.dash-top{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1.25rem}
.dash-top h3{font-size:1.25rem;font-weight:700;color:var(--paper)}
.dash-search{flex:0 1 16rem;height:2.25rem;border-radius:999px;background:#18181b;border:1px solid #26262a;display:flex;align-items:center;padding-inline:.875rem;font-size:.8125rem;color:#6f6b63}
.dash-host.is-swap .dash-panel:not([hidden]){animation:swap .4s ease both}
.dt{width:100%;border-collapse:collapse;font-size:.9375rem}
.dt th{font-size:.8125rem;font-weight:500;color:var(--mist);text-align:right;padding:.625rem .75rem;border-bottom:1px solid #26262a}
.dt td{padding:.75rem;border-bottom:1px solid #1c1c1f;color:var(--champagne)}
.dt tr:last-child td{border-bottom:0}
.dt .who{display:flex;align-items:center;gap:.625rem;color:var(--paper)}
.dt .who i{width:1.875rem;height:1.875rem;border-radius:50%;flex:none;background:linear-gradient(135deg,#3a3326,#1c1a14);border:1px solid var(--line)}
.pill{display:inline-block;font-size:.75rem;font-weight:500;padding:.25rem .625rem;border-radius:999px;background:#202024;color:var(--mist)}
.pill.g{background:rgba(212,178,106,.15);color:var(--gold)}
.pill.w{background:rgba(37,211,102,.12);color:#6fe3a0}
.kb{display:grid;grid-template-columns:repeat(3,1fr);gap:.875rem}
.kb-col{background:#141416;border:1px solid #232327;border-radius:1rem;padding:.75rem}
.kb-col h4{display:flex;justify-content:space-between;font-size:.8125rem;font-weight:700;color:var(--champagne);margin-bottom:.625rem}
.kb-col h4 span{color:var(--mist);font-weight:400}
.kb-card{background:#1b1b1e;border:1px solid #2a2a2e;border-radius:.75rem;padding:.625rem .75rem;margin-bottom:.5rem;font-size:.8125rem;color:var(--paper)}
.kb-card small{display:block;color:var(--mist);font-size:.75rem;margin-top:.25rem}
.kb-card.move{border-color:var(--gold);animation:kbmove 4s var(--ease) infinite}
@keyframes kbmove{0%,15%{transform:none}35%,70%{transform:translateX(calc(-100% - 1.75rem));box-shadow:0 12px 24px -10px rgba(0,0,0,.8)}90%,100%{transform:none}}
.cal{display:grid;grid-template-columns:3rem repeat(5,1fr);grid-template-rows:2rem repeat(6,2.5rem);gap:.25rem;font-size:.75rem}
.cal .hd{color:var(--mist);text-align:center;align-self:center}
.cal .tm{grid-column:1;color:#6f6b63;align-self:start;direction:ltr;text-align:right}
.cal .t1{grid-row:2}.cal .t2{grid-row:4}.cal .t3{grid-row:6}
.ev{border-radius:.5rem;padding:.3125rem .5rem;font-size:.75rem;line-height:1.25;color:var(--ink);background:var(--gold);overflow:hidden}
.ev.b{background:#2a2620;color:var(--champagne);border:1px solid var(--line)}
.ev.w{background:rgba(37,211,102,.15);color:#8debb5;border:1px solid rgba(37,211,102,.35)}
.e1{grid-column:2;grid-row:2/4}.e2{grid-column:3;grid-row:3}.e3{grid-column:4;grid-row:2/3}.e4{grid-column:5;grid-row:4/6}.e5{grid-column:6;grid-row:3/5}.e6{grid-column:2;grid-row:5}.e7{grid-column:4;grid-row:6/8}
.kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:.875rem;margin-bottom:1rem}
.kpi{background:#141416;border:1px solid #232327;border-radius:1rem;padding:.875rem 1rem}
.kpi small{font-size:.8125rem;color:var(--mist)}
.kpi b{display:block;font-size:1.75rem;font-weight:800;color:var(--paper);line-height:1.2}
.kpi em{font-style:normal;font-size:.75rem;color:#6fe3a0}
.dash-chart{height:10rem;border-radius:1rem;background:#141416;border:1px solid #232327;padding:.75rem}
.dash-chart svg{width:100%;height:100%;fill:none;stroke:var(--gold);stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.dash-chart .f{fill:var(--gold);stroke:none}
.dash-chart *{transform-box:fill-box}

/* symptoms checklist */
.sym{display:grid;grid-template-columns:1.25fr .75fr;gap:clamp(2rem,5vw,4.5rem);align-items:start}
.sym-list{display:grid;gap:.75rem}
.sym-list label{display:flex;align-items:center;gap:1rem;padding:1.125rem 1.25rem;border:1px solid var(--line2);border-radius:1rem;background:#111113;cursor:pointer;font-size:1.0625rem;color:var(--champagne);transition:border-color .25s,background-color .25s}
.sym-list label:hover{border-color:rgba(212,178,106,.5)}
.sym-list input{appearance:none;-webkit-appearance:none;flex:none;width:1.625rem;height:1.625rem;border-radius:.5rem;border:2px solid var(--gold);background:transparent center/1rem no-repeat;cursor:pointer;transition:background-color .2s}
.sym-list input:checked{background-color:var(--gold);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='3.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 12.5l4 4 8-9'/%3E%3C/svg%3E")}
.sym-list input:focus-visible{outline:3px solid var(--gold);outline-offset:3px}
.sym-list label:has(input:checked){border-color:var(--gold);background:rgba(212,178,106,.07)}
.sym-meter{position:sticky;top:6.5rem;padding:clamp(1.5rem,3vw,2.25rem);border-radius:var(--r-lg);background:linear-gradient(150deg,#1a1a1d,#111113);border:1px solid var(--line2)}
.sym-n{font-family:var(--display);font-size:5.5rem;line-height:.85;color:var(--paper)}
.sym-n span{color:var(--mist);font-size:2.5rem}
.sym-bar{height:.5rem;border-radius:999px;background:#232327;margin:1rem 0 1.25rem;overflow:hidden}
.sym-bar i{display:block;height:100%;width:calc(var(--p,0) * 100%);border-radius:inherit;background:linear-gradient(270deg,var(--champagne),var(--gold-deep));transition:width .6s var(--ease)}
.sym-v p{font-size:1.0625rem;color:var(--champagne);margin-bottom:1.25rem;min-height:3.5rem}
.sym-v b{color:var(--gold)}

/* home hub */
.feat.svc-grid{grid-template-columns:repeat(4,1fr)}
a.ft{display:block;color:inherit}
a.ft:hover h3{color:var(--gold)}
a.ft h3{transition:color .25s}
.e404{min-height:100vh;display:grid;place-items:center;text-align:center;padding:7rem var(--gutter) 4rem}
.e404-n{font-family:var(--display);font-size:clamp(8rem,22vw,16rem);line-height:.8;color:transparent;-webkit-text-stroke:2px var(--gold)}
.e404 .ctas{justify-content:center;margin-top:2rem}
.e404 .lead{margin-inline:auto}

/* "read more" explainer */
.xp{margin-top:1.5rem;border-radius:var(--r-lg);border:1px solid var(--line2);background:#0f0f11;overflow:hidden}
.xp summary{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1.25rem 1.5rem;cursor:pointer;list-style:none;font-size:1.0625rem;font-weight:500;color:var(--paper);min-height:3.5rem}
.xp summary::-webkit-details-marker{display:none}
.xp summary b{color:var(--gold);font-weight:500}
.xp-btn{flex:none;display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border-radius:999px;border:1px solid var(--gold);color:var(--gold);font-size:.9375rem;font-weight:700;transition:background-color .25s,color .25s}
.xp-btn::after{content:"";width:.5rem;height:.5rem;border-bottom:2px solid currentColor;border-left:2px solid currentColor;transform:translateY(-2px) rotate(-45deg);transition:transform .3s var(--ease)}
.xp summary:hover .xp-btn{background:var(--gold);color:var(--ink)}
.xp[open] .xp-btn::after{transform:translateY(2px) rotate(135deg)}
.xp .xp-open{display:none}
.xp[open] .xp-open{display:inline}
.xp[open] .xp-closed{display:none}
.xp-body{padding:0 1.5rem 1.75rem;animation:swap .4s ease both}
.xp-cols{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:1.25rem}
.xp-card{padding:1.375rem;border-radius:var(--r-md);background:#141416;border:1px solid #232327}
.xp-card.us{border-color:rgba(212,178,106,.5);background:linear-gradient(150deg,#1b1810,#121214)}
.xp-card h3{font-size:1.25rem;font-weight:700;color:var(--paper);margin-bottom:.25rem}
.xp-card .eg{font-size:.875rem;color:var(--mist);margin-bottom:1rem}
.xp-card h4{font-size:.875rem;font-weight:700;color:var(--gold);margin:.875rem 0 .375rem}
.xp-card li{position:relative;padding-inline-start:1.125rem;font-size:.96875rem;color:#cfc8b6;margin-bottom:.3125rem}
.xp-card li::before{content:"";position:absolute;right:0;top:.6em;width:.375rem;height:.375rem;border-radius:50%;background:var(--mist)}
.xp-card .pro li::before{background:var(--gold)}
.xp-card .con li::before{background:var(--alert)}
.xp-when{padding:1.25rem 1.375rem;border-radius:var(--r-md);border:1px dashed rgba(212,178,106,.45);color:var(--champagne)}
.xp-when b{color:var(--gold)}
.xp-when p+p{margin-top:.5rem}

/* feature tiles */
.feat{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}
.ft{position:relative;padding:1.75rem;border-radius:var(--r-md);background:#111113;border:1px solid var(--line2);transition:border-color .3s,transform .4s var(--ease)}
.ft:hover{border-color:rgba(212,178,106,.5);transform:translateY(-.25rem)}
.ft-ic{width:3rem;height:3rem;border-radius:.875rem;display:grid;place-items:center;background:rgba(212,178,106,.08);border:1px solid var(--line);margin-bottom:1rem}
.ft-ic svg{width:1.5rem;height:1.5rem;stroke:var(--gold);fill:none;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.ft h3{font-size:1.1875rem;font-weight:700;color:var(--paper);margin-bottom:.375rem}
.ft p{font-size:.96875rem;color:var(--mist)}

/* =====================================================================
   DESIGN PAGE PIECES
   ===================================================================== */
/* signature: brand lab (one brand, four personalities) */
.lab-ctrl{display:flex;flex-wrap:wrap;gap:.4375rem;margin-bottom:.875rem}
.lab-ctrl button{display:inline-flex;align-items:center;gap:.5rem;min-height:2.5rem;padding:.375rem .875rem;border-radius:999px;border:1px solid #34343a;font-size:.875rem;color:#cfc8b6;transition:background-color .25s,border-color .25s,color .25s}
.lab-ctrl button i{width:.75rem;height:.75rem;border-radius:50%;flex:none}
.lab-ctrl button:hover{border-color:var(--gold)}
.lab-ctrl button[aria-pressed="true"]{background:var(--paper);border-color:var(--paper);color:var(--ink);font-weight:500}
.lab-ctrl .k1 i{background:linear-gradient(135deg,#EBDDB8,#D4B26A)}
.lab-ctrl .k2 i{background:linear-gradient(135deg,#FFD23F,#FF4D8D)}
.lab-ctrl .k3 i{background:linear-gradient(135deg,#C9B79C,#6B8F71)}
.lab-ctrl .k4 i{background:linear-gradient(135deg,#7CF5D3,#3AA0FF)}
.lab{--lb:#0e0d0b;--l1:#D4B26A;--l2:#EBDDB8;--lt:#FFFFFF;--lm:#A7A39A;--lc:#17150f;--lr:.375rem;--lf:var(--display);--lw:700;--ls:.06em;
  position:relative;display:grid;grid-template-columns:1.15fr 1fr;grid-template-rows:auto auto;gap:.75rem;padding:.875rem;border-radius:var(--r-md);background:var(--lb);border:1px solid rgba(255,255,255,.08);color:var(--lt);transition:background-color .6s var(--ease),color .6s}
.lab *{transition:background-color .6s var(--ease),color .6s,border-color .6s,border-radius .6s var(--ease),letter-spacing .6s,font-weight .3s}
.lab[data-p="bold"]{--lb:#1a0f2e;--l1:#FF4D8D;--l2:#FFD23F;--lt:#FFFFFF;--lm:#C9B8E8;--lc:#26173f;--lr:999px;--lf:var(--body);--lw:800;--ls:-.01em}
.lab[data-p="calm"]{--lb:#F3EFE6;--l1:#6B8F71;--l2:#C9B79C;--lt:#2E3A2F;--lm:#6c6a5f;--lc:#E7E0D1;--lr:1.25rem;--lf:var(--body);--lw:300;--ls:0}
.lab[data-p="tech"]{--lb:#071426;--l1:#3AA0FF;--l2:#7CF5D3;--lt:#EAF4FF;--lm:#8AA4C2;--lc:#0d2140;--lr:.375rem;--lf:var(--body);--lw:500;--ls:.04em}
.lb-cell{border-radius:calc(var(--lr) * .6 + .5rem);background:var(--lc);padding:1rem;min-width:0}
.lb-logo{grid-row:span 2;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:.75rem;text-align:center;min-height:17rem}
.lb-mark{width:4.25rem;height:4.25rem;border-radius:var(--lr);background:linear-gradient(135deg,var(--l2),var(--l1));display:grid;place-items:center;color:var(--lb);font-family:var(--lf);font-weight:var(--lw);font-size:2rem;line-height:1}
.lb-name{font-family:var(--lf);font-weight:var(--lw);letter-spacing:var(--ls);font-size:2.75rem;line-height:1;color:var(--lt)}
.lb-tag{font-size:.75rem;color:var(--lm);letter-spacing:.12em}
.lb-sw{display:flex;gap:.5rem;align-items:center}
.lb-sw i{flex:1;height:2.75rem;border-radius:calc(var(--lr) * .5 + .25rem)}
.lb-sw i:nth-child(1){background:var(--l1)}.lb-sw i:nth-child(2){background:var(--l2)}.lb-sw i:nth-child(3){background:var(--lt)}.lb-sw i:nth-child(4){background:var(--lb);border:1px solid var(--lm)}
.lb-type b{display:block;font-family:var(--lf);font-weight:var(--lw);letter-spacing:var(--ls);font-size:2rem;line-height:1;color:var(--lt)}
.lb-type span{font-size:.75rem;color:var(--lm)}
.lb-ui{grid-column:1 / -1;display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}
.lb-btn{padding:.5rem 1.125rem;border-radius:var(--lr);background:var(--l1);color:var(--lb);font-size:.8125rem;font-weight:700}
.lb-btn2{padding:.5rem 1.125rem;border-radius:var(--lr);border:1.5px solid var(--l1);color:var(--l1);font-size:.8125rem;font-weight:700}
.lb-tg{width:2.5rem;height:1.375rem;border-radius:999px;background:var(--l1);position:relative;margin-inline-start:auto}
.lb-tg::after{content:"";position:absolute;top:.1875rem;left:.1875rem;width:1rem;height:1rem;border-radius:50%;background:var(--lb)}
.lb-in{flex:1 1 7rem;height:2.125rem;border-radius:var(--lr);border:1px solid var(--lm);opacity:.6}

/* statement: words light up while scrolling */
.statement{padding-block:clamp(5rem,12vw,10rem);background:var(--ink)}
.statement p{font-family:var(--display);font-weight:700;font-size:clamp(2.75rem,6.4vw,6rem);line-height:1.02;max-width:20ch;margin-inline:auto;text-align:center;color:var(--paper);text-wrap:balance}
.js .statement .w{color:#2c2b28;transition:color .35s ease}
.js .statement .w.lit{color:var(--paper)}
.js .statement .w.lit.g{color:var(--gold)}
html.a11y-contrast .statement .w{color:#fff!important}

/* before / after slider */
.ba{--pos:50;position:relative;aspect-ratio:16/7.4;border-radius:var(--r-lg);overflow:hidden;border:1px solid var(--line2);user-select:none;-webkit-user-select:none}
.ba-pane{position:absolute;inset:0;display:flex;flex-direction:column}
.ba-after{clip-path:inset(0 0 0 calc(var(--pos) * 1%))}
.ba-line{position:absolute;top:0;bottom:0;left:calc(var(--pos) * 1%);width:2px;margin-left:-1px;background:var(--gold);pointer-events:none;z-index:3}
.ba-knob{position:absolute;top:50%;left:50%;width:3.25rem;height:3.25rem;margin:-1.625rem 0 0 -1.625rem;border-radius:50%;background:var(--gold);color:var(--ink);display:grid;place-items:center;font-weight:800;font-size:1rem;box-shadow:0 0 0 6px rgba(212,178,106,.25),0 10px 24px rgba(0,0,0,.6)}
.ba input{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:ew-resize;z-index:4}
.ba:has(input:focus-visible) .ba-knob{outline:3px solid var(--paper);outline-offset:4px}
.ba-tag{position:absolute;top:1rem;z-index:2;padding:.375rem .875rem;border-radius:999px;font-size:.875rem;font-weight:700}
.ba-before .ba-tag{left:1rem;background:#fff;color:#333;border:1px solid #ccc}
.ba-after .ba-tag{right:1rem;background:var(--gold);color:var(--ink)}
/* the "before" mock: generic, cluttered */
.bf{background:#f4f4f4;color:#222;font-family:Arial,sans-serif}
.bf-top{display:flex;align-items:center;gap:1rem;padding:.875rem 1.5rem;background:#2f5aa8;color:#fff;font-size:.875rem}
.bf-top b{font-size:1.125rem;margin-inline-end:auto}
.bf-top u{color:#cfe0ff}
.bf-sale{background:#e60000;color:#ff0;text-align:center;font-weight:700;padding:.375rem;font-size:.875rem}
.bf-body{flex:1;display:grid;grid-template-columns:1fr 1.3fr;gap:1.25rem;padding:1.5rem}
.bf-body h3{font-family:"Times New Roman",serif;font-size:1.875rem;color:#2f5aa8;margin-bottom:.5rem}
.bf-body p{font-size:.8125rem;line-height:1.5;color:#555;margin-bottom:.75rem}
.bf-btns{display:flex;flex-wrap:wrap;gap:.375rem}
.bf-btns span{padding:.3125rem .625rem;font-size:.75rem;background:#ddd;border:1px solid #aaa;color:#333}
.bf-btns span:first-child{background:#3cb371;color:#fff}
.bf-img{background:repeating-linear-gradient(45deg,#ddd 0 10px,#e8e8e8 10px 20px);border:1px solid #bbb;display:grid;place-items:center;color:#888;font-size:.8125rem}
/* the "after" mock: crafted */
.af{background:radial-gradient(ellipse at 75% 20%,#1d1a12,#0a0a0b 60%);color:var(--paper)}
.af-top{display:flex;align-items:center;gap:1.5rem;padding:1rem 1.75rem;font-size:.8125rem;color:var(--mist)}
.af-top b{font-family:var(--display);font-size:1.5rem;color:var(--gold);letter-spacing:.06em;margin-inline-end:auto}
.af-top span:last-child{padding:.375rem .875rem;border-radius:999px;background:var(--gold);color:var(--ink);font-weight:700}
.af-body{flex:1;display:grid;grid-template-columns:1.2fr 1fr;gap:1.5rem;align-items:center;padding:.5rem 1.75rem 1.75rem}
.af-body small{font-size:.75rem;color:var(--gold)}
.af-body h3{font-family:var(--display);font-size:clamp(2rem,4vw,3.5rem);line-height:.92;margin:.25rem 0 .75rem}
.af-body h3 em{font-style:normal;color:var(--gold)}
.af-body p{font-size:.875rem;color:#cfc8b6;margin-bottom:1rem;max-width:34ch}
.af-cta{display:inline-block;padding:.625rem 1.25rem;border-radius:999px;background:var(--gold);color:var(--ink);font-weight:700;font-size:.875rem}
.af-art{position:relative;aspect-ratio:1;max-height:100%;border-radius:1.5rem;background:radial-gradient(circle at 35% 30%,#3a3120,#121212 70%);border:1px solid var(--line);display:grid;place-items:center}
.af-art i{width:46%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle at 35% 30%,var(--champagne),var(--gold-deep));box-shadow:0 0 60px rgba(212,178,106,.35)}
.af-proof{position:absolute;bottom:-.75rem;right:-.75rem;padding:.5rem .75rem;border-radius:.75rem;background:#141416;border:1px solid var(--line);font-size:.75rem;color:var(--champagne)}
.af-proof b{color:var(--gold)}

/* deliverable rows */
.rows{border-top:1px solid var(--line2)}
.rows li{position:relative;display:grid;grid-template-columns:6rem 1fr 1.1fr auto;gap:1.5rem 2.5rem;align-items:center;padding:1.75rem 1rem;border-bottom:1px solid var(--line2);transition:background-color .35s,padding .35s var(--ease)}
.rows li::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(212,178,106,.07));opacity:0;transition:opacity .35s;pointer-events:none}
.rows li:hover::before{opacity:1}
.rows li:hover{padding-inline-start:1.75rem}
.rows .rn{font-family:var(--display);font-size:3.5rem;line-height:.8;color:transparent;-webkit-text-stroke:1px var(--gold);transition:color .35s}
.rows li:hover .rn{color:var(--gold)}
.rows h3{font-family:var(--display);font-weight:700;font-size:clamp(2rem,2.8vw,2.75rem);line-height:.95;color:var(--paper)}
.rows p{color:#cfc8b6;font-weight:300}
.rows .tags{display:flex;flex-wrap:wrap;gap:.375rem;justify-content:flex-end}
.rows .tags span{font-size:.8125rem;padding:.25rem .75rem;border-radius:999px;border:1px solid var(--line);color:var(--champagne);white-space:nowrap}

/* =====================================================================
   HOSTING PAGE PIECES
   ===================================================================== */
/* signature: live server status */
.srv{display:grid;grid-template-columns:1fr 1fr;gap:.75rem;padding:.875rem;border-radius:var(--r-md);background:#0d0d0e;border:1px solid #1f1f22}
.srv-cell{border-radius:.875rem;background:#141416;border:1px solid #232327;padding:.875rem 1rem;min-width:0}
.srv-head{grid-column:1 / -1;display:flex;align-items:center;justify-content:space-between;gap:.75rem}
.srv-site{display:flex;align-items:center;gap:.5rem;font-size:.8125rem;color:var(--mist);direction:ltr}
.srv-site svg{width:.875rem;height:.875rem;stroke:currentColor;fill:none;stroke-width:2.2}
.srv-pill{display:inline-flex;align-items:center;gap:.4375rem;font-size:.8125rem;font-weight:700;padding:.3125rem .75rem;border-radius:999px;background:rgba(229,72,77,.12);color:#ff8a8d;border:1px solid rgba(229,72,77,.4);transition:all .5s}
.srv-pill i{width:.5rem;height:.5rem;border-radius:50%;background:currentColor;animation:blink 1s infinite}
.is-managed .srv-pill{background:rgba(61,214,140,.1);color:var(--good);border-color:rgba(61,214,140,.4)}
.is-managed .srv-pill i{animation-duration:2.2s}
.srv-spark{grid-column:1 / -1}
.srv-spark p{display:flex;justify-content:space-between;font-size:.75rem;color:var(--mist);margin-bottom:.375rem}
.srv-spark p b{font-size:.9375rem;color:#ff8a8d;font-variant-numeric:tabular-nums;transition:color .5s}
.is-managed .srv-spark p b{color:var(--gold)}
.srv-spark svg{display:block;width:100%;height:4.5rem}
.srv-spark polyline{fill:none;stroke:var(--alert);stroke-width:2;stroke-linejoin:round;stroke-linecap:round;vector-effect:non-scaling-stroke;transition:stroke .5s}
.srv-spark .area{fill:rgba(229,72,77,.12);stroke:none;transition:fill .5s}
.is-managed .srv-spark polyline{stroke:var(--gold)}
.is-managed .srv-spark .area{fill:rgba(212,178,106,.12)}
.srv-log{grid-column:1 / -1;display:grid;gap:.375rem}
.srv-log li{display:flex;align-items:center;justify-content:space-between;gap:.75rem;font-size:.8125rem;color:var(--champagne);padding:.4375rem .625rem;border-radius:.5rem;background:#1a1a1d;animation:rowin2 .5s var(--ease) both}
.srv-log li small{color:var(--mist);font-size:.75rem;white-space:nowrap}
.srv-log .bad{border-inline-start:3px solid var(--alert)}
.srv-log .ok{border-inline-start:3px solid var(--gold)}
.srv-log.l-ok{display:none}
.is-managed .srv-log.l-bad{display:none}
.is-managed .srv-log.l-ok{display:grid}
.srv-log li:nth-child(2){animation-delay:.1s}.srv-log li:nth-child(3){animation-delay:.2s}.srv-log li:nth-child(4){animation-delay:.3s}
@keyframes rowin2{from{opacity:0;transform:translateX(1rem)}to{opacity:1;transform:none}}

/* included tiles */
.incl{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}
.inc-t{position:relative;padding:1.5rem;border-radius:var(--r-md);background:#111113;border:1px solid var(--line2);transition:border-color .3s,transform .4s var(--ease)}
.inc-t:hover{border-color:rgba(212,178,106,.5);transform:translateY(-.25rem)}
.inc-t .ft-ic{margin-bottom:.875rem}
.inc-t h3{font-size:1.125rem;font-weight:700;color:var(--paper);margin-bottom:.375rem}
.inc-t p{font-size:.9375rem;color:var(--mist)}
.inc-t .on{position:absolute;top:1.25rem;left:1.25rem;display:inline-flex;align-items:center;gap:.375rem;font-size:.75rem;color:var(--good)}
.inc-t .on::before{content:"";width:.4375rem;height:.4375rem;border-radius:50%;background:var(--good);animation:blink 2s infinite}

/* incident simulator */
.inc{display:grid;grid-template-columns:1fr 1.1fr;gap:clamp(2rem,5vw,4.5rem);align-items:center}
.inc-panel{border-radius:var(--r-lg);background:#0b0b0c;border:1px solid var(--line2);overflow:hidden;box-shadow:0 40px 80px -40px rgba(0,0,0,.9)}
.inc-bar{display:flex;align-items:center;gap:.625rem;padding:.875rem 1.25rem;font-size:.9375rem;font-weight:700;background:#141416;color:var(--mist);border-bottom:1px solid #1f1f22;transition:background-color .4s,color .4s}
.inc-bar i{width:.625rem;height:.625rem;border-radius:50%;background:currentColor}
.inc-panel.alert .inc-bar{background:rgba(229,72,77,.15);color:#ff8a8d}
.inc-panel.alert .inc-bar i{animation:blink .8s infinite}
.inc-panel.fixed .inc-bar{background:rgba(61,214,140,.1);color:var(--good)}
.inc-steps{padding:1.25rem;display:grid;gap:.625rem}
.inc-steps li{display:grid;grid-template-columns:3.75rem 1.75rem 1fr;align-items:center;gap:.625rem;padding:.625rem .75rem;border-radius:.75rem;background:#111113;border:1px solid #1d1d20;color:#58554e;transition:color .4s,border-color .4s,background-color .4s}
.inc-steps li time{font-size:.8125rem;white-space:nowrap;font-variant-numeric:tabular-nums}
.inc-steps li .st{width:1.5rem;height:1.5rem;border-radius:50%;border:2px solid #2a2a2e;display:grid;place-items:center;transition:all .4s}
.inc-steps li.on{color:var(--paper);border-color:rgba(212,178,106,.4);background:#16150f}
.inc-steps li.on time{color:var(--gold)}
.inc-steps li.on .st{background:var(--gold);border-color:var(--gold);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='3.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 12.5l4 4 8-9'/%3E%3C/svg%3E");background-size:.875rem;background-position:center;background-repeat:no-repeat}
.inc-steps li.bad.on{border-color:rgba(229,72,77,.45);background:#1c1112}
.inc-steps li.bad.on time{color:#ff8a8d}
.inc-steps li.bad.on .st{background:var(--alert);border-color:var(--alert);background-image:none}
.inc-ctl{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:1.5rem}
.btn-alert{background:var(--alert);color:#fff}
.btn-alert:hover{background:#ff6b6f}
.btn-alert:disabled{opacity:.5}

/* =====================================================================
   AI PAGE PIECES
   ===================================================================== */
/* signature: AI agent answers, behind-the-scenes actions */
.aid{display:grid;grid-template-columns:1.1fr .9fr;gap:.75rem;padding:.875rem;border-radius:var(--r-md);background:#0d0d0e;border:1px solid #1f1f22}
.aid-chat{display:flex;flex-direction:column;border-radius:1rem;overflow:hidden;background:#0b141a;border:1px solid #1f2c33;min-width:0}
.aid-head{display:flex;align-items:center;gap:.5rem;padding:.625rem .75rem;background:#1f2c33;font-size:.8125rem;color:#e9edef}
.aid-head i{width:1.75rem;height:1.75rem;border-radius:50%;background:linear-gradient(135deg,var(--champagne),var(--gold-deep));flex:none}
.aid-head small{display:block;font-size:.6875rem;color:#8696a0}
.aid-log{height:14.5rem;overflow-y:auto;padding:.75rem .625rem;display:flex;flex-direction:column;gap:.375rem;background-image:radial-gradient(rgba(255,255,255,.035) 1px,transparent 1px);background-size:1.125rem 1.125rem;scroll-behavior:smooth}
.aid-log .msg{font-size:.8125rem;max-width:88%}
.aid-q{display:flex;flex-wrap:wrap;gap:.375rem;padding:.625rem;background:#111b21;border-top:1px solid #222d34}
.aid-q button{min-height:2.25rem;padding:.3125rem .75rem;border-radius:999px;border:1px solid #2f3b43;background:#1a252c;color:#e9edef;font-size:.75rem;transition:border-color .2s,opacity .2s}
.aid-q button:hover{border-color:var(--gold)}
.aid-q button:disabled{opacity:.45}
.aid-q button[aria-pressed="true"]{border-color:rgba(212,178,106,.6);color:var(--gold)}
.aid-ops{border-radius:1rem;background:#141416;border:1px solid #232327;padding:.875rem;display:flex;flex-direction:column;min-width:0}
.aid-ops h3{display:flex;align-items:center;gap:.5rem;font-size:.8125rem;font-weight:700;color:var(--champagne);margin-bottom:.625rem}
.aid-ops h3 i{width:.5rem;height:.5rem;border-radius:50%;background:var(--wa);animation:blink 1.4s infinite}
.aid-ops ol{display:grid;gap:.375rem;align-content:start;flex:1}
.aid-ops li{display:flex;align-items:center;gap:.5rem;font-size:.75rem;color:var(--paper);padding:.4375rem .5rem;border-radius:.5rem;background:#1a1a1d;border-inline-start:3px solid var(--gold);animation:rowin2 .45s var(--ease) both}
.aid-ops li::before{content:"✓";color:var(--gold);font-weight:800}
.aid-ops .empty{font-size:.75rem;color:var(--mist);background:none;border:0;animation:none}
.aid-ops .empty::before{content:none}
.aid-stat{display:flex;justify-content:space-between;gap:.5rem;margin-top:.625rem;padding-top:.625rem;border-top:1px solid #232327;font-size:.6875rem;color:var(--mist)}
.aid-stat b{display:block;font-size:1.0625rem;color:var(--gold)}

/* automation flow */
.flow{display:grid;grid-template-columns:repeat(6,1fr);gap:0;counter-reset:fl}
.flow li{position:relative;display:flex;flex-direction:column;align-items:center;text-align:center;gap:.75rem;padding:0 .5rem}
.flow li::after{content:"";position:absolute;top:2rem;right:calc(50% + 2.25rem);left:calc(-50% + 2.25rem);height:2px;background:linear-gradient(270deg,#2a2a2e 0 40%,var(--gold) 50%,#2a2a2e 60% 100%);background-size:300% 100%;background-position:100% 0;animation:flowline 7.2s linear infinite;animation-delay:var(--fd)}
.flow li:last-child::after{display:none}
.fl-ic{position:relative;z-index:1;width:4rem;height:4rem;border-radius:1.125rem;display:grid;place-items:center;background:#141416;border:1px solid var(--line2);animation:nodeon 7.2s ease infinite;animation-delay:var(--nd)}
.fl-ic svg{width:1.625rem;height:1.625rem;stroke:var(--gold);fill:none;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.flow h3{font-size:1rem;font-weight:700;color:var(--paper);line-height:1.3}
.flow p{font-size:.875rem;color:var(--mist);line-height:1.45}
.flow li:nth-child(1){--nd:0s;--fd:.3s}.flow li:nth-child(2){--nd:1.2s;--fd:1.5s}.flow li:nth-child(3){--nd:2.4s;--fd:2.7s}.flow li:nth-child(4){--nd:3.6s;--fd:3.9s}.flow li:nth-child(5){--nd:4.8s;--fd:5.1s}.flow li:nth-child(6){--nd:6s}
@keyframes nodeon{0%,100%{border-color:var(--line2);box-shadow:none;transform:none}4%,12%{border-color:var(--gold);box-shadow:0 0 0 6px rgba(212,178,106,.12),0 0 34px rgba(212,178,106,.35);transform:translateY(-3px)}20%{border-color:var(--line2);box-shadow:none;transform:none}}
@keyframes flowlinev{0%{background-position:0 100%}14%,100%{background-position:0 0}}
@keyframes flowline{0%{background-position:100% 0}14%,100%{background-position:0 0}}

/* time calculator */
.calc{display:grid;grid-template-columns:1fr 1fr;gap:clamp(1.5rem,4vw,4rem);align-items:center;padding:clamp(1.5rem,3.5vw,3rem);border-radius:var(--r-lg);background:linear-gradient(150deg,#1a1a1d,#111113);border:1px solid var(--line2)}
.calc-in{display:grid;gap:1.5rem}
.calc-f label{display:flex;justify-content:space-between;align-items:baseline;gap:1rem;font-size:1rem;color:var(--champagne);margin-bottom:.625rem}
.calc-f output{font-size:1.25rem;font-weight:800;color:var(--gold);font-variant-numeric:tabular-nums}
.calc-f input[type="range"]{-webkit-appearance:none;appearance:none;width:100%;height:.5rem;border-radius:999px;background:linear-gradient(270deg,var(--gold) var(--fill,50%),#2a2a2e var(--fill,50%));cursor:pointer}
.calc-f input[type="range"]::-webkit-slider-thumb{-webkit-appearance:none;width:1.5rem;height:1.5rem;border-radius:50%;background:var(--paper);border:3px solid var(--gold);box-shadow:0 4px 12px rgba(0,0,0,.5)}
.calc-f input[type="range"]::-moz-range-thumb{width:1.25rem;height:1.25rem;border-radius:50%;background:var(--paper);border:3px solid var(--gold)}
.calc-f input[type="range"]:focus-visible{outline:3px solid var(--gold);outline-offset:6px}
.calc-out{text-align:center;padding:1.5rem;border-radius:var(--r-md);background:#0b0b0c;border:1px solid var(--line)}
.calc-big{font-family:var(--display);font-size:clamp(4rem,7vw,6.5rem);line-height:.85;color:var(--gold)}
.calc-big small{font-size:.4em;color:var(--champagne)}
.calc-sub{display:grid;grid-template-columns:1fr 1fr;gap:.75rem;margin:1.25rem 0}
.calc-sub div{padding:.875rem;border-radius:.875rem;background:#141416;border:1px solid #232327;font-size:.875rem;color:var(--mist)}
.calc-sub b{display:block;font-size:1.5rem;font-weight:800;color:var(--paper);font-variant-numeric:tabular-nums}
.calc-note{font-size:.8125rem;color:var(--mist);margin-top:.875rem}
.calc-out .gold{color:var(--gold);font-size:1.25rem}
.calc-out > .muted:nth-last-of-type(2){margin-bottom:1.25rem}

/* use-case filter */
.ucf{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1.5rem}
.ucf button{min-height:2.75rem;padding:.5rem 1.125rem;border-radius:999px;border:1px solid var(--line2);font-size:.9375rem;color:var(--champagne);transition:background-color .25s,border-color .25s,color .25s}
.ucf button:hover{border-color:var(--gold)}
.ucf button[aria-pressed="true"]{background:var(--gold);border-color:var(--gold);color:var(--ink);font-weight:500}
.ucs{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}
.uc{padding:1.5rem;border-radius:var(--r-md);background:#111113;border:1px solid var(--line2);animation:swap .4s ease both}
.uc[hidden]{display:none}
.uc small{font-size:.8125rem;color:var(--gold)}
.uc h3{font-size:1.1875rem;font-weight:700;color:var(--paper);margin:.25rem 0 .875rem}
.uc p{display:flex;gap:.5rem;font-size:.9375rem;color:var(--mist);padding:.4375rem 0}
.uc p + p{border-top:1px dashed #2a2a2e}
.uc p b{flex:none;width:3.5rem;font-weight:500}
.uc .ub{color:#ff8a8d}
.uc .ua{color:var(--good)}

/* fit / not fit */
.fit2{display:grid;grid-template-columns:1fr 1fr;gap:1rem}
.fit-card{padding:clamp(1.5rem,3vw,2.25rem);border-radius:var(--r-lg);border:1px solid var(--line2);background:#111113}
.fit-card.yes{border-color:rgba(212,178,106,.5);background:linear-gradient(150deg,#1b1810,#111113)}
.fit-card h3{font-size:1.375rem;font-weight:700;color:var(--paper);margin-bottom:1rem}
.fit-card li{display:flex;gap:.75rem;align-items:flex-start;font-size:1.0625rem;color:var(--champagne);margin-bottom:.75rem}
.fit-card li::before{flex:none;width:1.5rem;height:1.5rem;margin-top:.125rem;border-radius:50%;display:grid;place-items:center;font-size:.8125rem;font-weight:800}
.fit-card.yes li::before{content:"✓";background:var(--gold);color:var(--ink)}
.fit-card.no li::before{content:"✕";background:#2a1416;color:#ff8a8d}
.fit-card.no li{color:var(--mist)}

/* =====================================================================
   RETAINER PAGE PIECES
   ===================================================================== */
/* signature: a month with / without a retainer */
.month{padding:.875rem;border-radius:var(--r-md);background:#0d0d0e;border:1px solid #1f1f22}
.month-top{display:flex;justify-content:space-between;align-items:center;gap:.75rem;margin-bottom:.625rem;font-size:.8125rem;color:var(--mist)}
.month-top b{font-size:1rem;color:var(--paper)}
.month-n{display:inline-flex;align-items:baseline;gap:.375rem}
.month-n b{font-size:1.5rem;color:#ff8a8d;font-variant-numeric:tabular-nums;transition:color .5s}
.is-alt .month-n b{color:var(--gold)}
.mgrid{display:grid;grid-template-columns:repeat(5,1fr);gap:.3125rem}
.mgrid .dh{font-size:.6875rem;color:var(--mist);text-align:center;padding-bottom:.125rem}
.mc{position:relative;height:3.5rem;border-radius:.5rem;background:#141416;border:1px solid #1f1f22;padding:.25rem;overflow:hidden}
.mc .d{position:absolute;top:.1875rem;left:.3125rem;font-size:.5625rem;color:#5a5750}
.mc .t{position:absolute;inset:auto .25rem .25rem;font-size:.625rem;line-height:1.2;padding:.1875rem .3125rem;border-radius:.3125rem;opacity:0;transform:scale(.85);transition:opacity .35s,transform .45s var(--spring)}
.mc .t.b{background:rgba(229,72,77,.16);color:#ff9a9d;border:1px solid rgba(229,72,77,.4)}
.mc .t.g{background:rgba(212,178,106,.14);color:var(--champagne);border:1px solid rgba(212,178,106,.4)}
.board:not(.is-alt) .mc .t.b{opacity:1;transform:none}
.is-alt .mc .t.g{opacity:1;transform:none}
.is-alt .mc:nth-child(odd) .t.g{transition-delay:.15s}.is-alt .mc:nth-child(3n) .t.g{transition-delay:.3s}.is-alt .mc:nth-child(4n) .t.g{transition-delay:.45s}

/* pricing tiers */
.tiers{display:grid;grid-template-columns:repeat(3,1fr);gap:1.25rem;align-items:stretch}
.tier{position:relative;display:flex;flex-direction:column;padding:clamp(1.5rem,2.6vw,2.25rem);border-radius:var(--r-lg);background:linear-gradient(160deg,#151517,#0d0d0e);border:1px solid var(--line2);transition:transform .4s var(--ease),border-color .3s}
.tier:hover{transform:translateY(-.375rem);border-color:rgba(212,178,106,.45)}
.tier.pop{border-color:var(--gold);background:linear-gradient(160deg,#1d1a11,#0e0d0b);box-shadow:0 30px 70px -30px rgba(212,178,106,.35)}
.tier-badge{position:absolute;top:-.875rem;right:50%;transform:translateX(50%);white-space:nowrap;padding:.3125rem .875rem;border-radius:999px;background:var(--gold);color:var(--ink);font-size:.8125rem;font-weight:800}
.tier-name{font-family:var(--display);font-size:2.5rem;line-height:1;letter-spacing:.06em;color:var(--paper);direction:ltr;text-align:right}
.tier-tag{font-size:.9375rem;color:var(--mist);margin:.375rem 0 1.25rem;min-height:2.75rem}
.tier-price{display:flex;align-items:baseline;gap:.5rem;padding-bottom:1.25rem;margin-bottom:1.25rem;border-bottom:1px solid #26262a}
.tier-price b{font-size:clamp(2.75rem,4vw,3.5rem);font-weight:800;line-height:1;color:var(--gold);font-variant-numeric:tabular-nums}
.tier-price span{color:var(--mist);font-size:.9375rem}
.tier ul{display:grid;gap:.75rem;margin-bottom:1.75rem;flex:1}
.tier li{display:flex;align-items:center;gap:.75rem;font-size:1.0625rem;color:var(--champagne)}
.tier li svg{width:1.25rem;height:1.25rem;flex:none;stroke:var(--gold);fill:none;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.tier li b{color:var(--paper);font-weight:800;min-width:1.75rem}
.tier .btn{width:100%}
.tiers-panel{display:block;background:none;border:0;padding:.5rem 0 0;border-radius:0}
.tiers-intro{margin-bottom:2.75rem;max-width:72ch}
.tiers-note{display:flex;flex-wrap:wrap;justify-content:center;gap:.5rem 2rem;margin-top:1.75rem;font-size:.9375rem;color:var(--mist);text-align:center}

/* perks strip */
.perks{display:grid;grid-template-columns:repeat(5,1fr);border:1px solid var(--line2);border-radius:var(--r-lg);overflow:hidden;background:#0f0f11}
.perk{position:relative;padding:1.75rem 1.25rem;text-align:center;border-inline-start:1px solid var(--line2);transition:background-color .35s}
.perk::before{content:"";position:absolute;top:0;right:15%;left:15%;height:2px;background:linear-gradient(90deg,transparent,var(--gold),transparent);transform:scaleX(0);transition:transform .45s var(--ease)}
.perk .ft-ic{transition:transform .45s var(--spring),background-color .3s,border-color .3s}
.perk .ft-ic svg{transition:stroke .3s}
.perk h3{transition:color .3s}
.perk:hover{background:rgba(212,178,106,.05)}
.perk:hover::before{transform:none}
.perk:hover .ft-ic{transform:translateY(-5px) rotate(-8deg);background:var(--gold);border-color:var(--gold)}
.perk:hover .ft-ic svg{stroke:var(--ink)}
.perk:hover h3{color:var(--gold)}
.perk:first-child{border-inline-start:0}
.perk .ft-ic{margin:0 auto .875rem}
.perk h3{font-size:1.0625rem;font-weight:700;color:var(--paper);margin-bottom:.25rem}
.perk p{font-size:.9375rem;color:var(--mist)}

/* ideas cloud */
.ideas{display:flex;flex-wrap:wrap;justify-content:center;gap:.625rem;max-width:62rem;margin-inline:auto}
.ideas button{min-height:2.75rem;padding:.625rem 1.125rem;border-radius:999px;border:1px solid var(--line);background:#111113;font-size:1rem;color:var(--champagne);transition:background-color .25s,color .25s,border-color .25s,transform .3s var(--spring)}
.ideas button:hover{border-color:var(--gold);transform:translateY(-3px)}
.ideas button[aria-pressed="true"]{background:var(--gold);border-color:var(--gold);color:var(--ink);font-weight:500;transform:translateY(-3px)}
.idea-panel{max-width:40rem;margin:1.75rem auto 0;text-align:center;min-height:7.5rem}
.idea-hint{color:var(--mist);font-size:.9375rem}
.idea-body{padding:1.5rem 1.75rem;border-radius:var(--r-md);background:linear-gradient(150deg,#1b1810,#111113);border:1px solid rgba(212,178,106,.45);animation:swap .4s var(--ease) both}
.idea-body h3{font-size:1.25rem;font-weight:700;color:var(--gold);margin-bottom:.375rem}
.idea-body p{color:var(--champagne);margin-bottom:.75rem}

/* =====================================================================
   PEOPLE: two profiles
   ===================================================================== */
.duo{display:grid;grid-template-columns:1fr 1fr;gap:.875rem;margin:1.5rem 0 .5rem}
.duo-c{padding:1.25rem 1.375rem;border-radius:var(--r-md);background:#111113;border:1px solid var(--line2);transition:border-color .3s,transform .4s var(--ease)}
.duo-c:hover{border-color:rgba(212,178,106,.5);transform:translateY(-3px)}
.duo-c .duo-role{font-size:.8125rem;color:var(--gold);margin-bottom:.125rem}
.duo-c h3{font-family:var(--display);font-size:2.25rem;line-height:1;color:var(--paper);margin-bottom:.5rem}
.people .duo-c p:not(.duo-role){font-size:.96875rem;color:#cfc8b6;margin-bottom:0}

/* slim legal footer (campaign pages) */
.foot-mini{background:var(--ink);border-top:1px solid #1d1d20}
.foot-mini .legal{border-top:0}

/* =====================================================================
   AI-FIX PAGE PIECES
   ===================================================================== */
/* signature: project health scan */
.scan{padding:.875rem;border-radius:var(--r-md);background:#0d0d0e;border:1px solid #1f1f22}
.scan-top{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.75rem .875rem;border-radius:.875rem;background:#141416;border:1px solid #232327;margin-bottom:.625rem}
.scan-file{display:flex;align-items:center;gap:.625rem;min-width:0}
.scan-file i{width:2.25rem;height:2.25rem;border-radius:.625rem;flex:none;background:linear-gradient(135deg,#7c5cff,#3aa0ff);display:grid;place-items:center;color:#fff;font-style:normal;font-weight:800;font-size:.75rem}
.scan-file b{display:block;font-size:.875rem;color:var(--paper)}
.scan-file small{font-size:.75rem;color:var(--mist)}
.scan-pct{font-size:1.5rem;font-weight:800;color:var(--gold);font-variant-numeric:tabular-nums}
.scan-bar{height:4px;border-radius:999px;background:#232327;overflow:hidden;margin-bottom:.625rem}
.scan-bar i{display:block;height:100%;width:0;background:linear-gradient(270deg,var(--champagne),var(--gold-deep));transition:width .4s linear}
.scan-list{display:grid;gap:.3125rem}
.scan-list li{display:grid;grid-template-columns:1.25rem 1fr auto;align-items:center;gap:.5rem;padding:.4375rem .625rem;border-radius:.5rem;background:#141416;font-size:.8125rem;color:#6b675f;transition:color .3s,background-color .3s}
.scan-list li::before{content:"";width:.75rem;height:.75rem;border-radius:50%;border:2px solid #34343a;justify-self:center}
.scan-list li.run{color:var(--champagne)}
.scan-list li.run::before{border-color:var(--gold);border-top-color:transparent;animation:spin .7s linear infinite}
.scan-list li span{font-size:.6875rem;font-weight:700;padding:.125rem .5rem;border-radius:999px;opacity:0;transition:opacity .3s}
.scan-list li.done{color:var(--paper)}
.scan-list li.done span{opacity:1}
.scan-list li.ok::before{border:0;background:var(--good)}
.scan-list li.warn::before{border:0;background:var(--gold)}
.scan-list li.bad::before{border:0;background:var(--alert)}
.scan-list li.ok span{background:rgba(61,214,140,.12);color:var(--good)}
.scan-list li.warn span{background:rgba(212,178,106,.14);color:var(--gold)}
.scan-list li.bad span{background:rgba(229,72,77,.14);color:#ff8a8d}
.scan-sum{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.75rem;margin-top:.625rem;padding:.75rem .875rem;border-radius:.875rem;border:1px dashed rgba(212,178,106,.45);font-size:.8125rem;color:var(--champagne);opacity:.35;transition:opacity .4s}
.scan-sum.on{opacity:1}
.scan-sum b{color:var(--gold)}
.scan-go{min-height:2.5rem;padding:.375rem 1rem;font-size:.875rem}

/* stuck points chips */
.stuck{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1.5rem}
.stuck span{padding:.5rem 1rem;border-radius:999px;border:1px dashed rgba(229,72,77,.45);color:#ffb1b3;font-size:.9375rem;background:rgba(229,72,77,.06)}
.split2{display:grid;grid-template-columns:1fr 1fr;gap:clamp(2rem,5vw,5rem);align-items:center}
.split2 .lead + .lead{margin-top:1rem}

/* who list */
.who{display:grid;grid-template-columns:repeat(auto-fit,minmax(17rem,1fr));gap:1rem}
.who li{display:flex;gap:.875rem;align-items:flex-start;padding:1.25rem;border-radius:var(--r-md);background:#111113;border:1px solid var(--line2);color:var(--champagne);font-size:1.0625rem}
.who li .ft-ic{flex:none;margin:0;width:2.5rem;height:2.5rem}
.who li .ft-ic svg{width:1.25rem;height:1.25rem}

/* status-map report mock */
.report{display:grid;grid-template-columns:.9fr 1.1fr;gap:clamp(2rem,5vw,4.5rem);align-items:center}
.doc{position:relative;padding:1.5rem;border-radius:var(--r-lg);background:#f6f4ef;color:#1f1d19;box-shadow:0 40px 80px -30px rgba(0,0,0,.9);transform:rotate(-1.5deg)}
.doc::before{content:"";position:absolute;inset:.5rem -.5rem -.5rem .5rem;z-index:-1;border-radius:var(--r-lg);background:#2a2925;transform:rotate(3deg)}
.doc h3{font-family:var(--display);font-size:2rem;line-height:1;color:#0c0b09;margin-bottom:.25rem}
.doc .meta{font-size:.75rem;color:#6b675f;margin-bottom:1rem}
.doc-sec{border-top:1px solid #e2ddd1;padding:.625rem 0}
.doc-sec b{display:flex;align-items:center;gap:.5rem;font-size:.875rem;margin-bottom:.25rem}
.doc-sec b::before{content:"";width:.625rem;height:.625rem;border-radius:50%}
.doc-sec.ok b::before{background:#2fb673}.doc-sec.bad b::before{background:var(--alert)}.doc-sec.warn b::before{background:var(--gold-deep)}.doc-sec.plan b::before{background:#3a3a40}
.doc-sec p{font-size:.8125rem;color:#57534b}
.honest{padding:clamp(1.5rem,3vw,2.25rem);border-radius:var(--r-lg);border:1px dashed rgba(212,178,106,.5);background:#0f0f11}
.honest h3{font-size:1.25rem;font-weight:700;color:var(--gold);margin-bottom:.5rem}
.honest p{color:var(--champagne)}
.honest p + p{margin-top:.5rem}
.steps-list.n6{grid-template-columns:repeat(6,1fr);gap:1.25rem}

/* =====================================================================
   RESPONSIVE
   ===================================================================== */
@media (min-width:1025px){
  .facts{flex-wrap:nowrap;gap:1.5rem;font-size:.9375rem}
  .facts li{white-space:nowrap}
}
@media (max-width:1100px){
  .work{grid-template-columns:repeat(3,1fr)}
  .quotes{grid-template-columns:1fr 1fr}
}
@media (max-width:1024px){
  .top-nav{display:none}
  .hero-grid,.people,.contact-grid,.anat{grid-template-columns:1fr}
  .bento{grid-template-columns:1fr 1fr}
  .card-wide,.card-tall,.card-half,.card-third{grid-column:span 2;grid-row:auto}
  .foot-grid{grid-template-columns:1fr 1fr}
  .steps-list{grid-template-columns:repeat(3,1fr);row-gap:2.5rem}
  .steps-list.n4{grid-template-columns:repeat(2,1fr)}
  .feat{grid-template-columns:1fr 1fr}
  .steps-list.n6{grid-template-columns:repeat(3,1fr)}
  .feat.svc-grid{grid-template-columns:1fr 1fr}
  .tiers{grid-template-columns:1fr;max-width:34rem;margin-inline:auto}
  .perks{grid-template-columns:repeat(3,1fr)}
  .perk:nth-child(4){border-inline-start:0}
  .perk:nth-child(n+4){border-top:1px solid var(--line2)}
  .flow{grid-template-columns:repeat(3,1fr);row-gap:2.5rem}
  .flow li:nth-child(3)::after{display:none}
  .ucs{grid-template-columns:1fr 1fr}
  .calc{grid-template-columns:1fr}
  .incl{grid-template-columns:1fr 1fr}
  .inc{grid-template-columns:1fr}
  .rows li{grid-template-columns:5rem 1fr 1.2fr}
  .rows .tags{grid-column:2 / -1;justify-content:flex-start}
}
@media (max-width:760px){
  body{font-size:1.0625rem}
  .top-in{height:4rem}
  .logo img{width:7.75rem}
  .sec-head{grid-template-columns:1fr}
  .hero{text-align:center}
  .hero .lead{margin-inline:auto}
  .hero .eyebrow{justify-content:center}
  .ctas{justify-content:center}
  .ctas .btn{flex:1 1 100%}
  .facts{justify-content:center}
  .morph-stage{height:19rem}
  .mk-hero{grid-template-columns:1fr}
  .mk-img{display:none}
  .is-craft .mk-h{font-size:1.875rem}
  .board{text-align:right}
  .gauge{padding:.5rem .125rem}
  .gauge svg{width:2.75rem;height:2.75rem}
  .gauge-n{top:.5rem;height:2.75rem;font-size:.875rem}
  .gauge-l{font-size:.6875rem}
  .gauges{gap:.375rem}
  .board{padding:.75rem;border-radius:1.375rem}
  .board-bar .dots{display:none}
  .board-bar{justify-content:center}
  .steps{padding-top:0;padding-right:2.75rem}
  .steps-list,.steps-list.n4,.steps-list.n6{grid-template-columns:1fr;gap:1.875rem}
  .track{top:.375rem;bottom:.375rem;right:.5rem;left:auto;width:2px;height:auto}
  .track i{transform-origin:top;transform:scaleY(var(--p,0))}
  .step::before{top:.25rem;right:-2.75rem}
  .step-n{font-size:3rem}
  .work{grid-template-columns:1fr 1fr}
  .proj{min-height:11rem}
  .quotes{grid-template-columns:1fr}
  .cmp th,.cmp td{padding:.875rem .5rem}
  .cmp .v span{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}
  .cmp thead th{font-size:.8125rem}
  .cmp tbody th{font-size:.9375rem}
  .fab{right:1rem;bottom:calc(1rem + env(safe-area-inset-bottom,0px));padding:.375rem .375rem .375rem 1rem;font-size:.875rem}
  .fab small{display:none}
  .a11y-btn{left:1rem;bottom:calc(1rem + env(safe-area-inset-bottom,0px));width:3rem;height:3rem}
  .chat-log{height:22rem}
  .band{flex-direction:column;align-items:stretch;text-align:center}
  .shop{height:auto;grid-template-columns:1fr}
  .pc{flex-direction:row;align-items:center;gap:.75rem}
  .pc-img{flex:none;width:4.5rem;height:4.5rem;min-height:0}
  .pc-top{display:none}
  .pc-info{flex:1}
  .shop-toast{top:auto;bottom:.75rem;right:.75rem}
  .builder{grid-template-columns:1fr}
  .mini-phone{width:10.5rem;margin-inline:auto;order:-1}
  .seg{display:flex;border-radius:1.25rem}
  .seg [role="tab"]{flex:1 1 auto;padding:.5rem .75rem;font-size:.9375rem}
  .seg-panel{grid-template-columns:1fr}
  .seg-panel .card-art{order:-1;height:12rem}
  .day::before{right:.4375rem}
  .day li{grid-template-columns:1fr;gap:1rem;padding-right:2.25rem}
  .day li::after{right:.4375rem;top:1.25rem}
  .day li:nth-child(even) .notif{order:0;justify-self:start}
  .case{grid-template-columns:1fr}
  .cs-stage{height:24rem}
  .chip{font-size:.75rem;padding:.4375rem .5625rem;gap:.375rem}
  .chip svg{width:.9375rem;height:.9375rem}
  .chip .okc{display:none}
  .c1{--ox:27%;--oy:9%}.c2{--ox:73%;--oy:9%}.c8{--ox:27%;--oy:25%}.c3{--ox:73%;--oy:25%}
  .c7{--ox:27%;--oy:75%}.c4{--ox:73%;--oy:75%}.c6{--ox:27%;--oy:91%}.c5{--ox:73%;--oy:91%}
  .cs-links{display:none}
  .hub{width:8.5rem;padding:.75rem .5rem}
  .hub-t{font-size:1.75rem}
  .ticker{font-size:.6875rem}
  .dash{grid-template-columns:1fr}
  .dash-side{flex-direction:row;overflow-x:auto;border-inline-end:0;border-bottom:1px solid #1f1f22;padding:.75rem;scrollbar-width:none}
  .dash-brand{display:none}
  .dash-tab{width:auto;flex:none}
  .dash-main{padding:1rem}
  .dash-search{display:none}
  .dt th:nth-child(3),.dt td:nth-child(3){display:none}
  .kb{grid-template-columns:1fr}
  .kb-card.move{animation:none}
  .cal{grid-template-columns:2.25rem repeat(5,1fr);font-size:.625rem}
  .ev{font-size:.5625rem;padding:.25rem}
  .kpis{grid-template-columns:1fr 1fr 1fr;gap:.5rem}
  .kpi{padding:.625rem}
  .kpi b{font-size:1.25rem}
  .sym{grid-template-columns:1fr}
  .sym-meter{position:static}
  .feat{grid-template-columns:1fr}
  .feat.svc-grid{grid-template-columns:1fr}
  .xp summary{flex-direction:column;align-items:flex-start;padding:1.125rem}
  .xp-body{padding:0 1.125rem 1.25rem}
  .xp-cols{grid-template-columns:1fr}
  .faq-2{grid-template-columns:1fr}
  .faq-2 > div + div{border-top:0}
  .lab{grid-template-columns:1fr 1fr}
  .lb-logo{grid-row:auto;grid-column:1 / -1;min-height:10rem}
  .lb-name{font-size:2.25rem}
  .lb-type b{font-size:1.5rem}
  .ba{aspect-ratio:3/4}
  .bf-body,.af-body{grid-template-columns:1fr;padding:1rem}
  .bf-img{min-height:6rem}
  .af-art{width:55%;justify-self:center}
  .bf-top u,.af-top span:not(:last-child){display:none}
  .rows li{grid-template-columns:3.5rem 1fr;gap:.5rem 1rem;padding:1.25rem .25rem}
  .rows li:hover{padding-inline-start:.25rem}
  .rows .rn{font-size:2.5rem;grid-row:span 2}
  .rows p,.rows .tags{grid-column:2}
  .rows .tags{justify-content:flex-start}
  .srv{grid-template-columns:1fr}
  .srv-head{flex-direction:column;align-items:flex-start}
  .incl{grid-template-columns:1fr}
  .inc{grid-template-columns:1fr}
  .inc-steps li{grid-template-columns:3.25rem 1.5rem 1fr;font-size:.9375rem}
  .aid{grid-template-columns:1fr}
  .aid-log{height:13rem}
  .flow{grid-template-columns:1fr;gap:1.5rem}
  .flow li{flex-direction:row;text-align:right;align-items:flex-start;gap:1rem;padding:0}
  .flow li::after{top:4.25rem;bottom:-1.5rem;right:2rem;left:auto;width:2px;height:auto;background:linear-gradient(180deg,#2a2a2e 0 40%,var(--gold) 50%,#2a2a2e 60% 100%);background-size:100% 300%;animation-name:flowlinev}
  .fl-ic{flex:none}
  .calc{grid-template-columns:1fr}
  .ucs{grid-template-columns:1fr}
  .fit2{grid-template-columns:1fr}
  .mc{height:3rem}
  .mc .t{font-size:.5625rem;padding:.125rem .25rem}
  .tiers{grid-template-columns:1fr;gap:1.75rem}
  .perks{grid-template-columns:1fr}
  .perk{border-inline-start:0;border-top:1px solid var(--line2)}
  .perk:first-child{border-top:0}
  .duo{grid-template-columns:1fr}
  .split2,.report{grid-template-columns:1fr}
  .doc{transform:none}
  .anat{gap:1.25rem}
  .phone{width:14.5rem;aspect-ratio:9/16.5;border-radius:2.25rem;padding:.5rem}
  .phone::before{top:.875rem;width:4.5rem;height:1.125rem;margin-left:-2.25rem}
  .phone-screen{border-radius:1.75rem;padding:2.25rem .75rem .75rem;gap:.5rem}
  .ps-web .ab-1 b{font-size:1.625rem}
  .ps-web .ab-5 i{height:1.75rem}
  .ps-store .g-main{height:5rem}
  .ps-store .ab-2 b{font-size:1.375rem}
  .hs{width:2rem;height:2rem;font-size:.8125rem}
  .hs-1,.hs-3,.hs-5,.hs-7{left:-1.25rem}.hs-2,.hs-4,.hs-6{right:-1.25rem}
  .anat-panel{min-height:0;padding:1.25rem 1.25rem 1rem}
  .anat-panel .num{display:none}
  .anat-panel .h3{font-size:2.25rem}
  .anat-nav{margin-top:1rem}
  .fab{padding:.375rem}
  .fab > span:last-child{display:none}
  .video-ctl{bottom:.75rem}
}
@media (max-width:480px){
  .foot-grid{grid-template-columns:1fr}
  .work{grid-template-columns:1fr}
  .board-cap{flex-direction:column;align-items:flex-start;gap:.125rem}
  .toggle button{padding:.5rem .75rem;font-size:.8125rem}
}
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;transition-delay:0s!important}
  .js .rv,.js .h2{opacity:1;transform:none;filter:none}
}
@media print{
  .top,.fab,.a11y-btn,.a11y-panel,.progress,.marquee,.hero-video{display:none!important}
  body{background:#fff;color:#000}
}