/* tokens.css -- Byte Bunny inner pages. GENERATED by build_aeo_pages.py; do not edit here.
   Part 1 is the locked landing page's css/site.css, verbatim (home_lock.py checks it).
   Part 2 is design-system/inner.css, the inner-page design system: edit that file and rebuild. */
/* Byte Bunny — homepage concept by Acclaira. Plain CSS, no build step. */
/* self-hosted fonts: start (build-notes/self_host_fonts.py) */
@font-face{font-family:'Bricolage Grotesque';font-style:normal;font-weight:400 800;font-display:swap;src:url(../fonts/bricolage-grotesque-normal-latin-ext.woff2) format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF}
@font-face{font-family:'Bricolage Grotesque';font-style:normal;font-weight:400 800;font-display:swap;src:url(../fonts/bricolage-grotesque-normal-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:'Geist';font-style:normal;font-weight:400 700;font-display:swap;src:url(../fonts/geist-normal-latin-ext.woff2) format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF}
@font-face{font-family:'Geist';font-style:normal;font-weight:400 700;font-display:swap;src:url(../fonts/geist-normal-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:'Geist Mono';font-style:normal;font-weight:400;font-display:swap;src:url(../fonts/geist-mono-normal-latin-ext.woff2) format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF}
@font-face{font-family:'Geist Mono';font-style:normal;font-weight:400;font-display:swap;src:url(../fonts/geist-mono-normal-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:'Geist Mono';font-style:normal;font-weight:500;font-display:swap;src:url(../fonts/geist-mono-normal-latin-ext.woff2) format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF}
@font-face{font-family:'Geist Mono';font-style:normal;font-weight:500;font-display:swap;src:url(../fonts/geist-mono-normal-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:'Instrument Serif';font-style:italic;font-weight:400;font-display:swap;src:url(../fonts/instrument-serif-italic-latin-ext.woff2) format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF}
@font-face{font-family:'Instrument Serif';font-style:italic;font-weight:400;font-display:swap;src:url(../fonts/instrument-serif-italic-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:'Instrument Serif';font-style:normal;font-weight:400;font-display:swap;src:url(../fonts/instrument-serif-normal-latin-ext.woff2) format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF}
@font-face{font-family:'Instrument Serif';font-style:normal;font-weight:400;font-display:swap;src:url(../fonts/instrument-serif-normal-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}
/* self-hosted fonts: end */
:root{
  --ink:#110B1C; --ink2:#170F26; --ink3:#201632; --ink4:#2B1F44;
  --paper:#FFF3E2; --paper2:#FFF0E5; --card:#FCFAF6;
  --txt:#F4EEFA; --txt2:#BDB2D1; --txt3:#8F84A6;
  --dtxt:#1A1326; --dtxt2:#574D68; --dtxt3:#8A8098;
  --purple:#7961AB; --purple-l:#9B95CE; --purple-d:#4B3473; --mauve:#B369AA;
  --amber:#FCB040; --gold:#FFCA7B; --orange:#FF914D;
  --line:rgba(244,238,250,.1); --line2:rgba(244,238,250,.18); --dline:rgba(26,19,38,.11);
  --f-d:"Bricolage Grotesque", ui-sans-serif, system-ui, sans-serif;
  --f-b:"Geist", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --f-m:"Geist Mono", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  --f-s:"Instrument Serif", Georgia, "Times New Roman", serif;
  --ease:cubic-bezier(.2,.75,.1,1); --ease-io:cubic-bezier(.65,0,.35,1); --spring:cubic-bezier(.34,1.56,.64,1);
  --gut:clamp(16px,4vw,56px); --maxw:1320px;
}
@property --orb{syntax:"<angle>";inherits:false;initial-value:0deg}

*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
html.lenis,html.lenis body{height:auto}
.lenis.lenis-smooth{scroll-behavior:auto!important}
body{margin:0;background:var(--ink);color:var(--txt);font-family:var(--f-b);font-size:17px;line-height:1.6;
  -webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}
body::after{content:"";position:fixed;inset:0;pointer-events:none;z-index:200;opacity:.05;mix-blend-mode:overlay;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}
img,svg,canvas{display:block;max-width:100%}
a{color:inherit;text-decoration:none}
button{font:inherit;color:inherit;background:none;border:0;padding:0;cursor:pointer}
h1,h2,h3,p{margin:0}
ul,ol{margin:0;padding:0;list-style:none}
::selection{background:var(--amber);color:var(--ink)}
:focus-visible{outline:2px solid var(--amber);outline-offset:3px;border-radius:6px}
[hidden]{display:none!important}
.defs{position:absolute;width:0;height:0;overflow:hidden}
.skip{position:fixed;left:16px;top:-60px;z-index:300;background:var(--amber);color:var(--ink);padding:10px 16px;border-radius:10px;font-weight:600}
.skip:focus{top:16px}
.wrap{width:100%;max-width:var(--maxw);margin:0 auto;padding:0 var(--gut)}

/* ---------- type ---------- */
.eyebrow{display:inline-flex;align-items:center;gap:10px;font-family:var(--f-m);font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--amber)}
.eyebrow .px{width:8px;height:8px;background:currentColor;border-radius:2px;box-shadow:-12px 0 0 -1px currentColor,-21px 0 0 -2px currentColor;margin-left:21px;opacity:.95}
.eyebrow--dim{color:var(--txt3)}
.eyebrow--ink{color:var(--purple)}
.display{font-family:var(--f-d);font-weight:700;font-size:clamp(44px,6.2vw,100px);line-height:.95;letter-spacing:-.04em;font-variation-settings:"opsz" 96;margin:22px 0 0;text-wrap:balance}
.display--sm{font-size:clamp(40px,5.2vw,84px)}
.display em,.h2 em,.contact__h em{font-family:var(--f-s);font-style:italic;font-weight:400;letter-spacing:-.01em;color:var(--amber)}
.display em{background:linear-gradient(100deg,var(--gold),var(--amber) 40%,var(--orange));-webkit-background-clip:text;background-clip:text;color:transparent;padding-right:.06em}
.lede{font-size:clamp(16px,1.25vw,19px);line-height:1.6;color:var(--txt2);max-width:34em;margin-top:24px;text-wrap:pretty}
.h2{font-family:var(--f-d);font-weight:700;font-size:clamp(38px,5vw,76px);line-height:.98;letter-spacing:-.035em;font-variation-settings:"opsz" 96;margin-top:18px;text-wrap:balance}
.h2--xl{font-size:clamp(44px,7vw,112px)}
.sec-lede{font-size:clamp(16px,1.2vw,18.5px);color:var(--txt2);max-width:36em;margin-top:22px;text-wrap:pretty}
.paper .sec-lede{color:var(--dtxt2)}
.paper .h2 em{color:var(--purple)}

/* ---------- buttons ---------- */
.btn{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:10px;height:56px;padding:0 26px;border-radius:999px;
  font-weight:600;font-size:16px;letter-spacing:-.005em;transition:transform .5s var(--ease),background .3s,box-shadow .4s,color .3s;will-change:transform;white-space:nowrap}
.btn svg{transition:transform .4s var(--ease)}
.btn:hover svg{transform:translateX(4px)}
.btn--amber{background:linear-gradient(180deg,#FFCA7B,var(--amber));color:#1B1208;box-shadow:inset 0 1px 0 rgba(255,255,255,.55),0 10px 30px -10px rgba(252,176,64,.7),0 0 0 1px rgba(255,145,77,.35)}
.btn--amber:hover{box-shadow:inset 0 1px 0 rgba(255,255,255,.6),0 16px 40px -10px rgba(252,176,64,.85),0 0 0 1px rgba(255,145,77,.5)}
.btn--ghost{color:var(--txt);box-shadow:inset 0 0 0 1px var(--line2);background:rgba(255,255,255,.03);backdrop-filter:blur(8px)}
.btn--ghost:hover{background:rgba(255,255,255,.08)}
.btn--sm{height:42px;padding:0 18px;font-size:14.5px}
.btn--block{width:100%}
.cta-row{display:flex;flex-wrap:wrap;gap:12px;margin-top:34px}

/* ---------- nav ---------- */
.nav{position:fixed;top:0;left:0;right:0;z-index:100;padding:14px var(--gut);transition:transform .5s var(--ease)}
.nav__inner{max-width:calc(var(--maxw) - 2*var(--gut) + 40px);margin:0 auto;display:flex;align-items:center;gap:24px;height:64px;padding:0 12px 0 18px;border-radius:20px;
  transition:background .4s,box-shadow .4s,backdrop-filter .4s}
.nav.is-scrolled .nav__inner{background:rgba(17,11,28,.62);backdrop-filter:blur(18px) saturate(1.4);-webkit-backdrop-filter:blur(18px) saturate(1.4);box-shadow:inset 0 0 0 1px var(--line),0 20px 40px -20px rgba(0,0,0,.6)}
.nav.is-paper .nav__inner{background:rgba(252,250,246,.74);box-shadow:inset 0 0 0 1px var(--dline),0 20px 40px -24px rgba(26,19,38,.3);color:var(--dtxt)}
.nav.is-paper .brand .b1{color:var(--purple)}
.nav.is-paper .brand small{color:var(--dtxt3)}
.nav.is-paper .nav__links a{color:var(--dtxt2)}
.nav.is-paper .nav__links a:hover{color:var(--dtxt)}
.nav.is-paper .nav__burger span{background:var(--dtxt)}
.brand{display:flex;align-items:center;gap:10px;flex-shrink:0}
.brand img{width:40px;height:auto}
.brand__word{display:grid;grid-template-columns:auto auto;column-gap:5px;line-height:1;font-family:var(--f-d);font-weight:700;font-size:20px;letter-spacing:-.02em}
.brand .b1{color:#9B95CE;transition:color .4s}.brand .b2{color:var(--amber)}
.brand small{grid-column:1/-1;font-family:var(--f-m);font-weight:400;font-size:8.5px;letter-spacing:.42em;text-transform:uppercase;color:var(--txt3);margin-top:5px;transition:color .4s}
.nav__links{display:flex;gap:28px;margin-left:auto}
.nav__links a{font-size:14.5px;color:var(--txt2);transition:color .25s;position:relative}
.nav__links a::after{content:"";position:absolute;left:0;right:0;bottom:-6px;height:2px;border-radius:2px;background:var(--amber);transform:scaleX(0);transform-origin:left;transition:transform .45s var(--ease)}
.nav__links a:hover{color:var(--txt)}.nav__links a:hover::after{transform:scaleX(1)}
.nav__links a[aria-current]{color:var(--amber)}.nav__links a[aria-current]::after{transform:scaleX(1)}
.nav.is-paper .nav__links a[aria-current]{color:var(--purple)}
.nav__cta{margin-left:8px}
.nav__burger{display:none;width:44px;height:44px;border-radius:12px;position:relative;margin-left:4px}
.nav__burger span{position:absolute;left:12px;right:12px;height:2px;border-radius:2px;background:var(--txt);transition:transform .4s var(--ease),top .4s var(--ease)}
.nav__burger span:first-child{top:17px}.nav__burger span:last-child{top:25px}
.nav__burger[aria-expanded="true"] span:first-child{top:21px;transform:rotate(45deg)}
.nav__burger[aria-expanded="true"] span:last-child{top:21px;transform:rotate(-45deg)}
.menu{position:fixed;inset:0;z-index:-1;background:rgba(17,11,28,.96);backdrop-filter:blur(20px);display:flex;flex-direction:column;justify-content:center;padding:90px var(--gut) 40px;gap:6px}
.menu a{font-family:var(--f-d);font-weight:700;font-size:clamp(34px,9vw,52px);letter-spacing:-.03em;line-height:1.15;color:var(--txt)}
.menu a[aria-current]{color:var(--amber);text-decoration:underline;text-decoration-thickness:3px;text-underline-offset:9px}

/* ---------- hero ---------- */
.hero{position:relative;height:330vh;background:var(--ink)}
.hero__stage{position:sticky;top:0;height:100vh;height:100svh;overflow:hidden}
.hero__bg{position:absolute;inset:0;pointer-events:none}
.orb{position:absolute;border-radius:50%;filter:blur(80px);opacity:.55}
.orb--a{width:52vw;height:52vw;right:-12vw;top:-18vw;background:radial-gradient(closest-side,rgba(252,176,64,.55),rgba(255,145,77,.12) 60%,transparent)}
.orb--b{width:60vw;height:60vw;left:-24vw;bottom:-30vw;background:radial-gradient(closest-side,rgba(121,97,171,.7),rgba(179,105,170,.18) 60%,transparent)}
.gridlines{position:absolute;inset:0;background-image:linear-gradient(var(--line) 1px,transparent 1px),linear-gradient(90deg,var(--line) 1px,transparent 1px);background-size:64px 64px;opacity:.35;
  -webkit-mask-image:radial-gradient(ellipse 60% 70% at 70% 50%,#000 10%,transparent 70%);mask-image:radial-gradient(ellipse 60% 70% at 70% 50%,#000 10%,transparent 70%)}
.hero__canvas{position:absolute;inset:0;width:100%;height:100%}
.hero__scan{position:absolute;left:0;top:0;display:inline-flex;align-items:center;gap:9px;font-family:var(--f-m);font-size:11.5px;letter-spacing:.04em;color:var(--txt2);white-space:nowrap;
  padding:8px 14px;border-radius:999px;background:rgba(17,11,28,.5);box-shadow:inset 0 0 0 1px var(--line);backdrop-filter:blur(8px);opacity:0;will-change:transform,opacity}
.hero__scan .dot{width:7px;height:7px;border-radius:50%;background:#45D483;box-shadow:0 0 0 0 rgba(69,212,131,.6);animation:ping 2s infinite}
@keyframes ping{0%{box-shadow:0 0 0 0 rgba(69,212,131,.55)}80%,100%{box-shadow:0 0 0 9px rgba(69,212,131,0)}}
.hero__copy{position:absolute;left:0;right:0;top:0;bottom:0;max-width:var(--maxw);margin:0 auto;padding:0 var(--gut);pointer-events:none}
.beat{position:absolute;left:var(--gut);top:50%;width:min(46%,640px);transform:translateY(-50%);will-change:opacity,transform}
.beat--1{pointer-events:auto}
.beat--2,.beat--3{opacity:0}
/* the hero words show at once (go-live speed check, 26 Oct 2026): they are the page's largest text, and a
   fade that waited for the scripts kept them hidden for seconds on phones */
.hero__progress{position:absolute;left:var(--gut);bottom:28px;display:flex;align-items:center;gap:14px;font-family:var(--f-m);font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:var(--txt3)}
.hero__progress i{display:block;width:120px;height:2px;border-radius:2px;background:var(--line)}
.hero__progress b{display:block;height:100%;border-radius:2px;background:linear-gradient(90deg,var(--purple-l),var(--amber));transform-origin:left;transform:scaleX(0)}

/* ---------- promise ---------- */
.promise{position:relative;padding:clamp(110px,16vw,220px) 0 clamp(80px,10vw,140px);background:linear-gradient(180deg,var(--ink),var(--ink2))}
.promise__text{font-family:var(--f-d);font-weight:600;font-size:clamp(28px,3.9vw,60px);line-height:1.12;letter-spacing:-.03em;margin-top:28px;max-width:21em;text-wrap:pretty}
.promise__text .w{color:rgba(244,238,250,.16);transition:color .35s}
.promise__text .w.on{color:var(--txt)}
.promise__text .w.hl.on{color:var(--amber)}
.marquee{margin-top:clamp(70px,9vw,120px);border-block:1px solid var(--line);padding:22px 0;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}
.marquee__track{display:flex;align-items:center;gap:34px;width:max-content;animation:marq 48s linear infinite}
.marquee span{font-family:var(--f-d);font-weight:600;font-size:clamp(22px,2.4vw,34px);letter-spacing:-.02em;color:var(--txt2);white-space:nowrap}
.marquee i{width:12px;height:12px;border-radius:3px;background:var(--amber);box-shadow:18px 0 0 -3px var(--purple-l);margin-right:16px;flex-shrink:0}
@keyframes marq{to{transform:translateX(-50%)}}

/* ---------- paper sections ---------- */
.paper{background:var(--paper);color:var(--dtxt);border-radius:clamp(26px,3.4vw,44px) clamp(26px,3.4vw,44px) 0 0;position:relative;z-index:2;margin-top:-1px}
.paper + .night,.paper + .videos,.paper + .backend,.paper + .partner,.paper + .contact{margin-top:calc(-1*clamp(26px,3.4vw,44px));padding-top:calc(clamp(26px,3.4vw,44px) + clamp(90px,11vw,160px))}
.sec-head{max-width:880px}
.sec-head--center{margin:0 auto;text-align:center;display:flex;flex-direction:column;align-items:center}
.sec-head--split{max-width:none;display:grid;grid-template-columns:1.15fr 1fr;gap:40px;align-items:end}
.sec-head--split .sec-lede{margin-top:0}

/* ---------- how it works ---------- */
.how{padding:clamp(90px,11vw,160px) 0 clamp(80px,10vw,140px)}
.how__grid{display:grid;grid-template-columns:5fr 7fr;gap:clamp(24px,5vw,80px);margin-top:clamp(40px,6vw,80px)}
.steps{padding:6vh 0 18vh}
.step{min-height:62vh;display:flex;flex-direction:column;justify-content:center;opacity:.32;transition:opacity .6s var(--ease)}
.step.is-active{opacity:1}
.step__btn{display:flex;align-items:baseline;gap:18px;text-align:left}
.step__n{font-family:var(--f-m);font-size:13px;color:var(--purple);letter-spacing:.06em;min-width:24px}
.step__t{font-family:var(--f-d);font-weight:700;font-size:clamp(26px,2.6vw,40px);line-height:1.04;letter-spacing:-.03em}
.step p{margin:16px 0 0 42px;color:var(--dtxt2);max-width:28em}
.step__vids{display:flex;flex-wrap:wrap;gap:10px;margin:22px 0 0 42px}
.step__vids a{display:inline-flex;align-items:center;gap:10px;font-size:14px;font-weight:600;padding:10px 16px 10px 10px;border-radius:999px;background:var(--card);box-shadow:inset 0 0 0 1px var(--dline);transition:transform .4s var(--ease),box-shadow .3s}
.step__vids a:hover{transform:translateY(-2px);box-shadow:inset 0 0 0 1px var(--purple-l),0 10px 20px -12px rgba(75,52,115,.4)}
.play{width:26px;height:26px;border-radius:50%;background:var(--purple);position:relative}
.play::after{content:"";position:absolute;left:10px;top:8px;border-left:8px solid #fff;border-top:5px solid transparent;border-bottom:5px solid transparent}
.how__stage{position:relative}
.how__sticky{position:sticky;top:0;height:100vh;display:grid;place-items:center}
.how__photo{position:absolute;right:0;top:50%;width:72%;height:76vh;margin:0;transform:translateY(-50%);border-radius:30px;overflow:hidden;box-shadow:0 40px 80px -40px rgba(26,19,38,.55)}
.how__photo img{width:100%;height:100%;object-fit:cover;transform:scale(1.08)}
.how__photo::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(26,19,38,.35),transparent 60%),linear-gradient(0deg,rgba(26,19,38,.25),transparent 40%)}
.how__cap{position:absolute;right:16px;bottom:calc(12vh - 30px);font-family:var(--f-m);font-size:10.5px;color:var(--dtxt3);letter-spacing:.04em}

/* phone */
.phone{position:relative;height:620px;aspect-ratio:300/630;border-radius:52px;padding:11px;margin-right:34%;
  background:linear-gradient(145deg,#3A2E50,#0E0918 40%,#231a36);box-shadow:inset 0 0 0 1.5px rgba(255,255,255,.14),0 50px 90px -30px rgba(17,11,28,.75),0 20px 40px -20px rgba(17,11,28,.5);z-index:2}
.show-s{display:none}
@media (max-height:860px){.phone{zoom:.9}}
@media (max-height:780px){.phone{zoom:.8}}
@media (max-height:680px){.phone{zoom:.72}}
.phone::before{content:"";position:absolute;right:-3px;top:22%;width:3px;height:64px;border-radius:0 3px 3px 0;background:#2a2140}
.phone__screen{position:relative;height:100%;border-radius:42px;overflow:hidden;background:#FBF8FF;color:var(--dtxt);font-size:13px;transition:background .55s}
.phone[data-screen="1"] .phone__screen{background:#0E0A16}
.phone__island{position:absolute;left:50%;top:10px;width:31%;height:26px;border-radius:20px;background:#0B0712;transform:translateX(-50%);z-index:6}
.phone__status{position:absolute;left:0;right:0;top:0;height:46px;display:flex;align-items:center;justify-content:space-between;padding:4px 26px 0;font-weight:600;font-size:13px;z-index:5;color:var(--dtxt)}
.phone[data-screen="1"] .phone__status{color:#fff}
.sig{display:flex;align-items:flex-end;gap:2px}.sig i{width:3px;background:currentColor;border-radius:1px}.sig i:nth-child(1){height:5px}.sig i:nth-child(2){height:7px}.sig i:nth-child(3){height:9px}
.sig b{width:20px;height:10px;border-radius:3px;border:1.5px solid currentColor;margin-left:6px;position:relative}.sig b::after{content:"";position:absolute;inset:1.5px;right:5px;background:currentColor;border-radius:1px}
.scr{position:absolute;inset:0;padding:62px 18px 22px;display:flex;flex-direction:column;gap:12px;opacity:0;transform:translateY(16px) scale(.985);transition:opacity .55s var(--ease),transform .7s var(--ease);pointer-events:none}
.phone[data-screen="0"] .scr--wallet,.phone[data-screen="1"] .scr--scan,.phone[data-screen="2"] .scr--pay,.phone[data-screen="3"] .scr--done{opacity:1;transform:none}
.scr--scan{padding:0;background:#0E0A16}
.cam{position:absolute;inset:0;background:url("../img/washer-detail.webp") center/cover;filter:saturate(.9)}
.cam::before{content:"";position:absolute;inset:0;background:rgba(10,6,18,.38)}
.cam__qr{position:absolute;left:50%;top:44%;width:56%;aspect-ratio:1;transform:translate(-50%,-50%);background:#fff;border-radius:10px;padding:5%;box-shadow:0 10px 30px rgba(0,0,0,.4)}
.cam__qr svg{width:100%;height:100%}
.vf{position:absolute;width:30px;height:30px;border:3.5px solid #fff;z-index:2;transition:all .8s var(--ease)}
.vf--tl{left:16%;top:22%;border-right:0;border-bottom:0;border-radius:12px 0 0 0}.vf--tr{right:16%;top:22%;border-left:0;border-bottom:0;border-radius:0 12px 0 0}
.vf--bl{left:16%;bottom:34%;border-right:0;border-top:0;border-radius:0 0 0 12px}.vf--br{right:16%;bottom:34%;border-left:0;border-top:0;border-radius:0 0 12px 0}
.phone[data-screen="1"] .vf--tl{left:19%;top:25%}.phone[data-screen="1"] .vf--tr{right:19%;top:25%}.phone[data-screen="1"] .vf--bl{left:19%;bottom:37%}.phone[data-screen="1"] .vf--br{right:19%;bottom:37%}
.vf{border-color:#fff}.phone[data-screen="1"] .vf{border-color:var(--gold)}
.cam__line{position:absolute;left:20%;right:20%;top:26%;height:2px;background:linear-gradient(90deg,transparent,var(--gold),transparent);box-shadow:0 0 14px var(--gold);animation:scanline 2.2s var(--ease-io) infinite alternate;z-index:2}
@keyframes scanline{to{top:62%}}
.cam__toast{position:absolute;left:14px;right:14px;top:56px;display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:16px;background:rgba(251,248,255,.94);backdrop-filter:blur(10px);box-shadow:0 10px 30px rgba(0,0,0,.25);z-index:3;
  transform:translateY(-130%);opacity:0;transition:transform .7s var(--spring) .9s,opacity .4s .9s}
.phone[data-screen="1"] .cam__toast{transform:none;opacity:1}
.cam__toast img{width:30px;height:auto}.cam__toast b{display:block;font-size:13px}.cam__toast small{display:block;font-size:11px;color:var(--dtxt3)}
.cam__hint{position:absolute;left:0;right:0;bottom:30px;text-align:center;color:#fff;font-size:12.5px;font-weight:500;z-index:2}
.app-top{display:flex;align-items:center;gap:8px;font-weight:700;font-size:15px;letter-spacing:-.01em;padding-bottom:6px}
.app-top img{width:26px;height:auto}
.app-top em{margin-left:auto;font-style:normal;font-family:var(--f-m);font-size:9.5px;font-weight:500;letter-spacing:.04em;color:#2E7D54;background:#E2F6EA;padding:4px 8px;border-radius:999px}
.mcard{display:flex;align-items:center;gap:12px;padding:14px;border-radius:18px;background:linear-gradient(135deg,#3B2A5E,#7961AB);color:#fff;margin-bottom:6px}
.mcard__ico{width:48px;height:48px;border-radius:14px;background:rgba(255,255,255,.14);display:grid;place-items:center}.mcard__ico svg{width:36px}
.mcard b{display:block;font-size:16px}.mcard small{display:flex;align-items:center;gap:6px;font-size:11.5px;opacity:.85}
.ok{width:7px;height:7px;border-radius:50%;background:#45D483}
.pbtn{display:flex;align-items:center;justify-content:center;gap:8px;height:50px;border-radius:15px;font-weight:700;font-size:14.5px;position:relative;cursor:default}
.pbtn--amber{background:linear-gradient(180deg,#FFCA7B,var(--amber));color:#2A1A06;box-shadow:inset 0 1px 0 rgba(255,255,255,.5)}
.pbtn--line{box-shadow:inset 0 0 0 1.5px #D9D0EA;color:var(--purple-d)}
.phone[data-screen="0"] .wscan{animation:tap 2.6s 1.1s var(--ease) infinite}
@keyframes tap{0%,70%,100%{transform:none}76%{transform:scale(.95)}84%{transform:none}}
.mini{font-size:11.5px;color:var(--dtxt3);line-height:1.45}.mini.center{text-align:center}
.c1 i{height:18px}.c2 i:nth-child(1){height:22px}.c2 i:nth-child(2){height:32px}.c3 i:nth-child(1){height:24px}.c3 i:nth-child(2){height:34px}.c3 i:nth-child(3){height:40px}
.pbtn--end{margin-top:auto;flex-shrink:0}
.mcard--sm{padding:10px 12px;border-radius:15px;margin-bottom:0}.mcard--sm .mcard__ico{width:38px;height:38px;border-radius:11px}.mcard--sm .mcard__ico svg{width:28px}.mcard--sm b{font-size:14px}
.pbtn--pay{margin-top:auto}
.pbtn--pay .spin,.pbtn--pay .tick{position:absolute;opacity:0}
.spin{width:20px;height:20px;border-radius:50%;border:2.5px solid rgba(42,26,6,.25);border-top-color:#2A1A06}
.tick{width:24px;height:24px}
.phone[data-screen="2"] .pbtn--pay span{animation:payTxt 3.2s 1s infinite}
.phone[data-screen="2"] .pbtn--pay .spin{animation:paySpin 3.2s 1s infinite}
.phone[data-screen="2"] .pbtn--pay .tick{animation:payTick 3.2s 1s infinite}
@keyframes payTxt{0%,10%{opacity:1}14%,92%{opacity:0}100%{opacity:1}}
@keyframes paySpin{0%,12%{opacity:0;transform:rotate(0)}16%{opacity:1}44%{opacity:1;transform:rotate(720deg)}48%,100%{opacity:0;transform:rotate(800deg)}}
@keyframes payTick{0%,46%{opacity:0;transform:scale(.4)}54%,88%{opacity:1;transform:none}94%,100%{opacity:0}}
.wico{width:26px;height:26px;border-radius:8px;flex-shrink:0;background:linear-gradient(135deg,var(--purple),var(--mauve))}
.wscan{display:flex;flex-direction:column;align-items:center;gap:6px;padding:26px 14px 22px;border-radius:22px;background:linear-gradient(135deg,#3B2A5E,#7961AB);color:#fff;text-align:center}
.wscan svg{width:46px;height:46px;color:var(--gold)}
.wscan b{font-size:17px}.wscan small{font-size:11.5px;opacity:.8}
.wtiles{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.wtiles span{padding:14px 4px;border-radius:14px;background:#fff;box-shadow:inset 0 0 0 1.5px #EBE7F2;font-size:11.5px;font-weight:600;color:var(--dtxt2);text-align:center}
.scr--wallet .mini{margin-top:auto}
.amt{padding:12px 16px;border-radius:16px;background:#fff;box-shadow:inset 0 0 0 2px var(--amber)}
.amt small{display:block;font-size:11px;color:var(--dtxt3)}
.amt b{display:flex;align-items:center;gap:4px;font-family:var(--f-d);font-size:24px;letter-spacing:-.02em;margin-top:2px}
.caret{width:2px;height:24px;background:var(--purple);animation:caret 1s steps(1) infinite}
@keyframes caret{50%{opacity:0}}
.keys{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}
.keys i{font-style:normal;display:grid;place-items:center;height:34px;border-radius:11px;background:#F4F1F9;font-weight:600;font-size:15px;color:var(--dtxt)}
.scr--done{align-items:center;justify-content:center;text-align:center}
.done__drum{width:150px;height:150px;border-radius:50%;background:conic-gradient(from 0deg,#EBE7F2,#C9BDDF,#EBE7F2);padding:12px;position:relative;box-shadow:0 20px 40px -20px rgba(75,52,115,.6)}
.done__drum i{display:block;width:100%;height:100%;border-radius:50%;background:radial-gradient(circle at 35% 30%,#5b4686,#1f1533);position:relative;overflow:hidden}
.done__drum i::before{content:"";position:absolute;inset:16%;border-radius:50%;background:conic-gradient(#9B95CE 0 18%,transparent 18% 34%,#FCB040 34% 46%,transparent 46% 62%,#FBF8FF 62% 74%,transparent 74%);filter:blur(1.5px);animation:spin 1.1s linear infinite}
.done__drum b{position:absolute;right:-4px;bottom:6px;width:42px;height:42px;border-radius:50%;background:#45D483;box-shadow:0 0 0 5px #FBF8FF;transform:scale(0);transition:transform .6s var(--spring) .5s}
.done__drum b::after{content:"";position:absolute;left:14px;top:10px;width:10px;height:17px;border:solid #fff;border-width:0 3.5px 3.5px 0;transform:rotate(45deg)}
.phone[data-screen="3"] .done__drum b{transform:scale(1)}
.done__t{font-family:var(--f-d);font-weight:700;font-size:24px;letter-spacing:-.02em;margin-top:18px}
@keyframes spin{to{transform:rotate(360deg)}}

/* ---------- night band ---------- */
.night{position:relative;min-height:112vh;display:flex;align-items:flex-end;overflow:hidden;background:#07040C;padding-bottom:clamp(60px,9vw,130px)}
.night__img{position:absolute;inset:-12% 0;will-change:transform}
.night__img img,.night__img picture{width:100%;height:100%;object-fit:cover}
.night__veil{position:absolute;inset:0;background:linear-gradient(90deg,rgba(7,4,12,.78) 0%,rgba(7,4,12,.42) 42%,rgba(7,4,12,0) 72%),linear-gradient(180deg,rgba(7,4,12,.55) 0%,rgba(7,4,12,0) 30%,rgba(7,4,12,.15) 55%,rgba(10,6,18,.92) 100%),radial-gradient(ellipse at 50% 46%,transparent 30%,rgba(7,4,12,.5) 100%)}
.night__copy{position:relative;z-index:2}
.night__copy .h2{max-width:13em}
.night__cap{position:absolute;right:var(--gut);bottom:18px;font-family:var(--f-m);font-size:10.5px;color:rgba(244,238,250,.45);z-index:2}

/* ---------- industries ---------- */
.industries{padding:clamp(100px,12vw,180px) 0 clamp(90px,11vw,160px);background:radial-gradient(ellipse 80% 50% at 50% 0%,rgba(121,97,171,.18),transparent 70%),var(--ink)}
.ind-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:clamp(40px,6vw,80px)}
.ind-card{position:relative;border-radius:26px;padding:22px 20px 22px;background:linear-gradient(180deg,rgba(255,255,255,.05),rgba(255,255,255,.015));box-shadow:inset 0 0 0 1px var(--line);
  display:flex;flex-direction:column;justify-content:space-between;aspect-ratio:1/1.12;overflow:hidden;transition:transform .7s var(--ease),box-shadow .5s,background .5s;cursor:default;isolation:isolate}
.ind-card::before{content:"";position:absolute;left:50%;top:48%;width:80%;aspect-ratio:1;transform:translate(-50%,-50%) scale(.7);border-radius:50%;background:radial-gradient(closest-side,rgba(252,176,64,.32),rgba(121,97,171,.18) 55%,transparent);opacity:.45;transition:opacity .6s,transform .9s var(--ease);z-index:-1}
.ind-card:hover,.ind-card.is-hot{transform:translateY(-6px);box-shadow:inset 0 0 0 1px rgba(252,176,64,.35),0 30px 60px -30px rgba(0,0,0,.8)}
.ind-card:hover::before,.ind-card.is-hot::before{opacity:1;transform:translate(-50%,-50%) scale(1)}
.ind-n{font-family:var(--f-m);font-size:12px;color:var(--txt3)}
.ind-card h3{font-family:var(--f-d);font-weight:650;font-size:clamp(17px,1.4vw,21px);letter-spacing:-.02em;line-height:1.15}
.mc{width:74%;margin:4px auto 6px;overflow:visible;transition:transform .8s var(--ease)}
.ind-card:hover .mc,.ind-card.is-hot .mc{transform:scale(1.05) translateY(-4px)}
.mc-shadow{fill:#000;opacity:.4;filter:blur(3px)}
.mc *{transform-box:view-box}
.mc-ring{fill:none;stroke:var(--amber);stroke-width:2;transform-box:fill-box;transform-origin:center;animation:ring 2.4s var(--ease) infinite;animation-play-state:paused}
@keyframes ring{0%{transform:scale(.85);opacity:.9}100%{transform:scale(1.9);opacity:0}}
.mc-blink{animation:blink 1.8s steps(2) infinite;animation-play-state:paused}
@keyframes blink{50%{opacity:.25}}
.mc-drum{transform-origin:100px 128px;animation:spin 2.6s linear infinite;animation-play-state:paused}
.mc-water{animation:wave 1.4s linear infinite;animation-play-state:paused}
@keyframes wave{to{transform:translateX(-40px)}}
.mc-drop{animation:drop 3.4s var(--ease-io) infinite;animation-play-state:paused}
@keyframes drop{0%,30%{transform:none;opacity:1}38%{transform:translateY(-3px)}66%{transform:translateY(103px);opacity:1}74%{transform:translateY(103px);opacity:0}75%{transform:none;opacity:0}100%{opacity:1}}
.mc-claw{animation:clawx 4.8s var(--ease-io) infinite;animation-play-state:paused}
@keyframes clawx{0%,8%{transform:none}24%,62%{transform:translateX(-30px)}78%,92%{transform:translateX(30px)}100%{transform:none}}
.mc-cable{transform-origin:100px 51px;animation:cable 4.8s var(--ease-io) infinite;animation-play-state:paused}
@keyframes cable{0%,28%{transform:none}40%,48%{transform:scaleY(2.7)}58%,100%{transform:none}}
.mc-grip{animation:grip 4.8s var(--ease-io) infinite;animation-play-state:paused}
@keyframes grip{0%,28%{transform:none}40%,48%{transform:translateY(30px)}58%,100%{transform:none}}
.mc-lights circle{animation:blink 1.2s steps(2) infinite;animation-play-state:paused}
.mc-lights circle:nth-child(even){animation-delay:.6s}
.mc-vibe path{opacity:.15;animation:vibe 1.2s ease-in-out infinite;animation-play-state:paused}
.mc-vibe path:nth-child(2){animation-delay:.15s}.mc-vibe path:nth-child(3){animation-delay:.3s}
@keyframes vibe{50%{opacity:1}}
.mc-chairbody{animation:shake .16s linear infinite;animation-play-state:paused}
@keyframes shake{25%{transform:translate(.6px,-.3px)}75%{transform:translate(-.6px,.3px)}}
.mc-ride-car{transform-origin:100px 176px;animation:bob 1.5s ease-in-out infinite;animation-play-state:paused}
@keyframes bob{0%,100%{transform:translateY(0) rotate(-1.6deg)}50%{transform:translateY(-7px) rotate(1.6deg)}}
.tk{animation:token 1.8s cubic-bezier(.5,0,.75,0) infinite;animation-play-state:paused;opacity:0}
.tk2{animation-delay:.6s}.tk3{animation-delay:1.2s}
@keyframes token{0%{transform:none;opacity:0}10%{opacity:1}70%{transform:translateY(46px);opacity:1}80%,100%{transform:translateY(46px);opacity:0}}
.mc-pour{transform-origin:100px 90px;animation:pour 4.4s var(--ease-io) infinite;animation-play-state:paused}
.mc--water .mc-pour{transform-origin:100px 98px}
@keyframes pour{0%,6%{transform:scaleY(0)}14%,62%{transform:scaleY(1)}70%,100%{transform:scaleY(0);transform-origin:100px 140px}}
.mc--coffee .mc-fill{animation:fillc 4.4s var(--ease-io) infinite;animation-play-state:paused}
@keyframes fillc{0%,12%{transform:translateY(34px)}64%,88%{transform:translateY(8px)}100%{transform:translateY(34px)}}
.mc--water .mc-fill{animation:fillw 4.4s var(--ease-io) infinite;animation-play-state:paused}
@keyframes fillw{0%,12%{transform:translateY(58px)}64%,88%{transform:translateY(10px)}100%{transform:translateY(58px)}}
.mc-steam path{opacity:0;animation:steam 2.4s ease-out infinite;animation-play-state:paused}
.mc-steam path:nth-child(2){animation-delay:1.1s}
@keyframes steam{0%{opacity:0;transform:translateY(6px)}40%{opacity:.8}100%{opacity:0;transform:translateY(-14px)}}
.ind-card.is-live .mc *{animation-play-state:running}

.ind-photos{display:grid;grid-template-columns:1.1fr 1fr .9fr;gap:16px;margin-top:16px;align-items:stretch}
.ind-photo{position:relative;margin:0;border-radius:26px;overflow:hidden;min-height:340px}
.ind-photo img{position:absolute;inset:0;width:100%;height:118%;object-fit:cover;will-change:transform}
.ind-photo figcaption{position:absolute;left:18px;bottom:16px;font-family:var(--f-m);font-size:11.5px;letter-spacing:.06em;color:#fff;background:rgba(17,11,28,.55);backdrop-filter:blur(8px);padding:7px 12px;border-radius:999px}
.ind-quote{border-radius:26px;padding:30px;background:linear-gradient(160deg,var(--purple-d),#2a1c45);box-shadow:inset 0 0 0 1px var(--line);display:flex;flex-direction:column;justify-content:space-between;gap:20px}
.ind-quote p{font-family:var(--f-s);font-style:italic;font-size:clamp(24px,2.2vw,32px);line-height:1.15;color:var(--txt)}
.ind-quote small{font-family:var(--f-m);font-size:10.5px;color:var(--txt3)}

/* ---------- benefits ---------- */
.benefits{padding:clamp(100px,12vw,170px) 0 clamp(110px,13vw,190px)}
.seg{position:relative;display:inline-flex;margin-top:34px;padding:5px;border-radius:999px;background:#E9E1D3;box-shadow:inset 0 1px 2px rgba(26,19,38,.08)}
.seg__btn{position:relative;z-index:1;height:46px;padding:0 24px;border-radius:999px;font-weight:600;font-size:15px;color:var(--dtxt2);transition:color .4s}
.seg__btn.is-on{color:var(--txt)}
.seg__thumb{position:absolute;top:5px;bottom:5px;left:5px;border-radius:999px;background:var(--ink);box-shadow:0 8px 20px -8px rgba(17,11,28,.6);transition:transform .6s var(--spring),width .6s var(--spring)}
.bento{display:grid;grid-template-columns:repeat(6,1fr);gap:16px;margin-top:clamp(40px,5vw,64px)}
.bento[hidden]{display:none}
.bento.is-enter .tile{animation:tileIn .8s var(--ease) both}
.bento.is-enter .tile:nth-child(2){animation-delay:.06s}.bento.is-enter .tile:nth-child(3){animation-delay:.12s}.bento.is-enter .tile:nth-child(4){animation-delay:.18s}.bento.is-enter .tile:nth-child(5){animation-delay:.24s}.bento.is-enter .tile:nth-child(6){animation-delay:.3s}
@keyframes tileIn{from{opacity:0;transform:translateY(24px) scale(.98)}to{opacity:1;transform:none}}
.tile{position:relative;border-radius:26px;background:var(--card);box-shadow:inset 0 0 0 1px var(--dline),0 1px 0 rgba(255,255,255,.8);padding:28px;overflow:hidden;min-height:280px;display:flex;flex-direction:column;justify-content:space-between;gap:24px}
.tile--w2{grid-column:span 2}.tile--w3{grid-column:span 3}.tile--w4{grid-column:span 4}.tile--w6{grid-column:span 6}
.tag{display:inline-block;font-family:var(--f-m);font-size:10.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--purple);background:#EBE7F2;padding:5px 10px;border-radius:999px}
.tag--amber{color:#9A4F07;background:#FCEBCF}
.tile h3{font-family:var(--f-d);font-weight:700;font-size:clamp(21px,1.8vw,27px);line-height:1.1;letter-spacing:-.025em;margin-top:14px;max-width:16em;text-wrap:balance}
.tile p{color:var(--dtxt2);font-size:15px;margin-top:10px;max-width:30em}
.tile--chart{flex-direction:row;align-items:stretch}
.tile--chart .tile__txt{flex:0 0 34%}
.chart{flex:1;display:flex;flex-direction:column;gap:12px;min-height:220px}
.chart__bars{flex:1;display:flex;align-items:flex-end;gap:clamp(8px,1.4vw,18px);border-bottom:1px solid var(--dline);padding:0 4px}
.chart__bars i{flex:1;height:100%;display:flex;flex-direction:column-reverse;gap:4px}
.chart__bars i::before,.chart__bars i::after{content:"";border-radius:7px;transform:scaleY(0);transform-origin:bottom;transition:transform 1.2s var(--ease)}
.chart__bars i::before{height:calc(var(--c)*100%);background:linear-gradient(180deg,#FFCA7B,var(--amber))}
.chart__bars i::after{height:calc(var(--e)*100% - 4px);background:linear-gradient(180deg,#9B83D0,var(--purple))}
.in .chart__bars i::before,.in .chart__bars i::after{transform:none}
.chart__bars i:nth-child(2)::before,.chart__bars i:nth-child(2)::after{transition-delay:.07s}.chart__bars i:nth-child(3)::before,.chart__bars i:nth-child(3)::after{transition-delay:.14s}.chart__bars i:nth-child(4)::before,.chart__bars i:nth-child(4)::after{transition-delay:.21s}.chart__bars i:nth-child(5)::before,.chart__bars i:nth-child(5)::after{transition-delay:.28s}.chart__bars i:nth-child(6)::before,.chart__bars i:nth-child(6)::after{transition-delay:.35s}.chart__bars i:nth-child(7)::before,.chart__bars i:nth-child(7)::after{transition-delay:.42s}
.chart__legend{display:flex;gap:18px;font-size:13px;color:var(--dtxt2);align-items:center}
.chart__legend span{display:flex;align-items:center;gap:7px}.chart__legend i{width:10px;height:10px;border-radius:3px}
.chart__legend .c,.dlegend .c{background:var(--amber)}.chart__legend .e,.dlegend .e{background:var(--purple)}
.chart__legend .ill{margin-left:auto;font-family:var(--f-m);font-size:10.5px;color:var(--dtxt3)}
.remote{display:flex;align-items:center;gap:14px;width:100%;padding:14px;border-radius:20px;background:#F4E8F2;box-shadow:inset 0 0 0 1px #E4DCF2;text-align:left;transition:background .4s}
.remote__m{width:52px;height:52px;border-radius:15px;background:var(--ink);display:grid;place-items:center;flex-shrink:0}.remote__m svg{width:36px}
.remote__drum{transform-origin:20px 23px;transform-box:view-box}
.remote[aria-pressed="true"] .remote__drum{animation:spin .9s linear infinite}
.remote__lbl b{display:block;font-size:15px}.remote__lbl small{display:block;font-size:12.5px;color:var(--dtxt2)}
.remote__sw{margin-left:auto;width:54px;height:32px;border-radius:999px;background:#D7CDE6;position:relative;transition:background .4s;flex-shrink:0}
.remote__sw i{position:absolute;left:3px;top:3px;width:26px;height:26px;border-radius:50%;background:#fff;box-shadow:0 2px 6px rgba(0,0,0,.2);transition:transform .5s var(--spring)}
.remote[aria-pressed="true"]{background:#E8F7EE}
.remote[aria-pressed="true"] .remote__sw{background:#45D483}
.remote[aria-pressed="true"] .remote__sw i{transform:translateX(22px)}
@keyframes shine{0%,40%{transform:translateX(-120%)}80%,100%{transform:translateX(120%)}}
.lock{width:110px;align-self:flex-end}
.lock__shackle{transform:translateY(-8px);transition:transform .7s var(--spring) .3s}
.in .lock__shackle{transform:none}
.spark{width:100%;height:auto;overflow:visible}
.spark__area{fill:url(#gPurple);opacity:.12}
.spark__line{fill:none;stroke:var(--purple);stroke-width:3;stroke-linecap:round;stroke-dasharray:260;stroke-dashoffset:260;transition:stroke-dashoffset 1.6s var(--ease) .2s}
.in .spark__line{stroke-dashoffset:0}
.spark circle{fill:var(--amber)}
.tile--methods{flex-direction:row;align-items:center;min-height:240px}
.tile--methods .tile__txt{flex:0 0 42%}
.orbit{--rx:min(200px,22vw);--ry:68px;position:relative;flex:1;height:210px}
.orbit img{position:absolute;left:50%;top:50%;width:66px;transform:translate(-50%,-50%)}
.orbit::before{content:"";position:absolute;left:50%;top:50%;width:calc(var(--rx)*2);height:calc(var(--ry)*2);transform:translate(-50%,-50%);border-radius:50%;border:1px dashed rgba(121,97,171,.35)}
.o{--orb:0deg;position:absolute;left:50%;top:50%;font-family:var(--f-m);font-size:12px;font-weight:500;padding:8px 13px;border-radius:999px;background:#fff;box-shadow:inset 0 0 0 1px var(--dline),0 8px 18px -10px rgba(26,19,38,.35);white-space:nowrap;
  transform:translate(-50%,-50%) translate(calc(cos(var(--orb)) * var(--rx)),calc(sin(var(--orb)) * var(--ry)));animation:orbit 26s linear infinite}
.o1{animation-delay:0s}.o2{animation-delay:-5.2s}.o3{animation-delay:-10.4s}.o4{animation-delay:-15.6s}.o5{animation-delay:-20.8s;background:var(--ink);color:var(--txt)}
@keyframes orbit{to{--orb:360deg}}
.noapp{display:flex;flex-direction:column;gap:12px}
.noapp__bar{display:flex;align-items:center;gap:10px;font-family:var(--f-m);font-size:12px;color:var(--dtxt2);padding:12px 16px;border-radius:14px;background:#F4E8F2}
.noapp__bar i{width:10px;height:12px;border-radius:2px;border:2px solid var(--purple);position:relative}
.noapp__row{display:flex;align-items:center;gap:14px}
.noapp__lbl b{display:block;font-family:var(--f-d);font-size:19px;letter-spacing:-.02em}.noapp__lbl small{display:block;color:var(--dtxt3);font-size:13px}
.noapp__dl{position:relative;width:64px;height:64px;border-radius:18px;background:#EBE7F2;color:var(--purple);display:grid;place-items:center;flex-shrink:0}
.noapp__dl svg{width:30px}
.noapp__dl b{position:absolute;left:8px;right:8px;top:50%;height:3px;border-radius:3px;background:var(--orange);transform:rotate(-40deg) scaleX(0);transition:transform .7s var(--ease) .4s}
.in .noapp__dl b{transform:rotate(-40deg) scaleX(1)}
.wgrid{display:grid;grid-template-columns:repeat(8,1fr);gap:8px}
.wgrid i{aspect-ratio:1;border-radius:30%;background:var(--c);transform:scale(0);transition:transform .6s var(--spring)}
.in .wgrid i{transform:none}
.wgrid i:nth-child(2){transition-delay:.05s}.wgrid i:nth-child(3){transition-delay:.1s}.wgrid i:nth-child(4){transition-delay:.15s}.wgrid i:nth-child(5){transition-delay:.2s}.wgrid i:nth-child(6){transition-delay:.25s}.wgrid i:nth-child(7){transition-delay:.3s}.wgrid i:nth-child(8){transition-delay:.35s}
.qsteps{display:flex;gap:8px;list-style:none;margin:0;padding:0}
.qsteps li{flex:1;display:flex;flex-direction:column;gap:10px;padding:14px;border-radius:16px;background:#F4E8F2;font-weight:600;font-size:13.5px;color:var(--dtxt)}
.qsteps b{width:30px;height:30px;border-radius:10px;display:grid;place-items:center;background:linear-gradient(135deg,var(--gold),var(--amber));color:#2A1A06;font-family:var(--f-d)}
.nocash{position:relative;height:110px}
.nocash .coin{position:absolute;width:44px;height:44px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#FFE08A,var(--amber) 60%,var(--orange));box-shadow:inset 0 0 0 3px rgba(255,255,255,.35);transition:transform 1.1s var(--ease),opacity 1s}
.nocash .c1{left:6%;top:30%}.nocash .c2{left:18%;top:10%}.nocash .c3{left:14%;top:56%}
.in .nocash .c1{transform:translate(-30px,-40px) rotate(-60deg);opacity:0}.in .nocash .c2{transform:translate(-10px,-70px) rotate(40deg);opacity:0;transition-delay:.12s}.in .nocash .c3{transform:translate(-50px,20px) rotate(-30deg);opacity:0;transition-delay:.24s}
.phone-ico{position:absolute;right:12%;top:0;width:60px;height:108px;border-radius:14px;background:var(--ink);box-shadow:inset 0 0 0 3px #3A2E50}
.phone-ico::after{content:"";position:absolute;inset:26px 14px;background:#fff;border-radius:4px;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 7 7'%3E%3Cpath d='M0 0h3v3H0zM4 0h3v3H4zM0 4h3v3H0zM4 4h1v1H4zM6 6h1v1H6zM5 5h1v1H5z'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 7 7'%3E%3Cpath d='M0 0h3v3H0zM4 0h3v3H4zM0 4h3v3H0zM4 4h1v1H4zM6 6h1v1H6zM5 5h1v1H5z'/%3E%3C/svg%3E") center/contain no-repeat}

/* ---------- backend ---------- */
.backend{padding:clamp(100px,12vw,170px) 0;background:radial-gradient(ellipse 70% 60% at 80% 20%,rgba(252,176,64,.1),transparent 60%),var(--ink)}
.themes{display:flex;align-items:center;gap:10px;margin-top:22px;font-family:var(--f-m);font-size:12px;color:var(--txt3)}
.sw{width:30px;height:30px;border-radius:50%;background:conic-gradient(var(--a) 0 50%,var(--b) 50% 100%);box-shadow:0 0 0 2px var(--ink),0 0 0 3px var(--line2);transition:transform .4s var(--spring),box-shadow .3s}
.sw:hover{transform:scale(1.12)}.sw.is-on{box-shadow:0 0 0 2px var(--ink),0 0 0 4px var(--amber)}
.dash{--acc:#7961AB;--acc2:#FCB040;margin-top:clamp(40px,5vw,64px);border-radius:24px;background:#0B0714;box-shadow:inset 0 0 0 1px var(--line2),0 60px 120px -40px rgba(0,0,0,.9),0 0 0 8px rgba(255,255,255,.02);overflow:hidden;transform:perspective(1800px) rotateX(8deg) scale(.96);transform-origin:50% 0;transition:transform 1.4s var(--ease)}
.dash.in{transform:none}
.dash__bar{display:flex;align-items:center;gap:7px;height:44px;padding:0 16px;border-bottom:1px solid var(--line);background:#120C1E}
.dash__bar i{width:11px;height:11px;border-radius:50%;background:#3A2E50}.dash__bar i:first-child{background:#FF6159}.dash__bar i:nth-child(2){background:#FFBD2E}.dash__bar i:nth-child(3){background:#28C941}
.dash__url{margin:0 auto;font-family:var(--f-m);font-size:12px;color:var(--txt3);padding:5px 14px;border-radius:8px;background:rgba(255,255,255,.04)}
.dash__url b{color:var(--txt2);font-weight:500}
.dash__body{display:grid;grid-template-columns:200px 1fr;min-height:460px}
.dash__side{border-right:1px solid var(--line);padding:18px 12px;display:flex;flex-direction:column;gap:4px}
.dash__logo{display:flex;align-items:center;gap:10px;padding:6px 10px 18px;font-family:var(--f-d);font-weight:700}
.dash__logo img{width:30px;transition:opacity .4s}
.dash__logo b{display:none;width:30px;height:30px;border-radius:9px;background:var(--acc);color:#fff;font-size:12px;place-items:center}
.dash.is-custom .dash__logo img{display:none}.dash.is-custom .dash__logo b{display:grid}
.dash__nav{font-size:14px;color:var(--txt3);padding:9px 12px;border-radius:10px}
.dash__nav.is-on{background:color-mix(in srgb,var(--acc) 22%,transparent);color:var(--txt);box-shadow:inset 3px 0 0 var(--acc2)}
.dash__main{display:grid;grid-template-columns:1.25fr 1fr;grid-template-rows:auto auto;gap:14px;padding:18px}
.dcard{border-radius:18px;background:#130D20;box-shadow:inset 0 0 0 1px var(--line);padding:18px}
.dcard--machines{grid-row:span 2}
.dcard__h{display:flex;align-items:baseline;justify-content:space-between;gap:10px;margin-bottom:14px}
.dcard__h b{font-size:15px}.dcard__h small{font-size:12px;color:var(--txt3)}
.mlist{display:flex;flex-direction:column;gap:8px}
.mlist li{display:grid;grid-template-columns:34px 1fr auto auto;align-items:center;gap:12px;padding:10px 10px 10px 12px;border-radius:14px;background:rgba(255,255,255,.025);box-shadow:inset 0 0 0 1px var(--line)}
.mi{width:34px;height:34px;border-radius:10px;background:color-mix(in srgb,var(--acc) 30%,#1d1530);position:relative}
.mi::after{content:"";position:absolute;inset:9px;border-radius:50%;border:2.5px solid var(--acc2)}
.mi--v::after{border-radius:3px}.mi--c::after{border-radius:3px 3px 50% 50%}
.mn{font-size:14px;font-weight:500}
.ms{font-family:var(--f-m);font-size:11.5px;color:var(--txt3);display:flex;align-items:center;gap:7px}
.ms::before{content:"";width:7px;height:7px;border-radius:50%;background:#5F5573}
.mlist button{height:32px;padding:0 14px;border-radius:999px;font-size:12.5px;font-weight:600;background:var(--acc2);color:#1A1208;transition:transform .3s var(--spring),opacity .3s}
.mlist button:hover{transform:scale(1.05)}
.mlist li.is-run .ms{color:#7EE2A8}.mlist li.is-run .ms::before{background:#45D483;box-shadow:0 0 0 4px rgba(69,212,131,.18);animation:ping 1.6s infinite}
.mlist li.is-run button{opacity:.35;pointer-events:none}
.mlist li.is-run .mi::after{border-style:dashed;animation:spin 1.6s linear infinite}
.dbars{display:flex;align-items:flex-end;gap:8px;height:150px;border-bottom:1px solid var(--line)}
.dbars i{flex:1;height:100%;display:flex;flex-direction:column-reverse;gap:3px}
.dbars i::before,.dbars i::after{content:"";border-radius:5px;transform:scaleY(0);transform-origin:bottom;transition:transform 1.1s var(--ease)}
.dbars i::before{height:calc(var(--c)*55%);background:var(--acc2)}
.dbars i::after{height:calc(var(--e)*45%);background:var(--acc)}
.dash.in .dbars i::before,.dash.in .dbars i::after{transform:none}
.dlegend{display:flex;gap:16px;margin-top:12px;font-size:12px;color:var(--txt3)}.dlegend span{display:flex;align-items:center;gap:6px}.dlegend i{width:9px;height:9px;border-radius:3px}
.dlegend .c{background:var(--acc2)}.dlegend .e{background:var(--acc)}
.vrow{display:flex;flex-wrap:wrap;gap:8px}
.vchip{font-size:12px;font-weight:600;padding:7px 12px;border-radius:999px;background:var(--acc2);color:#1A1208}
.vchip--b{background:color-mix(in srgb,var(--acc) 35%,transparent);color:var(--txt)}
.dash__cap{margin-top:16px;font-family:var(--f-m);font-size:11px;color:var(--txt3);text-align:center}

/* ---------- why ---------- */
.why{padding:clamp(100px,12vw,170px) 0 clamp(110px,13vw,190px)}
.why__grid{display:grid;grid-template-columns:1fr 1.05fr;gap:clamp(30px,6vw,100px);align-items:start}
.why__big{position:sticky;top:120px}
.why__num{font-family:var(--f-d);font-weight:800;font-size:clamp(150px,21vw,330px);line-height:.82;letter-spacing:-.07em;margin-top:28px;
  background:linear-gradient(160deg,var(--purple-d),var(--purple) 40%,var(--mauve) 65%,var(--amber));-webkit-background-clip:text;background-clip:text;color:transparent;display:flex;align-items:flex-start}
.why__num sup{font-size:.42em;line-height:1;margin-top:.1em;letter-spacing:0}
.why__lbl{font-family:var(--f-d);font-weight:600;font-size:clamp(20px,1.9vw,28px);line-height:1.2;letter-spacing:-.02em;max-width:17em;margin-top:22px;color:var(--dtxt)}
.why__list{border-top:1px solid var(--dline)}
.why__list li{display:grid;grid-template-columns:56px 1fr;gap:10px;padding:30px 0;border-bottom:1px solid var(--dline);transition:padding .5s var(--ease)}
.why__list li:hover{padding-left:10px}
.why__list .n{font-family:var(--f-m);font-size:13px;color:var(--purple);padding-top:8px}
.why__list h3{font-family:var(--f-d);font-weight:700;font-size:clamp(24px,2.3vw,34px);letter-spacing:-.03em;line-height:1.05}
.why__list p{margin-top:10px;color:var(--dtxt2);max-width:30em}

/* ---------- partner ---------- */
.partner{position:relative;padding:clamp(100px,12vw,170px) 0;overflow:hidden;background:radial-gradient(ellipse 70% 70% at 75% 30%,rgba(121,97,171,.45),transparent 65%),radial-gradient(ellipse 50% 50% at 10% 90%,rgba(252,176,64,.14),transparent 70%),linear-gradient(180deg,#1A1030,#110B1C)}
.partner__top{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center}
.partner__copy .btn{margin-top:34px}
.partner__net{position:relative;aspect-ratio:1;max-height:560px;width:100%}
.partner__net canvas{position:absolute;inset:0;width:100%;height:100%}
.perks{display:grid;grid-template-columns:repeat(5,1fr);gap:14px;margin-top:clamp(50px,6vw,80px)}
.perks li{border-radius:22px;padding:24px 22px 26px;background:rgba(255,255,255,.04);box-shadow:inset 0 0 0 1px var(--line);backdrop-filter:blur(10px);transition:transform .6s var(--ease),background .4s}
.perks li:hover{transform:translateY(-6px);background:rgba(255,255,255,.07)}
.perks__i{display:block;color:var(--amber);font-size:14px}
.perks h3{font-family:var(--f-d);font-weight:700;font-size:20px;letter-spacing:-.02em;margin-top:22px}
.perks p{font-size:14.5px;color:var(--txt2);margin-top:8px;line-height:1.55}
.partner__quote{font-family:var(--f-s);font-style:italic;font-size:clamp(28px,3.4vw,52px);line-height:1.12;text-align:center;max-width:22em;margin:clamp(70px,9vw,120px) auto 0;color:var(--txt);text-wrap:balance}

/* ---------- faq ---------- */
.faq{padding:clamp(100px,12vw,170px) 0 clamp(110px,13vw,190px)}
.faq__grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:clamp(30px,6vw,90px);align-items:start}
.faq__head{position:sticky;top:120px}
.faq__list{border-top:1px solid var(--dline)}
.faq details{border-bottom:1px solid var(--dline)}
.faq summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:20px;padding:26px 0;font-family:var(--f-d);font-weight:650;font-size:clamp(19px,1.6vw,24px);letter-spacing:-.02em;line-height:1.2}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"";flex-shrink:0;width:34px;height:34px;border-radius:50%;background:#EAE3D6 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M10 4v12M4 10h12' stroke='%231A1326' stroke-width='1.8' stroke-linecap='round'/%3E%3C/svg%3E") center/16px no-repeat;transition:transform .5s var(--spring),background-color .3s}
.faq details[open] summary::after{transform:rotate(45deg);background-color:var(--amber)}
.faq details p{padding:0 54px 28px 0;color:var(--dtxt2);max-width:42em}
.faq details a{color:var(--purple);text-decoration:underline;text-underline-offset:3px}

/* ---------- contact ---------- */
.contact{padding:clamp(100px,12vw,170px) 0 clamp(80px,9vw,120px);background:radial-gradient(ellipse 60% 50% at 50% 0%,rgba(252,176,64,.16),transparent 70%),var(--ink)}
.contact__h{font-family:var(--f-d);font-weight:800;font-size:clamp(46px,7.6vw,128px);line-height:.92;letter-spacing:-.045em;max-width:12em;text-wrap:balance}
.contact__grid{display:grid;grid-template-columns:1.25fr 1fr;gap:16px;margin-top:clamp(50px,6vw,80px)}
.builder{border-radius:28px;padding:clamp(22px,3vw,36px);background:linear-gradient(180deg,rgba(255,255,255,.06),rgba(255,255,255,.02));box-shadow:inset 0 0 0 1px var(--line2);display:flex;flex-direction:column;gap:22px}
.builder fieldset{border:0;margin:0;padding:0}
.builder legend{font-family:var(--f-m);font-size:11.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--txt3);margin-bottom:12px;padding:0}
.chips{display:flex;flex-wrap:wrap;gap:8px}
.chipb{height:40px;padding:0 16px;border-radius:999px;font-size:14.5px;font-weight:500;color:var(--txt2);box-shadow:inset 0 0 0 1px var(--line2);transition:all .35s var(--ease)}
.chipb:hover{color:var(--txt);box-shadow:inset 0 0 0 1px rgba(252,176,64,.5)}
.chipb.is-on{background:var(--amber);color:#1B1208;box-shadow:none}
.msg{border-radius:18px;padding:18px 20px;background:#0C0815;box-shadow:inset 0 0 0 1px var(--line)}
.msg__lbl{font-family:var(--f-m);font-size:10.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--txt3)}
.msg p{margin-top:8px;font-size:16px;color:var(--txt);min-height:3.2em}
.cards{display:grid;gap:16px;grid-template-rows:auto auto 1fr}
.ccard{display:flex;flex-direction:column;gap:6px;border-radius:24px;padding:24px 26px;background:rgba(255,255,255,.035);box-shadow:inset 0 0 0 1px var(--line);transition:background .4s,transform .6s var(--ease)}
.ccard:hover{background:rgba(255,255,255,.07);transform:translateY(-3px)}
.ccard small{font-family:var(--f-m);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--txt3)}
.ccard b{font-family:var(--f-d);font-weight:650;font-size:clamp(20px,1.8vw,26px);letter-spacing:-.02em;line-height:1.2;overflow-wrap:anywhere}
.ccard--addr b{font-family:var(--f-b);font-weight:500;font-size:16px;line-height:1.5;color:var(--txt2)}
.go{margin-top:auto;padding-top:14px;font-size:14px;font-weight:600;color:var(--amber)}

/* ---------- footer ---------- */
.foot{padding:clamp(60px,8vw,100px) 0 30px;background:var(--ink);border-top:1px solid var(--line);overflow:hidden}
.foot__top{display:flex;justify-content:space-between;gap:40px;flex-wrap:wrap}
.foot__brand p{margin-top:16px;color:var(--txt3);max-width:24em;font-size:15px}
.foot__links{display:grid;grid-template-columns:repeat(2,auto);gap:10px 48px;font-size:15px;color:var(--txt2)}
.foot__links a:hover{color:var(--amber)}
.foot__word{font-family:var(--f-d);font-weight:800;font-size:clamp(70px,17.5vw,290px);line-height:.8;letter-spacing:-.06em;margin:clamp(50px,7vw,90px) 0 26px;white-space:nowrap;
  background:linear-gradient(180deg,rgba(155,149,206,.5),rgba(155,149,206,.04) 85%);-webkit-background-clip:text;background-clip:text;color:transparent}
.foot__base{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;font-size:12.5px;color:var(--txt3);border-top:1px solid var(--line);padding-top:22px}
.foot__base span:last-child{max-width:52em}

/* ---------- AI lens ---------- */
.lens-btn{position:fixed;left:16px;bottom:16px;z-index:120;display:flex;align-items:center;gap:10px;height:44px;padding:0 18px 0 14px;border-radius:999px;font-family:var(--f-m);font-size:12.5px;font-weight:500;
  background:rgba(17,11,28,.78);color:var(--txt);backdrop-filter:blur(14px);box-shadow:inset 0 0 0 1px var(--line2),0 14px 30px -12px rgba(0,0,0,.6);transition:transform .5s var(--ease),background .3s;transform:translateY(90px)}
.lens-btn.show{transform:none}
.lens-btn__dot{width:10px;height:10px;border-radius:3px;background:var(--amber);box-shadow:0 0 0 4px rgba(252,176,64,.18)}
.lens-btn[aria-pressed="true"]{background:var(--amber);color:#1B1208}.lens-btn[aria-pressed="true"] .lens-btn__dot{background:#1B1208;box-shadow:none}
.lens{position:fixed;right:16px;top:96px;bottom:16px;width:min(400px,calc(100vw - 32px));z-index:130;border-radius:24px;padding:22px;overflow:auto;
  background:rgba(17,11,28,.92);backdrop-filter:blur(20px);box-shadow:inset 0 0 0 1px var(--line2),0 40px 80px -30px rgba(0,0,0,.8);color:var(--txt);font-size:14px;animation:lensIn .6s var(--ease)}
@keyframes lensIn{from{opacity:0;transform:translateX(30px)}}
.lens__head{display:flex;justify-content:space-between;align-items:center;font-family:var(--f-d);font-size:19px;letter-spacing:-.02em}
.lens__head button{width:34px;height:34px;border-radius:50%;font-size:22px;line-height:1;background:rgba(255,255,255,.06)}
.lens__intro{color:var(--txt2);margin-top:10px;line-height:1.55}
.lens__facts{margin-top:16px;display:grid;gap:8px}
.lens__facts li{display:grid;grid-template-columns:96px 1fr;gap:10px;padding:10px 12px;border-radius:12px;background:rgba(255,255,255,.04);font-size:13px;line-height:1.45}
.lens__facts li span{font-family:var(--f-m);font-size:10.5px;letter-spacing:.06em;text-transform:uppercase;color:var(--amber);padding-top:2px}
.lens__code{margin-top:14px}.lens__code summary{cursor:pointer;font-family:var(--f-m);font-size:12px;color:var(--purple-l)}
.lens__code pre{white-space:pre-wrap;word-break:break-word;font-family:var(--f-m);font-size:10.5px;line-height:1.5;color:var(--txt2);background:#0B0714;border-radius:12px;padding:12px;max-height:320px;overflow:auto}
.lens__note{margin-top:14px;font-size:12px;color:var(--txt3)}
body.lens-on [data-ai]{outline:2px dashed var(--amber);outline-offset:10px;border-radius:6px;position:relative}
body.lens-on [data-ai]::before{content:attr(data-ai);position:absolute;left:-10px;top:-34px;z-index:5;font-family:var(--f-m);font-size:10.5px;font-weight:500;letter-spacing:.02em;font-style:normal;line-height:1;white-space:nowrap;
  background:var(--amber);color:#1B1208;padding:5px 9px;border-radius:999px;-webkit-text-fill-color:#1B1208;text-transform:none}
body.lens-on details[data-ai]::before{top:6px;left:auto;right:56px}

/* ---------- how-to videos ---------- */
.videos{position:relative;padding:clamp(100px,12vw,170px) 0 clamp(100px,12vw,170px);background:radial-gradient(ellipse 70% 50% at 15% 12%,rgba(121,97,171,.24),transparent 65%),radial-gradient(ellipse 45% 35% at 92% 70%,rgba(252,176,64,.1),transparent 70%),linear-gradient(180deg,var(--ink) 70%,#07040C)}
.vgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(16px,2vw,28px);margin-top:clamp(40px,6vw,80px)}
.vcard{display:flex;flex-direction:column;border-radius:26px;overflow:hidden;background:linear-gradient(180deg,rgba(255,255,255,.055),rgba(255,255,255,.015));box-shadow:inset 0 0 0 1px var(--line);transition:transform .7s var(--ease),box-shadow .5s}
.vcard:hover{transform:translateY(-6px);box-shadow:inset 0 0 0 1px rgba(252,176,64,.35),0 30px 60px -30px rgba(0,0,0,.8)}
.vcard__poster{position:relative;display:block;aspect-ratio:4/5;overflow:hidden;background:var(--ink3);isolation:isolate}
.vcard__poster img{width:100%;height:100%;object-fit:cover;object-position:50% 32%;transition:transform 1.2s var(--ease)}
.vcard:hover .vcard__poster img{transform:scale(1.045)}
.vcard__poster::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(17,11,28,.08),rgba(17,11,28,0) 40%,rgba(17,11,28,.6));pointer-events:none}
.vcard__play{position:absolute;left:50%;top:50%;z-index:2;width:72px;height:72px;margin:-36px 0 0 -36px;border-radius:50%;background:linear-gradient(180deg,#FFCA7B,var(--amber));box-shadow:0 0 0 8px rgba(252,176,64,.24),0 18px 40px -12px rgba(0,0,0,.65);transition:transform .5s var(--spring),box-shadow .4s}
.vcard__play::after{content:"";position:absolute;left:29px;top:24px;border-left:18px solid #1B1208;border-top:12px solid transparent;border-bottom:12px solid transparent}
.vcard:hover .vcard__play,.vcard__poster:focus-visible .vcard__play{transform:scale(1.1);box-shadow:0 0 0 14px rgba(252,176,64,.18),0 22px 46px -12px rgba(0,0,0,.7)}
.vcard__poster:focus-visible{outline:2px solid var(--amber);outline-offset:-4px}
.vcard__dur{position:absolute;right:14px;bottom:14px;z-index:2;font-family:var(--f-m);font-size:12px;color:#fff;background:rgba(17,11,28,.72);backdrop-filter:blur(6px);padding:5px 10px;border-radius:999px}
.vcard__body{padding:20px 22px 26px}
.vcard__src{display:flex;align-items:center;gap:8px;font-family:var(--f-m);font-size:11.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--txt3)}
.vcard__dot{width:8px;height:8px;border-radius:2px;background:var(--purple-l)}
.vcard__dot--yt{background:var(--orange)}
.vcard__t{font-family:var(--f-d);font-weight:650;font-size:clamp(20px,1.7vw,25px);letter-spacing:-.02em;line-height:1.15;margin-top:12px;text-wrap:balance}
.vcard__d{color:var(--txt2);margin-top:12px;font-size:15.5px;line-height:1.5;text-wrap:pretty}
.vcard__steps{list-style:none;counter-reset:s;margin-top:14px;display:grid;gap:8px;padding:0}
.vcard__steps li{counter-increment:s;display:flex;gap:11px;align-items:center;color:var(--txt2);font-size:15.5px;line-height:1.35}
.vcard__steps li::before{content:counter(s);flex:none;width:22px;height:22px;border-radius:7px;display:grid;place-items:center;font-family:var(--f-m);font-size:11.5px;font-weight:500;color:#1B1208;background:var(--amber)}
.vmore{margin-top:clamp(28px,4vw,44px);color:var(--txt3);font-size:15px}
.vmore a{color:var(--txt);text-decoration:underline;text-decoration-color:var(--amber);text-underline-offset:4px;transition:color .3s}
.vmore a:hover{color:var(--amber)}
.vbox{--w:min(380px,86vw,calc((100dvh - 110px) * 9 / 16));padding:0;border:0;background:transparent;color:var(--txt);max-width:none;max-height:none;margin:auto;overflow:visible}
.vbox[open]{animation:vbIn .45s var(--ease)}
@keyframes vbIn{from{opacity:0;transform:translateY(16px) scale(.98)}}
.vbox::backdrop{background:rgba(9,5,16,.8);backdrop-filter:blur(8px)}
.vbox__frame{width:var(--w);aspect-ratio:9/16;border-radius:22px;overflow:hidden;background:#000;box-shadow:0 40px 90px -30px rgba(0,0,0,.9),0 0 0 1px var(--line2)}
.vbox__frame iframe{width:100%;height:100%;border:0;display:block}
.vbox__bar{width:var(--w);display:flex;align-items:center;gap:14px;margin-top:14px}
.vbox__bar b{flex:1;min-width:0;font-family:var(--f-d);font-weight:650;font-size:16px;letter-spacing:-.01em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.vbox__bar a{font-size:13.5px;color:var(--txt2);text-decoration:underline;text-underline-offset:3px;white-space:nowrap}
.vbox__x{flex:none;width:40px;height:40px;border-radius:50%;border:0;background:rgba(255,255,255,.12);color:var(--txt);font-size:22px;line-height:1;cursor:pointer;transition:background .3s}
.vbox__x:hover{background:rgba(255,255,255,.22)}

/* ---------- reveal ---------- */
[data-r]{opacity:0;transform:translateY(28px);filter:blur(6px);transition:opacity 1s var(--ease),transform 1.1s var(--ease),filter 1s var(--ease)}
[data-r].in{opacity:1;transform:none;filter:none}
.split .w{display:inline-block;overflow:hidden;vertical-align:top;padding-bottom:.08em;margin-bottom:-.08em}
.split .wi{display:inline-block;transform:translateY(105%);transition:transform 1.1s var(--ease)}
.split.in .wi{transform:none}

/* ---------- responsive ---------- */
@media (max-width:1100px){
  .nav__links{gap:20px}
  .ind-grid{grid-template-columns:repeat(2,1fr)}
  .perks{grid-template-columns:repeat(2,1fr)}
  .perks li:last-child{grid-column:span 2}
  .dash__body{grid-template-columns:64px 1fr}
  .dash__side .dash__nav,.dash__logo b,.dash__logo{font-size:0}
  .dash__nav{height:36px;padding:0;border-radius:10px;background:rgba(255,255,255,.04)}
  .dash__nav.is-on{background:color-mix(in srgb,var(--acc) 35%,transparent)}
}
@media (max-width:1000px){
  .nav__links{gap:14px}
  .nav__links a{white-space:nowrap;font-size:14px}
}
@media (max-width:900px){
  .vgrid{grid-template-columns:1fr;gap:14px}
  .vcard{flex-direction:row}
  .vcard__poster{flex:none;width:clamp(124px,32vw,210px);aspect-ratio:9/16}
  .vcard__play{width:52px;height:52px;margin:-26px 0 0 -26px;box-shadow:0 0 0 6px rgba(252,176,64,.24),0 14px 30px -10px rgba(0,0,0,.65)}
  .vcard__play::after{left:21px;top:17px;border-left-width:13px;border-top-width:9px;border-bottom-width:9px}
  .vcard__dur{right:8px;bottom:8px;font-size:11px;padding:4px 8px}
  .vcard__body{align-self:center;padding:16px 18px 18px}
  .vcard__src{font-size:10.5px;letter-spacing:.05em}
  .nav__links,.nav__cta{display:none}
  .nav__burger{display:block;margin-left:auto}
  .sec-head--split{grid-template-columns:1fr;gap:0}
  .sec-head--split .sec-lede{margin-top:22px}
  .how__grid{grid-template-columns:1fr}
  .how__stage{order:-1;position:sticky;top:76px;z-index:3;height:min(58vh,520px);margin:0 calc(-1*var(--gut))}
  .how__sticky{position:relative;height:100%;background:linear-gradient(180deg,var(--paper) 86%,rgba(255,243,226,0))}
  .how__photo{width:62%;height:84%;right:var(--gut);border-radius:22px}
  .phone{zoom:.66;margin-right:30%}
  .orbit{flex:none}
  .how__cap{display:none}
  .steps{padding:4vh 0 10vh}
  .step{min-height:40vh}
  .step p,.step__vids{margin-left:0}
  .step__btn{flex-direction:column;gap:8px}
  .tile--w2,.tile--w3,.tile--w4{grid-column:span 6}
  .tile--chart,.tile--methods{flex-direction:column;align-items:stretch}
  .tile--chart .tile__txt,.tile--methods .tile__txt{flex:none}
  .orbit{height:190px;--rx:min(150px,34vw);--ry:62px}
  .ind-photos{grid-template-columns:1fr 1fr}
  .ind-quote{grid-column:span 2}
  .dash__main{grid-template-columns:1fr}
  .dcard--machines{grid-row:auto}
  .why__grid,.faq__grid,.partner__top,.contact__grid{grid-template-columns:1fr}
  .why__big,.faq__head{position:static}
  .partner__net{max-width:480px;margin:0 auto}
}
@media (max-width:820px){
  .beat{left:var(--gut);right:var(--gut);width:auto;top:auto;bottom:max(26px,3.5vh);transform:none}
  .beat .eyebrow{font-size:10px;letter-spacing:.06em}
  .display{font-size:clamp(34px,9.6vw,60px);margin-top:12px}
  .display--sm{font-size:clamp(34px,9.6vw,56px)}
  .lede{font-size:15px;margin-top:12px;line-height:1.55}
  .cta-row{margin-top:18px;flex-wrap:nowrap;gap:10px}
  .cta-row .btn{flex:1 1 0;padding:0 14px}
  .hide-s{display:none}.show-s{display:inline}
  .hero__progress{display:none}
  .gridlines{-webkit-mask-image:radial-gradient(ellipse 80% 40% at 50% 30%,#000 10%,transparent 70%);mask-image:radial-gradient(ellipse 80% 40% at 50% 30%,#000 10%,transparent 70%)}
}
@media (max-width:900px) and (max-height:700px){
  .phone{zoom:.56}
}
@media (max-width:600px){
  .vbox__bar{flex-wrap:wrap;row-gap:6px}
  .vbox__bar b{flex:1 1 100%;white-space:normal}
  .vbox__x{margin-left:auto}
  body{font-size:16px}
  .lens-btn{height:40px;font-size:11.5px;padding:0 14px 0 12px}
  .btn{height:52px;padding:0 22px;font-size:15.5px}
  .cta-row .btn{flex:1 1 auto}
  .ind-grid{gap:10px}
  .ind-card{padding:16px 14px;border-radius:20px;aspect-ratio:auto;gap:6px}
  .ind-card h3{font-size:15px}
  .mc{width:84%}
  .ind-photos{grid-template-columns:1fr}
  .ind-quote{grid-column:auto}
  .ind-photo{min-height:260px}
  .perks{grid-template-columns:1fr}
  .perks li:last-child{grid-column:auto}
  .tile{padding:22px;min-height:0}
  .seg__btn{padding:0 16px;font-size:14px}
  .mlist li{grid-template-columns:30px 1fr auto;gap:10px}
  .mlist .ms{display:none}
  .mlist li.is-run .mn::after{content:" · running";color:#7EE2A8;font-family:var(--f-m);font-size:11px}
  .dash__body{grid-template-columns:1fr}
  .dash__side{display:none}
  .dash{transform:none}
  .foot__links{grid-template-columns:repeat(2,1fr);gap:10px 24px}
  .lens-btn{left:12px;bottom:12px}
  .lens{top:auto;height:72vh;right:8px;left:8px;width:auto;bottom:8px}
  .faq details p{padding-right:0}
  body.lens-on [data-ai]::before{left:0;max-width:calc(100vw - 48px);overflow:hidden;text-overflow:ellipsis}
}
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}
  [data-r],.split .wi{opacity:1;transform:none;filter:none}
  .marquee__track{animation:none}
}

/* ==========================================================================================
   PART 2 -- Byte Bunny inner pages (acclaira-aeo-package-2, Phase 2 design system).
   Everything above this line is the LOCKED landing page's css/site.css, verbatim.
   Source of this part: design-system/inner.css (build_aeo_pages.py assembles css/tokens.css).
   Rules here never restyle the header, the menu or the footer; every class is bb- prefixed
   except the landing components deliberately reused (.paper, .eyebrow, .btn, .vcard, .ccard,
   .faq details, .contact__h, .hero__bg). See design-system/DESIGN-SYSTEM.md.
   ========================================================================================== */
:root{
  --bb-r:clamp(26px,3.4vw,44px);
  --bb-measure:66ch;
  --bb-card:#FFFDF9;
  --bb-ring:rgba(87,77,104,.24);
  --bb-tint:#FFE6BF;
  --bb-shadow:0 22px 44px -30px rgba(26,19,38,.45);
}

/* the solid fill render_gate reads under the landing gradient (paints identically) */
main .btn--amber{background-color:var(--amber)}
.bb-main{display:block}

/* ---------- icon family: pixel glyphs, two inks ---------- */
.bb-ico{display:block;flex:none;width:48px;height:48px;--ia:var(--purple);--ib:var(--amber)}
.bb-ico .ia{fill:var(--ia)}.bb-ico .ib{fill:var(--ib)}
.bb-hero .bb-ico,.bb-dark .bb-ico,.bb-cta .bb-ico,.bb-key .bb-ico,.key-box .bb-ico{--ia:var(--purple-l)}
/* the QR glyph's squares are DuitNow pink on every background, like Byte Bunny's machine sticker (16 Oct 2026) */
.bb-ico--qr .ia{fill:#EE2968}
.bb-ico--lg{width:72px;height:72px}
.bb-ico--xl{width:128px;height:128px}

/* the logo's trailing bytes */
.bb-px{display:inline-flex;align-items:center;gap:3px;flex:none}
.bb-px i{display:block;width:4px;height:4px;border-radius:1px;background:currentColor;opacity:.7}
.bb-px i:nth-child(2){width:6px;height:6px;opacity:.85}
.bb-px i:nth-child(3){width:8px;height:8px;border-radius:2px;opacity:1}

/* ---------- grounds ---------- */
.bb-hero{position:relative;isolation:isolate;overflow:hidden;background:var(--ink);color:var(--txt);
  padding:clamp(118px,12vw,172px) 0 clamp(64px,8vw,112px)}
.bb-hero .hero__bg{z-index:-1;overflow:hidden}
.bb-sheet{padding:clamp(72px,8vw,124px) 0}
.paper + .paper{border-radius:0;margin-top:0}
.bb-dark{position:relative;color:var(--txt);padding:clamp(80px,9vw,140px) 0;
  background:radial-gradient(ellipse 70% 60% at 88% 0%,rgba(121,97,171,.30),transparent 65%),
             radial-gradient(ellipse 50% 50% at 0% 100%,rgba(252,176,64,.10),transparent 70%),var(--ink)}
.paper + .bb-dark,.paper + .bb-cta{margin-top:calc(-1*var(--bb-r));padding-top:calc(var(--bb-r) + clamp(72px,8vw,124px))}
.bb-dark + .paper,.bb-hero + .paper{margin-top:-1px}

/* ---------- hero atoms ---------- */
.bb-hero__grid{display:grid;grid-template-columns:minmax(0,1.06fr) minmax(0,.94fr);gap:clamp(32px,5vw,84px);align-items:center}
.bb-crumbs{display:flex;flex-wrap:wrap;align-items:center;gap:6px 12px;margin-bottom:28px;font-family:var(--f-m);font-size:12px;letter-spacing:.06em;color:var(--txt3)}
.bb-crumbs a{color:var(--txt2);text-decoration:underline;text-decoration-color:rgba(252,176,64,.55);text-underline-offset:4px}
.bb-crumbs a:hover{color:var(--amber)}
.bb-crumbs > i{display:block;width:5px;height:5px;border-radius:1px;background:var(--amber)}
.bb-crumbs > span[aria-hidden]{color:var(--amber)}
.bb-h1{font-family:var(--f-d);font-weight:700;font-size:clamp(40px,5vw,80px);line-height:.98;letter-spacing:-.04em;font-variation-settings:"opsz" 96;margin-top:20px;max-width:15em;text-wrap:balance}
.bb-h1--xl{font-size:clamp(52px,7.4vw,120px);letter-spacing:-.05em}
.bb-h1 em,.bb-hero__sub em{font-family:var(--f-s);font-style:italic;font-weight:400;letter-spacing:-.01em;padding-right:.06em;
  background:linear-gradient(100deg,var(--gold),var(--amber) 40%,var(--orange));-webkit-background-clip:text;background-clip:text;color:transparent}
.bb-hero .lede{color:var(--txt2)}
.bb-hero .lede a{color:var(--gold);text-decoration:underline;text-underline-offset:3px}
.bb-hero__voice{margin-top:22px;font-family:var(--f-s);font-style:italic;font-size:clamp(24px,2.1vw,32px);line-height:1.15;color:var(--gold)}
.bb-hero .cta-row{margin-top:28px}

/* the scan-frame answer: four viewfinder corners, the landing page's camera */
.bb-ans{--c:var(--amber);--l:22px;--t:2px;position:relative;margin-top:30px;max-width:40em;padding:20px 26px 24px;border-radius:3px;
  background:
    linear-gradient(var(--c),var(--c)) left top/var(--l) var(--t) no-repeat,
    linear-gradient(var(--c),var(--c)) left top/var(--t) var(--l) no-repeat,
    linear-gradient(var(--c),var(--c)) right top/var(--l) var(--t) no-repeat,
    linear-gradient(var(--c),var(--c)) right top/var(--t) var(--l) no-repeat,
    linear-gradient(var(--c),var(--c)) left bottom/var(--l) var(--t) no-repeat,
    linear-gradient(var(--c),var(--c)) left bottom/var(--t) var(--l) no-repeat,
    linear-gradient(var(--c),var(--c)) right bottom/var(--l) var(--t) no-repeat,
    linear-gradient(var(--c),var(--c)) right bottom/var(--t) var(--l) no-repeat,
    rgba(255,255,255,.04)}
.bb-ans__k{display:flex;align-items:center;gap:10px;font-family:var(--f-m);font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--amber)}
.bb-ans__t{margin-top:12px;font-size:clamp(17px,1.25vw,19px);line-height:1.62;color:var(--txt);text-wrap:pretty}

/* a generated illustration, framed like a scan */
.bb-photo{position:relative;margin:0}
.bb-photo img{width:100%;height:auto;aspect-ratio:16/10;object-fit:cover;border-radius:20px;box-shadow:0 40px 80px -40px rgba(0,0,0,.8)}
.bb-photo__c{--c:var(--amber);--l:34px;--t:3px;position:absolute;inset:-12px -12px 26px;pointer-events:none;
  background:
    linear-gradient(var(--c),var(--c)) left top/var(--l) var(--t) no-repeat,linear-gradient(var(--c),var(--c)) left top/var(--t) var(--l) no-repeat,
    linear-gradient(var(--c),var(--c)) right top/var(--l) var(--t) no-repeat,linear-gradient(var(--c),var(--c)) right top/var(--t) var(--l) no-repeat,
    linear-gradient(var(--c),var(--c)) left bottom/var(--l) var(--t) no-repeat,linear-gradient(var(--c),var(--c)) left bottom/var(--t) var(--l) no-repeat,
    linear-gradient(var(--c),var(--c)) right bottom/var(--l) var(--t) no-repeat,linear-gradient(var(--c),var(--c)) right bottom/var(--t) var(--l) no-repeat}
.bb-photo figcaption{margin-top:14px;text-align:right;font-family:var(--f-m);font-size:12px;color:var(--txt3)}
.paper .bb-photo figcaption{color:var(--dtxt2)}
.bb-photo figcaption:empty{display:none}

/* ---------- chapter marks ---------- */
.bb-chap__n{display:flex;align-items:center;gap:10px;font-family:var(--f-m);font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--purple)}
.bb-chap__n b{font-weight:500}
.bb-chap__k{padding-left:12px;margin-left:2px;border-left:1px solid currentColor;opacity:.9}
.bb-dark .bb-chap__n,.bb-hero .bb-chap__n{color:var(--amber)}
.bb-h2{font-family:var(--f-d);font-weight:700;font-size:clamp(30px,3.2vw,50px);line-height:1.02;letter-spacing:-.035em;font-variation-settings:"opsz" 96;margin-top:14px;max-width:18em;text-wrap:balance}
.bb-h2 em{font-family:var(--f-s);font-style:italic;font-weight:400;letter-spacing:-.01em;color:var(--purple)}
.bb-dark .bb-h2 em,.bb-hero .bb-h2 em{color:var(--amber)}
.bb-h2--c{margin-left:auto;margin-right:auto;text-align:center}
.bb-center-head{display:flex;flex-direction:column;align-items:center;text-align:center;margin-bottom:clamp(36px,5vw,64px)}
.bb-lede{margin-top:18px;max-width:40em;font-size:clamp(16.5px,1.2vw,18.5px);line-height:1.6;color:var(--dtxt2);text-wrap:pretty}
.bb-dark .bb-lede{color:var(--txt2)}
.bb-lede a,.bb-after a,.bb-row__note a{color:var(--purple);text-decoration:underline;text-underline-offset:3px}
.bb-after{margin-top:26px;font-size:16px;line-height:1.6;color:var(--dtxt2);max-width:46em}
.bb-dark .bb-after,.bb-dark .bb-after a{color:var(--txt2)}
.bb-dark .bb-after a{color:var(--gold)}
.bb-split-head{display:grid;grid-template-columns:1.1fr 1fr;gap:40px;align-items:end;margin-bottom:clamp(36px,5vw,64px)}
.bb-split-head .bb-lede,.bb-split-head .sec-lede{margin-top:0}

/* ---------- reading ---------- */
.bb-prose{max-width:var(--bb-measure)}
.bb-prose p{margin-top:1.05em;font-size:17px;line-height:1.72;color:var(--dtxt2);text-wrap:pretty}
.bb-prose p:first-child{margin-top:0}
.bb-prose a{color:var(--purple);text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px}
.bb-prose a:hover{color:var(--dtxt)}
.bb-dark .bb-prose p{color:var(--txt2)}
.bb-dark .bb-prose a{color:var(--gold)}

/* the split chapter: a sticky head in the left gutter, the reading column on the right */
.bb-row{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(28px,5vw,88px);align-items:start;padding:clamp(48px,6vw,92px) 0;border-top:1px solid var(--dline)}
.bb-row:first-child{border-top:0;padding-top:0}
.bb-row__head{position:sticky;top:112px}
.bb-row__note{margin-top:18px;max-width:24em;font-size:15.5px;line-height:1.55;color:var(--dtxt2)}
.bb-row__body{min-width:0}
.bb-rowwide{padding-bottom:clamp(48px,6vw,92px)}
.bb-rowwide__head{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(28px,5vw,88px);align-items:end;margin-bottom:clamp(32px,4vw,56px)}
.bb-rowwide__head .bb-lede{margin-top:0}
.bb-rowwide + .bb-row{border-top:1px solid var(--dline)}

/* contents strip */
.bb-contents{margin:-8px 0 clamp(56px,7vw,96px)}
.bb-contents__k{display:flex;align-items:center;gap:10px;font-family:var(--f-m);font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--purple)}
.bb-contents ol{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0 24px;margin-top:16px;border-top:2px solid var(--dtxt)}
.bb-contents a{display:flex;gap:12px;align-items:baseline;padding:14px 0 15px;border-bottom:1px solid rgba(87,77,104,.28);font-size:15.5px;line-height:1.35;color:var(--dtxt);transition:color .25s}
.bb-contents a b{font-family:var(--f-m);font-weight:500;font-size:12px;color:var(--purple)}
.bb-contents a:hover{color:var(--purple)}

/* marginal note */
.bb-note{display:flex;gap:18px;align-items:flex-start;margin-top:32px;padding:20px 22px;border-radius:18px;background:var(--bb-tint);box-shadow:inset 0 0 0 1px rgba(255,145,77,.35)}
.bb-note .bb-ico{width:40px;height:40px}
.bb-note__k{font-family:var(--f-m);font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:#7A3E0C}
.bb-note p:not(.bb-note__k){margin-top:6px;font-size:15.5px;line-height:1.55;color:var(--dtxt)}

/* ---------- grids: columns come from the child count (aeo_render.grid_cls) ---------- */
.bb-g{display:grid;gap:16px}
.bb-g1{grid-template-columns:minmax(0,1fr)}
.bb-g2{grid-template-columns:repeat(2,minmax(0,1fr))}
.bb-g3{grid-template-columns:repeat(3,minmax(0,1fr))}
.bb-g4{grid-template-columns:repeat(4,minmax(0,1fr))}
.bb-gfeat > :first-child{grid-column:1/-1}

/* cards on paper */
.bb-card{position:relative;display:flex;flex-direction:column;gap:12px;padding:28px 28px 30px;border-radius:24px;background:var(--bb-card);box-shadow:inset 0 0 0 1px var(--bb-ring),var(--bb-shadow)}
.bb-card .bb-ico{margin-bottom:8px}
.bb-card__k{font-family:var(--f-m);font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--purple)}
.bb-card__t{font-family:var(--f-d);font-weight:700;font-size:clamp(21px,1.7vw,26px);line-height:1.12;letter-spacing:-.025em;color:var(--dtxt);text-wrap:balance}
.bb-card p{font-size:16px;line-height:1.6;color:var(--dtxt2)}
.bb-more{margin-top:auto;padding-top:10px;font-size:15px;font-weight:600;color:var(--purple);text-decoration:underline;text-decoration-color:rgba(121,97,171,.45);text-underline-offset:4px}
.bb-more:hover{color:var(--dtxt)}

/* owner benefits: the feature card carries the cash / e-wallet pixel chart */
.bb-bento > .bb-card:first-child{display:grid;grid-template-columns:auto minmax(0,1fr) minmax(0,1.1fr);grid-template-rows:auto auto 1fr;column-gap:24px;align-items:start;padding:32px}
.bb-bento > .bb-card:first-child .bb-ico{grid-row:1/span 3;width:64px;height:64px}
.bb-bento > .bb-card:first-child .bb-bars{grid-column:3;grid-row:1/span 3}
.bb-bars{display:flex;align-items:flex-end;gap:10px;height:190px;padding:18px 18px 44px;border-radius:18px;background:var(--ink);position:relative}
.bb-bars i{flex:1;display:flex;flex-direction:column-reverse;height:100%;gap:4px}
.bb-bars i::before,.bb-bars i::after{content:"";display:block;border-radius:3px}
.bb-bars i::before{height:calc(var(--c)*55%);background:repeating-linear-gradient(0deg,var(--amber) 0 10px,transparent 10px 13px)}
.bb-bars i::after{height:calc(var(--e)*55%);background:repeating-linear-gradient(0deg,var(--purple-l) 0 10px,transparent 10px 13px)}
.bb-bars__l{position:absolute;left:18px;right:18px;bottom:14px;display:flex;align-items:center;gap:8px;font-family:var(--f-m);font-size:12px;color:var(--txt2)}
.bb-bars__l b{width:10px;height:10px;border-radius:2px}.bb-bars__l b.c{background:var(--amber)}.bb-bars__l b.e{background:var(--purple-l);margin-left:10px}
.bb-bars__l em{margin-left:auto;font-style:normal;color:var(--txt3)}

/* what customers get: a receipt */
.bb-gets{padding:8px 28px;border-radius:24px;background:var(--bb-card);box-shadow:inset 0 0 0 1px var(--bb-ring),var(--bb-shadow);
  -webkit-mask:radial-gradient(circle 7px at 50% 0,#0000 98%,#000) top/22px 51% repeat-x,radial-gradient(circle 7px at 50% 100%,#0000 98%,#000) bottom/22px 51% repeat-x;
  mask:radial-gradient(circle 7px at 50% 0,#0000 98%,#000) top/22px 51% repeat-x,radial-gradient(circle 7px at 50% 100%,#0000 98%,#000) bottom/22px 51% repeat-x}
.bb-gets li{display:grid;grid-template-columns:48px minmax(0,1fr);gap:20px;align-items:start;padding:26px 0}
.bb-gets li + li{border-top:2px dashed rgba(87,77,104,.3)}
.bb-gets h3{font-family:var(--f-d);font-weight:700;font-size:clamp(19px,1.5vw,22px);line-height:1.2;letter-spacing:-.02em;color:var(--dtxt)}
.bb-gets p{margin-top:6px;font-size:16px;line-height:1.55;color:var(--dtxt2)}

/* ---------- the conversion strip (service hero) ---------- */
.bb-conv{position:relative;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-top:clamp(56px,6vw,88px);padding-top:30px;border-top:1px solid var(--line2)}
.bb-conv__s{position:relative}
.bb-conv__s:not(:last-child)::after{content:"";position:absolute;left:72px;right:-6px;top:24px;height:4px;
  background:repeating-linear-gradient(90deg,rgba(252,176,64,.75) 0 4px,transparent 4px 12px)}
.bb-conv__s .bb-ico{width:52px;height:52px}
.bb-conv__k{margin-top:22px;font-family:var(--f-m);font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--amber)}
.bb-conv__t{margin-top:8px;font-family:var(--f-d);font-weight:700;font-size:clamp(19px,1.6vw,24px);line-height:1.15;letter-spacing:-.02em;color:var(--txt)}
.bb-conv__d{margin-top:8px;max-width:22em;font-size:15.5px;line-height:1.55;color:var(--txt2)}

/* ---------- steps (dark band) ---------- */
.bb-band__head{display:grid;grid-template-columns:1.1fr 1fr;gap:40px;align-items:end;margin-bottom:clamp(36px,5vw,64px)}
.bb-band__head .sec-lede{margin-top:0}
.bb-steps{display:grid;gap:16px;counter-reset:s}
.bb-step{position:relative;display:flex;flex-direction:column;padding:28px 28px 32px;border-radius:26px;background:linear-gradient(180deg,rgba(255,255,255,.06),rgba(255,255,255,.02));box-shadow:inset 0 0 0 1px var(--line2)}
.bb-step .bb-ico{width:60px;height:60px}
.bb-step__n{position:absolute;right:26px;top:22px;font-family:var(--f-s);font-style:italic;font-size:56px;line-height:1;color:var(--amber);opacity:.9}
.bb-step__t{margin-top:26px;font-family:var(--f-d);font-weight:700;font-size:clamp(21px,1.8vw,27px);line-height:1.12;letter-spacing:-.025em}
.bb-step p{margin-top:10px;font-size:16px;line-height:1.6;color:var(--txt2)}
.bb-paydark__foot{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(0,1fr);gap:clamp(24px,4vw,64px);align-items:center;margin-top:clamp(32px,4vw,56px)}
.bb-vids{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.bb-vids .vcard__poster{aspect-ratio:4/3}
.bb-vids .vcard__poster img{object-position:50% 0%}
.bb-paydark__more p{font-size:17px;line-height:1.6;color:var(--txt2)}
.bb-paydark__more p + p{margin-top:16px}
.bb-paydark__more a{color:var(--txt);text-decoration:underline;text-decoration-color:var(--amber);text-underline-offset:4px}
.bb-paydark__more a:hover{color:var(--amber)}

/* ---------- comparison ---------- */
.bb-compare{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:clamp(28px,5vw,80px);align-items:center;margin-bottom:clamp(36px,5vw,64px)}
.bb-compare__fig{margin:0}
.bb-compare__fig img{width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;border-radius:22px;box-shadow:var(--bb-shadow)}
.bb-compare__fig figcaption{margin-top:10px;text-align:right;font-family:var(--f-m);font-size:12px;color:var(--dtxt2)}
.bb-tablewrap{width:100%}
.bb-table{width:100%;border-collapse:separate;border-spacing:0;font-size:16px;line-height:1.5}
.bb-table caption{caption-side:bottom;text-align:left;padding-top:14px;font-family:var(--f-m);font-size:12px;letter-spacing:.04em;color:var(--dtxt2)}
.bb-table thead th{padding:16px 22px;text-align:left;vertical-align:bottom;font-family:var(--f-d);font-weight:700;font-size:clamp(18px,1.5vw,22px);letter-spacing:-.02em;color:var(--dtxt);border-bottom:2px solid var(--dtxt)}
.bb-table tbody th{padding:20px 22px 20px 0;text-align:left;vertical-align:top;font-family:var(--f-m);font-weight:500;font-size:12.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--purple);border-bottom:1px solid rgba(87,77,104,.24);width:20%}
.bb-table td{padding:20px 22px;vertical-align:top;color:var(--dtxt2);border-bottom:1px solid rgba(87,77,104,.24)}
.bb-table .is-hi{background:var(--ink);color:var(--txt);border-bottom-color:rgba(244,238,250,.14)}
.bb-table thead th.is-hi{color:var(--amber);border-radius:20px 20px 0 0;border-bottom:2px solid var(--amber)}
.bb-table tbody tr:last-child .is-hi{border-radius:0 0 20px 20px;border-bottom:0}
.bb-table td.is-hi{color:var(--txt);font-weight:500}

/* key term */
.bb-key{display:grid;grid-template-columns:auto minmax(0,1fr);gap:clamp(22px,3vw,40px);align-items:start;padding:clamp(26px,3vw,40px);border-radius:28px;background:var(--ink);color:var(--txt);box-shadow:0 40px 80px -50px rgba(26,19,38,.8)}
.bb-key__art{padding:14px;border-radius:20px;background:rgba(255,255,255,.04);box-shadow:inset 0 0 0 1px var(--line2)}
.bb-key__k{font-family:var(--f-m);font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--amber)}
.bb-key__t{margin-top:8px;font-family:var(--f-d);font-weight:700;font-size:clamp(28px,2.6vw,40px);letter-spacing:-.03em;line-height:1}
.bb-key p:not(.bb-key__k){margin-top:14px;font-size:16.5px;line-height:1.65;color:var(--txt2)}
.bb-key .bb-src{font-size:14px;color:var(--txt3)}
.bb-key .bb-src a{color:var(--gold);text-decoration:underline;text-underline-offset:3px}

/* who: the mark and the one checkable number */
.bb-who{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,.7fr);gap:clamp(24px,4vw,56px);align-items:start}
.bb-who__mark{padding:26px;border-radius:26px;background:var(--bb-card);box-shadow:inset 0 0 0 1px var(--bb-ring),var(--bb-shadow)}
.bb-who__mark img{width:84px;height:auto}
.bb-num,.bb-card__num{display:flex;align-items:flex-start;font-family:var(--f-d);font-weight:800;line-height:.85;letter-spacing:-.06em;margin-top:18px;font-size:clamp(84px,8vw,128px);
  background:linear-gradient(160deg,var(--purple-d),var(--purple) 40%,var(--mauve) 65%,var(--amber));-webkit-background-clip:text;background-clip:text;color:transparent}
.bb-num sup,.bb-card__num sup{font-size:.42em;line-height:1;margin-top:.1em;letter-spacing:0}
.bb-num__l{margin-top:12px;font-family:var(--f-d);font-weight:600;font-size:17px;line-height:1.3;letter-spacing:-.01em;color:var(--dtxt)}

/* checklist */
.bb-check{display:grid;gap:12px;margin-top:22px}
.bb-check li{position:relative;padding:16px 18px 16px 58px;border-radius:16px;background:var(--bb-card);box-shadow:inset 0 0 0 1px var(--bb-ring);font-size:16.5px;line-height:1.55;color:var(--dtxt2)}
.bb-check li b{color:var(--dtxt)}
.bb-check li::before{content:"";position:absolute;left:18px;top:17px;width:22px;height:22px;border-radius:5px;box-shadow:inset 0 0 0 2px var(--purple)}
.bb-check li::after{content:"";position:absolute;left:24px;top:23px;width:10px;height:10px;border-radius:2px;background:var(--amber)}
.bb-lede--ink{color:var(--dtxt)}
.bb-row__body .cta-row{margin-top:26px}

/* own photos (render only once Byte Bunny's file is listed in aeo_render.OWN_PHOTOS) */
.bb-own{margin:28px 0 0}
.bb-own img{width:100%;height:auto;border-radius:20px}
.bb-own figcaption{margin-top:10px;font-size:14px;color:var(--dtxt2)}

/* landing components reused inside main: their micro-labels lifted to the 12px floor */
main .vcard__src{font-size:12px;letter-spacing:.06em}
main .vcard__dur{font-size:12px}
main .ccard small{font-size:12px}

/* ---------- related row ---------- */
.bb-rel{padding:0 0 clamp(80px,9vw,130px)}
.bb-sheet + .bb-rel,.bb-rel{padding-top:clamp(8px,2vw,24px)}
.bb-rel__h{padding-top:clamp(40px,5vw,64px);border-top:2px solid var(--dtxt);font-family:var(--f-d);font-weight:700;font-size:clamp(24px,2.2vw,32px);letter-spacing:-.03em}
.bb-rel__lede{margin-top:8px;color:var(--dtxt2)}
.bb-rel__list{margin-top:24px}
.bb-rel__a{display:flex;flex-direction:column;gap:10px;height:100%;min-height:150px;padding:22px 22px 20px;border-radius:22px;background:var(--bb-card);box-shadow:inset 0 0 0 1px var(--bb-ring);transition:transform .5s var(--ease),box-shadow .4s}
.bb-rel__a:hover{transform:translateY(-4px);box-shadow:inset 0 0 0 1px var(--purple),var(--bb-shadow)}
.bb-rel__k{font-family:var(--f-m);font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--purple)}
.bb-rel__t{font-family:var(--f-d);font-weight:650;font-size:19px;line-height:1.22;letter-spacing:-.015em;color:var(--dtxt)}
.bb-rel__go{margin-top:auto;align-self:flex-end;width:28px;height:28px}

/* ---------- closing contact band (the landing page's contact, compact) ---------- */
.bb-cta{position:relative;color:var(--txt);padding:clamp(80px,9vw,140px) 0 clamp(72px,8vw,110px);background:radial-gradient(ellipse 60% 50% at 50% 0%,rgba(252,176,64,.16),transparent 70%),var(--ink)}
.bb-cta__top{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:40px;align-items:end}
.bb-cta__h{font-size:clamp(40px,5.6vw,92px);max-width:11em}
.bb-cta__go .sec-lede{margin:0 0 24px}
.bb-cta__cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:clamp(40px,5vw,64px)}

/* ==========================================================================================
   PAGE TYPES
   ========================================================================================== */

/* ---- service ---- */
.bb-hero--photo .bb-hero__grid{align-items:start}
.bb-hero__photo{margin-top:clamp(40px,4vw,56px)}
.bb-hero__photo img{aspect-ratio:4/3}

/* ---- about ---- */
.bb-hero--mark .bb-hero__grid{grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr)}
.bb-mark{display:flex;flex-direction:column;align-items:center}
.bb-mark__plate{position:relative;width:min(100%,420px);aspect-ratio:1;border-radius:clamp(28px,3vw,44px);
  background:linear-gradient(160deg,rgba(207,199,230,.62),rgba(155,149,206,.38));box-shadow:inset 0 0 0 1px rgba(255,255,255,.18),0 60px 120px -50px rgba(0,0,0,.9);backdrop-filter:blur(8px)}
.bb-fp{position:absolute;width:23%;aspect-ratio:1;border-radius:22%;box-shadow:inset 0 0 0 clamp(8px,1vw,13px) rgba(61,45,92,.82)}
.bb-fp::after{content:"";position:absolute;inset:32%;border-radius:20%;background:rgba(61,45,92,.82)}
.bb-fp--tl{left:7%;top:7%}.bb-fp--tr{right:7%;top:7%}.bb-fp--bl{left:7%;bottom:7%}
.bb-mark__bunny{position:absolute;left:50%;top:52%;width:52%;height:auto;transform:translate(-50%,-50%);filter:drop-shadow(0 18px 30px rgba(17,11,28,.45))}
.bb-mark__bytes{position:absolute;right:9%;bottom:12%;display:flex;align-items:flex-end;gap:6px}
.bb-mark__bytes i{display:block;width:14px;height:14px;border-radius:3px;background:var(--amber)}
.bb-mark__bytes i:nth-child(2){width:11px;height:11px;background:var(--orange)}
.bb-mark__bytes i:nth-child(3){width:8px;height:8px;background:var(--mauve)}
.bb-mark__aim{margin-top:28px;font-family:var(--f-s);font-style:italic;font-size:clamp(24px,2.2vw,34px);line-height:1.1;color:var(--txt);text-align:center}
.bb-mark__aim em{color:var(--amber)}
.bb-why .bb-card{padding-top:30px}
.bb-why .bb-card .bb-ico{width:56px;height:56px}
.bb-card .bb-card__num{font-size:clamp(64px,6vw,96px);line-height:.85;margin:0;color:transparent}
.bb-vision .bb-h2{max-width:none}
.bb-vision__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(24px,4vw,64px);margin-top:clamp(36px,5vw,64px)}
.bb-vision__item{padding-top:24px;border-top:1px solid var(--line2)}
.bb-vision__k{display:flex;align-items:center;gap:10px;font-family:var(--f-m);font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--amber)}
.bb-vision__q{margin-top:18px;font-family:var(--f-s);font-style:italic;font-size:clamp(26px,2.6vw,42px);line-height:1.14;color:var(--txt);text-wrap:balance}
.bb-ind{display:flex;flex-wrap:wrap;gap:8px;margin:20px 0 4px}
.bb-ind li{display:inline-flex;align-items:center;gap:10px;height:40px;padding:0 16px;border-radius:999px;background:var(--bb-card);box-shadow:inset 0 0 0 1px var(--bb-ring);font-size:15px;font-weight:500;color:var(--dtxt)}
.bb-ind li.is-main{background:var(--ink);color:var(--txt);box-shadow:none}
.bb-ind li small{font-family:var(--f-m);font-size:12px;letter-spacing:.06em;color:var(--amber)}
.bb-mini-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.bb-mini-steps li{display:flex;flex-direction:column;gap:14px;padding:22px;border-radius:20px;background:var(--bb-card);box-shadow:inset 0 0 0 1px var(--bb-ring);font-size:16px;line-height:1.5;color:var(--dtxt2)}
.bb-mini-steps b{display:block;font-family:var(--f-d);font-weight:700;font-size:19px;letter-spacing:-.015em;color:var(--dtxt)}
.bb-addr{display:flex;gap:20px;align-items:flex-start;padding:26px;border-radius:24px;background:var(--bb-card);box-shadow:inset 0 0 0 1px var(--bb-ring),var(--bb-shadow)}
.bb-addr__k{font-family:var(--f-m);font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--purple)}
.bb-addr__t{margin-top:8px;font-family:var(--f-d);font-weight:600;font-size:clamp(19px,1.6vw,23px);line-height:1.3;letter-spacing:-.015em;color:var(--dtxt)}
.bb-addr__c{margin-top:12px;font-size:15.5px;color:var(--dtxt2)}
.bb-addr__c a{color:var(--purple);text-decoration:underline;text-underline-offset:3px}

/* ---- contact ---- */
.bb-hero__sub{margin-top:26px;font-family:var(--f-d);font-weight:700;font-size:clamp(26px,2.6vw,40px);letter-spacing:-.03em;line-height:1.05}
.bb-hero--cards .lede{margin-top:14px}
.bb-ccards{display:grid;gap:14px}
.bb-ccard{display:flex;gap:20px;align-items:flex-start;padding:24px 26px;border-radius:24px;background:linear-gradient(180deg,rgba(255,255,255,.07),rgba(255,255,255,.025));box-shadow:inset 0 0 0 1px var(--line2);transition:background .4s,transform .6s var(--ease)}
.bb-ccard:hover{background:rgba(255,255,255,.09);transform:translateY(-3px)}
.bb-ccard > span{display:flex;flex-direction:column;gap:6px;min-width:0}
.bb-ccard small{font-family:var(--f-m);font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--txt3)}
.bb-ccard b{font-family:var(--f-d);font-weight:650;font-size:clamp(21px,1.9vw,28px);letter-spacing:-.02em;line-height:1.15;overflow-wrap:anywhere}
.bb-ccard b.bb-ccard__addr{font-family:var(--f-b);font-weight:500;font-size:16px;line-height:1.5;color:var(--txt2)}
.bb-ccard .go{padding-top:4px}
.bb-mapsec{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(28px,5vw,80px);align-items:center}
.bb-mapsec__addr{margin-top:20px;font-style:normal;font-size:18px;line-height:1.6;color:var(--dtxt)}
.bb-map{position:relative;aspect-ratio:4/3;border-radius:28px;overflow:hidden;background:var(--ink);box-shadow:var(--bb-shadow)}
.bb-map__art{position:absolute;inset:0;background-image:linear-gradient(var(--line) 1px,transparent 1px),linear-gradient(90deg,var(--line) 1px,transparent 1px);background-size:40px 40px}
.bb-map__road{position:absolute;display:block;height:14px;border-radius:7px;background:rgba(155,149,206,.32)}
.bb-map__road.r1{left:-10%;right:-10%;top:58%;transform:rotate(-14deg)}
.bb-map__road.r2{left:30%;width:14px;height:auto;top:-10%;bottom:-10%;transform:rotate(18deg)}
.bb-map__road.r3{left:-10%;right:40%;top:28%;height:8px;background:rgba(252,176,64,.28);transform:rotate(6deg)}
.bb-map__pin{position:absolute;left:50%;top:44%;width:76px;height:76px;transform:translate(-50%,-50%);filter:drop-shadow(0 16px 24px rgba(0,0,0,.6))}
.bb-map__btn{position:absolute;left:50%;bottom:58px;transform:translateX(-50%);height:46px;padding:0 22px;border-radius:999px;background:var(--amber);color:#1B1208;font-size:15px;font-weight:600;white-space:nowrap;box-shadow:0 12px 30px -12px rgba(252,176,64,.8)}
.bb-map__btn:hover{background:var(--gold)}
.bb-map__note{position:absolute;left:0;right:0;bottom:22px;text-align:center;font-family:var(--f-m);font-size:12px;color:var(--txt2)}
.bb-map iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.bb-whosec{margin-top:clamp(72px,9vw,140px)}
.bb-who-cards .bb-card .bb-ico{width:56px;height:56px}
.bb-follow{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:16px 32px;align-items:center;margin-top:clamp(56px,7vw,100px);padding:26px 30px;border-radius:24px;background:var(--bb-card);box-shadow:inset 0 0 0 1px var(--bb-ring)}
.bb-follow__h{font-family:var(--f-d);font-weight:700;font-size:24px;letter-spacing:-.02em}
.bb-follow p{color:var(--dtxt2);font-size:15.5px}
.bb-follow__list{display:flex;gap:12px}
.bb-follow__list a{display:flex;align-items:center;gap:12px;height:64px;padding:0 20px 0 12px;border-radius:18px;background:var(--ink);color:var(--txt)}
.bb-follow__list .bb-ico{width:36px;height:36px;--ia:var(--purple-l)}
.bb-follow__list span{display:flex;flex-direction:column;line-height:1.2}
.bb-follow__list small{font-family:var(--f-m);font-size:12px;color:var(--txt3)}

/* ---- legal ---- */
.bb-legal__hero{max-width:980px}
.bb-hcard__art{display:flex;align-items:center;justify-content:center;gap:clamp(10px,2vw,22px);width:100%;height:100%;background:radial-gradient(ellipse 70% 80% at 70% 20%,rgba(121,97,171,.45),transparent 70%),var(--ink)}
.bb-hcard__art .bb-ico{width:clamp(48px,5vw,72px);height:clamp(48px,5vw,72px);--ia:var(--purple-l)}
.bb-hcard__art i{display:block;width:clamp(18px,2.4vw,40px);height:4px;background:repeating-linear-gradient(90deg,var(--amber) 0 4px,transparent 4px 10px)}
.bb-legal__hero .lede{max-width:40em}
.bb-status{display:flex;gap:16px;align-items:flex-start;max-width:46em;margin-top:28px;padding:18px 22px;border-radius:18px;background:rgba(252,176,64,.1);box-shadow:inset 0 0 0 1px rgba(252,176,64,.4);font-size:15.5px;line-height:1.55;color:var(--txt2)}
.bb-status b{color:var(--gold)}
.bb-status .bb-ico{width:36px;height:36px}
.bb-legal__grid{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,.75fr);gap:clamp(28px,5vw,88px);align-items:start}
.bb-h3x{display:flex;align-items:center;gap:16px;margin-top:2.2em;font-family:var(--f-d);font-weight:700;font-size:clamp(24px,2.2vw,32px);letter-spacing:-.03em;line-height:1.1;color:var(--dtxt)}
.bb-h3x:first-child{margin-top:0}
.bb-h3x .bb-ico{width:40px;height:40px}
.bb-legal .bb-prose p{margin-top:.9em}
.bb-tbc{padding:1px 6px;border-radius:5px;background:var(--bb-tint);color:#5A2A06;font-weight:500;box-decoration-break:clone;-webkit-box-decoration-break:clone}
.bb-legal__eff{padding-top:22px;border-top:1px solid rgba(87,77,104,.24)}
.bb-legal__aside{position:sticky;top:112px;padding:26px;border-radius:24px;background:var(--bb-card);box-shadow:inset 0 0 0 1px var(--bb-ring),var(--bb-shadow)}
.bb-legal__k{display:flex;align-items:center;gap:10px;margin-bottom:8px;font-family:var(--f-m);font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--purple)}
.bb-table--ledger{font-size:15px}
.bb-table--ledger thead{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.bb-table--ledger tbody th{width:38%;padding:14px 12px 14px 0;font-size:12px}
.bb-table--ledger td{padding:14px 0;color:var(--dtxt)}
.bb-table--ledger tbody tr:last-child th,.bb-table--ledger tbody tr:last-child td{border-bottom:0}
.bb-table--ledger caption{padding-top:10px}

/* ---- 404 ---- */
.bb-404{min-height:100vh;min-height:100svh;display:flex;align-items:center;text-align:center}
.bb-404__in{display:flex;flex-direction:column;align-items:center}
.bb-404 .bb-h1{max-width:none}
.bb-404 .lede{margin-left:auto;margin-right:auto}
.bb-404 .cta-row{justify-content:center}
.bb-glitch{width:min(300px,70vw);height:auto;margin-bottom:28px;--ia:var(--purple-l);--ib:var(--amber)}
.bb-glitch .ia{fill:var(--ia)}.bb-glitch .ib{fill:var(--ib)}
.bb-glitch__fly{animation:bbfly 3.2s var(--ease-io) infinite alternate}
.bb-glitch .f1{animation-delay:.4s}.bb-glitch .f2{animation-delay:.8s}.bb-glitch .f3{animation-delay:1.2s}.bb-glitch .f4{animation-delay:1.6s}
@keyframes bbfly{to{transform:translate(-6px,4px);opacity:.55}}
.bb-404__next{width:100%;max-width:980px;margin-top:clamp(48px,6vw,80px);text-align:left}
.bb-404__k{display:flex;align-items:center;gap:10px;margin-bottom:14px;font-family:var(--f-m);font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--amber)}
.bb-404__next a{display:flex;align-items:center;gap:14px;height:72px;padding:0 18px;border-radius:18px;background:rgba(255,255,255,.04);box-shadow:inset 0 0 0 1px var(--line2);font-weight:600;color:var(--txt);transition:background .3s}
.bb-404__next a:hover{background:rgba(255,255,255,.09)}
.bb-404__next .bb-ico{width:36px;height:36px}

/* ---- faq ---- */
.bb-hero--board .bb-hero__grid{align-items:start}
.bb-qboard{display:grid;gap:12px}
.bb-qboard__g{display:grid;grid-template-columns:44px minmax(0,1fr);column-gap:16px;padding:20px 22px;border-radius:22px;background:linear-gradient(180deg,rgba(255,255,255,.06),rgba(255,255,255,.02));box-shadow:inset 0 0 0 1px var(--line2)}
.bb-qboard__g .bb-ico{width:44px;height:44px;grid-row:1/span 2}
.bb-qboard__k{display:flex;align-items:center;gap:10px;font-family:var(--f-d);font-weight:700;font-size:20px;letter-spacing:-.02em}
.bb-qboard__k b{display:grid;place-items:center;min-width:28px;height:24px;padding:0 6px;border-radius:7px;background:var(--amber);color:#1B1208;font-family:var(--f-m);font-weight:500;font-size:12.5px;letter-spacing:0}
.bb-qboard ol{margin-top:8px;display:grid;gap:2px}
.bb-qboard ol a{display:block;padding:5px 0;font-size:14.5px;line-height:1.38;color:var(--txt2);transition:color .25s}
.bb-qboard ol a:hover{color:var(--amber)}
.bb-qgroup{scroll-margin-top:80px}
.bb-qgroup__head{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:clamp(20px,3vw,48px);align-items:center;margin-bottom:clamp(32px,4vw,56px)}
.bb-qgroup__letter{font-family:var(--f-d);font-weight:800;font-size:clamp(90px,10vw,170px);line-height:.8;letter-spacing:-.06em;color:transparent;-webkit-text-stroke:2px var(--purple)}
.bb-qgroup--dark .bb-qgroup__letter{-webkit-text-stroke-color:var(--amber)}
.bb-qgroup .bb-h2{max-width:none}
.bb-qgroup .bb-ico--lg{opacity:.95}
.bb-faq.faq{padding:0;max-width:980px;margin-left:auto}
.bb-faq summary{gap:22px;justify-content:flex-start}
.bb-faq summary::after{margin-left:auto}
.bb-qn{flex:none;width:34px;font-family:var(--f-m);font-weight:500;font-size:13px;letter-spacing:.04em;color:var(--purple)}
.bb-qq{flex:1;min-width:0}
.bb-faq__a{padding:0 0 4px 56px}
.bb-faq details p{max-width:44em;line-height:1.7}
.bb-faq details[id]{scroll-margin-top:96px}
.bb-qgroup--dark .faq__list{border-top-color:var(--line2)}
.bb-qgroup--dark .faq details{border-bottom-color:var(--line2)}
.bb-qgroup--dark .faq details p{color:var(--txt2)}
.bb-qgroup--dark .faq details a{color:var(--gold)}
.bb-qgroup--dark .bb-qn{color:var(--amber)}
.bb-qgroup--dark .faq summary::after{background-color:#EAE3D6}
.bb-qgroup--dark .faq details[open] summary::after{background-color:var(--amber)}
.bb-qphoto{margin:0 0 clamp(36px,4vw,56px)}
.bb-qphoto img{width:100%;height:auto;aspect-ratio:21/8;object-fit:cover;object-position:50% 40%;border-radius:24px}
.bb-qphoto figcaption{margin-top:10px;text-align:right;font-family:var(--f-m);font-size:12px;color:var(--txt3)}

/* ---- glossary ---- */
.bb-az{padding:clamp(22px,2.4vw,30px);border-radius:26px;background:linear-gradient(180deg,rgba(255,255,255,.06),rgba(255,255,255,.02));box-shadow:inset 0 0 0 1px var(--line2)}
.bb-az__k{display:flex;align-items:center;gap:10px;font-family:var(--f-m);font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--amber)}
.bb-az__grid{display:grid;grid-template-columns:repeat(13,minmax(0,1fr));gap:6px;margin-top:16px}
.bb-az__grid > *{display:grid;place-items:center;aspect-ratio:1;border-radius:7px;font-family:var(--f-d);font-weight:700;font-size:clamp(14px,1.2vw,18px)}
.bb-az__grid a{background:var(--amber);color:#1B1208;transition:transform .3s var(--spring)}
.bb-az__grid a:hover{transform:translateY(-3px)}
.bb-az__grid span{color:rgba(244,238,250,.32);box-shadow:inset 0 0 0 1px rgba(244,238,250,.12)}
.bb-az__terms{columns:2;column-gap:24px;margin-top:22px;padding-top:18px;border-top:1px solid var(--line2)}
.bb-az__terms li{break-inside:avoid}
.bb-az__terms a{display:block;padding:5px 0;font-size:15px;color:var(--txt2);transition:color .25s}
.bb-az__terms a:hover{color:var(--amber)}
.bb-dict{display:grid;grid-template-columns:150px minmax(0,1fr);gap:clamp(28px,5vw,80px);align-items:start}
.bb-dict__rail{position:sticky;top:112px}
.bb-dict__k{font-family:var(--f-m);font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--purple)}
.bb-dict__rail ol{margin-top:12px;border-top:2px solid var(--dtxt)}
.bb-dict__rail a{display:flex;align-items:baseline;justify-content:space-between;padding:7px 0;border-bottom:1px solid rgba(87,77,104,.24);color:var(--dtxt)}
.bb-dict__rail b{font-family:var(--f-d);font-weight:800;font-size:22px;letter-spacing:-.03em}
.bb-dict__rail span{font-family:var(--f-m);font-size:12px;color:var(--dtxt2)}
.bb-dict__rail a:hover b{color:var(--purple)}
.bb-letter{scroll-margin-top:96px}
.bb-letter + .bb-letter{margin-top:clamp(40px,5vw,72px)}
.bb-letter__h{display:flex;align-items:center;gap:20px;font-family:var(--f-d);font-weight:800;font-size:clamp(56px,6vw,96px);line-height:.85;letter-spacing:-.05em;color:var(--purple)}
.bb-letter__h::after{content:"";flex:1;height:2px;background:var(--dtxt);transform:translateY(-.1em)}
.bb-term{display:grid;grid-template-columns:minmax(0,.62fr) minmax(0,1.38fr);gap:clamp(18px,3vw,48px);padding:28px 0;border-bottom:1px solid rgba(87,77,104,.24);scroll-margin-top:96px}
.bb-term__h{display:flex;gap:16px;align-items:flex-start}
.bb-term__h .bb-ico{width:40px;height:40px}
.bb-term__h h3{font-family:var(--f-d);font-weight:700;font-size:clamp(22px,1.9vw,28px);line-height:1.1;letter-spacing:-.025em;color:var(--dtxt)}
.bb-term__h dfn{font-style:normal}
.bb-term__b > p{font-size:17px;line-height:1.7;color:var(--dtxt)}
.bb-term__at{margin-top:16px;padding:16px 20px;border-radius:16px;background:var(--bb-card);box-shadow:inset 3px 0 0 var(--amber),inset 0 0 0 1px var(--bb-ring)}
.bb-term__k{font-family:var(--f-m);font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--purple)}
.bb-term__at p:not(.bb-term__k){margin-top:6px;font-size:16px;line-height:1.6;color:var(--dtxt2)}
.bb-term__at a{color:var(--purple);text-decoration:underline;text-underline-offset:3px}
.bb-term .bb-more{display:inline-block;margin-top:14px}
.bb-dict__body > .bb-after{margin-top:48px}

/* ---- hub ---- */
.bb-hub__top{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(28px,5vw,80px);align-items:end}
.bb-hub__top .bb-ans{margin-top:0}
.bb-counts{display:flex;flex-wrap:wrap;margin-top:clamp(44px,5vw,72px);border-top:1px solid var(--line2)}
.bb-counts li{flex:1 1 160px;display:flex;align-items:baseline;gap:12px;padding:20px 20px 4px 0}
.bb-counts li + li{padding-left:20px;border-left:1px solid var(--line2)}
.bb-counts b{font-family:var(--f-d);font-weight:800;font-size:clamp(36px,3.4vw,52px);line-height:1;letter-spacing:-.04em;color:var(--amber)}
.bb-counts span{font-size:15px;line-height:1.3;color:var(--txt2)}
.bb-hub{display:grid;gap:18px;grid-template-columns:repeat(3,minmax(0,1fr))}
.bb-hub:has(> :nth-child(3n+1):last-child) > :first-child{grid-column:1/-1}
.bb-hub:has(> :nth-child(3n+2):last-child){grid-template-columns:repeat(2,minmax(0,1fr))}
.bb-hub:has(> :nth-child(3n+2):last-child):has(> :nth-child(2n+1):last-child) > :first-child{grid-column:1/-1}
.bb-hcard{min-width:0}
.bb-hcard__a{display:flex;flex-direction:column;height:100%;border-radius:26px;overflow:hidden;background:var(--bb-card);box-shadow:inset 0 0 0 1px var(--bb-ring),var(--bb-shadow);transition:transform .6s var(--ease),box-shadow .4s}
.bb-hcard__a:hover{transform:translateY(-5px);box-shadow:inset 0 0 0 1px var(--purple),0 30px 60px -34px rgba(26,19,38,.55)}
.bb-hcard__img{display:block;aspect-ratio:16/9;overflow:hidden;background:var(--ink3)}
.bb-hcard__img:empty{display:none}
.bb-hcard__img img{width:100%;height:100%;object-fit:cover;transition:transform 1.2s var(--ease)}
.bb-hcard__a:hover .bb-hcard__img img{transform:scale(1.04)}
.bb-hcard__meta{display:flex;align-items:center;gap:12px;margin:22px 24px 0;font-family:var(--f-m);font-size:12px;letter-spacing:.06em;color:var(--dtxt2)}
.bb-hcard__tag{padding:5px 10px;border-radius:999px;background:var(--ink);color:var(--gold);text-transform:uppercase;letter-spacing:.1em}
.bb-hcard__t{margin:14px 24px 0;font-family:var(--f-d);font-weight:700;font-size:clamp(20px,1.7vw,25px);line-height:1.15;letter-spacing:-.025em;color:var(--dtxt);text-wrap:balance}
.bb-hcard__d{margin:10px 24px 0;font-size:16px;line-height:1.55;color:var(--dtxt2)}
.bb-hcard__go{margin:auto 24px 0;padding:18px 0 24px;font-size:15px;font-weight:600;color:var(--purple)}
.bb-hcard__go::after{content:" \2192"}
/* the feature card (whichever card spans the row) lies on its side */
.bb-hub:has(> :nth-child(3n+1):last-child) > .bb-hcard:first-child .bb-hcard__a,
.bb-hub:has(> :nth-child(3n+2):last-child):has(> :nth-child(2n+1):last-child) > .bb-hcard:first-child .bb-hcard__a{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);grid-template-rows:auto auto auto 1fr;column-gap:8px}
.bb-hub:has(> :nth-child(3n+1):last-child) > .bb-hcard:first-child .bb-hcard__img,
.bb-hub:has(> :nth-child(3n+2):last-child):has(> :nth-child(2n+1):last-child) > .bb-hcard:first-child .bb-hcard__img{grid-row:1/-1;aspect-ratio:auto;min-height:340px}
.bb-hub:has(> :nth-child(3n+1):last-child) > .bb-hcard:first-child .bb-hcard__meta,
.bb-hub:has(> :nth-child(3n+2):last-child):has(> :nth-child(2n+1):last-child) > .bb-hcard:first-child .bb-hcard__meta{margin-top:36px}
.bb-hub:has(> :nth-child(3n+1):last-child) > .bb-hcard:first-child .bb-hcard__t,
.bb-hub:has(> :nth-child(3n+2):last-child):has(> :nth-child(2n+1):last-child) > .bb-hcard:first-child .bb-hcard__t{font-size:clamp(26px,2.6vw,40px);margin-right:36px}
.bb-topics > li{display:grid;grid-template-columns:56px minmax(0,.9fr) minmax(0,1.1fr);gap:24px;align-items:start;padding:26px 0;border-top:1px solid rgba(87,77,104,.24)}
.bb-topics > li:last-child{border-bottom:1px solid rgba(87,77,104,.24)}
.bb-topics .bb-ico{width:56px;height:56px}
.bb-topic__h h3{font-family:var(--f-d);font-weight:700;font-size:clamp(22px,2vw,28px);letter-spacing:-.025em;line-height:1.1;color:var(--dtxt)}
.bb-topic__h p{margin-top:6px;font-size:15.5px;line-height:1.5;color:var(--dtxt2)}
.bb-topics ul{display:flex;flex-direction:column;gap:8px}
.bb-topics ul a{display:flex;align-items:center;gap:10px;font-size:17px;font-weight:500;color:var(--dtxt);text-decoration:underline;text-decoration-color:rgba(121,97,171,.45);text-underline-offset:4px}
.bb-topics ul a::before{content:"";flex:none;width:8px;height:8px;border-radius:2px;background:var(--amber)}
.bb-topics ul a:hover{color:var(--purple)}
.bb-vgrid{margin-top:0}

/* ---- article (the shell aeo-article-writer publishes through) ---- */
.bb-arthero{overflow:visible;z-index:3;padding-bottom:0;display:flow-root}
.bb-arthero__fig figcaption{color:var(--dtxt2)}
.bb-arthero__in{max-width:1080px}
.bb-arthero .bb-h1{max-width:18em;font-size:clamp(36px,4.4vw,68px)}
.bb-arthero__dek{max-width:42em;margin-top:22px}
.bb-artmeta{display:flex;flex-wrap:wrap;gap:6px 14px;margin-top:22px;font-family:var(--f-m);font-size:12.5px;letter-spacing:.04em;color:var(--txt3)}
.bb-artmeta a{color:var(--txt2);text-decoration:underline;text-decoration-color:rgba(252,176,64,.5);text-underline-offset:3px}
.bb-arthero__fig{max-width:1120px;margin:clamp(40px,5vw,64px) auto calc(-1*clamp(90px,10vw,170px));position:relative;z-index:3}
.bb-arthero__fig img{aspect-ratio:16/8}
.bb-artsheet{padding-top:calc(clamp(90px,10vw,170px) + clamp(48px,5vw,72px))}
.bb-artgrid{display:grid;grid-template-columns:200px minmax(0,1fr) 240px;gap:40px;align-items:start}
.bb-artrail{position:sticky;top:112px}
.bb-artrail:not(:has(li)){visibility:hidden}
.bb-artrail__k{font-family:var(--f-m);font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--purple)}
.bb-artrail__toc{margin-top:12px;border-top:2px solid var(--dtxt)}
.bb-artrail__toc a b{display:block;margin-bottom:2px;font-family:var(--f-m);font-weight:500;font-size:12px;color:var(--purple)}
.bb-artrail__toc a{display:block;padding:9px 0;border-bottom:1px solid rgba(87,77,104,.24);font-size:14px;line-height:1.35;color:var(--dtxt2)}
.bb-artrail__toc a:hover,.bb-artrail__toc a.is-on{color:var(--dtxt)}
.bb-artbody{max-width:68ch;margin:0 auto;width:100%;font-size:18px;line-height:1.75;color:var(--dtxt2)}
.bb-artbody > *:first-child{margin-top:0}
.bb-artbody p,.bb-artbody ul,.bb-artbody ol,.bb-artbody table,.bb-artbody figure,.bb-artbody blockquote{margin-top:1.1em}
.bb-artbody h2{margin-top:2.1em;font-family:var(--f-d);font-weight:700;font-size:clamp(26px,2.3vw,36px);line-height:1.1;letter-spacing:-.03em;color:var(--dtxt);text-wrap:balance;scroll-margin-top:96px}
.bb-artbody h3{margin-top:1.7em;font-family:var(--f-d);font-weight:700;font-size:clamp(20px,1.6vw,24px);line-height:1.2;letter-spacing:-.02em;color:var(--dtxt)}
.bb-artbody strong,.bb-artbody b{color:var(--dtxt);font-weight:600}
.bb-artbody a{color:var(--purple);text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px}
.bb-artbody a:hover{color:var(--dtxt)}
.bb-artbody ul > li,.bb-artbody ol > li{position:relative;padding-left:30px;margin-top:.5em}
.bb-artbody ul > li::before{content:"";position:absolute;left:4px;top:.68em;width:9px;height:9px;border-radius:2px;background:var(--amber)}
.bb-artbody ol{counter-reset:o}
.bb-artbody ol > li{counter-increment:o}
.bb-artbody ol > li::before{content:counter(o,decimal-leading-zero);position:absolute;left:0;top:.2em;font-family:var(--f-m);font-size:13px;font-weight:500;color:var(--purple)}
.bb-artbody img{max-width:100%;height:auto;border-radius:18px}
.bb-artbody figcaption{margin-top:8px;font-size:14px;color:var(--dtxt2)}
.bb-artbody hr{border:0;height:2px;background:var(--dtxt);margin:2em 0}
/* short-answer panel: the writer's .answer, or the p[data-answer] render_article injects */
.bb-artbody .answer,.bb-artbody [data-answer]{--c:var(--purple);--l:22px;--t:2px;padding:22px 26px 24px;border-radius:3px;font-size:19px;line-height:1.62;color:var(--dtxt);
  background:
    linear-gradient(var(--c),var(--c)) left top/var(--l) var(--t) no-repeat,linear-gradient(var(--c),var(--c)) left top/var(--t) var(--l) no-repeat,
    linear-gradient(var(--c),var(--c)) right top/var(--l) var(--t) no-repeat,linear-gradient(var(--c),var(--c)) right top/var(--t) var(--l) no-repeat,
    linear-gradient(var(--c),var(--c)) left bottom/var(--l) var(--t) no-repeat,linear-gradient(var(--c),var(--c)) left bottom/var(--t) var(--l) no-repeat,
    linear-gradient(var(--c),var(--c)) right bottom/var(--l) var(--t) no-repeat,linear-gradient(var(--c),var(--c)) right bottom/var(--t) var(--l) no-repeat,
    var(--bb-card)}
.bb-artbody [data-answer] .answer,.bb-artbody .answer [data-answer]{padding:0;background:none}
.bb-artbody > [data-answer] + .answer{display:none}
/* key takeaways: a dark card, label, every bullet visible */
.bb-artbody .key-box{margin-top:1.6em;padding:26px 30px 28px;border-radius:24px;background:var(--ink);color:var(--txt);box-shadow:0 30px 60px -40px rgba(26,19,38,.8)}
.bb-artbody .key-box > h2,.bb-artbody .key-box > h3,.bb-artbody .key-box > h4,.bb-artbody .key-box > p:first-child,.bb-artbody .key-box > strong:first-child{display:flex;align-items:center;gap:10px;margin:0;font-family:var(--f-m);font-weight:500;font-size:12.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--amber)}
.bb-artbody .key-box ul,.bb-artbody .key-box ol{margin-top:14px}
.bb-artbody .key-box li{color:var(--txt);font-size:17px;line-height:1.6}
.bb-artbody .key-box li::before{background:var(--amber)}
.bb-artbody .key-box p:not(:first-child){color:var(--txt2)}
.bb-artbody .key-box a{color:var(--gold)}
/* tables: their own scroll box, styled header row */
.bb-artbody .bb-tablewrap{margin-top:1.4em;overflow-x:auto;border-radius:18px;box-shadow:inset 0 0 0 1px var(--bb-ring);background:var(--bb-card)}
.bb-artbody table{width:100%;border-collapse:collapse;font-size:16px;line-height:1.5;margin:0}
.bb-artbody table:not(.bb-tablewrap table){display:block;overflow-x:auto}
.bb-artbody th{padding:14px 16px;text-align:left;vertical-align:bottom;background:var(--ink);color:var(--txt);font-family:var(--f-d);font-weight:650;font-size:16px}
.bb-artbody tbody th{background:transparent;color:var(--dtxt);vertical-align:top;border-top:1px solid rgba(87,77,104,.2)}
.bb-artbody td{padding:14px 16px;vertical-align:top;color:var(--dtxt2);border-top:1px solid rgba(87,77,104,.2)}
.bb-artbody tbody tr:nth-child(even) td,.bb-artbody tbody tr:nth-child(even) th{background:rgba(255,243,226,.6)}
.bb-artbody code{font-family:var(--f-m);font-size:.88em;padding:1px 6px;border-radius:5px;background:rgba(121,97,171,.12);color:var(--dtxt)}
.bb-artbody blockquote{position:relative;margin-left:0;padding:22px 26px 22px 30px;border-radius:20px;background:var(--bb-card);box-shadow:inset 3px 0 0 var(--purple),inset 0 0 0 1px var(--bb-ring)}
.bb-artbody blockquote p{font-family:var(--f-s);font-style:italic;font-size:clamp(22px,1.9vw,27px);line-height:1.3;color:var(--dtxt)}
.bb-artbody blockquote cite,.bb-artbody blockquote footer{display:block;margin-top:10px;font-family:var(--f-m);font-style:normal;font-size:13px;color:var(--dtxt2)}
.bb-artbody .callout,.bb-artbody .example{margin-top:1.4em;padding:20px 24px;border-radius:18px;background:var(--bb-tint);box-shadow:inset 0 0 0 1px rgba(255,145,77,.35);color:var(--dtxt)}
.bb-artbody .checklist li::before{border-radius:3px;box-shadow:inset 0 0 0 2px var(--purple);background:transparent;width:14px;height:14px;top:.55em}
.bb-artbody ol.checklist > li::before{content:"";left:4px}
.bb-artbody .callout > :first-child,.bb-artbody .example > :first-child,.bb-artbody blockquote > :first-child{margin-top:0}
/* FAQ as question cards (inner.js groups each h3 + its answer; .faq-item / details work without it) */
.bb-artbody .bb-qa,.bb-artbody .faq-item,.bb-artbody details{margin-top:12px;padding:20px 24px;border-radius:20px;background:var(--bb-card);box-shadow:inset 0 0 0 1px var(--bb-ring)}
.bb-artbody .bb-qa h3,.bb-artbody .faq-item h3{margin-top:0;font-size:19px}
.bb-artbody .bb-qa p,.bb-artbody .faq-item p{margin-top:8px;font-size:17px}
.bb-artbody details summary{cursor:pointer;font-family:var(--f-d);font-weight:700;font-size:19px;color:var(--dtxt)}
/* sources: a tidy numbered list */
.bb-artbody .bb-sources{padding:20px 24px 22px;border-radius:18px;background:rgba(121,97,171,.07)}
.bb-artbody .bb-sources li{font-size:15px;line-height:1.55;margin-top:.45em}
.bb-artside{position:sticky;top:112px}
.bb-artside__card{padding:22px;border-radius:22px;background:var(--ink);color:var(--txt)}
.bb-artside__card img{width:56px;height:auto}
.bb-artside__card p{margin-top:12px;font-size:15px;line-height:1.5;color:var(--txt2)}
.bb-artside__card b{display:block;margin-top:12px;font-family:var(--f-d);font-weight:700;font-size:19px;line-height:1.2;color:var(--txt)}
.bb-artside__card .btn{margin-top:16px;width:100%;height:46px;padding:0 14px;font-size:14.5px}
.bb-artrel:not(:has(.related-card)){display:none}
.bb-relcards{display:grid;gap:16px;margin-top:24px;grid-template-columns:repeat(2,minmax(0,1fr))}
.bb-relcards:has(> :nth-child(3):last-child){grid-template-columns:repeat(3,minmax(0,1fr))}
.bb-relcards:has(> :only-child){grid-template-columns:minmax(0,1fr)}
.related-card{display:flex;flex-direction:column;gap:10px;min-height:140px;padding:22px;border-radius:22px;background:var(--bb-card);box-shadow:inset 0 0 0 1px var(--bb-ring);transition:transform .5s var(--ease),box-shadow .4s}
.related-card:hover{transform:translateY(-4px);box-shadow:inset 0 0 0 1px var(--purple),var(--bb-shadow)}
.rc-cat{font-family:var(--f-m);font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--purple)}
.rc-title{font-family:var(--f-d);font-weight:650;font-size:19px;line-height:1.22;letter-spacing:-.015em;color:var(--dtxt)}

/* ==========================================================================================
   RESPONSIVE (the landing page's breakpoints: 1100 / 1000 / 900 / 820 / 600)
   ========================================================================================== */
@media (max-width:1240px){
  .bb-artgrid{grid-template-columns:200px minmax(0,1fr)}
  .bb-artside{position:static;grid-column:2;max-width:68ch;margin:0 auto;width:100%}
}
@media (max-width:1100px){
  .bb-g4{grid-template-columns:repeat(2,minmax(0,1fr))}
  .bb-bento > .bb-card:first-child{grid-template-columns:auto minmax(0,1fr)}
  .bb-bento > .bb-card:first-child .bb-bars{grid-column:1/-1;grid-row:auto;margin-top:18px}
  .bb-paydark__foot{grid-template-columns:minmax(0,1fr)}
  .bb-hub,.bb-hub:has(> :nth-child(3n+2):last-child){grid-template-columns:repeat(2,minmax(0,1fr))}
  .bb-hub:has(> :nth-child(3n+1):last-child) > :first-child{grid-column:auto}
  .bb-hub:has(> :nth-child(2n+1):last-child) > :first-child,
  .bb-hub:has(> :nth-child(3n+2):last-child):has(> :nth-child(2n+1):last-child) > :first-child{grid-column:1/-1}
  .bb-hub:has(> :nth-child(3n+1):last-child) > .bb-hcard:first-child .bb-hcard__a{display:flex}
  .bb-hub:has(> :nth-child(3n+1):last-child) > .bb-hcard:first-child .bb-hcard__img{aspect-ratio:16/9;min-height:0}
  .bb-hub:has(> :nth-child(3n+1):last-child) > .bb-hcard:first-child .bb-hcard__t{font-size:clamp(20px,1.7vw,25px);margin-right:24px}
  .bb-hub:has(> :nth-child(3n+1):last-child) > .bb-hcard:first-child .bb-hcard__meta{margin-top:22px}
  .bb-hub:has(> :nth-child(3n+1):last-child):has(> :nth-child(2n+1):last-child) > .bb-hcard:first-child .bb-hcard__a{display:grid}
  .bb-hub:has(> :nth-child(3n+1):last-child):has(> :nth-child(2n+1):last-child) > .bb-hcard:first-child .bb-hcard__img{aspect-ratio:auto;min-height:300px}
  .bb-cta__cards{grid-template-columns:repeat(2,minmax(0,1fr))}
  .bb-cta__cards .ccard--addr{grid-column:1/-1}
  .bb-artgrid{grid-template-columns:minmax(0,1fr)}
  .bb-artrail{display:none}
  .bb-artside{grid-column:auto}
}
@media (max-width:900px){
  main .vcard__src{font-size:12px;letter-spacing:.04em}
  main .vcard__dur{font-size:12px}
  .bb-hero__grid,.bb-hero--mark .bb-hero__grid,.bb-row,.bb-rowwide__head,.bb-band__head,.bb-split-head,.bb-compare,.bb-who,
  .bb-mapsec,.bb-legal__grid,.bb-hub__top,.bb-dict,.bb-cta__top{grid-template-columns:minmax(0,1fr)}
  .bb-row__head,.bb-legal__aside,.bb-dict__rail{position:static}
  .bb-row{gap:20px}
  .bb-row__note{max-width:none}
  .bb-band__head,.bb-split-head{gap:18px}
  .bb-contents ol{grid-template-columns:repeat(2,minmax(0,1fr))}
  .bb-conv{grid-template-columns:minmax(0,1fr);gap:28px;padding-left:0}
  .bb-conv__s:not(:last-child)::after{left:24px;right:auto;top:68px;bottom:-22px;width:4px;height:auto;background:repeating-linear-gradient(180deg,rgba(252,176,64,.75) 0 4px,transparent 4px 12px)}
  .bb-conv__s{display:grid;grid-template-columns:52px minmax(0,1fr);column-gap:20px}
  .bb-conv__s .bb-ico{grid-row:1/span 3}
  .bb-conv__k{margin-top:4px}
  .bb-mini-steps{grid-template-columns:minmax(0,1fr)}
  .bb-mini-steps li{flex-direction:row;align-items:center}
  .bb-qgroup__head{grid-template-columns:auto minmax(0,1fr)}
  .bb-qgroup__head .bb-ico--lg{display:none}
  .bb-faq.faq{margin-left:0}
  .bb-dict__rail{display:none}
  .bb-term{grid-template-columns:minmax(0,1fr);gap:12px}
  .bb-follow{grid-template-columns:minmax(0,1fr)}
  .bb-hero__photo{margin-top:0}
  .bb-mark__plate{width:min(76vw,340px)}
  .bb-legal__aside{margin-top:12px}
}
@media (max-width:700px){
  .bb-g2,.bb-g4,.bb-hub,.bb-hub:has(> :nth-child(3n+2):last-child),.bb-relcards,.bb-relcards:has(> :nth-child(3):last-child),.bb-vids,.bb-cta__cards{grid-template-columns:minmax(0,1fr)}
  .bb-hub > :first-child,.bb-hub:has(> :nth-child(2n+1):last-child) > :first-child{grid-column:auto}
  .bb-hub .bb-hcard:first-child .bb-hcard__a,
  .bb-hub:has(> :nth-child(3n+1):last-child):has(> :nth-child(2n+1):last-child) > .bb-hcard:first-child .bb-hcard__a,
  .bb-hub:has(> :nth-child(3n+2):last-child):has(> :nth-child(2n+1):last-child) > .bb-hcard:first-child .bb-hcard__a{display:flex}
  .bb-hub .bb-hcard:first-child .bb-hcard__img,
  .bb-hub:has(> :nth-child(3n+1):last-child):has(> :nth-child(2n+1):last-child) > .bb-hcard:first-child .bb-hcard__img,
  .bb-hub:has(> :nth-child(3n+2):last-child):has(> :nth-child(2n+1):last-child) > .bb-hcard:first-child .bb-hcard__img{aspect-ratio:16/9;min-height:0}
  .bb-hub .bb-hcard:first-child .bb-hcard__t,
  .bb-hub:has(> :nth-child(3n+2):last-child):has(> :nth-child(2n+1):last-child) > .bb-hcard:first-child .bb-hcard__t{font-size:22px;margin-right:24px}
  .bb-hub .bb-hcard:first-child .bb-hcard__meta,
  .bb-hub:has(> :nth-child(3n+2):last-child):has(> :nth-child(2n+1):last-child) > .bb-hcard:first-child .bb-hcard__meta{margin-top:22px}
  .bb-cta__cards .ccard--addr{grid-column:auto}
  .bb-bento > .bb-card:first-child{display:flex;align-items:stretch}
  .bb-table:not(.bb-table--ledger) caption{display:block;padding:0 0 4px}
  .bb-bento > .bb-card:first-child .bb-ico{width:48px;height:48px}
  .bb-table:not(.bb-table--ledger) thead{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
  .bb-table:not(.bb-table--ledger),.bb-table:not(.bb-table--ledger) tbody,.bb-table:not(.bb-table--ledger) tr{display:block;width:100%}
  .bb-table:not(.bb-table--ledger) tr{margin-top:14px;padding:6px 18px 8px;border-radius:20px;background:var(--bb-card);box-shadow:inset 0 0 0 1px var(--bb-ring)}
  .bb-table:not(.bb-table--ledger) tbody th{display:block;width:auto;padding:14px 0 6px;border:0}
  .bb-table:not(.bb-table--ledger) td{display:grid;grid-template-columns:96px minmax(0,1fr);gap:12px;padding:10px 0;border:0;border-top:1px solid rgba(87,77,104,.18);background:none;color:var(--dtxt2)}
  .bb-table:not(.bb-table--ledger) td::before{content:attr(data-label);font-family:var(--f-m);font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:var(--purple);padding-top:2px}
  .bb-table:not(.bb-table--ledger) td.is-hi{margin:4px -10px 0;padding:12px 10px;border-radius:12px;border:0;background:var(--ink);color:var(--txt)}
  .bb-table:not(.bb-table--ledger) td.is-hi::before{color:var(--amber)}
  .bb-table:not(.bb-table--ledger) tbody tr:last-child .is-hi{border-radius:12px}
  .bb-key{grid-template-columns:minmax(0,1fr)}
  .bb-key__art{justify-self:start}
  .bb-ico--xl{width:96px;height:96px}
  .bb-qgroup__letter{font-size:72px}
  .bb-faq__a{padding-left:0}
  .bb-qn{width:28px}
  .bb-topics > li{grid-template-columns:44px minmax(0,1fr);gap:14px 18px}
  .bb-topics > li > ul{grid-column:2}
  .bb-topics .bb-ico{width:44px;height:44px}
  .bb-az__grid{gap:4px}
  .bb-az__terms{columns:1}
  .bb-counts li{flex-basis:45%}
  .bb-counts li + li{padding-left:0;border-left:0}
  .bb-404__next .bb-g4{grid-template-columns:repeat(2,minmax(0,1fr))}
  .bb-404__next a{height:64px;padding:0 12px;gap:10px;font-size:15px}
  .bb-arthero__fig img{aspect-ratio:4/3}
  .bb-artbody{font-size:17px}
  .bb-artbody .key-box{padding:22px 20px 24px}
  .bb-follow__list{flex-direction:column}
}
@media (max-width:600px){
  .bb-hero{padding-top:108px}
  .bb-ans{padding:18px 18px 20px}
  .bb-card{padding:24px 22px 26px}
  .bb-gets{padding:4px 20px}
  .bb-step__n{font-size:44px}
  .bb-map{aspect-ratio:1}
  .bb-photo__c{inset:-8px -8px 26px;--l:24px}
  .bb-contents a{font-size:14.5px}
}
@media (prefers-reduced-motion:reduce){
  .bb-glitch__fly{animation:none}
}

/* ==========================================================================================
   DESIGN REVIEW ROUND 1 (review-pack/round-1.json)
   ========================================================================================== */
main .btn svg{flex-shrink:0}
/* R1-02 the hero photo fills the copy column's height */
@media (min-width:901px){
  .bb-hero--photo .bb-hero__photo{align-self:stretch;display:flex;flex-direction:column}
  .bb-hero--photo .bb-hero__photo img{flex:1;min-height:340px;aspect-ratio:auto}
}
/* R1-15 amber keeps four jobs on night */
.bb-hero__voice{color:var(--txt)}
.bb-conv__k{color:var(--txt3)}
/* R1-03 / R1-04 play buttons clear the films' burned-in captions; hub posters cropped from the top */
.bb-vids .vcard__play,.bb-vgrid .vcard__play{left:14px;top:auto;bottom:14px;margin:0;width:52px;height:52px;box-shadow:0 0 0 6px rgba(252,176,64,.24),0 14px 30px -10px rgba(0,0,0,.65)}
.bb-vids .vcard__play::after,.bb-vgrid .vcard__play::after{left:21px;top:17px;border-left-width:13px;border-top-width:9px;border-bottom-width:9px}
@media (min-width:901px){
  .bb-vgrid .vcard__poster{aspect-ratio:16/10}
}
.bb-vgrid .vcard__poster img{object-position:50% 0%}
/* R1-16 one chapter device: the same hairline and padding where two sheets meet */
.bb-row{border-top-color:rgba(87,77,104,.24)}
.bb-sheet:has(+ .bb-sheet){padding-bottom:0}
.bb-sheet + .bb-sheet{padding-top:0}
.bb-sheet + .bb-sheet > .wrap::before{content:"";display:block;height:1px;background:rgba(87,77,104,.24);margin-bottom:clamp(48px,6vw,92px)}
.bb-sheet + .bb-sheet > .wrap > .bb-row:first-child{padding-top:0}
.bb-sheet:has(+ .bb-sheet) > .wrap > :last-child{padding-bottom:clamp(48px,6vw,92px)}
/* R1-05 hub counts: jump links in ink, not a scoreboard */
.bb-counts a{display:flex;align-items:baseline;gap:12px;color:inherit}
.bb-counts a:hover span{color:var(--amber)}
.bb-counts b{color:var(--txt)}
.bb-topic{scroll-margin-top:96px}
/* R1-06 about: the feature card carries the number */
.bb-why2{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:16px}
.bb-why2__feat{grid-column:1;grid-row:1/span 3;display:flex;flex-direction:column;padding:34px;border-radius:28px;background:var(--bb-card);box-shadow:inset 0 0 0 1px var(--bb-ring),var(--bb-shadow)}
.bb-why2__feat .bb-ico{width:56px;height:56px}
.bb-why2__feat .bb-card__t{margin-top:22px}
.bb-why2__num{display:flex;align-items:flex-start;margin-top:auto;padding-top:24px;font-family:var(--f-d);font-weight:800;font-size:clamp(120px,13vw,210px);line-height:.82;letter-spacing:-.07em;
  background:linear-gradient(160deg,var(--purple-d),var(--purple) 40%,var(--mauve) 65%,var(--amber));-webkit-background-clip:text;background-clip:text;color:transparent}
.bb-why2__num sup{font-size:.42em;line-height:1;margin-top:.1em;letter-spacing:0}
.bb-why2__feat p:last-child{margin-top:18px;max-width:24em;font-size:17px;line-height:1.55;color:var(--dtxt2)}
.bb-why2__row{grid-column:2;display:grid;grid-template-columns:56px minmax(0,1fr);gap:22px;align-items:start;padding:26px 28px;border-radius:24px;background:var(--bb-card);box-shadow:inset 0 0 0 1px var(--bb-ring)}
.bb-why2__row .bb-ico{width:56px;height:56px}
.bb-why2__row p{margin-top:8px;font-size:16.5px;line-height:1.55;color:var(--dtxt2)}
/* R1-07 contact: a ruled routing grid */
.bb-route{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:clamp(24px,4vw,56px);border-top:2px solid var(--dtxt)}
.bb-route li{border-bottom:1px solid rgba(87,77,104,.28)}
.bb-route a{display:grid;grid-template-columns:48px minmax(0,1fr);gap:6px 20px;align-items:start;height:100%;padding:26px 4px 24px;color:var(--dtxt);transition:background .3s}
.bb-route a:hover{background:rgba(121,97,171,.06)}
.bb-route__t b{display:block;font-family:var(--f-d);font-weight:700;font-size:clamp(21px,1.8vw,26px);letter-spacing:-.025em;line-height:1.15}
.bb-route__t > span{display:block;margin-top:6px;font-size:16px;line-height:1.55;color:var(--dtxt2)}
.bb-route__go{grid-column:2;display:flex;align-items:center;gap:10px;margin-top:10px;font-size:15px;font-weight:600;color:var(--purple)}
.bb-route__go .bb-ico{width:24px;height:24px}
.bb-route a:hover .bb-route__go{color:var(--dtxt)}
/* R1-08 glossary: the key term breaks the run on night */
.bb-term--key{grid-template-columns:auto minmax(0,1fr);margin:18px 0;padding:clamp(26px,3vw,40px);border:0;border-radius:28px;background:var(--ink);color:var(--txt);box-shadow:0 40px 80px -50px rgba(26,19,38,.8)}
.bb-term--key .bb-term__art{padding:14px;border-radius:20px;background:rgba(255,255,255,.04);box-shadow:inset 0 0 0 1px var(--line2);align-self:start}
.bb-term__kk{font-family:var(--f-m);font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--amber)}
.bb-term--key h3{margin-top:8px;font-family:var(--f-d);font-weight:700;font-size:clamp(30px,3vw,44px);line-height:1;letter-spacing:-.03em}
.bb-term--key h3 dfn{font-style:normal}
.bb-term--key .bb-term__b > p:not(.bb-term__kk){margin-top:14px;font-size:17px;line-height:1.7;color:var(--txt2)}
.bb-term--key .bb-term__at{background:rgba(255,255,255,.05);box-shadow:inset 3px 0 0 var(--amber),inset 0 0 0 1px var(--line2)}
.bb-term--key .bb-term__k{color:var(--amber)}
.bb-term--key .bb-term__at p:not(.bb-term__k){color:var(--txt2)}
.bb-term--key .bb-term__at a{color:var(--gold)}
/* R1-09 faq: the numbers hang in the letter column at display size */
.bb-qgroup{--qcol:clamp(96px,10vw,170px);--qgap:clamp(20px,3vw,48px)}
.bb-qgroup__head{grid-template-columns:var(--qcol) minmax(0,1fr) auto;column-gap:var(--qgap)}
.bb-faq.faq{max-width:none;margin-left:0}
.bb-faq summary{gap:var(--qgap)}
.bb-qn{width:var(--qcol);text-align:right;font-family:var(--f-s);font-style:italic;font-weight:400;font-size:clamp(30px,2.6vw,42px);line-height:1;letter-spacing:0}
.bb-faq__a{padding-left:calc(var(--qcol) + var(--qgap))}
.bb-qboard__k a{color:inherit}
.bb-qboard__k a:hover{color:var(--amber)}
/* R1-13 / R1-01 / R1-14 article */
.bb-arthero__fig{max-width:none;width:100%;margin-left:0;margin-right:0}
.bb-artside__card p.bb-artside__num{margin-top:14px;font-family:var(--f-d);font-weight:650;font-size:19px;letter-spacing:-.01em;color:var(--txt)}
.bb-artbody th:first-child,.bb-artbody td:first-child{white-space:nowrap}
@media (max-width:900px){
  .bb-legal__aside{order:-1}
}
@media (max-width:700px){
  .bb-counts{display:block}
  .bb-counts li,.bb-counts li + li{padding:0;border-left:0;border-bottom:1px solid var(--line2)}
  .bb-counts a{justify-content:space-between;flex-direction:row-reverse;padding:14px 0}
  .bb-route{grid-template-columns:minmax(0,1fr)}
  .bb-qboard ol,.bb-az__terms{display:none}
  .bb-qboard__g{align-items:center}
  .bb-qboard__g .bb-ico{grid-row:auto}
  .bb-qgroup{--qcol:40px;--qgap:14px}
  .bb-qn{font-size:26px}
  .bb-faq__a{padding-left:0}
  .bb-term--key{grid-template-columns:minmax(0,1fr)}
}
@media (max-width:420px){
  main .cta-row{flex-direction:column;align-items:stretch}
  main .cta-row .btn{flex:0 0 auto;width:100%}
}

/* ==========================================================================================
   DESIGN REVIEW ROUND 2 (review-pack/round-2.json)
   ========================================================================================== */
/* R2-01 the key-term label on night */
.bb-term--key .bb-term__kk{font-size:12px;line-height:1.4;color:var(--amber)}
.bb-term--key .bb-more{color:var(--gold);text-decoration-color:rgba(255,202,123,.5)}
/* R2-04 each film's burned-in caption clears the play button */
.bb-vids img[src$="howto-washer.webp"],.bb-vgrid img[src$="howto-washer.webp"]{object-position:50% 18%}
.bb-vids img[src$="howto-dryer.webp"],.bb-vgrid img[src$="howto-dryer.webp"]{object-position:50% 6%}
/* R2-02 under 900px the posters stay on top, cropped, instead of the tall side posters */
@media (max-width:900px){
  .bb-vids .vcard,.bb-vgrid .vcard{flex-direction:column}
  .bb-vids .vcard__poster,.bb-vgrid .vcard__poster{width:100%;aspect-ratio:16/10}
  .bb-vids .vcard__body,.bb-vgrid .vcard__body{align-self:stretch}
  .bb-vgrid{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media (max-width:700px){
  .bb-vgrid{grid-template-columns:minmax(0,1fr)}
  /* R2-05 label left, count right */
  .bb-counts li{display:block}
  .bb-counts a{width:100%}
}
/* R2-03 article tables become labelled row cards on a phone (inner.js writes data-label) */
@media (max-width:560px){
  .bb-artbody .bb-tablewrap{overflow:visible;box-shadow:none;background:none;border-radius:0}
  .bb-artbody .bb-tablewrap table.bb-cardtable{min-width:0;display:block}
  .bb-artbody table.bb-cardtable thead{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
  .bb-artbody table.bb-cardtable tbody,.bb-artbody table.bb-cardtable tr{display:block}
  .bb-artbody table.bb-cardtable tr{margin-top:12px;padding:8px 16px;border-radius:18px;background:var(--bb-card);box-shadow:inset 0 0 0 1px var(--bb-ring)}
  .bb-artbody table.bb-cardtable td,.bb-artbody table.bb-cardtable tbody th{display:grid;grid-template-columns:104px minmax(0,1fr);gap:10px;padding:9px 0;border:0;background:none;white-space:normal}
  .bb-artbody table.bb-cardtable tr > :first-child{display:block;padding-top:10px;font-family:var(--f-d);font-weight:700;font-size:17px;color:var(--dtxt)}
  .bb-artbody table.bb-cardtable td + td,.bb-artbody table.bb-cardtable th + td{border-top:1px solid rgba(87,77,104,.18)}
  .bb-artbody table.bb-cardtable td + td::before,.bb-artbody table.bb-cardtable th + td::before{content:attr(data-label);font-family:var(--f-m);font-size:12px;letter-spacing:.04em;text-transform:uppercase;color:var(--purple);padding-top:3px}
  .bb-artbody tbody tr:nth-child(even) td,.bb-artbody tbody tr:nth-child(even) th{background:none}
}

/* ==========================================================================================
   EXPERT REVIEW ROUND 1 REWORK (reviews/raw/r1, 14 Oct 2026; reviews/rework-r1.md)
   ========================================================================================== */
/* ---- shared: freshness line, the answer's lead sentence, related row, closing band, arrows ---- */
.bb-upd{display:flex;align-items:center;gap:10px;margin-top:22px;font-family:var(--f-m);font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--txt2)}
.bb-upd .bb-px{color:var(--amber)}
.bb-ans__lead{display:block;margin-bottom:10px;font-family:var(--f-d);font-weight:650;font-size:clamp(20px,1.6vw,22px);line-height:1.32;letter-spacing:-.015em;color:var(--txt)}
.bb-rel__h em{font-family:var(--f-s);font-style:italic;font-weight:400;letter-spacing:-.01em;color:var(--purple)}
.bb-rel__a{min-height:0;padding:22px 22px 24px;gap:12px}
.bb-rel__go{width:36px;height:36px}
.bb-cta__cards{align-items:start}
.bb-route__go .bb-ico{width:30px;height:30px}

/* ---- service ---- */
main .vcard__own{margin-top:8px;font-family:var(--f-m);font-size:12px;letter-spacing:.06em;color:var(--txt2)}
.bb-paydark__foot{align-items:stretch}
.bb-paydark__more{display:flex;flex-direction:column;padding:28px;border-radius:26px;background:linear-gradient(180deg,rgba(255,255,255,.06),rgba(255,255,255,.02));box-shadow:inset 0 0 0 1px var(--line2)}
.bb-paydark__more p.bb-paydark__k{display:flex;align-items:center;gap:10px;margin:0;font-family:var(--f-m);font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--amber)}
.bb-paydark__more .bb-walk{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-top:14px;font-family:var(--f-d);font-weight:700;font-size:clamp(22px,1.9vw,28px);line-height:1.12;letter-spacing:-.025em;color:var(--txt);text-decoration:none}
.bb-walk .bb-ico{width:40px;height:40px;transition:transform .4s var(--ease)}
.bb-paydark__more .bb-walk:hover{color:var(--amber)}
.bb-walk:hover .bb-ico{transform:translateX(4px)}
.bb-paydark__more p.bb-paydark__d{margin:10px 0 0;font-size:16px;color:var(--txt2)}
.bb-paydark__more p.bb-paydark__d + .bb-paydark__k{margin-top:auto;padding-top:30px}
.bb-pills{display:flex;flex-wrap:wrap;gap:10px;margin-top:14px}
.bb-paydark__more .bb-pills a{display:flex;align-items:center;gap:10px;height:56px;padding:0 20px 0 10px;border-radius:999px;box-shadow:inset 0 0 0 1px var(--line2);color:var(--txt);text-decoration:none;transition:background .3s}
.bb-paydark__more .bb-pills a:hover{background:rgba(255,255,255,.09);color:var(--txt)}
.bb-pills .bb-ico{width:32px;height:32px}
.bb-pills span{display:flex;flex-direction:column;line-height:1.15}
.bb-pills b{font-weight:600;font-size:15px}
.bb-pills small{font-family:var(--f-m);font-size:12px;color:var(--txt2)}
.bb-sheet--compare .bb-split-head{align-items:start}
.bb-sheet--compare .bb-split-head .bb-after{margin-top:14px}
/* short chapters: no sticky head; the gutter carries the chapter's glyph or its aside */
.bb-row--short .bb-row__head{position:static}
.bb-row__art{display:inline-block;margin-top:28px;padding:18px;border-radius:24px;background:var(--bb-card);box-shadow:inset 0 0 0 1px var(--bb-ring),var(--bb-shadow)}
.bb-row__art .bb-ico--xl{width:112px;height:112px}
.bb-row__aside{margin-top:28px;max-width:320px}
.bb-who__l{margin-top:14px;font-size:15px;line-height:1.5;color:var(--dtxt2)}
.bb-who__l a{color:var(--purple);text-decoration:underline;text-underline-offset:3px}
.bb-key{grid-template-columns:minmax(0,1fr)}
.bb-key p.bb-key__t{margin-top:8px;font-family:var(--f-d);font-weight:700;font-size:clamp(28px,2.6vw,40px);letter-spacing:-.03em;line-height:1;color:var(--txt)}
.bb-asks{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:clamp(24px,3vw,40px);border-top:2px solid var(--dtxt)}
.bb-asks li{padding:20px 0 22px;border-bottom:1px solid rgba(87,77,104,.24)}
.bb-asks li:first-child{grid-column:1/-1}
.bb-asks h3{font-family:var(--f-d);font-weight:700;font-size:clamp(18px,1.4vw,20px);line-height:1.25;letter-spacing:-.015em;color:var(--dtxt)}
.bb-asks p{margin-top:8px;font-size:16px;line-height:1.55;color:var(--dtxt2)}

/* ---- about ---- */
.bb-lede--c{margin-left:auto;margin-right:auto;text-align:center}
.bb-mark__mods{position:absolute;inset:0;width:100%;height:100%}
.bb-mark__mods rect{fill:rgba(61,45,92,.6)}
.bb-why2__row{background:none;box-shadow:none;border-radius:0;padding:24px 4px;border-bottom:1px solid rgba(87,77,104,.24)}
.bb-why2__row:first-child{border-top:2px solid var(--dtxt)}
.bb-films{margin-top:22px;border-top:2px solid var(--dtxt)}
.bb-films a{display:grid;grid-template-columns:40px minmax(0,1fr) 32px;gap:18px;align-items:center;padding:18px 4px;border-bottom:1px solid rgba(87,77,104,.24);color:var(--dtxt);transition:background .3s}
.bb-films a:hover{background:rgba(121,97,171,.06)}
.bb-films .bb-ico{width:40px;height:40px}
.bb-films .bb-films__go{width:32px;height:32px}
.bb-films__t b{display:block;font-family:var(--f-d);font-weight:700;font-size:clamp(18px,1.5vw,21px);line-height:1.25;letter-spacing:-.015em}
.bb-films__t small{display:block;margin-top:4px;font-family:var(--f-m);font-size:12px;letter-spacing:.06em;color:var(--dtxt2)}
.bb-addr__full{margin-top:8px;font-size:17px;line-height:1.6;color:var(--dtxt)}
.bb-row__note + .bb-row__note{margin-top:10px}
.bb-sheet--last{padding-bottom:0}
.bb-sheet--last > .wrap > .bb-row:last-child{padding-bottom:64px}

/* ---- contact ---- */
.bb-hero--cards .bb-ans{margin-top:24px}
.bb-hero--cards .lede.bb-lede-send{margin-top:10px;color:var(--txt)}
.bb-ccard__sub{font-size:16px;line-height:1.5;color:var(--txt2)}
.bb-mapsec__street{margin-top:18px;font-family:var(--f-d);font-weight:700;font-size:clamp(22px,2vw,28px);letter-spacing:-.02em;line-height:1.15;color:var(--dtxt)}
.bb-mapsec__addr{margin-top:12px;font-size:17px}
.bb-mapsec__addr b{font-weight:600;color:var(--dtxt)}
.bb-map__art{background-image:none}
.bb-map__plan{position:absolute;inset:0;width:100%;height:100%}
.bb-map__plan .ia{fill:rgba(155,149,206,.26)}
.bb-map__plan .ib{fill:rgba(252,176,64,.8)}
.bb-map__plan .ic{fill:rgba(244,238,250,.22)}
.bb-map__pin{left:69%;top:calc(64% - 24px)}
.bb-map .bb-map__note{bottom:0;padding:26px 0 16px;background:linear-gradient(rgba(17,11,28,0),rgba(17,11,28,.92) 45%)}
.bb-map .bb-map__btn{z-index:1}
.bb-map__label{position:absolute;left:18px;top:18px;padding:6px 10px;border-radius:8px;background:rgba(17,11,28,.8);font-family:var(--f-m);font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--txt)}
.bb-follow__h em{font-family:var(--f-s);font-style:italic;font-weight:400;color:var(--purple)}
.bb-follow__list a{border-radius:999px;background:transparent;color:var(--dtxt);box-shadow:inset 0 0 0 1.5px var(--dtxt);transition:background .3s,color .3s}
.bb-follow__list a:hover{background:var(--ink);color:var(--txt)}
.bb-follow__list .bb-ico{--ia:var(--purple)}
.bb-follow__list a:hover .bb-ico{--ia:var(--purple-l)}
.bb-follow__list small{color:var(--dtxt2)}
.bb-follow__list a:hover small{color:var(--txt2)}
.bb-cta--send .bb-cta__top{align-items:start}
.bb-cta--send .bb-check{margin:0 0 24px}
.bb-cta .bb-check li{background:rgba(255,255,255,.05);box-shadow:inset 0 0 0 1px var(--line2);color:var(--txt2)}
.bb-cta .bb-check li b{color:var(--txt)}
.bb-cta .bb-check li::before{box-shadow:inset 0 0 0 2px var(--purple-l)}
.bb-cta__more{margin-top:20px;font-size:16px;color:var(--txt2)}
.bb-cta__more a{color:var(--gold);text-decoration:underline;text-underline-offset:3px}

/* ---- faq ---- */
.bb-faq summary h3.bb-qq{margin:0;font:inherit;letter-spacing:inherit;line-height:inherit;color:inherit}
.bb-qgroup__head{grid-template-columns:var(--qcol) minmax(0,1fr)}
.bb-qgroup:not(.bb-qgroup--dark) .faq summary::after{box-shadow:inset 0 0 0 1px var(--dtxt2)}
.bb-qgroup:not(.bb-qgroup--dark) .faq summary:hover::after,.bb-qgroup:not(.bb-qgroup--dark) .faq summary:focus-visible::after{background-color:var(--purple-l)}
.bb-faq summary:focus-visible{outline:2px solid var(--purple);outline-offset:4px;border-radius:6px}
.bb-qgroup--dark .faq summary:focus-visible{outline-color:var(--amber)}
.bb-qsteps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;max-width:52em;margin:0 0 26px}
.bb-qsteps li{position:relative;display:flex;flex-direction:column;gap:12px;padding:18px 18px 20px;border-radius:18px;background:rgba(255,255,255,.05);box-shadow:inset 0 0 0 1px var(--line2)}
.bb-qsteps .bb-ico{width:40px;height:40px}
.bb-qsteps__n{position:absolute;right:16px;top:12px;font-family:var(--f-s);font-style:italic;font-size:34px;line-height:1;color:var(--amber)}
.bb-faq .bb-qsteps p{margin:0;padding:0;font-size:16px;line-height:1.5;color:var(--txt)}
.bb-faq .bb-qmore{display:inline-flex;align-items:center;gap:10px;margin:-14px 0 28px;font-weight:600;font-size:16px;text-decoration:none}
.bb-faq .bb-qmore span{text-decoration:underline;text-underline-offset:4px;text-decoration-thickness:1px}
.bb-qmore .bb-ico{width:28px;height:28px;transition:transform .3s var(--ease)}
.bb-qmore:hover .bb-ico{transform:translateX(3px)}
.bb-qphoto img{object-position:50% 45%}
.bb-qboard ol a:hover,.bb-qboard ol a:focus-visible{color:var(--amber);text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:4px}
.bb-qboard a:focus-visible,.bb-az__terms a:focus-visible,.bb-az__grid a:focus-visible{outline:2px solid var(--amber);outline-offset:3px;border-radius:4px}
.bb-qboard__k a{display:flex;align-items:center;gap:10px}
.bb-qboard__k a:hover span{text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:4px}

/* ---- glossary ---- */
.bb-term{padding:18px 0}
.bb-term.bb-term--key{padding:clamp(26px,3vw,40px)}
.bb-term__h h2{font-family:var(--f-d);font-weight:700;font-size:clamp(22px,1.9vw,28px);line-height:1.1;letter-spacing:-.025em;color:var(--dtxt)}
.bb-term--key h2{margin-top:8px;font-family:var(--f-d);font-weight:700;font-size:clamp(30px,3vw,44px);line-height:1;letter-spacing:-.03em;color:var(--txt)}
.bb-term h2 dfn{font-style:normal}
.bb-term__at,.bb-term--key .bb-term__at{margin-top:12px;padding:2px 0 2px 16px;border-radius:0;background:none;box-shadow:inset 3px 0 0 var(--amber)}
.bb-letter + .bb-letter{margin-top:clamp(32px,4vw,56px)}
.bb-letter__terms--pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:clamp(24px,4vw,56px)}
.bb-letter__terms--pair .bb-term{grid-template-columns:minmax(0,1fr);gap:12px}
.bb-az__terms a{display:flex;align-items:center;justify-content:space-between;gap:10px}
.bb-az__terms a .bb-ico{width:20px;height:20px;opacity:.75;transition:transform .3s,opacity .3s}
.bb-az__terms a:hover{text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:4px}
.bb-az__terms a:hover .bb-ico{opacity:1;transform:translateX(3px)}
.bb-dict__rail a{padding-left:8px;padding-right:8px;border-radius:6px;transition:background .25s}
.bb-dict__rail a.is-on{background:var(--purple-l);color:var(--dtxt)}
.bb-dict__rail a.is-on span{color:var(--dtxt)}

/* ---- hub ---- */
.bb-hub__top{align-items:start}
.bb-hub__top .bb-h1 em{padding-right:.12em}
.bb-hcard{position:relative;display:flex;flex-direction:column;border-radius:26px;overflow:hidden;background:var(--bb-card);box-shadow:inset 0 0 0 1px var(--bb-ring),var(--bb-shadow);transition:transform .6s var(--ease),box-shadow .4s}
.bb-hcard:hover{transform:translateY(-5px);box-shadow:inset 0 0 0 1px var(--purple),0 30px 60px -34px rgba(26,19,38,.55)}
.bb-hcard .bb-hcard__a{display:block!important;height:auto;border-radius:0;overflow:visible;background:none;box-shadow:none;color:inherit;transform:none}
.bb-hcard__a::after{content:"";position:absolute;inset:0;z-index:1;border-radius:26px}
.bb-hcard__a:focus-visible{outline:none}
.bb-hcard:has(.bb-hcard__a:focus-visible){outline:3px solid var(--purple);outline-offset:3px}
.bb-hcard__img{position:relative}
.bb-hcard__img img{transform:scale(1.28)}
.bb-hcard:hover .bb-hcard__img img{transform:scale(1.33)}
.bb-hcard__ill{position:absolute;right:12px;bottom:12px;padding:4px 9px;border-radius:999px;background:rgba(17,11,28,.8);font-family:var(--f-m);font-size:12px;letter-spacing:.06em;color:var(--txt)}
.bb-hcard__type{font-family:var(--f-m);font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--purple)}
.bb-hcard__date:empty{display:none}
.bb-hcard__go{margin:auto 24px 0;padding:14px 0 22px}
.bb-hcard__go::after{content:none}
.bb-hcard__go .bb-ico{width:32px;height:32px}
.bb-hub:has(> :nth-child(3n+1):last-child) > .bb-hcard:first-child,
.bb-hub:has(> :nth-child(3n+2):last-child):has(> :nth-child(2n+1):last-child) > .bb-hcard:first-child{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);grid-template-rows:auto auto auto 1fr;column-gap:8px}
.bb-hubref{margin-top:clamp(40px,5vw,64px)}
.bb-hubref__k{display:flex;align-items:center;gap:10px;margin-bottom:16px;font-family:var(--f-m);font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--purple)}
.bb-hubref .bb-rel__list{margin-top:0}
.bb-films2{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.bb-film{display:grid;grid-template-columns:112px minmax(0,1fr);gap:16px;align-items:center;height:100%;padding:12px;border-radius:20px;background:linear-gradient(180deg,rgba(255,255,255,.06),rgba(255,255,255,.02));box-shadow:inset 0 0 0 1px var(--line2);color:var(--txt);transition:background .3s}
.bb-film:hover{background:rgba(255,255,255,.09)}
.bb-film__pic{position:relative;display:block;aspect-ratio:4/3;border-radius:12px;overflow:hidden}
.bb-film__pic img{width:100%;height:100%;object-fit:cover;object-position:50% 12%}
.bb-film__play{position:absolute;left:8px;bottom:8px;width:28px;height:28px;border-radius:50%;background:var(--amber)}
.bb-film__play::after{content:"";position:absolute;left:11px;top:8px;border-left:9px solid #1B1208;border-top:6px solid transparent;border-bottom:6px solid transparent}
.bb-film__b{display:flex;flex-direction:column;gap:4px;min-width:0}
.bb-film__src{display:flex;align-items:center;gap:8px;font-family:var(--f-m);font-size:12px;letter-spacing:.06em;color:var(--txt2)}
.bb-film__t{font-family:var(--f-d);font-weight:700;font-size:18px;line-height:1.2;letter-spacing:-.015em}
.bb-film__l{font-size:14px;color:var(--txt2)}

@media (max-width:1000px){
  .bb-films2{grid-template-columns:minmax(0,1fr)}
}
@media (max-width:900px){
  .bb-letter__terms--pair{grid-template-columns:minmax(0,1fr)}
  .bb-row__art{margin-top:18px}
}
@media (max-width:700px){
  .bb-g3,.bb-steps.bb-g3,.bb-vision__grid{grid-template-columns:minmax(0,1fr)}
  .bb-why2{grid-template-columns:minmax(0,1fr)}
  .bb-why2__feat,.bb-why2__row{grid-column:auto;grid-row:auto}
  .bb-why2__feat{order:-1}
  .bb-asks{grid-template-columns:minmax(0,1fr)}
  .bb-ccards__addr{order:3}
  .bb-qgroup__head{grid-template-columns:minmax(0,1fr);row-gap:6px}
  .bb-qgroup__letter{font-size:64px}
  .bb-qphoto img{aspect-ratio:4/3;object-position:45% 50%}
  .bb-qsteps{grid-template-columns:minmax(0,1fr)}
  .bb-hub > .bb-hcard:first-child{display:flex!important}
  .bb-term--key .bb-term__art{display:none}
}
@media (max-width:600px){
  .bb-eb-long{display:none}
  .bb-hero .bb-ans{margin-top:22px}
  .bb-ans__t{font-size:16px;line-height:1.55}
  .bb-ans__lead{font-size:20px;margin-bottom:8px}
  .bb-hero__voice{margin-top:16px}
  .bb-hero .cta-row{margin-top:20px}
  .bb-az__grid{grid-template-columns:repeat(7,minmax(0,1fr))}
  .bb-az__grid > *{font-size:16px}
  .bb-cta--send .bb-cta__h{font-size:clamp(36px,10vw,52px)}
}

/* ==========================================================================================
   PHASE 3: the five remaining service pages (14 Oct 2026). NEW classes only: nothing below
   restyles a selector an already-built page uses (their HTML hashes are stamped by review).
   how-it-works: the reel in a phone, steps on a film strip, three films.
   payment-backend: benefit index in the hero, a letterbox photo, the signal path, a spec grid.
   vending: photo-left hero, the machine index, a figure row.
   coins-vs-tokens: the versus photo, the table, a triptych, a night duo.
   be-a-partner: the kept spine, numbered partner steps, the enquiry card.
   ========================================================================================== */
/* ---- shared Phase-3 atoms ---- */
.bb-tag{display:inline-flex;align-items:center;gap:8px;padding:5px 11px;border-radius:999px;background:rgba(17,11,28,.84);font-family:var(--f-m);font-size:12px;letter-spacing:.06em;color:var(--txt)}
.bb-glyphs{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}
.bb-glyphs > span{display:grid;place-items:center;width:84px;height:84px;border-radius:22px;background:var(--bb-card);box-shadow:inset 0 0 0 1px var(--bb-ring),var(--bb-shadow)}
.bb-glyphs .bb-ico{width:52px;height:52px}
.bb-mini3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:22px}
.bb-mini3 li{display:flex;flex-direction:column;gap:10px;padding:18px 18px 20px;border-radius:20px;background:var(--bb-card);box-shadow:inset 0 0 0 1px var(--bb-ring)}
.bb-mini3 .bb-ico{width:40px;height:40px}
.bb-mini3 b{font-family:var(--f-m);font-weight:500;font-size:12px;letter-spacing:.12em;color:var(--purple)}
.bb-mini3 p{font-size:15.5px;line-height:1.5;color:var(--dtxt)}
.bb-quote{margin-top:6px;padding-left:26px;border-left:3px solid var(--purple);font-family:var(--f-s);font-style:italic;font-size:clamp(26px,2.4vw,36px);line-height:1.15;color:var(--dtxt);text-wrap:balance}
.bb-quote + p{margin-top:18px}
.bb-pillrow{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:18px 32px;margin-top:clamp(28px,4vw,44px);padding-top:28px;border-top:1px solid var(--line2)}
.bb-pillrow p{max-width:34em;font-size:16.5px;line-height:1.6;color:var(--txt2)}
.bb-pillrow p a{color:var(--gold);text-decoration:underline;text-underline-offset:3px}
.bb-pillrow .bb-pills{margin-top:0}
.bb-pillrow .bb-pills a{display:flex;align-items:center;gap:10px;height:56px;padding:0 20px 0 10px;border-radius:999px;box-shadow:inset 0 0 0 1px var(--line2);color:var(--txt);text-decoration:none;transition:background .3s}
.bb-pillrow .bb-pills a:hover{background:rgba(255,255,255,.09)}
.bb-faq--plain .bb-faq__a{padding-left:0}

/* ---- how-it-works ---- */
.bb-hero--reel .bb-hero__grid{grid-template-columns:minmax(0,1.3fr) minmax(0,.7fr)}
.bb-reel{justify-self:center;width:min(100%,330px);margin:0}
.bb-reel__frame{position:relative}
.bb-reel__a{position:relative;display:block;padding:11px;border-radius:46px;background:linear-gradient(160deg,var(--ink4),var(--ink2));box-shadow:inset 0 0 0 1px var(--line2),0 50px 90px -40px rgba(0,0,0,.9)}
.bb-reel__a::before{content:"";position:absolute;left:50%;top:21px;z-index:2;width:78px;height:20px;margin-left:-39px;border-radius:999px;background:#0B0712}
.bb-reel__a img{display:block;width:100%;height:auto;aspect-ratio:9/16;object-fit:cover;border-radius:36px}
.bb-reel__play{position:absolute;left:50%;top:56%;z-index:2;width:76px;height:76px;margin:-38px 0 0 -38px;border-radius:50%;background:linear-gradient(180deg,#FFCA7B,var(--amber));box-shadow:0 0 0 10px rgba(252,176,64,.22),0 18px 40px -12px rgba(0,0,0,.7);transition:transform .5s var(--spring)}
.bb-reel__play::after{content:"";position:absolute;left:31px;top:25px;border-left:19px solid #1B1208;border-top:13px solid transparent;border-bottom:13px solid transparent}
.bb-reel__a:hover .bb-reel__play,.bb-reel__a:focus-visible .bb-reel__play{transform:scale(1.08)}
.bb-reel__a:focus-visible{outline:3px solid var(--amber);outline-offset:4px}
.bb-reel__dur{position:absolute;right:26px;bottom:26px;z-index:2;padding:5px 10px;border-radius:999px;background:rgba(17,11,28,.8);font-family:var(--f-m);font-size:12px;color:#fff}
.bb-reel__c{--c:var(--amber);--l:30px;--t:3px;position:absolute;inset:-16px;pointer-events:none;
  background:
    linear-gradient(var(--c),var(--c)) left top/var(--l) var(--t) no-repeat,linear-gradient(var(--c),var(--c)) left top/var(--t) var(--l) no-repeat,
    linear-gradient(var(--c),var(--c)) right top/var(--l) var(--t) no-repeat,linear-gradient(var(--c),var(--c)) right top/var(--t) var(--l) no-repeat,
    linear-gradient(var(--c),var(--c)) left bottom/var(--l) var(--t) no-repeat,linear-gradient(var(--c),var(--c)) left bottom/var(--t) var(--l) no-repeat,
    linear-gradient(var(--c),var(--c)) right bottom/var(--l) var(--t) no-repeat,linear-gradient(var(--c),var(--c)) right bottom/var(--t) var(--l) no-repeat}
.bb-reel figcaption{margin-top:30px;text-align:center;font-family:var(--f-m);font-size:12px;letter-spacing:.06em;line-height:1.6;color:var(--txt2)}
.bb-reel figcaption b{display:block;font-weight:500;color:var(--txt)}
.bb-hw-steps{display:grid;gap:18px;margin-top:clamp(36px,5vw,60px)}
.bb-hw-step{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:clamp(24px,4vw,64px);align-items:center;padding:clamp(24px,3vw,40px);border-radius:30px;background:var(--bb-card);box-shadow:inset 0 0 0 1px var(--bb-ring),var(--bb-shadow)}
.bb-hw-step__n{display:block;font-family:var(--f-s);font-style:italic;font-size:clamp(56px,6vw,92px);line-height:.8;color:var(--purple)}
.bb-hw-step__t{margin-top:16px;font-family:var(--f-d);font-weight:700;font-size:clamp(24px,2.3vw,34px);line-height:1.08;letter-spacing:-.03em;color:var(--dtxt);text-wrap:balance}
.bb-hw-step__my{display:inline-flex;flex-wrap:wrap;align-items:center;gap:6px 12px;margin-top:16px;padding:8px 16px;border-radius:16px;background:var(--ink);font-family:var(--f-m);font-size:14px;line-height:1.4;color:var(--txt)}
.bb-hw-step__my small{font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--gold)}
.bb-hw-step__d{margin-top:16px;max-width:36em;font-size:16.5px;line-height:1.62;color:var(--dtxt2)}
.bb-hw-step__d a{color:var(--purple);text-decoration:underline;text-underline-offset:3px}
.bb-hw-step__fig{margin:0;justify-self:end}
.bb-hw-step__fig figcaption{margin-top:10px;text-align:right;font-family:var(--f-m);font-size:12px;letter-spacing:.04em;color:var(--dtxt2)}
.bb-strip{--h:clamp(220px,19vw,280px);position:relative;display:flex;gap:10px;padding:26px 12px;border-radius:14px;background:var(--ink)}
.bb-strip::before,.bb-strip::after{content:"";position:absolute;left:14px;right:14px;height:6px;border-radius:1px;background:repeating-linear-gradient(90deg,rgba(255,243,226,.82) 0 9px,transparent 9px 19px)}
.bb-strip::before{top:10px}
.bb-strip::after{bottom:10px}
.bb-strip img{display:block;height:var(--h);width:auto;border-radius:5px}
.bb-strip__glyph{display:grid;place-items:center;height:var(--h);aspect-ratio:240/395;border-radius:5px;background:linear-gradient(180deg,var(--ink4),var(--ink3))}
.bb-strip__glyph .bb-ico{width:88px;height:88px;--ia:var(--purple-l)}
.bb-hw-easy{display:flex;flex-wrap:wrap;align-items:baseline;gap:6px 22px;margin-top:clamp(30px,4vw,48px);padding-top:clamp(24px,3vw,34px);border-top:2px solid var(--dtxt)}
.bb-hw-easy em{font-family:var(--f-s);font-style:italic;font-size:clamp(44px,5vw,72px);line-height:1;color:var(--purple)}
.bb-hw-easy span{max-width:36em;font-size:17px;line-height:1.55;color:var(--dtxt2)}
.bb-hwv{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;align-items:stretch}
.bb-hwv__a{display:flex;flex-direction:column;height:100%;border-radius:24px;overflow:hidden;background:linear-gradient(180deg,rgba(255,255,255,.06),rgba(255,255,255,.02));box-shadow:inset 0 0 0 1px var(--line2);color:var(--txt);transition:transform .5s var(--ease),box-shadow .4s}
.bb-hwv__a:hover{transform:translateY(-4px);box-shadow:inset 0 0 0 1px rgba(252,176,64,.4),0 30px 60px -30px rgba(0,0,0,.8)}
.bb-hwv__a:focus-visible{outline:3px solid var(--amber);outline-offset:3px}
.bb-hwv__pic{position:relative;display:block;aspect-ratio:16/9;overflow:hidden;background:var(--ink3)}
.bb-hwv__pic img{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 0%}
.bb-hwv__pic img[src$="howto-washer.webp"]{object-position:50% 20%}
.bb-hwv__play{position:absolute;left:16px;bottom:16px;width:52px;height:52px;border-radius:50%;background:linear-gradient(180deg,#FFCA7B,var(--amber));box-shadow:0 0 0 6px rgba(252,176,64,.24),0 14px 30px -10px rgba(0,0,0,.65)}
.bb-hwv__play::after{content:"";position:absolute;left:21px;top:17px;border-left:13px solid #1B1208;border-top:9px solid transparent;border-bottom:9px solid transparent}
.bb-hwv__dur{position:absolute;right:14px;bottom:18px;padding:4px 9px;border-radius:999px;background:rgba(17,11,28,.8);font-family:var(--f-m);font-size:12px;color:#fff}
.bb-hwv__b{display:flex;flex-direction:column;gap:10px;flex:1;padding:22px}
.bb-hwv__src{display:flex;align-items:center;gap:8px;font-family:var(--f-m);font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:var(--txt2)}
.bb-hwv__t{font-family:var(--f-d);font-weight:700;font-size:clamp(20px,1.55vw,23px);line-height:1.2;letter-spacing:-.02em;color:var(--txt);text-wrap:balance}
.bb-hwv__d{font-size:15.5px;line-height:1.55;color:var(--txt2)}
.bb-hwv__own{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:auto;padding-top:12px;border-top:1px solid var(--line2);font-family:var(--f-m);font-size:12px;letter-spacing:.06em;color:var(--txt2)}
.bb-hwv__own .bb-ico{width:32px;height:32px}
.bb-hw-bring{margin-top:28px;max-width:320px;border-radius:22px;overflow:hidden;background:var(--bb-card);box-shadow:inset 0 0 0 1px var(--bb-ring),var(--bb-shadow)}
.bb-hw-bring div{display:grid;grid-template-columns:44px minmax(0,1fr);gap:14px;align-items:center;padding:16px 18px}
.bb-hw-bring div + div{border-top:2px dashed rgba(87,77,104,.3)}
.bb-hw-bring .bb-ico{width:44px;height:44px}
.bb-hw-bring p{font-size:15px;line-height:1.4;color:var(--dtxt)}
.bb-hw-bring small{display:block;font-family:var(--f-m);font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--purple)}
.bb-flow{display:grid;margin-top:28px;max-width:300px}
.bb-flow li{position:relative;display:grid;grid-template-columns:56px minmax(0,1fr);gap:16px;align-items:center;padding:10px 0}
.bb-flow li:not(:last-child)::after{content:"";position:absolute;left:26px;top:66px;height:20px;width:4px;background:repeating-linear-gradient(180deg,var(--amber) 0 4px,transparent 4px 9px)}
.bb-flow .bb-ico{width:56px;height:56px}
.bb-flow span{font-family:var(--f-m);font-size:12px;letter-spacing:.1em;text-transform:uppercase;line-height:1.45;color:var(--dtxt2)}
.bb-key--art{grid-template-columns:auto minmax(0,1fr)}
.bb-key--art .bb-key__art .bb-ico{width:96px;height:96px}

/* ---- payment-backend ---- */
.bb-hero--index .bb-hero__grid{grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);align-items:end}
.bb-hix{padding:24px 26px 10px;border-radius:26px;background:linear-gradient(180deg,rgba(255,255,255,.07),rgba(255,255,255,.02));box-shadow:inset 0 0 0 1px var(--line2)}
.bb-hix__k{display:flex;align-items:center;gap:10px;font-family:var(--f-m);font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--amber)}
.bb-hix ol{margin-top:14px}
.bb-hix a{display:grid;grid-template-columns:40px minmax(0,1fr) 30px;gap:14px;align-items:center;padding:14px 0;border-top:1px solid var(--line2);font-family:var(--f-d);font-weight:650;font-size:17px;line-height:1.25;letter-spacing:-.01em;color:var(--txt);transition:color .25s}
.bb-hix a:hover{color:var(--gold)}
.bb-hix .bb-ico{width:40px;height:40px}
.bb-hix .bb-hix__go{width:30px;height:30px}
.bb-letterbox{margin-top:clamp(48px,6vw,84px)}
.bb-letterbox.bb-photo img{aspect-ratio:12/5;object-position:50% 55%}
.bb-path{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;margin-top:clamp(34px,4vw,56px)}
.bb-path li{position:relative}
.bb-path__node{display:grid;place-items:center;width:96px;height:96px;border-radius:28px;background:var(--ink);box-shadow:0 22px 40px -26px rgba(26,19,38,.8)}
.bb-path__node .bb-ico{width:56px;height:56px;--ia:var(--purple-l)}
.bb-path li:not(:last-child)::after{content:"";position:absolute;left:110px;right:-10px;top:46px;height:4px;background:repeating-linear-gradient(90deg,var(--amber) 0 4px,transparent 4px 11px)}
.bb-path__k{margin-top:22px;font-family:var(--f-m);font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--purple)}
.bb-path__t{margin-top:8px;font-family:var(--f-d);font-weight:700;font-size:clamp(20px,1.6vw,24px);line-height:1.15;letter-spacing:-.02em;color:var(--dtxt)}
.bb-path p{margin-top:8px;font-size:16px;line-height:1.58;color:var(--dtxt2)}
.bb-path-after{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(28px,5vw,88px);margin-top:clamp(40px,5vw,64px);padding-top:clamp(28px,3vw,40px);border-top:1px solid rgba(87,77,104,.24)}
.bb-path-after__k{font-family:var(--f-m);font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--purple)}
.bb-specs{display:grid;grid-template-columns:minmax(0,1.05fr) repeat(2,minmax(0,1fr));gap:16px;align-items:stretch}
.bb-specs > :first-child{grid-row:1/span 2}
.bb-spec{display:flex;flex-direction:column;gap:12px;padding:28px 28px 30px;border-radius:24px;background:var(--bb-card);box-shadow:inset 0 0 0 1px var(--bb-ring),var(--bb-shadow);scroll-margin-top:110px}
.bb-spec .bb-ico{width:52px;height:52px;margin-bottom:6px}
.bb-spec h3{font-family:var(--f-d);font-weight:700;font-size:clamp(21px,1.7vw,25px);line-height:1.15;letter-spacing:-.025em;color:var(--dtxt);text-wrap:balance}
.bb-spec p{font-size:16px;line-height:1.6;color:var(--dtxt2)}
.bb-spec--feat{background:var(--ink);box-shadow:0 40px 80px -50px rgba(26,19,38,.8)}
.bb-spec--feat h3{font-size:clamp(26px,2.3vw,34px);color:var(--txt)}
.bb-spec--feat p{color:var(--txt2)}
.bb-spec--feat .bb-ico{--ia:var(--purple-l)}
.bb-spec__pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:auto;padding-top:14px}
.bb-spec__pair span{display:flex;flex-direction:column;align-items:flex-start;gap:12px;padding:18px;border-radius:18px;background:rgba(255,255,255,.05);box-shadow:inset 0 0 0 1px var(--line2);font-family:var(--f-m);font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--txt)}
.bb-spec__pair .bb-ico{width:64px;height:64px;margin:0}
.bb-vq{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,.75fr);gap:clamp(32px,5vw,88px);align-items:end}
.bb-vq__k{display:flex;align-items:center;gap:10px;margin-top:clamp(28px,4vw,44px);font-family:var(--f-m);font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--amber)}
.bb-vq__q{margin-top:14px;font-family:var(--f-s);font-style:italic;font-size:clamp(30px,3.3vw,52px);line-height:1.08;color:var(--txt);text-wrap:balance}
.bb-vq__q::before{content:"\201C";color:var(--amber)}
.bb-vq__q::after{content:"\201D";color:var(--amber)}
.bb-vq .bb-prose{margin-top:22px}
.bb-vq__ask{padding:26px;border-radius:24px;background:linear-gradient(180deg,rgba(255,255,255,.07),rgba(255,255,255,.02));box-shadow:inset 0 0 0 1px var(--line2)}
.bb-vq__ask p{font-size:16.5px;line-height:1.6;color:var(--txt2)}
.bb-vq__ask .bb-check{margin-top:16px}
.bb-vq__ask .cta-row{margin-top:20px}
.bb-mchips{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:22px}
.bb-mchips li{display:flex;align-items:center;gap:12px;min-height:64px;padding:10px 14px 10px 10px;border-radius:18px;background:var(--bb-card);box-shadow:inset 0 0 0 1px var(--bb-ring);font-size:15px;font-weight:500;line-height:1.25;color:var(--dtxt)}
.bb-mchips .bb-ico{width:40px;height:40px}
.bb-mchips li.is-main{background:var(--ink);color:var(--txt);box-shadow:none}
.bb-mchips li.is-main .bb-ico{--ia:var(--purple-l)}
.bb-mchips li small{display:block;margin-top:2px;font-family:var(--f-m);font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--gold)}
.bb-statline{display:grid;grid-template-columns:auto minmax(0,1fr);gap:clamp(20px,3vw,40px);align-items:center;margin-top:24px;padding:24px 28px;border-radius:24px;background:var(--bb-card);box-shadow:inset 0 0 0 1px var(--bb-ring),var(--bb-shadow)}
.bb-statline .bb-num{margin-top:0}
.bb-statline p{font-size:16.5px;line-height:1.55;color:var(--dtxt)}

/* ---- vending and arcade ---- */
.bb-hero--flip .bb-hero__grid{grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr)}
.bb-flip__photo img{aspect-ratio:5/4}
.bb-hero--flip .bb-hero__voice a{color:inherit;text-decoration:underline;text-decoration-color:var(--amber);text-underline-offset:6px;text-decoration-thickness:2px}
.bb-mgrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;align-items:stretch}
.bb-mcard{position:relative;display:flex;flex-direction:column;gap:10px;padding:24px 22px;border-radius:24px;background:var(--bb-card);box-shadow:inset 0 0 0 1px var(--bb-ring),var(--bb-shadow)}
.bb-mcard .bb-ico{width:56px;height:56px;margin-bottom:8px}
.bb-mcard h3{font-family:var(--f-d);font-weight:700;font-size:clamp(19px,1.45vw,22px);line-height:1.18;letter-spacing:-.02em;color:var(--dtxt);text-wrap:balance}
.bb-mcard p{font-size:15.5px;line-height:1.55;color:var(--dtxt2)}
.bb-mcard--main{background:var(--ink);box-shadow:0 40px 80px -50px rgba(26,19,38,.8)}
.bb-mcard--main h3{color:var(--txt)}
.bb-mcard--main p{color:var(--txt2)}
.bb-mcard--main .bb-ico{--ia:var(--purple-l)}
.bb-mcard--main .bb-tag{position:absolute;right:18px;top:22px;background:var(--amber);color:#1B1208}
.bb-mcard__go{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:auto;padding-top:12px;border-top:1px solid var(--line2);font-size:15px;font-weight:600;color:var(--gold)}
.bb-mcard__go .bb-ico{width:30px;height:30px;margin:0}
.bb-mcard__go:hover{color:var(--txt)}
.bb-figrow{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(28px,5vw,80px);align-items:center}
.bb-figrow .bb-photo img{aspect-ratio:16/10;box-shadow:var(--bb-shadow)}
.bb-figrow .bb-photo__c{--c:var(--purple)}
.bb-figrow__list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:22px}
.bb-figrow__list li{display:flex;align-items:center;gap:12px;padding:12px 14px 12px 10px;border-radius:16px;background:var(--bb-card);box-shadow:inset 0 0 0 1px var(--bb-ring);font-size:15.5px;font-weight:500;line-height:1.25;color:var(--dtxt)}
.bb-figrow__list .bb-ico{width:40px;height:40px}
.bb-gethalf{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:clamp(20px,3vw,40px);align-items:start}
.bb-gethalf h3{font-family:var(--f-m);font-weight:500;font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--purple)}
.bb-gethalf .bb-check{margin-top:14px}

/* ---- coins vs tokens vs QR ---- */
.bb-hero--versus .bb-hero__grid{grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr)}
.bb-vs{position:relative;margin:0}
.bb-vs .bb-photo img{aspect-ratio:4/5;object-position:58% 50%}
.bb-vs__chips{position:absolute;left:-22px;bottom:70px;z-index:2;display:flex;flex-direction:column;align-items:flex-start;gap:10px}
.bb-vs__chips li{display:flex;align-items:center;gap:12px;padding:8px 18px 8px 8px;border-radius:999px;background:rgba(17,11,28,.9);box-shadow:inset 0 0 0 1px var(--line2),0 18px 40px -18px rgba(0,0,0,.8);font-family:var(--f-m);font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--txt)}
.bb-vs__chips .bb-ico{width:36px;height:36px}
.bb-vs__chips li.is-qr{background:var(--paper);color:var(--dtxt)}
.bb-vs__chips li.is-qr .bb-ico{--ia:var(--purple)}
.bb-cmp .bb-table td a{color:var(--purple);text-decoration:underline;text-underline-offset:3px}
.bb-cmp .bb-table td.is-hi a{color:var(--gold)}
.bb-tri{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;align-items:stretch}
.bb-tri__c{display:flex;flex-direction:column;border-radius:28px;overflow:hidden;background:var(--bb-card);box-shadow:inset 0 0 0 1px var(--bb-ring),var(--bb-shadow);scroll-margin-top:110px}
.bb-tri__art{position:relative;display:grid;place-items:center;aspect-ratio:16/10;margin:0;background:rgba(121,97,171,.08)}
.bb-tri__art .bb-ico{width:112px;height:112px}
.bb-tri__art img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.bb-tri__art .bb-tag{position:absolute;right:12px;bottom:12px}
.bb-tri__b{display:flex;flex-direction:column;gap:12px;padding:26px 28px 30px}
.bb-tri__k{font-family:var(--f-m);font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--purple)}
.bb-tri h2{font-family:var(--f-d);font-weight:700;font-size:clamp(24px,2vw,30px);line-height:1.08;letter-spacing:-.03em;color:var(--dtxt);text-wrap:balance}
.bb-tri h2 em{font-family:var(--f-s);font-style:italic;font-weight:400;letter-spacing:-.01em;color:var(--purple)}
.bb-tri p{font-size:16px;line-height:1.62;color:var(--dtxt2)}
.bb-tri p a{color:var(--purple);text-decoration:underline;text-underline-offset:3px}
.bb-tri__c--qr{background:var(--ink);box-shadow:0 40px 80px -50px rgba(26,19,38,.8)}
.bb-tri__c--qr .bb-tri__art{background:rgba(255,255,255,.05)}
.bb-tri__c--qr .bb-ico{--ia:var(--purple-l)}
.bb-tri__c--qr .bb-tri__k{color:var(--amber)}
.bb-tri__c--qr h2{color:var(--txt)}
.bb-tri__c--qr h2 em{color:var(--amber)}
.bb-tri__c--qr p{color:var(--txt2)}
.bb-tri__c--qr p a{color:var(--gold)}
.bb-duo{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}
.bb-duo > section{padding-right:clamp(24px,4vw,64px)}
.bb-duo > section + section{padding-right:0;padding-left:clamp(24px,4vw,64px);border-left:1px solid var(--line2)}
.bb-duo .bb-prose{margin-top:20px}
.bb-duo__tags{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px}
.bb-duo__tags li{display:inline-flex;align-items:center;gap:10px;padding:8px 16px 8px 8px;border-radius:999px;background:rgba(255,255,255,.06);box-shadow:inset 0 0 0 1px var(--line2);font-size:15px;font-weight:500;color:var(--txt)}
.bb-duo__tags .bb-ico{width:32px;height:32px}
.bb-suit{margin-top:28px;max-width:320px;padding:22px 22px 24px;border-radius:24px;background:var(--ink);color:var(--txt);box-shadow:0 30px 60px -40px rgba(26,19,38,.8)}
.bb-suit .bb-ico{width:56px;height:56px;--ia:var(--purple-l)}
.bb-suit p{margin-top:14px;font-family:var(--f-d);font-weight:650;font-size:19px;line-height:1.3;letter-spacing:-.01em}
.bb-suit p + p{margin-top:8px;font-family:var(--f-b);font-weight:400;font-size:15px;line-height:1.5;letter-spacing:0;color:var(--txt2)}

/* ---- be-a-partner (kept page) ---- */
.bb-hero--partner .bb-hero__grid{grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr)}
.bb-hero--partner .bb-photo img{aspect-ratio:4/5;object-position:36% 50%}
.bb-hero__kept{margin-top:20px;max-width:24em;font-family:var(--f-s);font-style:italic;font-size:clamp(26px,2.3vw,34px);line-height:1.12;color:var(--txt);text-wrap:balance}
.bb-hero--partner .lede{margin-top:14px;max-width:36em}
.bb-why5 > .bb-card:first-child{display:grid;grid-template-columns:auto minmax(0,1fr);column-gap:28px;align-items:center;background:var(--ink);box-shadow:0 40px 80px -50px rgba(26,19,38,.8)}
.bb-why5 > .bb-card:first-child .bb-ico{grid-row:1/span 2;width:88px;height:88px;margin:0;--ia:var(--purple-l)}
.bb-why5 > .bb-card:first-child .bb-card__t{color:var(--txt)}
.bb-why5 > .bb-card:first-child p{color:var(--txt2)}
.bb-bp-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:clamp(28px,4vw,44px)}
.bb-bp-steps li{position:relative;display:flex;flex-direction:column;gap:10px;padding:26px 26px 28px;border-radius:24px;background:var(--bb-card);box-shadow:inset 0 0 0 1px var(--bb-ring),var(--bb-shadow)}
.bb-bp-steps li:not(:last-child)::after{content:"";position:absolute;left:100%;top:56px;z-index:2;width:20px;height:4px;background:repeating-linear-gradient(90deg,var(--amber) 0 4px,transparent 4px 8px)}
.bb-bp-steps__n{font-family:var(--f-s);font-style:italic;font-size:56px;line-height:.85;color:var(--purple)}
.bb-bp-steps .bb-ico{position:absolute;right:22px;top:22px;width:48px;height:48px}
.bb-bp-steps h3{margin-top:8px;font-family:var(--f-d);font-weight:700;font-size:clamp(20px,1.6vw,24px);line-height:1.15;letter-spacing:-.02em;color:var(--dtxt)}
.bb-bp-steps p{font-size:16px;line-height:1.6;color:var(--dtxt2)}
.bb-join__p{max-width:30em;margin-top:clamp(24px,3vw,36px);font-family:var(--f-s);font-size:clamp(25px,2.5vw,38px);line-height:1.22;color:var(--txt);text-wrap:pretty}
.bb-join__aim{display:grid;grid-template-columns:auto minmax(0,1fr);gap:18px;align-items:center;max-width:44em;margin-top:clamp(28px,4vw,44px);padding-top:26px;border-top:1px solid var(--line2)}
.bb-join__aim .bb-ico{width:56px;height:56px}
.bb-join__aim p{font-size:17px;line-height:1.55;color:var(--txt2)}
.bb-join__aim b{display:block;font-family:var(--f-m);font-weight:500;font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--amber)}
.bb-connect .bb-cta__top{align-items:start}
.bb-connect .bb-cta__h{font-size:clamp(40px,5vw,80px)}
.bb-connect__lede{margin-top:20px;max-width:30em;font-size:17px;line-height:1.6;color:var(--txt2)}
.bb-enq{padding:24px 24px 26px;border-radius:24px;background:var(--paper);color:var(--dtxt)}
.bb-enq__k{display:flex;align-items:center;gap:10px;font-family:var(--f-m);font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--purple)}
.bb-enq ul{margin-top:12px;border-top:2px solid var(--dtxt)}
.bb-enq li{display:grid;grid-template-columns:110px minmax(0,1fr);gap:14px;padding:12px 0;border-bottom:1px solid rgba(87,77,104,.24);font-size:15.5px;line-height:1.45;color:var(--dtxt2)}
.bb-enq li b{font-weight:600;color:var(--dtxt)}
.bb-enq .cta-row{margin-top:20px;flex-wrap:wrap}
.bb-enq .btn--ghost{color:var(--dtxt);box-shadow:inset 0 0 0 1px rgba(26,19,38,.35);background:transparent;backdrop-filter:none}
.bb-enq .btn--ghost:hover{background:rgba(121,97,171,.08)}

/* ---- Phase 3 responsive ---- */
@media (max-width:1100px){
  .bb-mgrid,.bb-mchips{grid-template-columns:repeat(2,minmax(0,1fr))}
  .bb-specs{grid-template-columns:repeat(2,minmax(0,1fr))}
  .bb-specs > :first-child{grid-row:auto;grid-column:1/-1}
}
@media (max-width:900px){
  .bb-hero--reel .bb-hero__grid,.bb-hero--index .bb-hero__grid,.bb-hero--flip .bb-hero__grid,.bb-hero--versus .bb-hero__grid,
  .bb-hero--partner .bb-hero__grid,.bb-path-after,.bb-figrow,.bb-vq,.bb-duo,.bb-gethalf{grid-template-columns:minmax(0,1fr)}
  .bb-duo > section{padding-right:0}
  .bb-duo > section + section{padding-left:0;border-left:0;margin-top:clamp(36px,6vw,56px);padding-top:clamp(32px,5vw,48px);border-top:1px solid var(--line2)}
  .bb-reel{width:min(78vw,300px);margin-top:16px}
  .bb-path{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:36px}
  .bb-path li:nth-child(2)::after{display:none}
  .bb-hw-step{grid-template-columns:minmax(0,1fr)}
  .bb-hw-step__fig{justify-self:start}
  .bb-hw-step__fig figcaption{text-align:left}
  .bb-tri{grid-template-columns:minmax(0,1fr)}
  .bb-tri__c{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr)}
  .bb-tri__art{aspect-ratio:auto;min-height:100%}
  .bb-vs{max-width:560px}
  .bb-vs .bb-photo img,.bb-hero--partner .bb-photo img{aspect-ratio:4/3}
  .bb-vs__chips{left:12px;bottom:56px}
  .bb-letterbox.bb-photo img{aspect-ratio:16/9}
}
@media (max-width:700px){
  .bb-hwv,.bb-bp-steps,.bb-mini3,.bb-specs,.bb-figrow__list{grid-template-columns:minmax(0,1fr)}
  .bb-bp-steps li:not(:last-child)::after{left:46px;top:100%;width:4px;height:20px;background:repeating-linear-gradient(180deg,var(--amber) 0 4px,transparent 4px 8px)}
  .bb-mini3 li{flex-direction:row;align-items:center}
  .bb-path{grid-template-columns:minmax(0,1fr);row-gap:0}
  .bb-path li{display:grid;grid-template-columns:72px minmax(0,1fr);column-gap:18px;padding-bottom:28px}
  .bb-path__node{width:72px;height:72px;border-radius:22px;grid-row:1/span 3}
  .bb-path__node .bb-ico{width:44px;height:44px}
  .bb-path__k{margin-top:2px}
  .bb-path li:not(:last-child)::after,.bb-path li:nth-child(2)::after{display:block;left:34px;right:auto;top:84px;bottom:8px;width:4px;height:auto;background:repeating-linear-gradient(180deg,var(--amber) 0 4px,transparent 4px 11px)}
  .bb-key--art,.bb-statline{grid-template-columns:minmax(0,1fr)}
  .bb-tri__c{display:flex}
  .bb-tri__art{aspect-ratio:16/9;min-height:0}
  .bb-enq li{grid-template-columns:minmax(0,1fr);gap:2px}
}
@media (min-width:901px){
  .bb-hero--flip .bb-flip__photo{order:-1}
}
@media (max-width:600px){
  .bb-strip{--h:190px;padding:24px 10px}
  .bb-hw-step{padding:22px 18px 24px;border-radius:24px}
  .bb-strip__glyph .bb-ico{width:64px;height:64px}
  .bb-glyphs > span{width:72px;height:72px}
  .bb-glyphs .bb-ico{width:44px;height:44px}
  .bb-vs__chips{position:static;flex-direction:row;flex-wrap:wrap;margin-top:16px}
  .bb-mgrid,.bb-mchips{grid-template-columns:minmax(0,1fr)}
  .bb-why5 > .bb-card:first-child{grid-template-columns:minmax(0,1fr)}
  .bb-why5 > .bb-card:first-child .bb-ico{grid-row:auto;width:64px;height:64px;margin-bottom:8px}
  .bb-hw-easy em{font-size:44px}
}
/* ---- Phase 3: section rules and hero type for the longer titles ---- */
.bb-rowwide--rule{padding-top:clamp(48px,6vw,92px);border-top:1px solid rgba(87,77,104,.24)}
.bb-mchips--2{grid-template-columns:repeat(2,minmax(0,1fr))}
.bb-hero--versus .bb-h1,.bb-hero--flip .bb-h1,.bb-hero--index .bb-h1{font-size:clamp(38px,4.3vw,66px)}
.bb-suit a{color:var(--gold);text-decoration:underline;text-underline-offset:3px}
.bb-tri-lede{margin:0 0 clamp(24px,3vw,36px)}
.bb-figrow__txt{margin-top:20px}
@media (max-width:600px){
  .bb-mchips--2{grid-template-columns:minmax(0,1fr)}
}
/* ---- Phase 3: prose overrides for the quote and the stat line; triptych chapter marks ---- */
.bb-prose p.bb-quote,p.bb-quote{margin-top:6px;font-family:var(--f-s);font-style:italic;font-size:clamp(26px,2.4vw,36px);line-height:1.15;color:var(--dtxt)}
.bb-statline .bb-num{margin-top:0;font-size:clamp(72px,7vw,112px);line-height:.85;color:transparent}
.bb-tri .bb-chap__n{margin:0}
.bb-tri__c--qr .bb-chap__n{color:var(--amber)}
@media (max-width:600px){
  .bb-mcard{display:grid;grid-template-columns:48px minmax(0,1fr);column-gap:16px;row-gap:6px;padding:20px 18px}
  .bb-mcard .bb-ico{grid-column:1;grid-row:1/span 2;width:48px;height:48px;margin:0}
  .bb-mcard h3,.bb-mcard p{grid-column:2}
  .bb-mcard--main .bb-tag{position:static;grid-column:2;justify-self:start}
  .bb-mcard__go{grid-column:1/-1}
}
/* ---- Phase 3: the owner-benefit grid nests its four cards (one tall card + a 2x2) ---- */
.bb-specs.bb-specs--nest{grid-template-columns:minmax(0,1.05fr) minmax(0,2fr)}
.bb-specs--nest > :first-child{grid-row:auto;grid-column:auto}
.bb-specs__four{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
@media (max-width:1100px){
  .bb-specs.bb-specs--nest{grid-template-columns:minmax(0,1fr)}
}
@media (max-width:700px){
  .bb-specs__four{grid-template-columns:minmax(0,1fr)}
}

/* Claims-safety pass (14 Oct 2026), contact page only: the "Find us" phone and email are links, and a
   tel: Call button sits beside WhatsApp in the closing band. Both selectors match nothing on other pages. */
.bb-mapsec__addr a{color:var(--purple);text-decoration:underline;text-underline-offset:3px;white-space:nowrap}
.bb-cta--send .cta-row{margin-top:0}

/* ==========================================================================================
   PHASE 3 REWORK after expert review round 1 (reviews/raw/r1, reviews/rework-p3.md, 14 Oct 2026).
   Every selector below is used only by the six Phase-3 pages (how-it-works, payment-backend,
   vending, coins-vs-tokens, be-a-partner, privacy); the built pages before them are untouched.
   ========================================================================================== */
/* ---- shared: trailing padding to the 64px floor ---- */
.bb-row--trim{padding-bottom:64px}
.bb-rowwide--last{padding-bottom:0}
.bb-sheet--end{padding-bottom:40px}
.bb-sheet--end > .wrap > :last-child{padding-bottom:0}

/* ---- how-it-works ---- */
.bb-hw-tile{display:grid;place-items:center;justify-self:end;width:clamp(150px,13vw,190px);aspect-ratio:1;border-radius:28px;background:var(--bb-card);box-shadow:inset 0 0 0 1px var(--bb-ring),var(--bb-shadow)}
.bb-hw-tile .bb-ico{width:88px;height:88px}
.bb-strip{width:max-content}
.bb-hw-step__fig{width:min-content}
.bb-hw-note{margin-top:18px;max-width:38em;padding:16px 20px 18px;border-radius:18px;background:rgba(121,97,171,.07);box-shadow:inset 0 0 0 1px var(--bb-ring)}
.bb-hw-note p{margin-top:8px;font-size:15.5px;line-height:1.58;color:var(--dtxt2)}
.bb-hw-note p.bb-hw-note__k{display:flex;align-items:center;gap:10px;margin-top:0;font-family:var(--f-d);font-weight:700;font-size:18px;letter-spacing:-.01em;color:var(--dtxt)}
.bb-hw-note__k .bb-ico{width:32px;height:32px}
.bb-hw-note a{color:var(--purple);text-decoration:underline;text-underline-offset:3px}
.bb-hw-easy{border-top:1px solid rgba(87,77,104,.24)}
.bb-reel figcaption{margin-top:28px;text-align:right;white-space:nowrap}
.bb-hwv__t,.bb-hwv__d{display:block}
.bb-hw-apps{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;max-width:440px;margin-top:28px}
.bb-hw-apps figure{margin:0}
.bb-hw-apps img{display:block;width:100%;height:auto;aspect-ratio:465/285;object-fit:cover;border-radius:14px;box-shadow:var(--bb-shadow)}
.bb-hw-apps figcaption{margin-top:8px;font-family:var(--f-m);font-size:12px;letter-spacing:.04em;line-height:1.4;color:var(--dtxt2)}
.bb-hw-owner{max-width:340px;margin-top:28px;padding:22px 22px 24px;border-radius:24px;background:var(--ink);color:var(--txt2);box-shadow:0 30px 60px -40px rgba(26,19,38,.8)}
.bb-hw-owner__k{display:flex;align-items:center;gap:10px;font-family:var(--f-m);font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--amber)}
.bb-hw-owner p + p{margin-top:10px;font-size:15.5px;line-height:1.55}
.bb-hw-owner a{color:var(--gold);text-decoration:underline;text-underline-offset:3px}
.bb-flow3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-bottom:28px}
.bb-flow3 li{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:16px;padding:22px 20px 24px;border-radius:24px;background:var(--bb-card);box-shadow:inset 0 0 0 1px var(--bb-ring),var(--bb-shadow)}
.bb-flow3 .bb-ico{width:88px;height:88px}
.bb-flow3 span{font-family:var(--f-d);font-weight:700;font-size:clamp(19px,1.6vw,22px);line-height:1.15;letter-spacing:-.02em;color:var(--dtxt)}
.bb-flow3 li:not(:last-child)::after{content:"";position:absolute;left:100%;top:64px;z-index:2;width:18px;height:4px;background:repeating-linear-gradient(90deg,var(--amber) 0 4px,transparent 4px 8px)}
.bb-hw-index{border-top:2px solid var(--dtxt)}
.bb-hw-index a{display:grid;grid-template-columns:minmax(0,.7fr) minmax(0,1.5fr) auto 34px;gap:18px;align-items:center;padding:18px 0;border-bottom:1px solid rgba(87,77,104,.24);color:var(--dtxt);transition:color .25s}
.bb-hw-index a:hover{color:var(--purple)}
.bb-hw-index__m{display:flex;align-items:center;gap:14px;font-family:var(--f-d);font-weight:700;font-size:clamp(18px,1.5vw,21px);letter-spacing:-.015em}
.bb-hw-index__m .bb-ico{width:40px;height:40px}
.bb-hw-index__f{font-size:16px;line-height:1.45;color:var(--dtxt2)}
.bb-hw-index__s{font-family:var(--f-m);font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--purple)}
.bb-hw-index .bb-hw-index__go{width:32px;height:32px}
@media (max-width:900px){
  .bb-flow3 li{padding:18px 14px 20px}
  .bb-flow3 .bb-ico{width:64px;height:64px}
  .bb-flow3 li:not(:last-child)::after{top:50px}
}
@media (max-width:700px){
  .bb-hero--reel .bb-hero__grid{display:flex;flex-direction:column;align-items:stretch;gap:0}
  .bb-hero--reel .bb-hero__copy{display:contents}
  .bb-hero--reel .bb-crumbs{order:1}
  .bb-hero--reel .eyebrow{order:2}
  .bb-hero--reel .bb-h1{order:3}
  .bb-hero--reel .bb-reel{order:4;align-self:flex-start;width:168px;margin:28px 0 6px 12px}
  .bb-hero--reel .bb-ans{order:5}
  .bb-hero--reel .cta-row{order:6}
  .bb-hero--reel .bb-upd{order:7}
  .bb-reel__a{padding:7px;border-radius:30px}
  .bb-reel__a::before{top:13px;width:46px;height:12px;margin-left:-23px}
  .bb-reel__a img{border-radius:24px}
  .bb-reel__play{width:52px;height:52px;margin:-26px 0 0 -26px;box-shadow:0 0 0 6px rgba(252,176,64,.22),0 12px 28px -10px rgba(0,0,0,.7)}
  .bb-reel__play::after{left:21px;top:17px;border-left-width:13px;border-top-width:9px;border-bottom-width:9px}
  .bb-reel__dur{right:14px;bottom:14px}
  .bb-reel__c{inset:-10px;--l:20px}
  .bb-reel figcaption{width:max-content;max-width:calc(100vw - 48px);margin-top:18px;text-align:left;white-space:normal}
  .bb-flow3{grid-template-columns:minmax(0,1fr);gap:14px}
  .bb-flow3 li{flex-direction:row;align-items:center}
  .bb-flow3 li:not(:last-child)::after{left:44px;top:100%;width:4px;height:14px;background:repeating-linear-gradient(180deg,var(--amber) 0 4px,transparent 4px 8px)}
  .bb-hw-index a{grid-template-columns:minmax(0,1fr) 30px;gap:6px 14px}
  .bb-hw-index__m,.bb-hw-index__f,.bb-hw-index__s{grid-column:1}
  .bb-hw-index .bb-hw-index__go{grid-column:2;grid-row:1/span 3;width:28px;height:28px}
  .bb-hw-tile{justify-self:start;width:120px}
  .bb-hw-tile .bb-ico{width:64px;height:64px}
}

/* ---- payment-backend ---- */
@media (min-width:901px){.bb-hero--pb .bb-hero__grid{grid-template-columns:minmax(0,1.12fr) minmax(0,.88fr);align-items:center}}  /* safety p3: desktop only; phones get the one-column hero */
.bb-hero--pb .bb-h1{font-size:clamp(38px,4.3vw,66px)}
.bb-pb__photo{margin-top:clamp(8px,3.4vw,52px)}
.bb-pb__photo img{aspect-ratio:5/4;object-position:30% 50%}
.bb-path p.bb-path__k{margin-top:22px;font-size:12px;line-height:1.4;color:var(--purple)}
.bb-path p.bb-path__t{margin-top:8px;font-family:var(--f-d);font-weight:700;font-size:clamp(20px,1.6vw,24px);line-height:1.15;letter-spacing:-.02em;color:var(--dtxt)}
.bb-olist{border-top:2px solid var(--dtxt)}
.bb-olist li{display:grid;grid-template-columns:60px minmax(0,1fr);gap:22px;align-items:center;padding:20px 0;border-bottom:1px solid rgba(87,77,104,.24);scroll-margin-top:110px}
.bb-olist .bb-ico{width:56px;height:56px}
.bb-olist li > div{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:6px 32px;align-items:baseline}
.bb-olist p{font-size:16px;line-height:1.58;color:var(--dtxt2)}
.bb-olist p.bb-olist__t{font-family:var(--f-d);font-weight:700;font-size:clamp(19px,1.6vw,23px);line-height:1.2;letter-spacing:-.02em;color:var(--dtxt)}
.bb-askbox{max-width:340px;margin-top:28px;padding:22px 22px 18px;border-radius:24px;background:var(--bb-card);box-shadow:inset 0 0 0 1px var(--bb-ring),var(--bb-shadow)}
.bb-askbox__k{display:flex;align-items:center;gap:10px;font-family:var(--f-m);font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--purple)}
.bb-askbox ul{margin-top:12px;border-top:2px solid var(--dtxt)}
.bb-askbox li{padding:11px 0;border-bottom:1px solid rgba(87,77,104,.24);font-size:15.5px;line-height:1.45;color:var(--dtxt)}
.bb-askbox__go{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:12px;font-weight:600;font-size:15.5px;color:var(--purple)}
.bb-askbox__go .bb-ico{width:30px;height:30px}
@media (max-width:700px){
  .bb-olist li{grid-template-columns:44px minmax(0,1fr);gap:16px;align-items:start}
  .bb-olist .bb-ico{width:44px;height:44px}
  .bb-olist li > div{grid-template-columns:minmax(0,1fr)}
}

/* ---- vending and arcade ---- */
.bb-hero--flip .bb-hero__grid{align-items:start}
.bb-mcard{padding:0}
.bb-mcard > a{display:flex;flex-direction:column;gap:10px;height:100%;padding:24px 22px;border-radius:24px;color:var(--dtxt);transition:transform .4s var(--ease)}
.bb-mcard > a:hover{transform:translateY(-3px)}
.bb-mcard > a:focus-visible{outline:3px solid var(--purple);outline-offset:3px}
.bb-mcard__t{font-family:var(--f-d);font-weight:700;font-size:clamp(19px,1.45vw,22px);line-height:1.18;letter-spacing:-.02em;text-wrap:balance}
.bb-mcard--main > a{color:var(--txt)}
.bb-mcard .bb-mcard__arr{width:30px;height:30px;margin:auto 0 0;align-self:flex-end}
.bb-claw__grid{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(28px,5vw,88px);align-items:start}
.bb-claw__art{display:grid;place-items:center;width:clamp(160px,16vw,240px);aspect-ratio:1;margin-top:32px;border-radius:36px;background:rgba(255,255,255,.05);box-shadow:inset 0 0 0 1px var(--line2)}
.bb-claw__art .bb-ico{width:68%;height:68%}
.bb-claw .bb-lede{margin-top:0;max-width:36em}
.bb-claw__k{display:flex;align-items:center;gap:10px;margin-top:30px;font-family:var(--f-m);font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--amber)}
.bb-mini3--dark{margin-top:14px}
.bb-mini3--dark li{background:rgba(255,255,255,.05);box-shadow:inset 0 0 0 1px var(--line2)}
.bb-mini3--dark b{color:var(--amber)}
.bb-mini3--dark p{color:var(--txt)}
.bb-figrow--rule{padding:clamp(48px,6vw,92px) 0 64px;border-top:1px solid rgba(87,77,104,.24)}
.bb-gets2{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:clamp(24px,4vw,64px);align-items:start}
.bb-gets2__k{font-family:var(--f-m);font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--purple)}
.bb-gets2 ul{margin-top:12px;border-top:2px solid var(--dtxt)}
.bb-gets2 li{display:grid;grid-template-columns:44px minmax(0,1fr);gap:16px;align-items:center;padding:14px 0;border-bottom:1px solid rgba(87,77,104,.24);font-family:var(--f-d);font-weight:650;font-size:17.5px;line-height:1.3;letter-spacing:-.01em;color:var(--dtxt)}
.bb-gets2 .bb-ico{width:44px;height:44px}
.bb-gets2 small{display:block;margin-top:4px;font-family:var(--f-b);font-weight:400;font-size:15px;letter-spacing:0;color:var(--dtxt2)}
.bb-gets2 + .bb-after{margin-top:28px}
.bb-sendlist{margin-top:22px;border-top:2px solid var(--dtxt);counter-reset:send}
.bb-sendlist li{display:grid;grid-template-columns:44px minmax(0,1fr);gap:12px;align-items:baseline;padding:14px 0;border-bottom:1px solid rgba(87,77,104,.24);font-size:16.5px;line-height:1.5;color:var(--dtxt);counter-increment:send}
.bb-sendlist li::before{content:counter(send,decimal-leading-zero);font-family:var(--f-s);font-style:italic;font-size:26px;line-height:1;color:var(--purple)}
@media (max-width:900px){
  .bb-claw__grid,.bb-gets2{grid-template-columns:minmax(0,1fr)}
  .bb-claw__art{width:140px;margin-top:22px}
}
@media (max-width:700px){
  .bb-mgrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  .bb-mgrid .bb-mcard--main{grid-column:1/-1}
  .bb-mgrid .bb-mcard:last-child{grid-column:1/-1}
  .bb-mcard{display:block;padding:0}
  .bb-mcard > a{gap:8px;padding:16px 14px 14px}
  .bb-mcard .bb-ico{width:40px;height:40px;margin:0}
  .bb-mcard__t{font-size:16px}
  .bb-mcard .bb-mcard__arr{width:24px;height:24px}
  .bb-mcard--main .bb-tag{position:absolute;right:14px;top:16px}
}

/* ---- coins vs tokens vs QR ---- */
.bb-cmp .bb-table thead th .bb-ico{display:inline-block;width:30px;height:30px;margin-right:10px;vertical-align:-8px}
.bb-cmp .bb-table thead th.is-hi .bb-ico{--ia:var(--purple-l)}
.bb-cmp .bb-table td{padding:14px 22px}
.bb-cmp .bb-table tbody th{padding:15px 22px 14px 0}
.bb-cmp__after{max-width:54em;margin-top:22px;padding:16px 20px;border-radius:16px;background:var(--bb-tint);font-size:15.5px;line-height:1.55;color:var(--dtxt)}
.bb-cmp__after a{color:var(--dtxt);font-weight:600;text-decoration:underline;text-underline-offset:3px}
.bb-sheet.bb-cmp > .wrap > p.bb-cmp__after{padding-bottom:16px;margin-bottom:clamp(48px,6vw,92px)}
.bb-tri__art{aspect-ratio:16/8}
.bb-tri h3{font-family:var(--f-d);font-weight:700;font-size:clamp(24px,2vw,30px);line-height:1.08;letter-spacing:-.03em;color:var(--dtxt);text-wrap:balance}
.bb-tri h3 em{font-family:var(--f-s);font-style:italic;font-weight:400;letter-spacing:-.01em;color:var(--purple)}
.bb-tri__c--qr h3{color:var(--txt)}
.bb-tri__c--qr h3 em{color:var(--amber)}
.bb-duo{align-items:stretch}
.bb-duo > section{display:flex;flex-direction:column}
.bb-duo__tags{margin-top:auto;padding-top:22px}
.bb-dark.bb-duo-band{padding-bottom:64px}
.bb-suitgrid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,.65fr);gap:clamp(24px,4vw,56px);align-items:start}
.bb-selfcheck{border-top:2px solid var(--dtxt)}
.bb-selfcheck li{display:grid;grid-template-columns:40px minmax(0,1fr);gap:16px;padding:18px 0;border-bottom:1px solid rgba(87,77,104,.24)}
.bb-selfcheck__box{width:26px;height:26px;margin-top:1px;border-radius:6px;box-shadow:inset 0 0 0 2px var(--purple)}
.bb-selfcheck p{font-size:16px;line-height:1.55;color:var(--dtxt2)}
.bb-selfcheck p + p{margin-top:6px}
.bb-selfcheck p.bb-selfcheck__q{font-family:var(--f-d);font-weight:700;font-size:clamp(18px,1.5vw,21px);line-height:1.25;letter-spacing:-.015em;color:var(--dtxt)}
.bb-selfcheck a{color:var(--purple);text-decoration:underline;text-underline-offset:3px}
.bb-suitgrid .bb-suit{max-width:none;margin-top:0}
.bb-selfcheck__score{max-width:54em;margin-top:24px;padding:16px 20px;border-radius:16px;background:var(--bb-tint);font-size:16px;line-height:1.55;color:var(--dtxt)}
.bb-selfcheck__score a{color:var(--dtxt);font-weight:600;text-decoration:underline;text-underline-offset:3px}
.bb-verdict{font-size:17px;color:var(--dtxt)}
@media (max-width:900px){
  .bb-suitgrid{grid-template-columns:minmax(0,1fr)}
}
@media (max-width:700px){
  .bb-vs__chips{position:static;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:16px}
  .bb-vs__chips li{flex-direction:column;justify-content:center;gap:6px;padding:10px 6px;border-radius:16px;text-align:center}
  .bb-vs__chips .bb-ico{width:30px;height:30px}
}

/* ---- be-a-partner ---- */
.bb-hero--partner .bb-photo img{object-position:56% 50%}
.bb-inds__k{display:flex;align-items:center;gap:10px;font-family:var(--f-m);font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--purple)}
.bb-inds{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:clamp(24px,4vw,56px);margin-top:12px;border-top:2px solid var(--dtxt)}
.bb-inds li{border-bottom:1px solid rgba(87,77,104,.24)}
.bb-inds li.is-main{grid-column:1/-1;border-bottom:0}
.bb-inds a{display:grid;grid-template-columns:44px minmax(0,1fr) 30px;gap:16px;align-items:center;padding:14px 0;font-family:var(--f-d);font-weight:650;font-size:17.5px;line-height:1.25;letter-spacing:-.01em;color:var(--dtxt);transition:color .25s}
.bb-inds a:hover{color:var(--purple)}
.bb-inds .bb-ico{width:44px;height:44px}
.bb-inds .bb-inds__go{width:30px;height:30px}
.bb-inds li.is-main a{grid-template-columns:64px minmax(0,1fr) 36px;margin:14px 0 6px;padding:18px 22px;border-radius:22px;background:var(--ink);color:var(--txt);font-size:clamp(20px,1.8vw,26px)}
.bb-inds li.is-main .bb-ico{width:64px;height:64px;--ia:var(--purple-l)}
.bb-inds li.is-main .bb-inds__go{width:36px;height:36px}
.bb-inds small{display:block;margin-top:4px;font-family:var(--f-m);font-weight:500;font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--gold)}
.bb-whydl{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:16px;align-items:stretch}
.bb-whydl dl,.bb-whydl dd{margin:0}
.bb-whydl__feat{display:flex;flex-direction:column;justify-content:space-between;gap:28px;padding:clamp(28px,3vw,40px);border-radius:28px;background:var(--ink);color:var(--txt);box-shadow:0 40px 80px -50px rgba(26,19,38,.8)}
.bb-whydl__feat dt{display:flex;flex-direction:column;gap:22px;font-family:var(--f-d);font-weight:700;font-size:clamp(28px,2.6vw,40px);line-height:1.05;letter-spacing:-.03em}
.bb-whydl__feat .bb-ico{width:96px;height:96px;--ia:var(--purple-l)}
.bb-whydl__feat dd{font-size:17px;line-height:1.6;color:var(--txt2)}
.bb-whydl__rows{border-top:2px solid var(--dtxt)}
.bb-whydl__rows > div{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:8px 28px;align-items:center;padding:20px 0;border-bottom:1px solid rgba(87,77,104,.24)}
.bb-whydl__rows dt{display:flex;align-items:center;gap:14px;font-family:var(--f-d);font-weight:700;font-size:clamp(18px,1.5vw,21px);line-height:1.2;letter-spacing:-.015em;color:var(--dtxt)}
.bb-whydl__rows .bb-ico{width:44px;height:44px}
.bb-whydl__rows dd{font-size:16px;line-height:1.58;color:var(--dtxt2)}
.bb-bp-wrap{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr);gap:20px;align-items:stretch;margin-top:clamp(28px,4vw,44px)}
.bb-bp-wrap .bb-bp-steps{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:0}
.bb-bp-steps p.bb-bp-steps__t{margin-top:8px;font-family:var(--f-d);font-weight:700;font-size:clamp(20px,1.6vw,24px);line-height:1.15;letter-spacing:-.02em;color:var(--dtxt)}
.bb-bp-steps p a{color:var(--purple);text-decoration:underline;text-underline-offset:3px}
.bb-bp-ask{padding:24px 24px 14px;border-radius:24px;background:var(--bb-tint)}
.bb-bp-ask__k{display:flex;align-items:center;gap:10px;font-family:var(--f-m);font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:#5A2A06}
.bb-bp-ask ul{margin-top:12px;border-top:2px solid var(--dtxt)}
.bb-bp-ask li{padding:10px 0;border-bottom:1px solid rgba(87,77,104,.24);font-size:15.5px;line-height:1.45;color:var(--dtxt)}
.bb-bp-ask li:last-child{border-bottom:0}
.bb-join__pull{max-width:22em;margin-top:clamp(24px,3vw,36px);font-family:var(--f-s);font-style:italic;font-size:clamp(30px,3.2vw,48px);line-height:1.1;color:var(--txt);text-wrap:balance}
.bb-join__p{max-width:40em;margin-top:22px;font-family:var(--f-b);font-size:clamp(18px,1.5vw,21px);line-height:1.6;color:var(--txt2)}
.bb-rel--sheet{padding-top:clamp(64px,7vw,96px)}
.bb-rel--sheet .bb-rel__h{padding-top:0;border-top:0}
.bb-connect__cards{display:grid;gap:10px;max-width:520px;margin-top:26px}
.bb-connect__more{margin-top:16px;font-size:15.5px;line-height:1.55;color:var(--txt2)}
.bb-connect__more a{color:var(--gold);text-decoration:underline;text-underline-offset:3px}
.bb-enq__h{margin-top:10px;font-family:var(--f-d);font-weight:700;font-size:clamp(22px,1.9vw,28px);line-height:1.12;letter-spacing:-.025em;color:var(--dtxt)}
.bb-enq ul.bb-enq__list{margin-top:14px;border-top:2px solid var(--dtxt)}
.bb-enq .bb-enq__list li{display:flex;align-items:baseline;gap:14px;padding:12px 0;font-size:16px;color:var(--dtxt)}
.bb-enq__list li::before{content:"";flex:none;width:10px;height:10px;margin-right:12px;border-radius:2px;background:var(--amber);box-shadow:14px 0 0 -2px var(--purple);transform:translateY(-1px)}
@media (max-width:900px){
  .bb-whydl,.bb-bp-wrap{grid-template-columns:minmax(0,1fr)}
}
@media (max-width:700px){
  .bb-inds{grid-template-columns:minmax(0,1fr)}
  .bb-bp-wrap .bb-bp-steps{grid-template-columns:minmax(0,1fr)}
  .bb-whydl__rows > div{grid-template-columns:minmax(0,1fr)}
}

/* ---- privacy (legal) ---- */
.bb-legal__top{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,.65fr);gap:clamp(28px,5vw,80px);align-items:end}
.bb-draft{display:flex;gap:16px;align-items:flex-start;padding:22px 24px;border-radius:22px;background:var(--bb-tint);color:#3A2410;font-size:15.5px;line-height:1.55;box-shadow:0 30px 60px -40px rgba(0,0,0,.8)}
.bb-draft b{display:block;margin-bottom:6px;font-size:16.5px;color:#5A2A06}
.bb-draft .bb-ico{width:40px;height:40px;--ia:var(--purple)}
.bb-legal .bb-h3x em{font-family:var(--f-s);font-style:italic;font-weight:400;letter-spacing:-.01em;color:var(--purple)}
.bb-legal .bb-prose code{padding:1px 6px;border-radius:5px;background:rgba(121,97,171,.1);font-family:var(--f-m);font-size:.88em}
.bb-legal__aside{padding:0;border-radius:0;background:none;box-shadow:none}
.bb-legal__k{margin-bottom:12px}
.bb-legal__card{padding:22px 24px;border-radius:24px;background:var(--bb-card);box-shadow:inset 0 0 0 1px var(--bb-ring),var(--bb-shadow)}
.bb-table--ledger td a{color:var(--purple);text-decoration:underline;text-underline-offset:3px}
.bb-sheet.bb-legal{padding-bottom:40px}
.bb-rel--compact .bb-rel__list{grid-template-columns:repeat(5,minmax(0,1fr))}
.bb-rel--compact .bb-rel__list > :first-child{grid-column:auto}
.bb-rel--compact .bb-rel__a{display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:12px;row-gap:4px;align-items:center;padding:16px 18px}
.bb-rel--compact .bb-rel__k{grid-column:1;grid-row:1}
.bb-rel--compact .bb-rel__t{grid-column:1;grid-row:2;font-size:17px}
.bb-rel--compact .bb-rel__go{grid-column:2;grid-row:1/span 2;align-self:center;width:30px;height:30px;margin:0}
@media (max-width:1100px){
  .bb-rel--compact .bb-rel__list{grid-template-columns:repeat(2,minmax(0,1fr))}
  .bb-rel--compact .bb-rel__list > :first-child{grid-column:1/-1}
}
@media (max-width:900px){
  .bb-legal__top{grid-template-columns:minmax(0,1fr);align-items:start}
}
@media (max-width:700px){
  .bb-rel--compact .bb-rel__list{grid-template-columns:minmax(0,1fr)}
  .bb-rel--compact .bb-rel__list > :first-child{grid-column:auto}
  .bb-sheet.bb-legal{padding-top:44px}
}

/* ==========================================================================================
   SAFETY PASS after expert review round 2 (reviews/safety-p3.md, 14 Oct 2026). Layout breaks and
   visual defects the Design seat named, fixed without new content. Every selector below is used only
   by the six Phase-3 pages (how-it-works, payment-backend, vending, coins-vs-tokens, be-a-partner,
   privacy); the other built pages render exactly as before.
   ========================================================================================== */
/* ---- shared: a four-card compact Keep reading row; the byte bullet list ---- */
.bb-rel--compact.bb-rel--c4 .bb-rel__list{grid-template-columns:repeat(4,minmax(0,1fr))}
.bb-bytes{margin-top:22px;border-top:2px solid var(--dtxt)}
.bb-bytes li{position:relative;padding:16px 0 16px 36px;border-bottom:1px solid rgba(87,77,104,.24);font-size:16.5px;line-height:1.55;color:var(--dtxt2)}
.bb-bytes li b{color:var(--dtxt)}
.bb-bytes li::before{content:"";position:absolute;left:0;top:24px;width:10px;height:10px;border-radius:2px;background:var(--amber);box-shadow:14px 0 0 -2px var(--purple)}

/* ---- how-it-works ---- */
.bb-hw-step{grid-template-columns:minmax(0,1fr) 320px;align-items:start}
.bb-hw-step__txt{max-width:40em}
.bb-hw-step__fig{display:flex;flex-direction:column;align-items:flex-end;width:auto;justify-self:stretch}
.bb-hw-step__fig .bb-hw-tile{justify-self:auto}
.bb-hw-step__fig figcaption{display:flex;flex-direction:column;align-items:flex-end;gap:8px;margin-top:12px;text-align:right}
.bb-hw-step__fig .bb-hw-step__my{margin-top:0}
.bb-hw-step__cap{white-space:nowrap}
.bb-hw-apps2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;max-width:440px;margin-top:28px}
.bb-hw-apps2 li{display:flex;flex-direction:column;gap:12px;padding:18px 18px 20px;border-radius:20px;background:var(--bb-card);box-shadow:inset 0 0 0 1px var(--bb-ring),var(--bb-shadow)}
.bb-hw-apps2 .bb-ico{width:60px;height:60px}
.bb-hw-apps2 p{font-size:14.5px;line-height:1.45;color:var(--dtxt)}
.bb-hw-apps2 small{display:block;margin-bottom:4px;font-family:var(--f-m);font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--purple)}
.bb-flow3 span{min-height:2.3em}
.bb-hw-route{margin-top:clamp(28px,4vw,44px)}
#film-electrolux .bb-hwv__pic img{width:124%;max-width:none;object-position:0 0}
.bb-hw-index a{grid-template-columns:minmax(0,.7fr) minmax(0,1.5fr) 132px 34px}
.bb-hw-index__s{text-align:right}
@media (max-width:900px){
  .bb-hw-step{grid-template-columns:minmax(0,1fr)}
  .bb-hw-step__fig{align-items:flex-start}
  .bb-hw-step__fig figcaption{align-items:flex-start;text-align:left}
}
@media (max-width:700px){
  .bb-hero--reel .bb-reel{align-self:center;margin:28px auto 6px}
  .bb-hero--reel .bb-reel figcaption{width:auto;max-width:none;margin-inline:-80px;text-align:center}
  .bb-hw-apps2{max-width:none}
  .bb-hw-index a{grid-template-columns:minmax(0,1fr) 30px}
  .bb-hw-index__s{text-align:left}
}

/* ---- payment-backend ---- */
.bb-pb__photo{margin-top:0}
.bb-pb__photo img{aspect-ratio:4/5;object-position:30% 50%}
.bb-olist li > div{display:block}
.bb-olist li > div p + p{max-width:60ch;margin-top:4px}
.bb-pb-custom .bb-askbox{max-width:440px;margin-top:28px}
.bb-pb-vision__in{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(28px,5vw,88px);align-items:end}
.bb-pb-vision__b .sec-lede{margin-top:0;max-width:30em;font-size:clamp(19px,1.6vw,23px);line-height:1.45;color:var(--txt)}
.bb-pb-vision__b p + p{margin-top:16px;max-width:36em;font-size:16.5px;line-height:1.6;color:var(--txt2)}
.bb-pb-vision__b a{color:var(--gold);text-decoration:underline;text-underline-offset:3px}
.bb-pb-team{margin-top:18px;max-width:40em;font-size:16.5px;line-height:1.6;color:var(--dtxt)}
@media (max-width:1100px){
  .bb-rel--compact.bb-rel--c4 .bb-rel__list{grid-template-columns:repeat(2,minmax(0,1fr))}
  .bb-rel--compact.bb-rel--c4 .bb-rel__list > :first-child{grid-column:auto}
}
@media (max-width:900px){
  .bb-pb-vision__in{grid-template-columns:minmax(0,1fr);gap:22px}
  .bb-pb__photo img{aspect-ratio:16/10}
}
@media (max-width:700px){
  .bb-rel--compact.bb-rel--c4 .bb-rel__list{grid-template-columns:minmax(0,1fr)}
}

/* ---- vending and arcade ---- */
@media (min-width:901px){
  .bb-hero--flip .bb-hero__grid{align-items:center}
  .bb-flip__photo img{aspect-ratio:1/1}
}
.bb-claw__art--bare{width:clamp(180px,17vw,250px);margin-top:28px;border-radius:0;background:none;box-shadow:none}
.bb-claw__art--bare .bb-ico{width:100%;height:100%}
.bb-mcard > a{gap:8px;padding:18px 20px 16px}
.bb-mcard .bb-ico{width:44px;height:44px;margin-bottom:2px}
.bb-mcard--main .bb-tag{top:18px}
.bb-mcard:not(.bb-mcard--main) .bb-mcard__arr{position:absolute;right:16px;top:18px;margin:0}
.bb-mcard:not(.bb-mcard--main) .bb-mcard__t{padding-right:8px}
.bb-figrow{align-items:start}
.bb-gets1{border-top:2px solid var(--dtxt)}
.bb-gets1 li{display:grid;grid-template-columns:44px minmax(0,1fr) auto;gap:16px;align-items:center;padding:14px 0;border-bottom:1px solid rgba(87,77,104,.24)}
.bb-gets1 .bb-ico{width:44px;height:44px}
.bb-gets1__t{font-family:var(--f-d);font-weight:650;font-size:17.5px;line-height:1.3;letter-spacing:-.01em;color:var(--dtxt)}
.bb-gets1__tag{font-family:var(--f-m);font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--purple);text-align:right}
.bb-gets1 + .bb-after{margin-top:28px}
.bb-sendlist li{padding:18px 0}
@media (max-width:900px){
  .bb-claw__art--bare{width:150px;margin-top:18px}
}
@media (max-width:700px){
  .bb-gets1 li{grid-template-columns:40px minmax(0,1fr);gap:4px 14px}
  .bb-gets1 .bb-ico{grid-row:1/span 2;width:40px;height:40px}
  .bb-gets1__tag{grid-column:2;text-align:left}
  .bb-mcard > a{padding:14px 14px 12px}
}

/* ---- coins vs tokens vs QR ---- */
.bb-sheet.bb-cmp{display:flow-root}
.bb-cmp .bb-table caption{max-width:66ch}
.bb-vs__pic{position:relative}
.bb-vs__chips.bb-vs__bar{position:absolute;left:14px;right:14px;bottom:14px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;padding:6px;border-radius:999px;background:rgba(17,11,28,.9);box-shadow:inset 0 0 0 1px var(--line2),0 18px 40px -18px rgba(0,0,0,.8)}
.bb-vs__chips.bb-vs__bar li{justify-content:center;gap:8px;padding:6px 10px;border-radius:999px;background:none;box-shadow:none}
.bb-vs__chips.bb-vs__bar li + li{border-left:1px solid var(--line2);border-radius:0}
.bb-vs__chips.bb-vs__bar li.is-qr{border-left:0;border-radius:999px;background:var(--paper);color:var(--dtxt)}
.bb-vs__chips.bb-vs__bar .bb-ico{width:28px;height:28px}
.bb-tri__glyph .bb-ico{width:64px;height:64px}
.bb-tri__b{padding-top:28px}
.bb-selfcheck--num li{grid-template-columns:44px minmax(0,1fr)}
.bb-selfcheck__n{display:flex;flex-direction:column;align-items:flex-start;gap:8px;padding-top:4px;font-family:var(--f-m);font-size:13px;letter-spacing:.06em;color:var(--purple)}
.bb-selfcheck__n i{display:block;width:10px;height:10px;border-radius:2px;background:var(--amber);box-shadow:14px 0 0 -2px var(--purple)}
.bb-suit__go{margin-top:16px;border-top:1px solid var(--line2)}
.bb-suit__go a{display:grid;grid-template-columns:minmax(0,1fr) 28px;gap:12px;align-items:center;padding:12px 0;border-bottom:1px solid var(--line2);font-size:15px;line-height:1.4;color:var(--gold)}
.bb-suit__go a:hover{color:var(--txt)}
.bb-suit__go small{display:block;margin-bottom:2px;font-family:var(--f-m);font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--txt2)}
.bb-suit .bb-suit__go .bb-ico{width:28px;height:28px;--ia:var(--amber)}
@media (max-width:900px){
  .bb-tri__c{display:flex}
}
@media (max-width:700px){
  .bb-cmp .bb-table:not(.bb-table--ledger) tbody tr{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:14px;margin-top:10px;padding:2px 14px 10px}
  .bb-cmp .bb-table:not(.bb-table--ledger) tbody th{grid-column:1/-1;padding:12px 0 2px}
  .bb-cmp .bb-table:not(.bb-table--ledger) td{display:block;padding:8px 0}
  .bb-cmp .bb-table:not(.bb-table--ledger) td::before{display:block;margin-bottom:2px;padding-top:0}
  .bb-cmp .bb-table:not(.bb-table--ledger) td.is-hi{grid-column:1/-1;margin:6px -6px 0;padding:10px 10px}
  .bb-vs__chips.bb-vs__bar{left:8px;right:8px;bottom:8px}
  .bb-vs__chips.bb-vs__bar li{flex-direction:row;padding:6px 4px;font-size:12px;letter-spacing:.06em}
  .bb-vs__chips.bb-vs__bar .bb-ico{width:22px;height:22px}
}

/* ---- be-a-partner ---- */
.bb-hero__kept--plain{max-width:30em;font-family:var(--f-b);font-style:normal;font-size:clamp(18px,1.5vw,21px);line-height:1.5;color:var(--txt);text-wrap:pretty}
.bb-bp-epa .bb-rowwide__head{align-items:start}
.bb-chips8{display:flex;flex-wrap:wrap;gap:10px;margin-top:14px}
.bb-chips8 li{display:inline-flex;align-items:center;gap:10px;padding:8px 16px 8px 8px;border-radius:999px;background:var(--bb-card);box-shadow:inset 0 0 0 1px var(--bb-ring);font-family:var(--f-d);font-weight:650;font-size:16px;line-height:1.2;color:var(--dtxt)}
.bb-chips8 .bb-ico{width:32px;height:32px}
.bb-chips8 li.is-main{padding:0;background:var(--ink);box-shadow:none}
.bb-chips8 li.is-main a{display:inline-flex;align-items:center;gap:10px;padding:8px 16px 8px 8px;color:var(--txt)}
.bb-chips8 li.is-main .bb-ico{--ia:var(--purple-l)}
.bb-chips8 li.is-main small{font-family:var(--f-m);font-weight:500;font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--gold)}
.bb-chips8__more{margin-top:18px;font-size:16px;line-height:1.55;color:var(--dtxt2)}
.bb-chips8__more a{color:var(--purple);text-decoration:underline;text-underline-offset:3px}
.bb-whydl__feat{justify-content:flex-start}
.bb-bp-steps{align-items:start}
.bb-bp-wrap{align-items:start}
.bb-bp-ask{padding-bottom:10px}
.bb-join2{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,.7fr);gap:clamp(28px,5vw,80px);align-items:center}
.bb-join__aim--plate{grid-template-columns:minmax(0,1fr);gap:20px;max-width:none;margin-top:0;padding:28px;border-top:0;border-radius:28px;background:linear-gradient(180deg,rgba(255,255,255,.07),rgba(255,255,255,.02));box-shadow:inset 0 0 0 1px var(--line2)}
.bb-join__aim--plate .bb-ico{width:clamp(120px,12vw,180px);height:clamp(120px,12vw,180px)}
.bb-join__aim--plate p{font-size:18px;line-height:1.5;color:var(--txt)}
@media (max-width:900px){
  .bb-join2{grid-template-columns:minmax(0,1fr)}
  .bb-join__aim--plate{grid-template-columns:auto minmax(0,1fr);align-items:center}
  .bb-join__aim--plate .bb-ico{width:72px;height:72px}
}

/* ---- privacy (legal) ---- */
.bb-legal__top{align-items:start}
.bb-legal__top > .bb-draft{margin-top:clamp(64px,7vw,96px)}
h2.bb-legal__k{font-weight:500;line-height:1.4}
.bb-legal .bb-3p{margin-top:16px;border-top:2px solid var(--dtxt)}
.bb-legal .bb-3p li{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.6fr);gap:4px 24px;padding:14px 0;border-bottom:1px solid rgba(87,77,104,.24)}
.bb-legal .bb-prose .bb-3p p{margin-top:0}
.bb-legal .bb-3p p.bb-3p__n{grid-row:1/span 2;font-family:var(--f-d);font-weight:700;font-size:17px;line-height:1.3;letter-spacing:-.01em;color:var(--dtxt)}
.bb-legal .bb-3p p.bb-3p__w{font-size:16px;line-height:1.55;color:var(--dtxt2)}
.bb-legal .bb-3p p.bb-3p__d{grid-column:2;font-family:var(--f-m);font-size:12px;letter-spacing:.04em;color:var(--purple)}
.bb-legal .bb-3p + p{margin-top:18px}
@media (max-width:900px){
  .bb-legal__top > .bb-draft{margin-top:0}
}
@media (max-width:700px){
  .bb-legal .bb-3p li{grid-template-columns:minmax(0,1fr)}
  .bb-legal .bb-3p p.bb-3p__n{grid-row:auto}
  .bb-legal .bb-3p p.bb-3p__d{grid-column:auto}
}

/* ==========================================================================================
   ARTICLE PREVIEW FIXES (reviews/preview-final-check.md, 14 Oct 2026) -- article hero + body only
   ========================================================================================== */
/* defects 1-2: the hero frame's corners hug the photo (a grid cell of their own), so a caption of any
   length sits below them instead of under them */
.bb-arthero__fig{display:grid;grid-template-columns:minmax(0,1fr)}
.bb-arthero__fig > img{grid-area:1/1/2/2}
.bb-arthero__fig > .bb-photo__c{grid-area:1/1/2/2;inset:-12px}
.bb-arthero__fig > figcaption{grid-area:2/1/3/2;margin-top:26px}
@media (max-width:600px){
  .bb-arthero__fig > .bb-photo__c{inset:-8px}
  .bb-arthero__fig > figcaption{margin-top:20px}
}
/* defects 3-4: article tables fit their reading column. Cells wrap (no forced one-line first column);
   the row-label column takes a fair share; a table that is still wider than the column scrolls in a box
   that shows it scrolls (edge shadows + a visible bar), never silently clipped */
.bb-artbody .bb-tablewrap :is(th,td){white-space:normal;overflow-wrap:break-word}
.bb-artbody .bb-tablewrap tbody th{min-width:8.5em}
.bb-artbody .bb-tablewrap table:has(thead th:nth-child(5)){font-size:15px}
.bb-artbody .bb-tablewrap table:has(thead th:nth-child(5)) :is(th,td){padding:12px 12px;font-size:15px}
.bb-artbody .bb-tablewrap{scrollbar-width:thin;scrollbar-color:var(--purple) rgba(87,77,104,.12);
  background:
    linear-gradient(90deg,var(--bb-card) 30%,rgba(255,255,255,0)) left center/44px 100% no-repeat local,
    linear-gradient(270deg,var(--bb-card) 30%,rgba(255,255,255,0)) right center/44px 100% no-repeat local,
    radial-gradient(farthest-side at 0 50%,rgba(26,19,38,.28),rgba(26,19,38,0)) left center/16px 100% no-repeat scroll,
    radial-gradient(farthest-side at 100% 50%,rgba(26,19,38,.28),rgba(26,19,38,0)) right center/16px 100% no-repeat scroll,
    var(--bb-card)}
@media (max-width:560px){
  .bb-artbody .bb-tablewrap{background:none}
  .bb-artbody .bb-tablewrap tbody th{min-width:0}
}

/* how-it-works #bank: the banks and e-wallets from their brochure (Amber, 15 Oct 2026) */
.bb-banks{columns:3 11em;column-gap:28px;margin:14px 0 0;padding:14px 0 0;border-top:1px solid rgba(87,77,104,.24)}
.bb-banks li{break-inside:avoid;padding:3px 0;font-size:15.5px;line-height:1.45;color:var(--dtxt2)}
@media (max-width:700px){.bb-banks{columns:2;column-gap:18px}.bb-banks li{font-size:14.5px}}

/* qr-payment-for-laundromats #involve: Paul's own laundromat photos, group 20 Oct 2026 (Amber, 21 Oct 2026) */
.bb-gal{margin:34px 0 0}
.bb-gal__k{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:0 0 14px;font-family:var(--f-m);font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--dtxt2)}
.bb-gal__by{margin-left:auto;letter-spacing:0;text-transform:none}
.bb-gal__row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.bb-gal__f{margin:0}
.bb-gal__f img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;border-radius:16px;box-shadow:var(--bb-shadow)}
.bb-gal__f figcaption{margin-top:8px;font-size:14px;line-height:1.4;color:var(--dtxt2)}
@media (max-width:520px){.bb-gal__row{grid-template-columns:1fr}}
/* the laundromat hero: keep the Byte Bunny standee (right of their photo) in a tall crop */
.bb-hero__photo img[src$="laundromat-washers-standee.webp"]{object-position:84% 50%}