/* ==========================================================================
   BR Creators: design system
   Scale: space 4/8/12/16/24/32/48/72/112/160 · type fluid via clamp()
   ========================================================================== */
:root{
  --bg:#0a0f1e; --bg2:#0d1428; --bg3:#111a33;
  --ink:#f4f2ec; --ink2:#c9ccd6; --muted:#8f95a5;
  --line:rgba(255,255,255,.11);
  --accent:#00c8ff; --accent2:#0066ff; --grad:linear-gradient(120deg,#00c8ff,#0066ff);
  --light:#f4f2ec; --lightink:#0b0d12;
  --r:18px; --r-lg:28px;
  --s1:4px; --s2:8px; --s3:12px; --s4:16px; --s5:24px; --s6:32px; --s7:48px; --s8:72px; --s9:112px; --s10:160px;
  --gutter:clamp(20px,4vw,56px);
  --f-display:'Bricolage Grotesque',system-ui,sans-serif;
  --f-body:'Manrope',system-ui,-apple-system,'Segoe UI',sans-serif;
  --ease:cubic-bezier(.22,1,.36,1);
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:auto}
html.lenis,html.lenis body{height:auto}
.lenis.lenis-smooth{scroll-behavior:auto!important}
.lenis.lenis-stopped{overflow:hidden}
body{margin:0;background:var(--bg);color:var(--ink);font:400 clamp(16px,.35vw + 15px,18px)/1.65 var(--f-body);-webkit-font-smoothing:antialiased;overflow-x:hidden}
img{max-width:100%;height:auto;display:block}
a{color:inherit;text-decoration:none}
ul,ol{margin:0;padding:0;list-style:none}
h1,h2,h3,h4,p,blockquote,figure,dl,dd{margin:0}
button,input,select,textarea{font:inherit;color:inherit}
:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:6px}
::selection{background:var(--accent);color:#001019}
.skip{position:absolute;left:var(--s4);top:-80px;background:var(--accent);color:#001019;padding:var(--s3) var(--s4);border-radius:var(--s3);z-index:200;font-weight:700}
.skip:focus{top:var(--s4)}
.wrap{width:min(1280px,100% - var(--gutter)*2);margin-inline:auto}
.wrap--narrow{width:min(820px,100% - var(--gutter)*2)}
.muted{color:var(--muted)} .small{font-size:.875rem}
.hp{position:absolute;left:-9999px;opacity:0;height:0;overflow:hidden}

/* ---------- type ---------- */
.h-hero,.h-xl,.h-lg,.h-md,h1,h2,h3{font-family:var(--f-display);font-weight:600;letter-spacing:-.025em;line-height:1.02}
.h-hero{font-size:clamp(2.75rem,8.2vw,7.6rem);letter-spacing:-.04em;line-height:.96;max-width:15ch}
.h-xl{font-size:clamp(2.25rem,5.6vw,5rem);max-width:20ch}
.h-lg{font-size:clamp(1.9rem,4vw,3.4rem);max-width:22ch}
.h-md{font-size:clamp(1.5rem,2.4vw,2rem);line-height:1.15;margin-bottom:var(--s5)}
.lead{font-size:clamp(1.05rem,1.1vw + .8rem,1.35rem);color:var(--ink2);max-width:58ch;line-height:1.55}
.eyebrow{font:600 .78rem/1 var(--f-body);letter-spacing:.18em;text-transform:uppercase;color:var(--accent);margin-bottom:var(--s5)}
.link{display:inline-flex;gap:var(--s2);align-items:center;font-weight:600;color:var(--ink);border-bottom:1px solid var(--line);padding-bottom:2px;transition:border-color .3s,gap .3s var(--ease)}
.link:hover{border-color:var(--accent);gap:var(--s3)}
.chip{display:inline-flex;align-items:center;gap:var(--s3);padding:var(--s2) var(--s4);border:1px solid var(--line);border-radius:99px;font-size:.85rem;color:var(--ink2);background:rgba(255,255,255,.03);margin-bottom:var(--s6)}
.dot{width:8px;height:8px;border-radius:50%;background:#2ee59d;box-shadow:0 0 0 0 rgba(46,229,157,.6);animation:pulse 2s infinite}
@keyframes pulse{70%{box-shadow:0 0 0 10px rgba(46,229,157,0)}100%{box-shadow:0 0 0 0 rgba(46,229,157,0)}}

/* split text */
.w{display:inline-block;overflow:hidden;vertical-align:top;padding-bottom:.08em;margin-bottom:-.08em}
.wi{display:inline-block;will-change:transform}

/* ---------- buttons ---------- */
.btn{position:relative;display:inline-flex;align-items:center;justify-content:center;padding:var(--s4) var(--s6);border-radius:99px;background:var(--ink);color:#0a0f1e;font-weight:700;border:1px solid transparent;cursor:pointer;overflow:hidden;isolation:isolate;transition:transform .35s var(--ease),box-shadow .35s}
.btn::before{content:"";position:absolute;inset:0;background:var(--grad);transform:translateY(101%);transition:transform .45s var(--ease);z-index:-1}
.btn:hover::before{transform:none}
.btn:hover{color:#001019;box-shadow:0 12px 40px -12px rgba(0,200,255,.6)}
.btn--ghost{background:transparent;color:var(--ink);border-color:var(--line)}
.btn--ghost:hover{color:#001019;border-color:transparent}
.btn--sm{padding:var(--s3) var(--s5);font-size:.9rem}
.cta-row{display:flex;flex-wrap:wrap;gap:var(--s4);margin-top:var(--s6)}

/* ---------- header / menu ---------- */
.hdr{position:fixed;inset:0 0 auto;z-index:90;transition:transform .5s var(--ease),background .3s,backdrop-filter .3s}
.hdr.is-solid{background:rgba(10,15,30,.72);backdrop-filter:blur(16px) saturate(1.4);-webkit-backdrop-filter:blur(16px) saturate(1.4);border-bottom:1px solid var(--line)}
.hdr.is-hidden{transform:translateY(-100%)}
.hdr__in{display:flex;align-items:center;gap:var(--s6);height:76px}
.hdr__logo img{height:44px;width:auto}
.hdr__nav{display:flex;gap:var(--s6);margin-left:auto}
.hdr__nav a{position:relative;font-weight:600;font-size:.95rem;color:var(--ink2);padding:var(--s2) 0;transition:color .3s}
.hdr__nav a::after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:var(--accent);transform:scaleX(0);transform-origin:left;transition:transform .4s var(--ease)}
.hdr__nav a:hover,.hdr__nav a.is-active{color:var(--ink)}
.hdr__nav a:hover::after,.hdr__nav a.is-active::after{transform:scaleX(1)}
.burger{display:none;margin-left:auto;width:44px;height:44px;border:1px solid var(--line);border-radius:50%;background:transparent;cursor:pointer;position:relative}
.burger i{position:absolute;left:13px;right:13px;height:2px;background:var(--ink);transition:transform .4s var(--ease)}
.burger i:first-child{top:18px}.burger i:last-child{top:25px}
.burger[aria-expanded=true] i:first-child{transform:translateY(3.5px) rotate(45deg)}
.burger[aria-expanded=true] i:last-child{transform:translateY(-3.5px) rotate(-45deg)}
.menu{position:fixed;inset:0;z-index:80;background:var(--bg);padding:120px var(--gutter) var(--s7);display:flex;flex-direction:column;justify-content:space-between}
.menu[hidden]{display:none}
.menu__nav{display:flex;flex-direction:column;gap:var(--s2)}
.menu__nav a{font:600 clamp(2.4rem,11vw,4rem)/1.1 var(--f-display);letter-spacing:-.03em;display:flex;align-items:baseline;gap:var(--s4);overflow:hidden}
.menu__nav a small{font:600 .8rem var(--f-body);color:var(--accent)}
.menu__nav .menu__audit{font-size:1.1rem;color:var(--accent);margin-top:var(--s5)}
.menu__foot{color:var(--muted)}

/* ---------- chrome extras ---------- */
.progress{position:fixed;inset:0 0 auto;height:2px;z-index:120;pointer-events:none}
.progress i{display:block;height:100%;background:var(--grad);transform:scaleX(0);transform-origin:left}
.curtain{position:fixed;inset:0;z-index:150;background:var(--bg);transform:translateY(100%);pointer-events:none;display:none}
html.js .curtain{display:block}
.cursor{position:fixed;left:0;top:0;z-index:140;pointer-events:none;width:0;height:0;display:none}
.cursor span{position:absolute;left:-10px;top:-10px;width:20px;height:20px;border-radius:50%;border:1px solid var(--accent);transition:width .3s var(--ease),height .3s var(--ease),left .3s var(--ease),top .3s var(--ease),background .3s}
.cursor.is-link span{width:64px;height:64px;left:-32px;top:-32px;background:rgba(0,200,255,.14)}
@media (hover:hover) and (pointer:fine){html.js.has-cursor .cursor{display:block}}
.wa-float{position:fixed;right:var(--s5);bottom:var(--s5);z-index:70;width:56px;height:56px;border-radius:50%;display:grid;place-items:center;background:#25d366;color:#04230f;box-shadow:0 12px 30px -8px rgba(37,211,102,.55);transition:transform .35s var(--ease)}
.wa-float:hover{transform:scale(1.08) rotate(-6deg)}

/* ---------- sections ---------- */
.sec{padding:clamp(var(--s8),12vw,var(--s10)) 0;position:relative}
.sec--tight{padding:clamp(var(--s7),7vw,var(--s9)) 0}
.sec__head{margin-bottom:clamp(var(--s6),5vw,var(--s8))}
.sec__head--row{display:flex;justify-content:space-between;align-items:flex-end;gap:var(--s6);flex-wrap:wrap}
.sec--light{background:var(--light);color:var(--lightink)}
.sec--light .eyebrow{color:#0069bd}
.sec--light .h-lg{color:var(--lightink)}

/* hero */
.hero{position:relative;min-height:100svh;display:flex;align-items:center;padding:140px 0 var(--s9);overflow:hidden}
.hero__in{position:relative;z-index:2}
.hero__lead{margin-top:var(--s6)}
.hero__mesh{position:absolute;inset:0;z-index:0;filter:blur(80px);opacity:.7}
.hero__mesh i{position:absolute;border-radius:50%}
.hero__mesh i:nth-child(1){width:46vw;height:46vw;right:-8vw;top:-10vw;background:radial-gradient(circle,#0a8be0,transparent 65%);animation:float1 18s ease-in-out infinite}
.hero__mesh i:nth-child(2){width:36vw;height:36vw;left:-10vw;bottom:-14vw;background:radial-gradient(circle,#00c8ff,transparent 65%);opacity:.55;animation:float2 22s ease-in-out infinite}
.hero__mesh i:nth-child(3){width:26vw;height:26vw;right:22vw;bottom:8vw;background:radial-gradient(circle,#5b3df5,transparent 65%);opacity:.4;animation:float1 26s ease-in-out infinite reverse}
@keyframes float1{50%{transform:translate(-6vw,5vw) scale(1.1)}}
@keyframes float2{50%{transform:translate(7vw,-4vw) scale(.92)}}
.hero__ring{position:absolute;right:var(--s2);bottom:-20px;width:clamp(120px,15vw,200px);animation:spin 28s linear infinite;opacity:.9}
.hero__ring text{font:600 13.5px var(--f-body);letter-spacing:.22em;text-transform:uppercase;fill:var(--ink2)}
.hero__ring circle{fill:var(--accent)}
@keyframes spin{to{transform:rotate(360deg)}}
.hero__scroll{position:absolute;left:var(--gutter);bottom:var(--s6);z-index:2;display:flex;align-items:center;gap:var(--s3);font-size:.75rem;letter-spacing:.2em;text-transform:uppercase;color:var(--muted)}
.hero__scroll i{width:1px;height:48px;background:linear-gradient(var(--accent),transparent);animation:drop 2s var(--ease) infinite}
@keyframes drop{0%{transform:scaleY(0);transform-origin:top}50%{transform:scaleY(1);transform-origin:top}51%{transform-origin:bottom}100%{transform:scaleY(0);transform-origin:bottom}}

/* marquee */
.marquee{border-block:1px solid var(--line);overflow:hidden;padding:var(--s5) 0;background:var(--bg2)}
.marquee__track{display:flex;width:max-content;animation:marq 38s linear infinite}
.marquee__row{display:flex;align-items:center;gap:var(--s7);padding-right:var(--s7);font:600 clamp(1.4rem,3vw,2.4rem)/1 var(--f-display);letter-spacing:-.02em;white-space:nowrap}
.marquee__row b{color:var(--accent);font-size:.9em}
@keyframes marq{to{transform:translateX(-50%)}}
.marquee:hover .marquee__track{animation-play-state:paused}

/* stats / clients */
.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--s6)}
.stats strong{display:block;font:600 clamp(2.6rem,6vw,4.8rem)/1 var(--f-display);letter-spacing:-.04em;color:var(--accent)}
.stats span{color:var(--muted)}
.clients ul{display:flex;flex-wrap:wrap;gap:var(--s3) var(--s7);font:600 1.3rem var(--f-display);color:var(--ink2)}

/* statement */
.sec--statement{padding-block:clamp(var(--s9),16vw,var(--s10))}
.statement{font:600 clamp(1.7rem,4.2vw,3.7rem)/1.14 var(--f-display);letter-spacing:-.03em;max-width:26ch}
.statement .sw{opacity:.16;transition:none}

/* doors */
.doors{display:grid;grid-template-columns:1fr 1fr;gap:var(--s5);margin-bottom:var(--s8)}
.door{position:relative;display:flex;flex-direction:column;gap:var(--s4);padding:clamp(var(--s6),3vw,var(--s7));border:1px solid var(--line);border-radius:var(--r-lg);background:linear-gradient(160deg,var(--bg3),var(--bg2));overflow:hidden;min-height:300px;transition:border-color .4s,translate .5s var(--ease)}
.door::after{content:"";position:absolute;width:340px;height:340px;right:-120px;bottom:-160px;background:radial-gradient(circle,rgba(0,200,255,.35),transparent 65%);transition:transform .8s var(--ease)}
.door--ai::after{background:radial-gradient(circle,rgba(110,80,255,.45),transparent 65%)}
.door:hover{border-color:rgba(0,200,255,.5);translate:0 -4px}
.door:hover::after{transform:scale(1.3)}
.door__tag{font:700 .72rem/1 var(--f-body);letter-spacing:.18em;text-transform:uppercase;color:var(--accent)}
.door h3{font-size:clamp(1.7rem,3vw,2.5rem)}
.door p{color:var(--ink2);max-width:36ch}
.door__go{margin-top:auto;font-weight:700;display:inline-flex;gap:var(--s2);align-items:center}
.door__go i{font-style:normal;transition:transform .4s var(--ease)} .door:hover .door__go i{transform:translateX(6px)}

/* service rows */
.rows li{border-top:1px solid var(--line)} .rows li:last-child{border-bottom:1px solid var(--line)}
.rows a{display:grid;grid-template-columns:64px minmax(220px,1.1fr) 1.4fr 40px;gap:var(--s5);align-items:center;padding:var(--s6) var(--s3);position:relative;transition:padding .5s var(--ease),background .4s}
.rows a:hover{padding-inline:var(--s5);background:rgba(255,255,255,.03)}
.rows__n{font:600 .85rem var(--f-body);color:var(--muted)}
.rows__t{font:600 clamp(1.3rem,2.4vw,2rem)/1.1 var(--f-display);letter-spacing:-.02em}
.rows__d{color:var(--muted);font-size:.98rem}
.rows__a{font-size:1.5rem;color:var(--accent);transition:transform .4s var(--ease)} .rows a:hover .rows__a{transform:translate(4px,-4px)}

/* work cards + horizontal scroller */
.cover{position:relative;aspect-ratio:4/3;border-radius:var(--r);overflow:hidden;background:radial-gradient(120% 120% at 20% 0%,color-mix(in srgb,var(--c) 70%,#000),#0a0c12 70%);isolation:isolate}
.cover img{width:100%;height:112%;object-fit:cover}
.cover__art{position:absolute;inset:0;display:grid;place-items:center;font:700 clamp(8rem,18vw,15rem)/1 var(--f-display);color:rgba(255,255,255,.12);letter-spacing:-.06em;transition:transform .9s var(--ease)}
.cover__grid{position:absolute;inset:0;background-image:linear-gradient(var(--line) 1px,transparent 1px),linear-gradient(90deg,var(--line) 1px,transparent 1px);background-size:36px 36px;mask-image:radial-gradient(circle at 50% 50%,#000,transparent 75%);-webkit-mask-image:radial-gradient(circle at 50% 50%,#000,transparent 75%);opacity:.5}
.cover--big{aspect-ratio:16/8;margin-bottom:var(--s7)}
.pcard{display:flex;flex-direction:column;gap:var(--s5);color:var(--ink)}
.pcard:hover .cover__art{transform:scale(1.08) rotate(-2deg)}
.pcard__ind{font:600 .75rem/1 var(--f-body);letter-spacing:.16em;text-transform:uppercase;color:var(--muted)}
.pcard__meta{display:flex;flex-direction:column;gap:var(--s3)}
.pcard h2,.pcard h3{font-size:clamp(1.5rem,2.5vw,2.2rem)}
.pcard p{color:var(--ink2);max-width:42ch}
.pcard__metric{font:600 2rem var(--f-display);color:var(--accent)} .pcard__metric small{font:500 .85rem var(--f-body);color:var(--muted)}
.hscroll__track{display:flex;gap:var(--s6);padding:0 var(--gutter);overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none}
.hscroll__track::-webkit-scrollbar{display:none}
.hscroll .pcard{flex:0 0 min(78vw,520px);scroll-snap-align:start}
.pcard--all{justify-content:center;align-items:center;border:1px dashed var(--line);border-radius:var(--r-lg);font:600 1.8rem var(--f-display);min-height:320px}
.pcard--all:hover{border-color:var(--accent);color:var(--accent)}
.hscroll.is-pinned{padding-bottom:0}
.hscroll.is-pinned .hscroll__track{overflow:visible;scroll-snap-type:none;width:max-content;padding-bottom:var(--s9)}
.hscroll.is-pinned{min-height:100svh;display:flex;flex-direction:column;justify-content:center;overflow:hidden}

/* process (light) */
.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--s5);counter-reset:s}
.steps li{border-top:2px solid var(--lightink);padding-top:var(--s5)}
.steps__n{font:600 .85rem var(--f-body);color:#0069bd}
.steps h3{font-size:1.7rem;margin:var(--s3) 0}
.steps p{color:#3b414f;font-size:.98rem}

/* tags */
.tags{display:flex;flex-wrap:wrap;gap:var(--s3)}
.tags li{padding:var(--s3) var(--s5);border:1px solid var(--line);border-radius:99px;color:var(--ink2);transition:all .35s var(--ease)}
.tags li:hover{background:var(--accent);color:#001019;border-color:var(--accent);transform:translateY(-3px)}

/* founder + quotes */
.sec--founder{background:var(--bg2);border-block:1px solid var(--line)}
.founder blockquote p{font:600 clamp(1.6rem,3.4vw,3rem)/1.18 var(--f-display);letter-spacing:-.025em;max-width:30ch}
.founder footer{margin-top:var(--s6);color:var(--muted)} .founder footer strong{color:var(--ink)}
.quotes{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--s5)}
.quote{padding:var(--s6);border:1px solid var(--line);border-radius:var(--r-lg);background:var(--bg2);display:flex;flex-direction:column;gap:var(--s5)}
.quote p{font-size:1.1rem;color:var(--ink)}
.quote figcaption{display:flex;gap:var(--s3);align-items:center;color:var(--muted);font-size:.9rem} .quote figcaption strong{display:block;color:var(--ink)}
.quote img{border-radius:50%;object-fit:cover}

/* cards / grids */
.grid2{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--s5)}
.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--s5)}
.grid2--work{gap:var(--s8) var(--s6)}
.scard{display:flex;flex-direction:column;gap:var(--s4);padding:var(--s6);border:1px solid var(--line);border-radius:var(--r-lg);background:var(--bg2);transition:translate .5s var(--ease),border-color .4s}
.scard:hover{translate:0 -6px;border-color:rgba(0,200,255,.5)}
.scard h2,.scard h3{font-size:clamp(1.4rem,2vw,1.8rem)}
.scard p{color:var(--ink2)} .scard small{color:var(--accent);font-weight:600}
.scard .link{margin-top:auto;align-self:flex-start}
.scard--ai{background:linear-gradient(160deg,#17142e,var(--bg2))}
.post{display:flex;flex-direction:column;gap:var(--s3)}
.post__img{aspect-ratio:16/10;border-radius:var(--r);overflow:hidden;background:linear-gradient(135deg,var(--bg3),#0b3b5c);display:grid;place-items:center;margin-bottom:var(--s2)}
.post__img img{width:100%;height:100%;object-fit:cover;transition:transform .8s var(--ease)} .post:hover .post__img img{transform:scale(1.05)}
.post__img span{font:700 5rem var(--f-display);color:rgba(255,255,255,.15)}
.post__cat{font:600 .75rem var(--f-body);letter-spacing:.14em;text-transform:uppercase;color:var(--accent)}
.post h3{font-size:1.4rem;line-height:1.15} .post p{color:var(--muted);font-size:.95rem}

/* inner pages */
.phero{padding:clamp(150px,18vw,220px) 0 var(--s7);position:relative}
.phero .lead{margin-top:var(--s5)}
.crumbs{display:flex;gap:var(--s3);flex-wrap:wrap;font-size:.85rem;color:var(--muted);margin-bottom:var(--s6)} .crumbs a:hover{color:var(--accent)}
.split{display:grid;grid-template-columns:1.5fr 1fr;gap:clamp(var(--s6),5vw,var(--s8));align-items:start}
.panel{padding:clamp(var(--s5),3vw,var(--s7));border:1px solid var(--line);border-radius:var(--r-lg);background:var(--bg2);position:sticky;top:104px}
.panel__h{font:600 1.5rem var(--f-display);margin-bottom:var(--s5)}
.panel__price{color:var(--accent);font-weight:700;margin:var(--s5) 0}
.panel p{color:var(--ink2);margin-bottom:var(--s4)}
.prose{color:var(--ink2);max-width:68ch} .prose>*+*{margin-top:var(--s5)}
.prose h2{font-size:clamp(1.5rem,2.4vw,2rem);color:var(--ink);margin-top:var(--s7)} .prose h3{color:var(--ink)}
.prose ul{list-style:disc;padding-left:var(--s5)} .prose a{color:var(--accent);border-bottom:1px solid currentColor}
.prose--article{font-size:1.1rem;color:var(--ink2)} .prose__cover{border-radius:var(--r);margin-bottom:var(--s6)}
.lead-p{font-size:1.3rem;color:var(--ink)!important}
.ticks li{position:relative;padding:var(--s3) 0 var(--s3) var(--s6);border-bottom:1px solid var(--line);color:var(--ink2)}
.ticks li::before{content:"";position:absolute;left:0;top:1.15em;width:14px;height:8px;border-left:2px solid var(--accent);border-bottom:2px solid var(--accent);transform:rotate(-45deg)}
.ticks--lg li{font-size:1.1rem;padding-block:var(--s4)}
.facts{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:var(--s5);padding:var(--s6) 0;border-block:1px solid var(--line);margin-bottom:var(--s7)}
.facts dt{font:600 .75rem var(--f-body);letter-spacing:.16em;text-transform:uppercase;color:var(--muted);margin-bottom:var(--s2)} .facts a{color:var(--accent)}
.bigmetric{margin-bottom:var(--s7)} .bigmetric strong{display:block;font:600 clamp(3.5rem,10vw,8rem)/1 var(--f-display);color:var(--accent)} .bigmetric span{color:var(--ink2);font-size:1.2rem}
.story{display:grid;gap:var(--s8);max-width:820px}
.story__blk h2{font-size:clamp(1.6rem,3vw,2.4rem);margin-bottom:var(--s4)}
.nextp{display:flex;flex-direction:column;gap:var(--s2);padding:var(--s7) 0;border-top:1px solid var(--line)} .nextp small{color:var(--muted);letter-spacing:.14em;text-transform:uppercase} .nextp span{font:600 clamp(2rem,6vw,4.5rem)/1 var(--f-display);transition:color .3s} .nextp:hover span{color:var(--accent)}
.contact .map{width:100%;height:260px;border:0;border-radius:var(--r);margin-top:var(--s5);filter:grayscale(.4) invert(.9) hue-rotate(180deg)}
.pager{display:flex;justify-content:space-between;align-items:center;margin-top:var(--s7);color:var(--muted)} .pager a{color:var(--accent);font-weight:600} .pager .is-off{opacity:.35}

/* faq */
.faq details{border-top:1px solid var(--line)} .faq details:last-child{border-bottom:1px solid var(--line)}
.faq summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:center;gap:var(--s5);padding:var(--s5) 0;font:600 clamp(1.1rem,1.6vw,1.35rem) var(--f-display)}
.faq summary::-webkit-details-marker{display:none}
.faq summary i{position:relative;flex:0 0 20px;height:20px} .faq summary i::before,.faq summary i::after{content:"";position:absolute;left:0;right:0;top:9px;height:2px;background:var(--accent);transition:transform .4s var(--ease)} .faq summary i::after{transform:rotate(90deg)}
.faq details[open] summary i::after{transform:rotate(0)}
.faq p{padding:0 0 var(--s5);color:var(--ink2);max-width:62ch}

/* forms */
.form{display:grid;gap:var(--s4)}
.form__row{display:grid;grid-template-columns:1fr 1fr;gap:var(--s4)}
.field{position:relative}
.field input,.field textarea,.field select{width:100%;background:var(--bg);border:1px solid var(--line);border-radius:14px;padding:22px var(--s4) 8px;color:var(--ink);transition:border-color .3s,box-shadow .3s;min-height:56px}
.field select{padding-top:var(--s4);padding-bottom:var(--s4);appearance:none;-webkit-appearance:none;background-image:linear-gradient(45deg,transparent 50%,var(--muted) 50%),linear-gradient(135deg,var(--muted) 50%,transparent 50%);background-position:calc(100% - 22px) 26px,calc(100% - 16px) 26px;background-size:6px 6px;background-repeat:no-repeat}
.field select option{background:#0d1428}
.field textarea{resize:vertical;min-height:120px}
.field label{position:absolute;left:var(--s4);top:16px;color:var(--muted);pointer-events:none;transition:all .25s var(--ease);font-size:1rem}
.field input:focus,.field textarea:focus,.field select:focus{outline:0;border-color:var(--accent);box-shadow:0 0 0 4px rgba(0,200,255,.15)}
.field input:focus+label,.field input:not(:placeholder-shown)+label,.field textarea:focus+label,.field textarea:not(:placeholder-shown)+label{top:6px;font-size:.72rem;color:var(--accent);letter-spacing:.04em}
.field.is-bad input,.field.is-bad select{border-color:#ff6b6b}
.form__foot{display:flex;align-items:center;gap:var(--s5);flex-wrap:wrap}
.form__status{font-weight:600;color:#2ee59d} .form__status.is-err{color:#ff8a8a}
.form__note{font-size:.82rem;color:var(--muted)}

/* CTA + footer */
.sec--cta{background:radial-gradient(80% 120% at 85% 110%,rgba(0,102,255,.45),transparent 60%),var(--bg2);border-top:1px solid var(--line)}
.sec--cta .lead{margin-top:var(--s5)}
.ftr{border-top:1px solid var(--line);padding:var(--s9) 0 var(--s6);background:var(--bg)}
.ftr__cta{margin-bottom:var(--s9)}
.ftr__mail{display:inline-block;font:600 clamp(2.6rem,10vw,9rem)/1 var(--f-display);letter-spacing:-.045em;transition:color .4s} .ftr__mail:hover{color:var(--accent)}
.ftr__grid{display:grid;grid-template-columns:1.4fr 1fr 1.2fr 1fr;gap:var(--s7);padding-bottom:var(--s8)}
.ftr__logo{height:64px;width:auto;margin-bottom:var(--s4)}
.ftr__h{font:700 .75rem var(--f-body);letter-spacing:.18em;text-transform:uppercase;color:var(--muted);margin-bottom:var(--s4)}
.ftr__list{display:grid;gap:var(--s3)} .ftr__list a:hover{color:var(--accent)}
.ftr__base{display:flex;justify-content:space-between;gap:var(--s4);flex-wrap:wrap;padding-top:var(--s5);border-top:1px solid var(--line);color:var(--muted);font-size:.875rem} .ftr__base a:hover{color:var(--ink)}

/* ==========================================================================
   v2 design layer: editorial type, glass, spotlight, interactive hero
   ========================================================================== */
:root{--f-serif:'Instrument Serif','Times New Roman',serif;--violet:#0066ff;--grad2:linear-gradient(100deg,#8fdcff,#00c8ff 38%,#0066ff)}
body{background:radial-gradient(1200px 700px at 85% -10%,rgba(0,200,255,.07),transparent 60%),var(--bg)}
.grain{position:fixed;inset:0;z-index:130;pointer-events:none;opacity:.06;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='160' height='160'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 .7 0'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>")}

/* serif italic accent words */
.h-hero em,.h-lg em,.h-xl em,.w.is-em .wi{font-family:var(--f-serif);font-style:italic;font-weight:400;letter-spacing:-.01em;background:var(--grad2);-webkit-background-clip:text;background-clip:text;color:transparent;padding-right:.06em}
.w.is-em{padding-right:.06em}
.h-hero{font-size:clamp(2.6rem,7.3vw,7rem);max-width:15ch;line-height:.98}
.h-hero em{font-size:1.06em}

/* numbered editorial eyebrows */
body.home{counter-reset:sec}
body.home .sec .eyebrow:not(.eyebrow--plain){counter-increment:sec}
body.home .sec .eyebrow:not(.eyebrow--plain)::before{content:counter(sec,decimal-leading-zero) " / ";opacity:.55}

/* glass floating nav */
.hdr{padding-top:14px}
.hdr .wrap{width:min(1280px,100% - var(--gutter)*1.2)}
.hdr__in{height:64px;padding:0 10px 0 22px;border-radius:99px;border:1px solid transparent;transition:background .4s,border-color .4s,backdrop-filter .4s,box-shadow .4s}
.hdr.is-solid{background:none;border:0;backdrop-filter:none;-webkit-backdrop-filter:none}
.hdr.is-solid .hdr__in{background:rgba(12,14,20,.62);border-color:var(--line);backdrop-filter:blur(18px) saturate(1.5);-webkit-backdrop-filter:blur(18px) saturate(1.5);box-shadow:0 20px 50px -24px rgba(0,0,0,.8)}
.hdr__logo img{height:40px}
.hdr__nav{gap:var(--s2);margin-inline:auto}
.hdr__nav a{padding:var(--s2) var(--s4);border-radius:99px;transition:background .3s,color .3s}
.hdr__nav a::after{display:none}
.hdr__nav a:hover,.hdr__nav a.is-active{background:rgba(255,255,255,.07)}
.hdr__cta{margin-left:0}
.menu__nav a{flex-wrap:wrap;align-items:baseline}
.menu__nav a em{flex-basis:100%;font:500 .95rem var(--f-body);color:var(--muted);letter-spacing:0;margin:-.2rem 0 .6rem 2.2rem}

/* buttons */
.btn::after{content:"";position:absolute;top:0;bottom:0;left:-60%;width:40%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.55),transparent);transform:skewX(-20deg);transition:left .7s var(--ease);z-index:-1}
.btn:hover::after{left:130%}
.btn--go span::after{content:"\2197";display:inline-block;margin-left:.6em;transition:transform .4s var(--ease)}
.btn--go:hover span::after{transform:translate(3px,-3px)}

/* spotlight cards: glow follows the pointer */
.spot{--mx:50%;--my:50%;position:relative}
.spot::before{content:"";position:absolute;inset:0;border-radius:inherit;padding:1px;background:radial-gradient(280px circle at var(--mx) var(--my),rgba(0,200,255,.95),rgba(0,102,255,.5) 45%,transparent 70%);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask-composite:exclude;opacity:0;transition:opacity .45s;pointer-events:none;z-index:2}
.spot:hover::before{opacity:1}
.door.spot{background:radial-gradient(420px circle at var(--mx) var(--my),rgba(255,255,255,.07),transparent 55%),linear-gradient(160deg,var(--bg3),var(--bg2))}
.scard.spot,.quote.spot{background:radial-gradient(380px circle at var(--mx) var(--my),rgba(255,255,255,.06),transparent 55%),var(--bg2)}
.door,.cover{transform-style:preserve-3d;will-change:transform}

/* service cards (bento-style grid) */
.svc{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--s5)}
.svc .scard{min-height:250px;position:relative;overflow:hidden}
.scard__n{font:600 .85rem var(--f-body);color:var(--muted);letter-spacing:.1em}
.scard__go{position:absolute;right:var(--s5);top:var(--s5);width:44px;height:44px;border-radius:50%;border:1px solid var(--line);display:grid;place-items:center;font-size:1.2rem;color:var(--accent);transition:background .4s,color .4s,transform .5s var(--ease)}
.scard:hover .scard__go{background:var(--accent);color:#001019;transform:rotate(45deg)}
.scard h3{margin-top:auto}

/* ---------- hero v2 ---------- */
.hero{flex-direction:column;align-items:stretch;justify-content:flex-end;padding:130px 0 0}
.hero__in{flex:1;display:flex;flex-direction:column;justify-content:center;padding-bottom:var(--s8)}
.hero__canvas{position:absolute;inset:0;width:100%;height:100%;z-index:1;-webkit-mask-image:linear-gradient(#000 55%,transparent 98%);mask-image:linear-gradient(#000 55%,transparent 98%)}
.hero__spot{position:absolute;inset:0;z-index:1;pointer-events:none;background:radial-gradient(520px circle at var(--hx,72%) var(--hy,30%),rgba(0,200,255,.16),transparent 62%)}
.hero__in .chip,.hero__in .cta-row{align-self:flex-start}
.hero__ring{display:none}
.hero__scroll{display:none}
.hero__caps{position:relative;z-index:3;display:grid;grid-template-columns:repeat(6,1fr);border-top:1px solid var(--line);margin-bottom:0}
.hero__caps li+li{border-left:1px solid var(--line)}
.hero__caps a{display:flex;flex-direction:column;gap:6px;padding:var(--s5) var(--s4);position:relative;overflow:hidden;transition:background .4s}
.hero__caps small{font:600 .72rem var(--f-body);letter-spacing:.14em;color:var(--accent)}
.hero__caps span{font:600 clamp(.9rem,1.1vw,1.05rem) var(--f-display);color:var(--ink2);transition:color .3s}
.hero__caps a::after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;background:var(--grad);transform:scaleX(0);transform-origin:left;transition:transform .5s var(--ease)}
.hero__caps a:hover{background:rgba(255,255,255,.04)} .hero__caps a:hover span{color:var(--ink)} .hero__caps a:hover::after{transform:scaleX(1)}

/* floating glass UI cards */
.hero__cards{position:absolute;right:0;top:50%;width:min(340px,26vw);height:460px;transform:translateY(-52%);pointer-events:none;display:none}
@media (min-width:1280px){.hero__cards{display:block}.h-hero{max-width:12.5ch}}
.hcard{position:absolute;will-change:transform}
.hcard__in{padding:var(--s4) var(--s5);border-radius:20px;background:linear-gradient(160deg,rgba(255,255,255,.1),rgba(255,255,255,.03));border:1px solid rgba(255,255,255,.14);backdrop-filter:blur(16px) saturate(1.4);-webkit-backdrop-filter:blur(16px) saturate(1.4);box-shadow:0 30px 60px -30px rgba(0,0,0,.8),inset 0 1px 0 rgba(255,255,255,.12);display:grid;gap:6px;animation:bob 7s ease-in-out infinite}
.hcard--1{left:0;top:0;width:260px}
.hcard--2{right:0;top:130px;width:290px}.hcard--2 .hcard__in{animation-delay:-2s}
.hcard--3{left:20px;bottom:0;width:250px}.hcard--3 .hcard__in{animation-delay:-4s}
@keyframes bob{50%{transform:translateY(-12px)}}
.hcard b{font:600 1rem var(--f-display);color:var(--ink)}
.hcard small{color:var(--ink2);font-size:.8rem;line-height:1.4}
.hcard__ic{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:rgba(0,200,255,.18);color:#6fd3ff;margin-bottom:4px}
.hcard__ic--v{background:rgba(0,102,255,.2);color:#b6a0ff}.hcard__ic--g{background:rgba(46,229,157,.16);color:#58f0b3}
.hcard__bar{height:5px;border-radius:9px;background:rgba(255,255,255,.1);overflow:hidden;margin-top:6px}
.hcard__bar i{display:block;height:100%;width:78%;border-radius:inherit;background:var(--grad);animation:fill 4s var(--ease) infinite alternate}
@keyframes fill{from{width:22%}to{width:92%}}
.hcard__bubble{background:rgba(255,255,255,.08);border-radius:14px 14px 14px 4px;padding:8px 12px;font-size:.82rem;color:var(--ink)}
.hcard__typing{display:flex;gap:4px;padding:4px 2px}.hcard__typing i{width:6px;height:6px;border-radius:50%;background:var(--accent);animation:ty 1.2s infinite}
.hcard__typing i:nth-child(2){animation-delay:.15s}.hcard__typing i:nth-child(3){animation-delay:.3s}
@keyframes ty{0%,60%,100%{opacity:.25;transform:none}30%{opacity:1;transform:translateY(-4px)}}
.hcard__spark{width:100%;height:36px;margin-top:4px}

/* marquee v2: two rows, outline row, velocity skew */
.marquee{padding:var(--s4) 0;background:transparent}
.marquee__rows{display:grid;gap:var(--s3);will-change:transform}
.marquee__track--rev{animation-direction:reverse;animation-duration:46s}
.marquee__track--out .marquee__row span{color:transparent;-webkit-text-stroke:1px rgba(255,255,255,.4)}
.marquee__track--out .marquee__row b{color:var(--violet)}

/* custom cursor with label */
.cursor span{display:grid;place-items:center}
.cursor span em{font:700 .7rem/1 var(--f-body);letter-spacing:.12em;text-transform:uppercase;font-style:normal;color:#001019;opacity:0;transform:scale(.6);transition:opacity .25s,transform .35s var(--ease)}
.cursor.has-label span{width:88px;height:88px;left:-44px;top:-44px;background:var(--accent);border-color:var(--accent)}
.cursor.has-label span em{opacity:1;transform:none}

/* process progress line */
.steps li{position:relative}
.steps li::before{content:"";position:absolute;left:0;top:-2px;height:2px;width:100%;background:linear-gradient(90deg,#00c8ff,#0066ff);transform:scaleX(var(--p,0));transform-origin:left}
.steps__n{font:600 clamp(2.4rem,4vw,3.4rem)/1 var(--f-serif);font-style:italic;color:#0069bd}

/* inner page hero grid */
.phero::before{content:"";position:absolute;inset:0;background-image:linear-gradient(var(--line) 1px,transparent 1px),linear-gradient(90deg,var(--line) 1px,transparent 1px);background-size:56px 56px;-webkit-mask-image:radial-gradient(70% 90% at 80% 0%,#000,transparent 70%);mask-image:radial-gradient(70% 90% at 80% 0%,#000,transparent 70%);opacity:.45;pointer-events:none}
.phero>*{position:relative}

/* footer wordmark */
.ftr{position:relative;overflow:hidden;padding-bottom:clamp(110px,15vw,260px)}
.ftr>.wrap{position:relative;z-index:1}
.ftr::after{content:"BR CREATORS";position:absolute;left:50%;bottom:-.16em;transform:translateX(-50%);font:700 clamp(4rem,18.5vw,19rem)/1 var(--f-display);letter-spacing:-.05em;color:transparent;-webkit-text-stroke:1px rgba(255,255,255,.1);white-space:nowrap;pointer-events:none}

@media (max-width:1000px){
  .svc{grid-template-columns:1fr 1fr}
  .hero__caps{grid-template-columns:repeat(3,1fr)}.hero__caps li:nth-child(3n+1){border-left:0}.hero__caps li:nth-child(n+4){border-top:1px solid var(--line)}
  .hdr__in{padding:0 8px 0 18px}
}
@media (max-width:680px){
  .svc{grid-template-columns:1fr}
  .hero{padding-top:110px}.hero__in{padding-bottom:var(--s7)}
  .hero__caps{grid-template-columns:repeat(2,1fr)}.hero__caps li:nth-child(3n+1){border-left:1px solid var(--line)}.hero__caps li:nth-child(odd){border-left:0}.hero__caps li:nth-child(n+3){border-top:1px solid var(--line)}
  .hero__caps a{padding:var(--s4) var(--s3)}
  .hdr__in{height:58px}
}
@media (prefers-reduced-motion:reduce){.hcard__in,.hcard__bar i,.hcard__typing i{animation:none}.marquee__track{animation:none}}

/* ==========================================================================
   v3 refinements: plain headings, tighter rhythm, richer sections
   ========================================================================== */
/* headings: one font, no colour accents */
.h-hero em,.h-lg em,.h-xl em,.h-md em,.w.is-em .wi{font:inherit;font-style:normal;letter-spacing:inherit;background:none;-webkit-background-clip:initial;background-clip:initial;color:inherit;padding:0}
.w.is-em{padding-right:0}
.h-hero em{font-size:1em}
.steps__n{font:600 clamp(2.2rem,3.6vw,3rem)/1 var(--f-display);font-style:normal;color:#0069bd;letter-spacing:-.03em}
.hero__in{padding-top:var(--s4)}

/* tighter vertical rhythm */
.sec{padding:clamp(52px,6.5vw,96px) 0}
.sec--tight{padding:clamp(36px,4.5vw,64px) 0}
.sec--statement{padding-block:clamp(48px,7vw,96px)}
.sec__head{margin-bottom:clamp(24px,3.4vw,48px)}
.eyebrow{margin-bottom:var(--s4)}
.doors{margin-bottom:var(--s5)}
.door{min-height:240px}
.hscroll.is-pinned .hscroll__track{padding-bottom:var(--s7)}
.marquee{padding:var(--s3) 0}
.phero{padding-bottom:var(--s6)}

/* who we build for */
.who{display:grid;grid-template-columns:repeat(12,1fr);gap:var(--s4)}
.who__c{grid-column:span 3;display:flex;flex-direction:column;gap:var(--s3);padding:var(--s5);min-height:210px;border:1px solid var(--line);border-radius:var(--r-lg);background:radial-gradient(380px circle at var(--mx) var(--my),rgba(255,255,255,.06),transparent 55%),var(--bg2);overflow:hidden;transition:translate .5s var(--ease)}
.who__c:nth-child(1){grid-column:span 6;background:radial-gradient(420px circle at var(--mx) var(--my),rgba(0,200,255,.14),transparent 60%),linear-gradient(150deg,#0e2a40,var(--bg2))}
.who__c:nth-child(3){grid-column:span 3}
.who__c:nth-child(7){grid-column:span 6}
.who__c:hover{translate:0 -4px}
.who__n{font:600 .8rem var(--f-body);letter-spacing:.14em;color:var(--accent)}
.who__c h3{font-size:clamp(1.25rem,1.8vw,1.6rem);margin-top:auto;line-height:1.1}
.who__c:nth-child(1) h3,.who__c:nth-child(7) h3{font-size:clamp(1.6rem,2.6vw,2.3rem)}
.who__c p{color:var(--ink2);font-size:.95rem;max-width:42ch}
.who__go{position:absolute;right:var(--s4);top:var(--s4);width:38px;height:38px;border-radius:50%;border:1px solid var(--line);display:grid;place-items:center;color:var(--accent);transition:background .4s,color .4s,transform .5s var(--ease)}
.who__c:hover .who__go{background:var(--accent);color:#001019;transform:rotate(45deg)}

/* founder: glass card on aurora */
.sec--founder{background:transparent;border:0;overflow:hidden}
.founder__orbs i{position:absolute;border-radius:50%;filter:blur(90px);pointer-events:none}
.founder__orbs i:nth-child(1){width:42vw;height:42vw;left:-12vw;top:-8vw;background:radial-gradient(circle,rgba(0,200,255,.5),transparent 65%);animation:float1 20s ease-in-out infinite}
.founder__orbs i:nth-child(2){width:36vw;height:36vw;right:-10vw;bottom:-14vw;background:radial-gradient(circle,rgba(0,102,255,.5),transparent 65%);animation:float2 24s ease-in-out infinite}
.founder{position:relative}
.founder__card{position:relative;padding:clamp(var(--s6),5vw,var(--s9));border-radius:var(--r-lg);background:linear-gradient(150deg,rgba(255,255,255,.1),rgba(255,255,255,.03));border:1px solid rgba(255,255,255,.14);backdrop-filter:blur(22px) saturate(1.4);-webkit-backdrop-filter:blur(22px) saturate(1.4);box-shadow:0 40px 90px -40px rgba(0,0,0,.9),inset 0 1px 0 rgba(255,255,255,.14);overflow:hidden}
.founder__q{position:absolute;right:var(--s6);top:-.1em;font:700 clamp(9rem,18vw,16rem)/1 var(--f-display);color:transparent;-webkit-text-stroke:1px rgba(255,255,255,.18);pointer-events:none}
.founder blockquote p{position:relative;font:600 clamp(1.5rem,3vw,2.6rem)/1.22 var(--f-display);letter-spacing:-.02em;max-width:32ch}
.founder footer{display:flex;align-items:center;gap:var(--s4);margin-top:var(--s6);color:var(--muted)}
.founder footer strong{display:block;color:var(--ink)}
.founder__av{flex:0 0 46px;width:46px;height:46px;border-radius:50%;display:grid;place-items:center;font:700 .95rem var(--f-display);color:#001019;background:var(--grad)}

/* testimonials + feedback invite */
.quotes{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}
.quote{position:relative;overflow:hidden}
.quote__q{position:absolute;right:var(--s5);top:-.05em;font:700 6rem/1 var(--f-display);color:rgba(0,200,255,.25);pointer-events:none}
.quote blockquote p{font-size:1.08rem;position:relative}
.fbk{position:relative;display:grid;grid-template-columns:1.4fr auto;gap:var(--s6);align-items:center;padding:clamp(var(--s5),3.5vw,var(--s7));border:1px solid var(--line);border-radius:var(--r-lg);background:radial-gradient(500px circle at var(--mx) var(--my),rgba(0,200,255,.12),transparent 60%),linear-gradient(150deg,var(--bg3),var(--bg2));overflow:hidden}
.fbk .quote__q{font-size:9rem;right:auto;left:var(--s5);top:-.3em;color:rgba(255,255,255,.06)}
.fbk h3{position:relative;font-size:clamp(1.4rem,2.4vw,2rem);margin-bottom:var(--s3);max-width:24ch}
.fbk p{position:relative;color:var(--ink2);max-width:56ch}
.fbk__act{display:flex;flex-direction:column;gap:var(--s3);align-items:stretch;position:relative}

/* compact audit CTA */
.cta{display:grid;grid-template-columns:1.6fr auto;gap:var(--s6);align-items:center;padding:clamp(var(--s5),3vw,var(--s7));border:1px solid var(--line);border-radius:var(--r-lg);background:radial-gradient(60% 140% at 100% 100%,rgba(0,102,255,.38),transparent 60%),radial-gradient(420px circle at var(--mx) var(--my),rgba(255,255,255,.06),transparent 55%),var(--bg2);overflow:hidden}
.cta .h-md{font-size:clamp(1.4rem,2.4vw,2rem);margin:0 0 var(--s3);max-width:26ch}
.cta .muted{max-width:60ch;font-size:.95rem}
.cta__price{display:block;margin-top:var(--s2);color:var(--ink2);font-weight:600}
.cta__act{display:flex;flex-direction:column;gap:var(--s3)}

/* footer: compact, artistic gradient watermark */
.ftr{padding:var(--s8) 0 clamp(90px,13vw,200px);background:linear-gradient(180deg,var(--bg),#060810)}
.ftr__cta{margin-bottom:var(--s7)}
.ftr__mail{font-size:clamp(2rem,5.2vw,4.2rem);letter-spacing:-.04em}
.ftr__grid{padding-bottom:var(--s6);gap:var(--s6)}
.ftr__logo{height:60px;margin-bottom:var(--s3)}
.ftr::before{content:"";position:absolute;left:50%;bottom:-18%;width:90vw;height:60%;transform:translateX(-50%);background:radial-gradient(50% 50% at 30% 60%,rgba(0,200,255,.28),transparent 70%),radial-gradient(45% 55% at 72% 50%,rgba(0,102,255,.26),transparent 70%);filter:blur(50px);pointer-events:none}
.ftr::after{content:"BR CREATORS";bottom:-.2em;font-size:clamp(3rem,14.2vw,15rem);letter-spacing:-.045em;background:linear-gradient(180deg,rgba(255,255,255,.22),rgba(255,255,255,.02) 80%);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-stroke:0;-webkit-mask-image:linear-gradient(90deg,transparent,#000 18%,#000 82%,transparent);mask-image:linear-gradient(90deg,transparent,#000 18%,#000 82%,transparent)}

@media (max-width:1000px){
  .who__c,.who__c:nth-child(n){grid-column:span 6}
  .fbk,.cta{grid-template-columns:1fr}
  .fbk__act,.cta__act{flex-direction:row;flex-wrap:wrap}
}
@media (max-width:680px){
  .who__c,.who__c:nth-child(n){grid-column:span 12;min-height:0}
}

/* testimonial slider */
.tslider__track{display:flex;gap:var(--s5);overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding:var(--s2) 2px var(--s4);cursor:grab;-webkit-overflow-scrolling:touch}
.tslider__track::-webkit-scrollbar{display:none}
.tslider__track.is-drag{cursor:grabbing;scroll-snap-type:none;user-select:none}
.tcard{position:relative;flex:0 0 min(88vw,470px);scroll-snap-align:start;display:flex;flex-direction:column;justify-content:space-between;gap:var(--s6);padding:clamp(var(--s5),3vw,var(--s7));min-height:300px;border:1px solid var(--line);border-radius:var(--r-lg);background:radial-gradient(380px circle at var(--mx) var(--my),rgba(255,255,255,.07),transparent 55%),linear-gradient(155deg,var(--bg3),var(--bg2));overflow:hidden}
.tcard blockquote p{position:relative;font:500 clamp(1.05rem,1.4vw,1.25rem)/1.55 var(--f-body);color:var(--ink)}
.tcard figcaption{display:flex;align-items:center;gap:var(--s3);color:var(--muted);font-size:.9rem}
.tcard figcaption strong{display:block;color:var(--ink);font-size:1rem}
.tcard img{width:48px;height:48px;border-radius:50%;object-fit:cover}
.tslider__nav{display:flex;align-items:center;gap:var(--s4);margin-top:var(--s5)}
.tslider__count{font:600 .85rem var(--f-body);letter-spacing:.1em;color:var(--muted)} .tslider__count b{color:var(--ink)}
.tslider__bar{flex:1;height:2px;background:var(--line);border-radius:2px;overflow:hidden}
.tslider__bar i{display:block;height:100%;width:100%;background:var(--grad);transform:scaleX(var(--prog,.2));transform-origin:left;transition:transform .5s var(--ease)}
.tslider__btn{width:48px;height:48px;border-radius:50%;border:1px solid var(--line);background:transparent;color:var(--ink);font-size:1.2rem;cursor:pointer;transition:background .3s,color .3s,border-color .3s}
.tslider__btn:hover{background:var(--accent);color:#001019;border-color:var(--accent)}
.tslider.is-static .tslider__nav{display:none}

/* ---------- reveal states (only when JS is running) ---------- */
html.js:not(.no-anim) [data-reveal]{opacity:0;transform:translateY(32px)}
html.js:not(.no-anim) [data-split]{visibility:hidden}
html.js:not(.no-anim) .hscroll .pcard{opacity:1}

/* ---------- responsive ---------- */
@media (max-width:1000px){
  .hdr__nav,.hdr__cta{display:none} .burger{display:block}
  .split{grid-template-columns:1fr} .panel{position:static}
  .steps{grid-template-columns:1fr 1fr} .grid3{grid-template-columns:1fr 1fr}
  .ftr__grid{grid-template-columns:1fr 1fr}
  .rows a{grid-template-columns:44px 1fr 32px} .rows__d{display:none}
}
@media (max-width:680px){
  .doors,.grid2,.grid3,.steps,.form__row{grid-template-columns:1fr}
  .hero{padding-top:120px;align-items:flex-start}
  .hero__ring,.hero__scroll{display:none}
  .ftr__grid{grid-template-columns:1fr}
  .cover--big{aspect-ratio:4/3}
  .hdr__in{height:68px}
  .wa-float{width:52px;height:52px;right:var(--s4);bottom:var(--s4)}
}
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}
  html.js [data-reveal],html.js [data-split]{opacity:1!important;transform:none!important;visibility:visible!important}
  .marquee__track{animation:none}
}