:root{
/* palette: warm bone paper, cool off-black ink, one accent */
--paper:#FAF9F6;
--surface:#FFFFFF;
--ink:#0A0D14;
--ink-2:#151A24;
--ink-3:#222836;
--accent:#2647FF;
--accent-d:#1B37D6;
--accent-l:#7C90FF;
--muted:#5C6270;
--muted-2:#8B909C;
--line:#E7E4DD;
--line-2:#F0EDE7;
--line-dark:rgba(255,255,255,.10);

/* 8pt spacing scale */
--s1:8px;--s2:16px;--s3:24px;--s4:32px;--s5:48px;--s6:64px;--s7:96px;--s8:128px;--s9:160px;

/* radii + elevation (3 steps only) */
--r1:12px;--r2:20px;--r3:28px;
--e1:0 1px 2px rgba(10,13,20,.05);
--e2:0 12px 32px -16px rgba(10,13,20,.22);
--e3:0 40px 90px -40px rgba(10,13,20,.38);

--wrap:1320px;
--f:'Plus Jakarta Sans',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Arial,sans-serif;
}

*,*::before,*::after{box-sizing:border-box;}
html{-webkit-text-size-adjust:100%;}
body{margin:0;font-family:var(--f);background:var(--paper);color:var(--ink);
  font-size:17px;line-height:1.6;letter-spacing:-.006em;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;}
img,svg{max-width:100%;display:block;}
a{color:inherit;text-decoration:none;}
ul{margin:0;padding:0;list-style:none;}
p{margin:0;}

/* ---------- type scale (1.25) with tightened display tracking ---------- */
h1,h2,h3,h4,h5{margin:0;font-weight:600;}
h1{font-size:clamp(2.75rem,5.4vw,4.5rem);line-height:1.03;letter-spacing:-.035em;}
h2{font-size:clamp(2rem,3.6vw,3rem);line-height:1.07;letter-spacing:-.03em;}
h3{font-size:1.375rem;line-height:1.2;letter-spacing:-.02em;}
h4{font-size:1.0625rem;line-height:1.32;letter-spacing:-.012em;}
.lead{font-size:1.125rem;line-height:1.6;color:var(--muted);max-width:64ch;letter-spacing:-.004em;}
.small{font-size:.9375rem;color:var(--muted);}
.eyebrow{display:inline-block;font-size:.75rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--accent);}
.measure{max-width:68ch;}

/* ---------- layout ---------- */
.wrap{width:100%;max-width:var(--wrap);margin:0 auto;padding:0 40px;}
section{padding:120px 0;}
.sec-hd{max-width:64ch;margin-bottom:var(--s6);}
.sec-hd h2{margin-top:var(--s2);}
.sec-hd .lead{margin-top:var(--s3);}

/* dark sections */
.dark{background:var(--ink);color:#fff;position:relative;overflow:hidden;}
.dark h2,.dark h3,.dark h4{color:#fff;}
.dark .lead,.dark p{color:rgba(255,255,255,.62);}
.dark .eyebrow{color:var(--accent-l);}

/* grain + mesh, pure svg, no image requests */
.grain::before{content:'';position:absolute;inset:0;pointer-events:none;opacity:.22;z-index:0;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.82' numOctaves='3'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.5'/%3E%3C/svg%3E");}
.mesh::after{content:'';position:absolute;inset:-30% -10% auto -10%;height:150%;pointer-events:none;z-index:0;
  background:
    radial-gradient(46% 42% at 18% 22%,rgba(38,71,255,.30),transparent 62%),
    radial-gradient(40% 40% at 84% 30%,rgba(124,144,255,.20),transparent 64%),
    radial-gradient(50% 46% at 60% 96%,rgba(38,71,255,.16),transparent 66%);}
.dark>*{position:relative;z-index:1;}

/* ---------- buttons ---------- */
.btn{display:inline-flex;align-items:center;gap:var(--s1);font-size:.9375rem;font-weight:600;letter-spacing:-.008em;
  padding:14px 24px;border-radius:999px;border:1px solid transparent;transition:background .18s ease,border-color .18s ease,color .18s ease;white-space:nowrap;}
.btn-p{background:var(--accent);color:#fff;box-shadow:var(--e2);}
.btn-p:hover{background:var(--accent-d);}
.btn-g{border-color:var(--line);color:var(--ink);background:var(--surface);}
.btn-g:hover{border-color:var(--ink);}
.btn-l{background:#fff;color:var(--ink);}
.dark .btn-g{border-color:var(--line-dark);color:#fff;background:transparent;}
.dark .btn-g:hover{border-color:rgba(255,255,255,.4);}

/* ---------- header ---------- */
.hd{position:sticky;top:0;z-index:60;background:rgba(250,249,246,.82);backdrop-filter:blur(16px) saturate(1.6);
  border-bottom:1px solid transparent;transition:border-color .22s ease,box-shadow .22s ease;}
.hd.is-stuck{border-bottom-color:var(--line);box-shadow:var(--e1);}
.hd-in{display:flex;align-items:center;gap:var(--s5);height:80px;}
.hd.is-stuck .hd-in{height:68px;}
.hd-in{transition:height .22s ease;}
.brand{display:flex;align-items:center;gap:10px;font-weight:700;font-size:1.25rem;letter-spacing:-.045em;}
.brand svg{width:28px;height:28px;flex:none;}
.nav{display:flex;align-items:center;gap:var(--s4);margin-left:auto;}
.nav>a,.nav-trigger{font-size:.9375rem;font-weight:500;color:var(--muted);letter-spacing:-.008em;transition:color .16s;}
.nav>a:hover{color:var(--ink);}
.hd-cta{display:flex;align-items:center;gap:var(--s2);}
.burger{display:none;width:44px;height:44px;border:1px solid var(--line);border-radius:var(--r1);background:var(--surface);cursor:pointer;align-items:center;justify-content:center;}
.burger span{display:block;width:16px;height:1.5px;background:var(--ink);position:relative;}
.burger span::before,.burger span::after{content:'';position:absolute;left:0;width:16px;height:1.5px;background:var(--ink);}
.burger span::before{top:-5px;}.burger span::after{top:5px;}

/* ---------- hero ---------- */
.hero{padding:80px 0 96px;position:relative;overflow:hidden;min-height:calc(100vh - 96px);display:flex;align-items:center;}
.hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:80px;align-items:center;width:100%;}
.chip{display:inline-flex;align-items:center;gap:var(--s1);font-size:.8125rem;font-weight:600;color:var(--muted);
  background:var(--surface);border:1px solid var(--line);padding:7px 14px;border-radius:999px;margin-bottom:var(--s3);box-shadow:var(--e1);}
.dot{width:6px;height:6px;border-radius:50%;background:#16B364;box-shadow:0 0 0 3px rgba(22,179,100,.16);}
.hero h1 em{font-style:normal;color:var(--accent);}
.hero .lead{margin-top:var(--s3);}
.hero-cta{display:flex;flex-wrap:wrap;gap:var(--s2);margin-top:var(--s5);}
.hero-meta{display:flex;flex-wrap:wrap;gap:var(--s5);margin-top:var(--s6);padding-top:var(--s4);border-top:1px solid var(--line);}
.hero-meta strong{display:block;font-size:1.75rem;font-weight:600;letter-spacing:-.04em;line-height:1;}
.hero-meta span{display:block;margin-top:6px;font-size:.875rem;color:var(--muted-2);}

/* hero visual */
.viz{position:relative;padding:var(--s2) 0 var(--s5) var(--s3);}
.viz-fig,.viz-br{border-radius:var(--r2);background:var(--surface);border:1px solid var(--line);box-shadow:var(--e3);will-change:transform;}
.viz-fig{position:relative;z-index:2;width:76%;padding:14px;}
.viz-fig .tag{position:absolute;top:-10px;left:18px;background:var(--accent);color:#fff;font-size:.625rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;padding:4px 10px;border-radius:6px;}
.viz-canvas{background:var(--paper);border-radius:var(--r1);padding:16px;display:grid;gap:8px;}
.bar{height:8px;border-radius:4px;background:#E2DFD8;}
.bar.b1{width:52%;height:12px;background:var(--ink);}
.bar.b2{width:86%;}
.bar.b3{width:68%;}
.viz-row{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:4px;}
.viz-row div{height:34px;border-radius:8px;background:#E2DFD8;}
.viz-row div:first-child{background:var(--accent);}
.viz-br{position:relative;z-index:3;width:78%;margin:-48px 0 0 auto;padding:0;overflow:hidden;}
.viz-br .chrome{display:flex;align-items:center;gap:5px;padding:11px 14px;border-bottom:1px solid var(--line);background:var(--paper);}
.viz-br .chrome i{width:8px;height:8px;border-radius:50%;background:#E2DFD8;display:block;}
.viz-br .chrome b{margin-left:8px;font-size:.625rem;font-weight:600;color:var(--muted-2);background:var(--surface);border:1px solid var(--line);padding:3px 10px;border-radius:5px;}
.viz-br .body{padding:16px;display:grid;gap:8px;}
.viz-arrow{position:absolute;left:50%;top:44%;z-index:4;width:36px;height:36px;border-radius:50%;background:var(--accent);color:#fff;display:grid;place-items:center;font-size:.9rem;box-shadow:var(--e2);}

/* ---------- credibility strip ---------- */
.cred{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:var(--surface);}
.cred-in{display:grid;grid-template-columns:repeat(4,1fr);}
.cred-in div{padding:var(--s4) var(--s4);border-right:1px solid var(--line);}
.cred-in div:last-child{border-right:0;}
.cred-in strong{display:block;font-size:.9375rem;font-weight:650;letter-spacing:-.015em;}
.cred-in span{display:block;margin-top:6px;font-size:.8125rem;color:var(--muted-2);line-height:1.5;}
.cred-in i{display:block;width:18px;height:18px;margin-bottom:12px;border-radius:5px;background:var(--accent);opacity:.14;}

/* ---------- capabilities ticker ---------- */
.tick{padding:var(--s5) 0;border-bottom:1px solid var(--line);overflow:hidden;}
.tick-row{display:flex;overflow:hidden;
  -webkit-mask-image:linear-gradient(90deg,transparent,#000 9%,#000 91%,transparent);
  mask-image:linear-gradient(90deg,transparent,#000 9%,#000 91%,transparent);}
.tick-track{display:flex;flex:none;align-items:center;gap:var(--s5);padding-right:var(--s5);animation:tk 42s linear infinite;will-change:transform;}
.tick-row:hover .tick-track{animation-play-state:paused;}
@keyframes tk{from{transform:translateX(0);}to{transform:translateX(-100%);}}
.tick-track li{display:flex;align-items:center;gap:var(--s5);font-size:1.0625rem;font-weight:550;color:var(--muted);white-space:nowrap;letter-spacing:-.015em;}
.tick-track li::after{content:'';width:4px;height:4px;border-radius:50%;background:var(--line);flex:none;}
.tick-lbl{text-align:center;margin-bottom:var(--s4);}
@media(prefers-reduced-motion:reduce){.tick-track{animation:none;}.tick-row{overflow-x:auto;}}

/* ---------- bento ---------- */
.bento{display:grid;grid-template-columns:repeat(6,1fr);gap:var(--s2);}
.bx{position:relative;grid-column:span 2;background:var(--surface);border:1px solid var(--line);border-radius:var(--r3);
  padding:var(--s4);display:flex;flex-direction:column;overflow:hidden;
  transition:border-color .22s ease,transform .3s cubic-bezier(.16,1,.3,1),box-shadow .3s ease;}
.bx::before{content:'';position:absolute;inset:0;opacity:0;transition:opacity .3s;pointer-events:none;
  background:radial-gradient(440px circle at var(--mx,50%) var(--my,50%),rgba(38,71,255,.07),transparent 60%);}
.bx:hover::before{opacity:1;}
.bx:hover{border-color:var(--ink);transform:translateY(-3px);box-shadow:var(--e2);}
.bx.w3{grid-column:span 3;}
.bx.w4{grid-column:span 4;}
.bx.w6{grid-column:span 6;}
.bx-n{font-size:2.75rem;font-weight:600;letter-spacing:-.05em;line-height:1;color:var(--line);margin-bottom:var(--s3);}
.bx h3{margin-bottom:10px;}
.bx p{color:var(--muted);font-size:.9375rem;}
.bx-tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:auto;padding-top:var(--s3);}
.bx-tags li{font-size:.75rem;color:var(--muted);background:var(--paper);border:1px solid var(--line);padding:5px 11px;border-radius:999px;}
.bx-go{margin-top:var(--s3);font-size:.875rem;font-weight:600;color:var(--accent);opacity:0;transform:translateX(-4px);transition:.22s ease;}
.bx:hover .bx-go{opacity:1;transform:none;}

/* ---------- oversized numeral process ---------- */
.proc{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--s2);}
.step{position:relative;padding:var(--s4);border-radius:var(--r2);background:rgba(255,255,255,.03);border:1px solid var(--line-dark);overflow:hidden;}
.step b{display:block;font-size:4rem;font-weight:600;letter-spacing:-.06em;line-height:.9;
  color:transparent;-webkit-text-stroke:1px rgba(255,255,255,.22);margin-bottom:var(--s3);}
.step:first-child b{-webkit-text-stroke-color:var(--accent-l);}
.step h4{margin-bottom:10px;}
.step p{font-size:.9375rem;}

/* ---------- comparison ---------- */
.cmp{border:1px solid var(--line);border-radius:var(--r3);overflow:hidden;background:var(--surface);}
.cmp-row{display:grid;grid-template-columns:1.15fr 1fr 1fr;border-bottom:1px solid var(--line);}
.cmp-row:last-child{border-bottom:0;}
.cmp-row>div{padding:var(--s3) var(--s4);font-size:.9375rem;}
.cmp-row.h>div{background:var(--paper);font-weight:700;font-size:.75rem;letter-spacing:.12em;text-transform:uppercase;color:var(--muted-2);}
.cmp-row.h>div:nth-child(2){background:var(--ink);color:#fff;}
.cmp-row>div:nth-child(2){background:rgba(38,71,255,.035);font-weight:600;}
.cmp-row>div:nth-child(3){color:var(--muted-2);}
.cmp-row>div:first-child{font-weight:600;}

/* ---------- pricing ---------- */
.price{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--s2);}
.pc{background:var(--surface);border:1px solid var(--line);border-radius:var(--r3);padding:var(--s5) var(--s4);display:flex;flex-direction:column;transition:border-color .22s,transform .3s cubic-bezier(.16,1,.3,1);}
.pc:hover{border-color:var(--ink);transform:translateY(-3px);}
.pc.feat{background:var(--ink);color:#fff;border-color:var(--ink);}
.pc.feat p,.pc.feat li{color:rgba(255,255,255,.66);}
.pc.feat .pc-from{color:var(--accent-l);}
.pc-name{font-size:1.0625rem;font-weight:650;letter-spacing:-.015em;}
.pc-from{font-size:.75rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--accent);margin-top:var(--s3);}
.pc-fig{font-size:2.5rem;font-weight:600;letter-spacing:-.045em;line-height:1;margin-top:6px;}
.pc p{font-size:.9375rem;color:var(--muted);margin-top:var(--s2);}
.pc ul{margin-top:var(--s4);display:grid;gap:10px;}
.pc li{font-size:.9375rem;color:var(--muted);padding-left:22px;position:relative;}
.pc li::before{content:'';position:absolute;left:0;top:8px;width:11px;height:6px;border-left:1.5px solid var(--accent);border-bottom:1.5px solid var(--accent);transform:rotate(-45deg);}
.pc .btn{margin-top:var(--s5);justify-content:center;}
.price-note{margin-top:var(--s4);text-align:center;font-size:.875rem;color:var(--muted-2);}

/* ---------- founder ---------- */
.founder{display:grid;grid-template-columns:.85fr 1.15fr;gap:var(--s6);align-items:center;}
.f-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r3);padding:var(--s5);box-shadow:var(--e2);}
.f-av{width:64px;height:64px;border-radius:50%;background:var(--ink);color:#fff;display:grid;place-items:center;font-size:1.4rem;font-weight:600;letter-spacing:-.03em;margin-bottom:var(--s3);}
.f-card h4{font-size:1.0625rem;}
.f-card .role{font-size:.875rem;color:var(--muted-2);margin-top:4px;}
.f-links{display:flex;gap:var(--s2);margin-top:var(--s4);padding-top:var(--s4);border-top:1px solid var(--line);font-size:.875rem;}
.f-links a{color:var(--accent);font-weight:600;}
.f-quote{font-size:clamp(1.25rem,2.3vw,1.75rem);font-weight:500;letter-spacing:-.028em;line-height:1.38;}
.f-quote em{font-style:normal;color:var(--accent);}

/* ---------- projects ---------- */
.pj{display:grid;grid-template-columns:1fr 1fr;gap:var(--s2);}
.pj-c{position:relative;border:1px solid var(--line);border-radius:var(--r3);overflow:hidden;background:var(--surface);
  transition:border-color .22s,transform .3s cubic-bezier(.16,1,.3,1),box-shadow .3s;}
.pj-c::before{content:'';position:absolute;inset:0;z-index:1;opacity:0;transition:opacity .3s;pointer-events:none;
  background:radial-gradient(420px circle at var(--mx,50%) var(--my,50%),rgba(38,71,255,.07),transparent 60%);}
.pj-c:hover::before{opacity:1;}
.pj-c:hover{border-color:var(--ink);transform:translateY(-4px);box-shadow:var(--e2);}
.pj-vis{position:relative;aspect-ratio:16/10;background:var(--paper);overflow:hidden;display:grid;place-items:center;}
.pj-vis .grid{position:absolute;inset:0;background-image:linear-gradient(var(--line-2) 1px,transparent 1px),linear-gradient(90deg,var(--line-2) 1px,transparent 1px);background-size:32px 32px;}
.pj-shape{position:relative;width:62%;border-radius:var(--r1);background:var(--surface);border:1px solid var(--line);box-shadow:var(--e2);padding:14px;display:grid;gap:8px;transition:transform .5s cubic-bezier(.16,1,.3,1);}
.pj-c:hover .pj-shape{transform:translateY(-8px) scale(1.03);}
.pj-shape .bar.k{width:46%;height:12px;background:var(--ink);}
.pj-shape .bar.m{width:78%;}
.pj-shape .row{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:4px;}
.pj-shape .row i{display:block;height:28px;border-radius:7px;background:#E2DFD8;}
.pj-shape .row i:first-child{background:var(--accent);}
.pj-body{padding:var(--s4);position:relative;z-index:2;}
.pj-tag{display:inline-flex;font-size:.6875rem;font-weight:700;letter-spacing:.13em;text-transform:uppercase;color:var(--accent);margin-bottom:12px;}
.pj-body h3{margin-bottom:10px;}
.pj-body p{color:var(--muted);font-size:.9375rem;}
.pj-meta{display:flex;flex-wrap:wrap;gap:6px;margin-top:var(--s3);}
.pj-meta li{font-size:.75rem;color:var(--muted);background:var(--paper);border:1px solid var(--line);padding:5px 11px;border-radius:999px;}
.pj-empty{border:1px dashed var(--line);border-radius:var(--r3);padding:var(--s6);text-align:center;color:var(--muted);}
.pj-head{display:flex;justify-content:space-between;align-items:flex-end;gap:var(--s4);flex-wrap:wrap;margin-bottom:var(--s5);}

/* ---------- faq ---------- */
.faq{border-top:1px solid var(--line);}
.faq details{border-bottom:1px solid var(--line);}
.faq summary{cursor:pointer;list-style:none;padding:var(--s3) 0;font-weight:600;font-size:1.0625rem;letter-spacing:-.015em;display:flex;justify-content:space-between;gap:var(--s4);}
.faq summary::-webkit-details-marker{display:none;}
.faq summary::after{content:'+';color:var(--accent);font-weight:600;font-size:1.4rem;line-height:1;}
.faq details[open] summary::after{content:'\2212';}
.faq p{padding:0 0 var(--s3);color:var(--muted);max-width:72ch;font-size:.9375rem;}

/* ---------- final cta ---------- */
.cta{border-radius:var(--r3);padding:var(--s8) var(--s6);text-align:center;position:relative;overflow:hidden;}
.cta h2{max-width:20ch;margin:0 auto;}
.cta p{margin:var(--s3) auto var(--s5);max-width:52ch;}

/* ---------- footer ---------- */
.ft{background:var(--ink);color:#fff;padding:var(--s7) 0 var(--s4);}
.ft-top{display:grid;grid-template-columns:1.7fr 1fr 1fr 1fr;gap:var(--s5);padding-bottom:var(--s6);border-bottom:1px solid var(--line-dark);}
.ft .brand{color:#fff;margin-bottom:var(--s3);}
.ft-top>div>p{color:rgba(255,255,255,.55);font-size:.9375rem;max-width:34ch;}
.ft h5{font-size:.75rem;letter-spacing:.14em;text-transform:uppercase;color:rgba(255,255,255,.4);margin:0 0 var(--s3);font-weight:700;}
.ft-top li{margin-bottom:10px;}
.ft-top li a{color:rgba(255,255,255,.7);font-size:.9375rem;transition:color .16s;}
.ft-top li a:hover{color:#fff;}
.ft-bt{display:flex;justify-content:space-between;flex-wrap:wrap;gap:var(--s2);padding-top:var(--s3);font-size:.875rem;color:rgba(255,255,255,.4);}

/* ---------- inner pages ---------- */
.phero{padding:104px 0 80px;border-bottom:1px solid var(--line);position:relative;overflow:hidden;}
.phero h1{max-width:18ch;margin-top:var(--s2);}
.phero .lead{margin-top:var(--s3);}
.crumb{font-size:.875rem;color:var(--muted-2);margin-bottom:var(--s3);}
.sblock{display:grid;grid-template-columns:.85fr 1.15fr;gap:var(--s6);padding:var(--s6) 0;border-bottom:1px solid var(--line);align-items:start;}
.sblock:last-child{border-bottom:0;}
.sblock-h .n{font-size:.75rem;font-weight:700;color:var(--accent);letter-spacing:.12em;}
.sblock-h h2{font-size:1.75rem;margin:12px 0 var(--s2);}
.sblock-h p{color:var(--muted);}
.deliv{display:grid;grid-template-columns:1fr 1fr;gap:var(--s2);}
.deliv div{border:1px solid var(--line);border-radius:var(--r2);padding:var(--s3);background:var(--surface);}
.deliv h4{margin-bottom:6px;}
.deliv p{font-size:.875rem;color:var(--muted);line-height:1.55;}
.fit{margin-top:var(--s3);padding:var(--s2) var(--s3);border-left:2px solid var(--accent);background:var(--surface);border-radius:0 var(--r1) var(--r1) 0;}
.fit b{font-size:.75rem;letter-spacing:.1em;text-transform:uppercase;color:var(--accent);display:block;margin-bottom:6px;}
.fit p{font-size:.875rem;color:var(--muted);}

/* ---------- contact ---------- */
.cwrap{display:grid;grid-template-columns:.85fr 1.15fr;gap:var(--s6);align-items:start;}
.cinfo .blk{padding:var(--s3) 0;border-bottom:1px solid var(--line);}
.cinfo .blk:first-child{padding-top:0;}
.cinfo .blk:last-child{border-bottom:0;}
.cinfo h3{font-size:1.0625rem;margin-bottom:8px;}
.cinfo p{color:var(--muted);font-size:.9375rem;}
.cinfo a{color:var(--accent);font-weight:600;}
.form{background:var(--surface);border:1px solid var(--line);border-radius:var(--r3);padding:var(--s5);box-shadow:var(--e2);}
.fgrid{display:grid;grid-template-columns:1fr 1fr;gap:var(--s2);}
.f{display:flex;flex-direction:column;gap:8px;margin-bottom:var(--s2);}
.f label{font-size:.875rem;font-weight:600;}
.f label span{color:var(--muted-2);font-weight:500;}
.f input,.f select,.f textarea{font-family:var(--f);font-size:.9375rem;color:var(--ink);border:1px solid var(--line);
  border-radius:var(--r1);padding:13px 15px;background:var(--paper);width:100%;transition:border-color .16s,box-shadow .16s,background .16s;}
.f input:focus,.f select:focus,.f textarea:focus{outline:none;background:var(--surface);border-color:var(--accent);box-shadow:0 0 0 3px rgba(38,71,255,.12);}
.f textarea{min-height:132px;resize:vertical;}
.hp{position:absolute;left:-9999px;opacity:0;height:0;overflow:hidden;}
.form .btn{width:100%;justify-content:center;margin-top:8px;}
.fnote{font-size:.8125rem;color:var(--muted-2);margin-top:var(--s2);text-align:center;}
.alert{border-radius:var(--r1);padding:var(--s2) var(--s3);margin-bottom:var(--s3);font-size:.9375rem;}
.alert.ok{background:rgba(22,179,100,.08);border:1px solid rgba(22,179,100,.3);color:#0F7A45;}
.alert.err{background:rgba(220,45,45,.06);border:1px solid rgba(220,45,45,.28);color:#B32020;}

/* ---------- mega menu ---------- */
.nav-item{position:relative;display:flex;align-items:center;}
.nav-trigger{display:inline-flex;align-items:center;gap:6px;font:inherit;font-size:.9375rem;font-weight:500;color:var(--muted);background:none;border:0;padding:0;cursor:pointer;}
.nav-trigger svg{transition:transform .22s ease;}
.nav-item:hover .nav-trigger,.nav-item:focus-within .nav-trigger{color:var(--ink);}
.nav-item:hover .nav-trigger svg{transform:rotate(180deg);}
.mega{position:absolute;top:100%;left:50%;transform:translateX(-50%) translateY(10px);padding-top:16px;
  opacity:0;visibility:hidden;pointer-events:none;transition:opacity .22s ease,transform .3s cubic-bezier(.16,1,.3,1),visibility .22s;}
.nav-item:hover .mega,.nav-item:focus-within .mega{opacity:1;visibility:visible;pointer-events:auto;transform:translateX(-50%);}
.mega-in{display:grid;grid-template-columns:1.35fr .85fr;gap:8px;width:min(780px,90vw);background:var(--surface);
  border:1px solid var(--line);border-radius:var(--r3);box-shadow:var(--e3);padding:10px;}
.mega-list{display:grid;gap:2px;}
.mega-list a{display:block;padding:13px 15px;border-radius:var(--r1);transition:background .16s,transform .16s;}
.mega-list a:hover{background:var(--paper);transform:translateX(3px);}
.mega-list strong{display:block;font-size:.9375rem;font-weight:650;letter-spacing:-.015em;}
.mega-list span{display:block;font-size:.8125rem;color:var(--muted);margin-top:3px;}
.mega-side{background:var(--ink);border-radius:var(--r2);padding:var(--s3);display:flex;flex-direction:column;gap:10px;justify-content:center;}
.mega-side .eyebrow{color:var(--accent-l);}
.mega-side p{font-size:.8125rem;color:rgba(255,255,255,.6);line-height:1.55;}
.mega-side .btn{align-self:flex-start;margin-top:4px;padding:10px 16px;font-size:.8125rem;}
.hd-slots{display:inline-flex;align-items:center;gap:7px;font-size:.8125rem;font-weight:600;color:var(--muted);white-space:nowrap;}

/* ---------- drawer ---------- */
.drawer{position:fixed;inset:0;z-index:90;background:rgba(10,13,20,.44);backdrop-filter:blur(3px);opacity:0;visibility:hidden;transition:.22s ease;}
.drawer.open{opacity:1;visibility:visible;}
.drawer-in{position:absolute;top:0;right:0;height:100%;width:min(86vw,360px);background:var(--paper);padding:var(--s3);display:flex;flex-direction:column;transform:translateX(100%);transition:transform .28s cubic-bezier(.16,1,.3,1);overflow-y:auto;}
.drawer.open .drawer-in{transform:none;}
.drawer-hd{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--s2);}
.drawer-close{width:42px;height:42px;border:1px solid var(--line);border-radius:var(--r1);background:var(--surface);cursor:pointer;font-size:1.3rem;line-height:1;color:var(--muted);}
.drawer a.dl{padding:13px 0;font-size:1.0625rem;font-weight:600;border-bottom:1px solid var(--line);}
.drawer a.dl-sub{font-size:.9375rem;font-weight:500;color:var(--muted);}
.drawer-lbl{display:block;font-size:.6875rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--muted-2);margin:var(--s3) 0 4px;}
.drawer .btn{margin-top:var(--s3);justify-content:center;}

/* ---------- motion ---------- */
.prog{position:fixed;top:0;left:0;right:0;height:2px;z-index:100;pointer-events:none;}
.prog span{display:block;height:100%;background:var(--accent);transform:scaleX(0);transform-origin:0 50%;will-change:transform;}
html.js body{opacity:0;transition:opacity .4s ease;}
html.js body.ready{opacity:1;}
html:not(.js) body{opacity:1;}
html.js .rv{opacity:0;transform:translateY(18px);}
html.js .rv.in{opacity:1;transform:none;}
.rv{transition:opacity .7s ease,transform .7s cubic-bezier(.16,1,.3,1);}
.rv.d1{transition-delay:.07s;}.rv.d2{transition-delay:.14s;}.rv.d3{transition-delay:.21s;}
.w{display:inline-block;overflow:hidden;vertical-align:top;}
.wi{display:inline-block;transform:translateY(105%);transition:transform .8s cubic-bezier(.16,1,.3,1);will-change:transform;}
.in .wi{transform:none;}
.cur,.cur-ring{display:none !important;}
@media(prefers-reduced-motion:reduce){
  html.js .rv{opacity:1;transform:none;}
  .wi{transform:none;}
  *{scroll-behavior:auto !important;}
}

/* ---------- responsive ---------- */
@media(max-width:1080px){.hd-slots{display:none;}}
@media(max-width:980px){
  .nav{display:none;}
  .burger{display:flex;margin-left:auto;}
  .hero-grid,.split,.founder,.cwrap,.sblock{grid-template-columns:1fr;gap:var(--s5);}
  .viz{padding-left:0;max-width:470px;}
  .bento{grid-template-columns:repeat(2,1fr);}
  .bx,.bx.w3,.bx.w4,.bx.w6{grid-column:span 1;}
  .proc,.price{grid-template-columns:1fr 1fr;}
  .cred-in{grid-template-columns:1fr 1fr;}
  .cred-in div:nth-child(2){border-right:0;}
  .cred-in div:nth-child(-n+2){border-bottom:1px solid var(--line);}
  .pj{grid-template-columns:1fr;}
  .ft-top{grid-template-columns:1fr 1fr;}
}
@media(max-width:640px){
  body{font-size:16px;}
  .wrap{padding:0 20px;}
  section{padding:72px 0;}
  .bento,.proc,.price,.cred-in,.deliv,.fgrid,.ft-top{grid-template-columns:1fr;}
  .cred-in div{border-right:0;border-bottom:1px solid var(--line);}
  .cred-in div:last-child{border-bottom:0;}
  .cta{padding:var(--s6) var(--s3);}
  .cmp-row{grid-template-columns:1fr;}
  .cmp-row.h{display:none;}
  .hero-meta{gap:var(--s3);}
  .form{padding:var(--s3);}
}

@media(max-width:980px){.hero{min-height:0;padding:56px 0 72px;display:block;}.hero-grid{gap:48px;}}

/* ================= HEADER v2 (dual dropdown) ================= */
.nav{gap:28px;}
.nav-item{position:relative;display:flex;align-items:center;}
.mega-wide{left:auto;right:auto;transform:translateY(10px);}
.nav-item.right-align .mega{left:auto;right:0;transform:translateY(10px);}
.nav-item.right-align:hover .mega,.nav-item.right-align:focus-within .mega{transform:translateY(0);}
.mega-in{grid-template-columns:1.45fr .8fr;width:min(720px,90vw);}
.mega-in.solo{grid-template-columns:1fr;width:min(380px,90vw);}
.mega-list a{display:flex;flex-direction:column;gap:3px;}
.mega-media{border-radius:var(--r2);overflow:hidden;background:var(--ink);position:relative;display:flex;flex-direction:column;justify-content:flex-end;padding:20px;min-height:190px;}
.mega-media .mm-art{position:absolute;inset:0;opacity:.5;
  background:radial-gradient(60% 55% at 30% 25%,rgba(38,71,255,.55),transparent 65%),radial-gradient(55% 50% at 80% 75%,rgba(124,144,255,.4),transparent 65%);}
.mega-media .mm-in{position:relative;}
.mega-media strong{display:block;color:#fff;font-size:.95rem;font-weight:650;letter-spacing:-.015em;}
.mega-media span{display:block;color:rgba(255,255,255,.6);font-size:.8125rem;margin-top:4px;line-height:1.5;}
.mega-media .btn{margin-top:14px;padding:9px 15px;font-size:.8125rem;align-self:flex-start;}
/* ================= HEADER v3: floating pill nav ================= */
.hd{background:transparent;backdrop-filter:none;border-bottom:0;box-shadow:none;padding:18px 0;transition:padding .24s ease;}
.hd.is-stuck{background:transparent;border-bottom:0;box-shadow:none;padding:10px 0;}
.hd-in{height:auto;gap:var(--s3);position:relative;}
.hd.is-stuck .hd-in{height:auto;}

.navpill{margin:0 auto;padding:1.5px;border-radius:999px;position:relative;
  background:linear-gradient(115deg,rgba(38,71,255,.85),rgba(124,144,255,.35) 32%,rgba(255,255,255,.10) 52%,rgba(124,144,255,.30) 72%,rgba(38,71,255,.8));
  box-shadow:0 0 34px -8px rgba(38,71,255,.5),0 22px 50px -26px rgba(10,13,20,.6);}
.navpill-in{display:flex;align-items:center;gap:4px;background:var(--ink);border-radius:999px;padding:6px;}

.navpill a,.navpill .nav-trigger{display:inline-flex;align-items:center;gap:6px;
  font-size:.9375rem;font-weight:500;letter-spacing:-.008em;color:rgba(255,255,255,.72);
  background:none;border:0;font-family:var(--f);cursor:pointer;
  padding:11px 20px;border-radius:999px;transition:color .16s ease,background .16s ease;white-space:nowrap;}
.navpill a:hover,.navpill .nav-trigger:hover,.nav-item:hover .nav-trigger,.nav-item:focus-within .nav-trigger{color:#fff;background:rgba(255,255,255,.07);}

.pill-cta{background:linear-gradient(135deg,var(--accent),#4A66FF);color:#fff !important;
  font-weight:600 !important;padding:12px 24px !important;
  box-shadow:0 8px 24px -8px rgba(38,71,255,.85),inset 0 1px 0 rgba(255,255,255,.28);
  transition:transform .18s ease,box-shadow .18s ease !important;}
.pill-cta:hover{background:linear-gradient(135deg,#3355FF,#5B74FF) !important;transform:translateY(-1px);
  box-shadow:0 12px 30px -8px rgba(38,71,255,.95),inset 0 1px 0 rgba(255,255,255,.3);}
.pill-cta svg{transition:transform .2s ease;}
.pill-cta:hover svg{transform:translateX(3px);}

.hd-slots{position:absolute;right:40px;top:50%;transform:translateY(-50%);
  display:inline-flex;align-items:center;gap:7px;font-size:.8125rem;font-weight:600;color:var(--muted);white-space:nowrap;}
.brand-fixed{position:absolute;left:40px;top:50%;transform:translateY(-50%);}

/* dropdowns hang from the pill */
.navpill .mega{padding-top:14px;}
.navpill .mega-in{box-shadow:0 40px 90px -40px rgba(10,13,20,.55);}

@media(max-width:1280px){
  .hd-slots{display:none;}
}
@media(max-width:1080px){
  .brand-fixed{position:static;transform:none;}
  .navpill{margin-left:auto;margin-right:0;}
}
@media(max-width:980px){
  .hd{padding:12px 0;background:rgba(250,249,246,.86);backdrop-filter:blur(16px);}
  .hd.is-stuck{background:rgba(250,249,246,.92);border-bottom:1px solid var(--line);}
  .navpill{display:none;}
  .brand-fixed{position:static;transform:none;}
}
/* ================= STATUS BADGE ================= */
.hd-slots{padding:8px 15px;border-radius:999px;background:rgba(255,255,255,.7);
  border:1px solid var(--line);backdrop-filter:blur(12px);box-shadow:var(--e1);
  font-size:.8125rem;font-weight:600;color:var(--ink);letter-spacing:-.005em;}
.dot{position:relative;width:7px;height:7px;border-radius:50%;background:#16B364;flex:none;box-shadow:none;}
.dot::after{content:'';position:absolute;inset:-4px;border-radius:50%;border:1.5px solid rgba(22,179,100,.55);animation:pulse 2.2s ease-out infinite;}
@keyframes pulse{0%{transform:scale(.6);opacity:.9;}70%{transform:scale(1.5);opacity:0;}100%{opacity:0;}}
@media(prefers-reduced-motion:reduce){.dot::after{animation:none;opacity:.5;}}

/* ================= HERO v2: centred, showreel band below ================= */
.hero{min-height:0;display:block;padding:96px 0 72px;text-align:center;}
.hero-c{max-width:960px;margin:0 auto;}
.hero h1{font-size:clamp(2.75rem,6vw,5rem);margin:0 auto;max-width:16ch;}
.hero .lead{margin:var(--s4) auto 0;max-width:60ch;font-size:1.1875rem;}
.hero-cta{justify-content:center;margin-top:var(--s5);}
.hero-trust{display:flex;justify-content:center;flex-wrap:wrap;gap:var(--s2) var(--s5);margin-top:var(--s5);
  font-size:.875rem;color:var(--muted-2);font-weight:500;}
.hero-trust span{display:inline-flex;align-items:center;gap:8px;}
.hero-trust span::before{content:'';width:11px;height:6px;border-left:1.5px solid var(--accent);border-bottom:1.5px solid var(--accent);transform:rotate(-45deg);flex:none;}

/* showreel band */
.reel{padding:0 0 96px;}
.reel-in{position:relative;border-radius:var(--r3);overflow:hidden;background:var(--ink);
  box-shadow:0 60px 120px -50px rgba(10,13,20,.6);aspect-ratio:16/8;}
.reel-in .rl-chrome{position:relative;z-index:2;display:flex;align-items:center;gap:6px;padding:14px 18px;border-bottom:1px solid rgba(255,255,255,.08);}
.reel-in .rl-chrome i{width:9px;height:9px;border-radius:50%;background:rgba(255,255,255,.18);display:block;}
.reel-in .rl-chrome b{margin-left:10px;font-size:.72rem;font-weight:600;color:rgba(255,255,255,.5);
  background:rgba(255,255,255,.07);padding:5px 14px;border-radius:6px;letter-spacing:.01em;}
.rl-body{position:relative;z-index:2;display:grid;grid-template-columns:210px 1fr;gap:20px;padding:26px;height:calc(100% - 50px);}
.rl-side{display:grid;gap:10px;align-content:start;}
.rl-side i{display:block;height:11px;border-radius:6px;background:rgba(255,255,255,.10);}
.rl-side i:nth-child(1){width:70%;background:var(--accent);}
.rl-side i:nth-child(2){width:100%;}
.rl-side i:nth-child(3){width:85%;}
.rl-side i:nth-child(4){width:92%;}
.rl-side i:nth-child(5){width:60%;}
.rl-main{display:grid;grid-template-rows:auto 1fr;gap:16px;}
.rl-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;}
.rl-cards div{border-radius:14px;background:rgba(255,255,255,.055);border:1px solid rgba(255,255,255,.08);height:82px;padding:14px;display:grid;gap:8px;align-content:start;}
.rl-cards div span{display:block;height:8px;border-radius:4px;background:rgba(255,255,255,.14);}
.rl-cards div span:first-child{width:52%;background:rgba(124,144,255,.75);}
.rl-cards div span:last-child{width:80%;}
.rl-chart{border-radius:16px;background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.08);
  padding:20px;display:flex;align-items:flex-end;gap:11px;}
.rl-chart i{display:block;flex:1;border-radius:6px 6px 0 0;background:rgba(255,255,255,.13);}
.rl-chart i:nth-child(2){background:rgba(124,144,255,.5);}
.rl-chart i:nth-child(5){background:var(--accent);}

@media(max-width:980px){
  .hero{padding:56px 0 48px;}
  .reel{padding-bottom:64px;}
  .reel-in{aspect-ratio:4/3;}
  .rl-body{grid-template-columns:1fr;}
  .rl-side{display:none;}
}
@media(max-width:640px){
  .reel-in{aspect-ratio:3/4;}
  .rl-cards{grid-template-columns:1fr;}
  .rl-cards div{height:60px;}
  .hero-trust{gap:10px var(--s3);font-size:.8125rem;}
}
/* ================= HERO v3: left aligned, glass visual right ================= */
.hero{text-align:left;padding:88px 0 96px;}
.hero-split{display:grid;grid-template-columns:1.02fr .98fr;gap:64px;align-items:center;}
.hero-c{max-width:none;margin:0;}
.hero h1{margin:0;max-width:14ch;font-size:clamp(2.75rem,5.4vw,4.75rem);}
.hero .lead{margin:var(--s4) 0 0;max-width:48ch;}
.hero-cta{justify-content:flex-start;margin-top:var(--s5);align-items:center;gap:var(--s3);}
.hero-trust{justify-content:flex-start;margin-top:var(--s5);}

/* proof chip beside the CTA (mirrors the rating slot competitors use) */
.pchip{display:inline-flex;align-items:center;gap:12px;padding:8px 16px 8px 10px;border-radius:999px;
  background:var(--surface);border:1px solid var(--line);box-shadow:var(--e1);}
.pchip .pc-ic{width:34px;height:34px;border-radius:50%;background:var(--ink);color:#fff;
  display:grid;place-items:center;flex:none;font-size:.85rem;font-weight:700;letter-spacing:-.03em;}
.pchip b{display:block;font-size:.875rem;font-weight:650;letter-spacing:-.01em;line-height:1.25;}
.pchip span{display:block;font-size:.75rem;color:var(--muted-2);line-height:1.3;margin-top:1px;}

/* iridescent glass visual */
.glass{position:relative;aspect-ratio:1/1;display:grid;place-items:center;}
.glass svg{width:100%;height:100%;overflow:visible;}
.glass::before{content:'';position:absolute;inset:8% 4%;border-radius:50%;
  background:radial-gradient(circle,rgba(38,71,255,.10),transparent 66%);filter:blur(24px);}

/* ================= LOGO WALL (3 rows) ================= */
.wall{padding:88px 0 96px;border-bottom:1px solid var(--line);overflow:hidden;}
.wall-lbl{text-align:center;font-size:.8125rem;font-weight:700;letter-spacing:.15em;text-transform:uppercase;
  color:var(--muted-2);margin-bottom:44px;}
.wall-rows{display:grid;gap:18px;
  -webkit-mask-image:linear-gradient(90deg,transparent,#000 11%,#000 89%,transparent);
  mask-image:linear-gradient(90deg,transparent,#000 11%,#000 89%,transparent);}
.wall-row{display:flex;overflow:hidden;}
.wall-track{display:flex;flex:none;align-items:center;gap:18px;padding-right:18px;will-change:transform;
  animation:wall-l var(--dur,52s) linear infinite;}
.wall-row.rev .wall-track{animation-name:wall-r;}
.wall-row:hover .wall-track{animation-play-state:paused;}
@keyframes wall-l{from{transform:translateX(0);}to{transform:translateX(-100%);}}
@keyframes wall-r{from{transform:translateX(-100%);}to{transform:translateX(0);}}
@media(prefers-reduced-motion:reduce){.wall-track{animation:none;}.wall-row{overflow-x:auto;}}

.lk{flex:none;display:inline-flex;align-items:center;gap:11px;height:64px;padding:0 26px;
  background:var(--surface);border:1px solid var(--line);border-radius:14px;
  transition:border-color .2s ease,transform .2s ease,box-shadow .2s ease;}
.lk:hover{border-color:var(--ink);transform:translateY(-2px);box-shadow:var(--e2);}
.lk-m{width:26px;height:26px;border-radius:7px;flex:none;display:grid;place-items:center;
  color:#fff;font-size:.72rem;font-weight:800;letter-spacing:-.04em;}
.lk-t{font-size:1rem;font-weight:650;letter-spacing:-.022em;color:var(--ink);white-space:nowrap;}
.lk img{max-height:30px;width:auto;filter:grayscale(1);opacity:.62;transition:filter .25s,opacity .25s;}
.lk:hover img{filter:none;opacity:1;}

@media(max-width:980px){
  .hero-split{grid-template-columns:1fr;gap:48px;}
  .glass{max-width:420px;margin:0 auto;}
  .hero h1{max-width:none;}
  .wall{padding:64px 0 72px;}
  .wall-lbl{margin-bottom:32px;}
}
@media(max-width:640px){
  .lk{height:56px;padding:0 18px;}
  .lk-t{font-size:.9375rem;}
  .hero-cta{gap:var(--s2);}
  .pchip{width:100%;}
}
/* ================= HERO MARK (brand icon) ================= */
.glass{aspect-ratio:1/1;display:grid;place-items:center;position:relative;}
.glass::before{content:'';position:absolute;width:74%;aspect-ratio:1/1;border-radius:50%;
  background:radial-gradient(circle,rgba(38,71,255,.34),rgba(38,71,255,.10) 46%,transparent 68%);filter:blur(38px);}
.mk-ring{position:absolute;border-radius:50%;border:1px solid var(--line);opacity:.9;}
.mk-ring.r1{width:88%;aspect-ratio:1/1;}
.mk-ring.r2{width:104%;aspect-ratio:1/1;opacity:.6;}
.mk-tile{position:relative;width:62%;aspect-ratio:1/1;border-radius:27%;overflow:hidden;
  background:var(--ink);display:grid;place-items:center;
  box-shadow:0 50px 90px -34px rgba(10,13,20,.62),0 0 0 1px rgba(255,255,255,.06) inset,0 0 60px -14px rgba(38,71,255,.55);
  animation:float 7s ease-in-out infinite;}
.mk-tile .mk-glow{position:absolute;inset:0;
  background:radial-gradient(58% 52% at 26% 20%,rgba(124,144,255,.42),transparent 62%),radial-gradient(52% 48% at 82% 84%,rgba(38,71,255,.44),transparent 64%);}
.mk-tile .mk-sheen{position:absolute;inset:0;
  background:linear-gradient(148deg,rgba(255,255,255,.18),rgba(255,255,255,.03) 34%,transparent 56%);}
.mk-tile svg{position:relative;width:62%;height:62%;}
@keyframes float{0%,100%{transform:translateY(0);}50%{transform:translateY(-14px);}}
@media(prefers-reduced-motion:reduce){.mk-tile{animation:none;}}

/* ================= WHO WE ARE ================= */
.who{display:grid;grid-template-columns:1.15fr .85fr;gap:72px;align-items:start;}
.who-lead{font-size:clamp(1.375rem,2.2vw,1.75rem);font-weight:500;letter-spacing:-.026em;line-height:1.4;}
.who-lead em{font-style:normal;color:var(--accent);}
.who-body{margin-top:var(--s4);display:grid;gap:var(--s2);}
.who-body p{color:var(--muted);}
.who-marks{display:flex;flex-wrap:wrap;gap:var(--s2);margin-top:var(--s5);}
.who-marks a{font-size:.9375rem;font-weight:600;color:var(--accent);display:inline-flex;align-items:center;gap:7px;}

.facts{background:var(--surface);border:1px solid var(--line);border-radius:var(--r3);overflow:hidden;box-shadow:var(--e1);}
.facts h4{padding:20px 26px;border-bottom:1px solid var(--line);background:var(--paper);
  font-size:.75rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--muted-2);}
.facts dl{margin:0;display:grid;}
.facts .fr{display:grid;grid-template-columns:.8fr 1.2fr;gap:var(--s3);padding:18px 26px;border-bottom:1px solid var(--line-2);}
.facts .fr:last-child{border-bottom:0;}
.facts dt{font-size:.875rem;color:var(--muted-2);}
.facts dd{margin:0;font-size:.9375rem;font-weight:600;letter-spacing:-.012em;}
.facts dd small{display:block;font-weight:500;color:var(--muted);font-size:.8125rem;margin-top:3px;letter-spacing:0;}
.facts .live{display:inline-flex;align-items:center;gap:8px;}

@media(max-width:980px){
  .who{grid-template-columns:1fr;gap:48px;}
}
@media(max-width:640px){
  .facts .fr{grid-template-columns:1fr;gap:4px;padding:16px 20px;}
  .facts h4{padding:16px 20px;}
}
/* ================= HEADER v4: frosted bar on scroll, stronger brand ================= */
.hd{transition:padding .24s ease,background-color .24s ease,border-color .24s ease,box-shadow .24s ease;}
.hd.is-stuck{
  background:rgba(250,249,246,.72);
  -webkit-backdrop-filter:blur(20px) saturate(1.7);
  backdrop-filter:blur(20px) saturate(1.7);
  border-bottom:1px solid rgba(231,228,221,.9);
  box-shadow:0 10px 30px -24px rgba(10,13,20,.45);
}

/* brand: always legible, slight lift once stuck */
.brand{font-size:1.3125rem;font-weight:750;letter-spacing:-.05em;z-index:2;}
.brand svg{width:32px;height:32px;transition:transform .24s ease;}
.hd.is-stuck .brand svg{transform:scale(.94);}
.brand-fixed{padding:7px 14px 7px 8px;border-radius:999px;
  background:rgba(255,255,255,.55);border:1px solid transparent;
  -webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);
  transition:background-color .24s ease,border-color .24s ease,box-shadow .24s ease;}
.hd.is-stuck .brand-fixed{background:var(--surface);border-color:var(--line);box-shadow:var(--e1);}

/* pill sits calmer once the bar has a background of its own */
.hd.is-stuck .navpill{box-shadow:0 0 22px -10px rgba(38,71,255,.42),0 14px 34px -22px rgba(10,13,20,.5);}

@media(max-width:980px){
  .brand-fixed{background:transparent;border-color:transparent;padding:0;-webkit-backdrop-filter:none;backdrop-filter:none;}
  .hd.is-stuck .brand-fixed{background:transparent;border-color:transparent;box-shadow:none;}
}
/* ================= PROJECTS v2 ================= */
.pj-head{display:flex;justify-content:space-between;align-items:flex-end;gap:var(--s4);flex-wrap:wrap;margin-bottom:var(--s6);}
.pj{display:grid;grid-template-columns:1fr 1fr;gap:var(--s3);}
.pj-c{position:relative;display:flex;flex-direction:column;border:1px solid var(--line);border-radius:var(--r3);
  overflow:hidden;background:var(--surface);isolation:isolate;
  transition:border-color .24s ease,transform .34s cubic-bezier(.16,1,.3,1),box-shadow .34s ease;}
.pj-c::before{content:'';position:absolute;inset:0;z-index:1;opacity:0;transition:opacity .3s;pointer-events:none;
  background:radial-gradient(460px circle at var(--mx,50%) var(--my,50%),rgba(38,71,255,.07),transparent 60%);}
.pj-c:hover::before{opacity:1;}
.pj-c:hover{border-color:var(--ink);transform:translateY(-5px);box-shadow:var(--e3);}

.pj-vis{position:relative;aspect-ratio:16/10;background:var(--paper);overflow:hidden;display:grid;place-items:center;
  border-bottom:1px solid var(--line);}
.pj-vis .grid{position:absolute;inset:0;
  background-image:linear-gradient(var(--line-2) 1px,transparent 1px),linear-gradient(90deg,var(--line-2) 1px,transparent 1px);
  background-size:34px 34px;}
.pj-vis .halo{position:absolute;width:60%;aspect-ratio:1/1;border-radius:50%;
  background:radial-gradient(circle,rgba(38,71,255,.16),transparent 66%);filter:blur(26px);}
.pj-vis img{width:100%;height:100%;object-fit:cover;}
.pj-shape{position:relative;width:62%;border-radius:var(--r1);background:var(--surface);border:1px solid var(--line);
  box-shadow:0 26px 54px -26px rgba(10,13,20,.42);padding:15px;display:grid;gap:8px;
  transition:transform .55s cubic-bezier(.16,1,.3,1);}
.pj-c:hover .pj-shape{transform:translateY(-9px) scale(1.035);}

.pj-body{padding:var(--s4);position:relative;z-index:2;display:flex;flex-direction:column;flex:1;}
.pj-tag{display:inline-flex;align-self:flex-start;font-size:.6875rem;font-weight:700;letter-spacing:.13em;
  text-transform:uppercase;color:var(--accent);margin-bottom:14px;}
.pj-body h3{margin-bottom:10px;}
.pj-body p{color:var(--muted);font-size:.9375rem;}
.pj-meta{display:flex;flex-wrap:wrap;gap:6px;margin-top:var(--s3);}
.pj-meta li{font-size:.75rem;color:var(--muted);background:var(--paper);border:1px solid var(--line);
  padding:5px 11px;border-radius:999px;}

.pj-foot{display:grid;grid-template-columns:1fr 1fr auto;gap:var(--s3);align-items:end;
  margin-top:var(--s4);padding-top:var(--s3);border-top:1px solid var(--line);}
.pj-foot dt{font-size:.6875rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--muted-2);}
.pj-foot dd{margin:0;font-size:.875rem;font-weight:600;letter-spacing:-.01em;margin-top:5px;}
.pj-go{width:38px;height:38px;border-radius:50%;border:1px solid var(--line);display:grid;place-items:center;
  color:var(--ink);transition:background .2s ease,border-color .2s ease,color .2s ease,transform .2s ease;}
.pj-c:hover .pj-go{background:var(--accent);border-color:var(--accent);color:#fff;transform:translateX(2px);}

.pj-empty{border:1px dashed var(--line);border-radius:var(--r3);padding:var(--s6);text-align:center;color:var(--muted);}

@media(max-width:820px){
  .pj{grid-template-columns:1fr;}
  .pj-head{align-items:flex-start;}
}
@media(max-width:640px){
  .pj-foot{grid-template-columns:1fr 1fr;}
  .pj-go{grid-column:1/-1;justify-self:start;}
}
/* ================= PROJECT ARTWORK ================= */
.pj-art{position:relative;width:74%;border-radius:13px;background:var(--surface);border:1px solid var(--line);
  box-shadow:0 26px 54px -26px rgba(10,13,20,.42);overflow:hidden;
  transition:transform .55s cubic-bezier(.16,1,.3,1);}
.pj-c:hover .pj-art{transform:translateY(-9px) scale(1.035);}
.pa-bar{display:flex;align-items:center;gap:5px;padding:9px 11px;border-bottom:1px solid var(--line-2);background:var(--paper);}
.pa-bar i{width:6px;height:6px;border-radius:50%;background:#DFDCD5;display:block;}
.pa-bar b{margin-left:6px;height:7px;width:38%;border-radius:4px;background:#E8E5DE;}
.pa-in{padding:12px;display:grid;gap:9px;}
.pa-in .l{height:7px;border-radius:4px;background:#E4E1DA;}
.pa-in .l.k{background:var(--ink);height:10px;width:48%;}
.pa-in .l.a{background:var(--accent);}
.pa-in .l.w70{width:70%;}.pa-in .l.w55{width:55%;}.pa-in .l.w85{width:85%;}

/* storefront */
.pa-shop{grid-template-columns:repeat(3,1fr);gap:8px;display:grid;}
.pa-shop .tile{border:1px solid var(--line-2);border-radius:9px;overflow:hidden;}
.pa-shop .tile .ph{height:44px;background:linear-gradient(135deg,#EDEAE3,#F6F4EF);}
.pa-shop .tile:nth-child(2) .ph{background:linear-gradient(135deg,rgba(38,71,255,.22),rgba(124,144,255,.12));}
.pa-shop .tile .mt{padding:7px;display:grid;gap:4px;}
.pa-shop .tile .mt span{display:block;height:5px;border-radius:3px;background:#E4E1DA;}
.pa-shop .tile .mt span:last-child{width:52%;background:var(--accent);opacity:.7;}

/* dashboard */
.pa-dash{display:grid;grid-template-columns:52px 1fr;gap:9px;}
.pa-dash .sb{display:grid;gap:5px;align-content:start;}
.pa-dash .sb i{display:block;height:6px;border-radius:3px;background:#E4E1DA;}
.pa-dash .sb i:first-child{background:var(--accent);width:70%;}
.pa-dash .mn{display:grid;gap:8px;}
.pa-dash .kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;}
.pa-dash .kpis div{border:1px solid var(--line-2);border-radius:8px;padding:7px;display:grid;gap:4px;}
.pa-dash .kpis span{display:block;height:5px;border-radius:3px;background:#E4E1DA;}
.pa-dash .kpis span:first-child{width:56%;background:var(--accent);opacity:.75;}
.pa-dash .chart{border:1px solid var(--line-2);border-radius:9px;padding:9px;display:flex;align-items:flex-end;gap:5px;height:56px;}
.pa-dash .chart i{flex:1;border-radius:3px 3px 0 0;background:#E4E1DA;}
.pa-dash .chart i:nth-child(3){background:rgba(38,71,255,.45);}
.pa-dash .chart i:nth-child(6){background:var(--accent);}

/* booking */
.pa-book{display:grid;gap:8px;}
.pa-book .search{height:22px;border-radius:999px;border:1px solid var(--line);background:var(--paper);
  display:flex;align-items:center;padding:0 9px;gap:6px;}
.pa-book .search i{width:8px;height:8px;border-radius:50%;border:1.5px solid var(--accent);display:block;}
.pa-book .search b{height:5px;width:46%;border-radius:3px;background:#E4E1DA;}
.pa-book .cal{display:grid;grid-template-columns:repeat(7,1fr);gap:4px;}
.pa-book .cal i{aspect-ratio:1/1;border-radius:4px;background:#EFECE6;display:block;}
.pa-book .cal i:nth-child(10),.pa-book .cal i:nth-child(11){background:var(--accent);}
.pa-book .cal i:nth-child(12){background:rgba(38,71,255,.35);}

/* landing */
.pa-land{display:grid;gap:9px;}
.pa-land .cta{height:20px;width:44%;border-radius:999px;background:var(--accent);}
.pa-land .feats{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;}
.pa-land .feats div{border:1px solid var(--line-2);border-radius:8px;height:38px;padding:7px;display:grid;gap:4px;align-content:start;}
.pa-land .feats div i{display:block;height:8px;width:8px;border-radius:3px;background:var(--accent);opacity:.65;}
.pa-land .feats div span{display:block;height:4px;border-radius:2px;background:#E4E1DA;}

/* mobile */
.pa-mob{display:grid;place-items:center;padding:6px 0 2px;}
.pa-mob .ph{width:44%;aspect-ratio:9/17;border-radius:14px;border:1px solid var(--line);background:var(--paper);
  padding:8px;display:grid;gap:6px;align-content:start;box-shadow:var(--e1);}
.pa-mob .ph .nub{width:26%;height:4px;border-radius:2px;background:#DFDCD5;margin:0 auto 3px;}
.pa-mob .ph i{display:block;height:6px;border-radius:3px;background:#E4E1DA;}
.pa-mob .ph i.k{background:var(--ink);width:62%;height:8px;}
.pa-mob .ph .card{height:30px;border-radius:7px;background:linear-gradient(135deg,rgba(38,71,255,.22),rgba(124,144,255,.10));}

/* automation flow */
.pa-flow{display:grid;grid-template-columns:1fr 1fr 1fr;gap:7px;align-items:center;}
.pa-flow .node{border:1px solid var(--line-2);border-radius:8px;padding:8px;display:grid;gap:4px;background:var(--paper);}
.pa-flow .node span{display:block;height:5px;border-radius:3px;background:#E4E1DA;}
.pa-flow .node span:first-child{width:60%;background:var(--accent);opacity:.75;}
.pa-flow .node.on{border-color:var(--accent);background:rgba(38,71,255,.05);}
.pa-flow .link{height:1.5px;background:repeating-linear-gradient(90deg,var(--line) 0 5px,transparent 5px 10px);}
.pa-flow .wide{grid-column:1/-1;display:grid;grid-template-columns:1fr auto 1fr auto 1fr;gap:6px;align-items:center;}
/* ================= COMPACT PROJECTS (homepage) ================= */
.pj.compact{grid-template-columns:repeat(4,1fr);gap:var(--s2);}
.pj.compact .pj-vis{aspect-ratio:4/3;}
.pj.compact .pj-art{width:84%;border-radius:10px;}
.pj.compact .pj-body{padding:var(--s3);}
.pj.compact .pj-tag{margin-bottom:9px;font-size:.625rem;}
.pj.compact .pj-body h3{font-size:1.0625rem;line-height:1.28;margin-bottom:7px;}
.pj.compact .pj-body p{font-size:.875rem;line-height:1.55;
  display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;}
.pj.compact .pj-meta,.pj.compact .pj-foot{display:none;}
.pj.compact .pj-mini{display:flex;align-items:center;gap:8px;margin-top:var(--s3);padding-top:12px;
  border-top:1px solid var(--line);font-size:.75rem;color:var(--muted-2);font-weight:500;}
.pj.compact .pj-mini span{white-space:nowrap;}
.pj.compact .pj-mini i{width:3px;height:3px;border-radius:50%;background:var(--line);display:block;flex:none;}
.pj-mini{display:none;}

@media(max-width:1120px){.pj.compact{grid-template-columns:repeat(2,1fr);}}
@media(max-width:600px){.pj.compact{grid-template-columns:1fr;}}

/* wide bento tile for the seventh service */
.bx.w6{grid-column:span 6;flex-direction:row;align-items:center;gap:var(--s5);}
.bx.w6 .bx-n{margin-bottom:0;flex:none;font-size:3.25rem;}
.bx.w6 .bx-copy{flex:1;}
.bx.w6 .bx-tags{margin-top:var(--s2);padding-top:0;}
@media(max-width:980px){
  .bx.w6{flex-direction:column;align-items:flex-start;gap:0;}
  .bx.w6 .bx-n{margin-bottom:var(--s3);}
}

/* case studies page grid */
.cs-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--s3);}
@media(max-width:820px){.cs-grid{grid-template-columns:1fr;}}
/* ================= PROJECT CARDS v3 ================= */
h2 i,.acc{font-style:italic;color:var(--accent);font-weight:600;}

.pj,.pj.compact{grid-template-columns:1fr 1fr;gap:var(--s3);}
.pj-c{border-radius:var(--r3);overflow:hidden;}
.pj.compact .pj-vis{aspect-ratio:16/10;}
.pj.compact .pj-art{width:76%;border-radius:12px;}
.pj.compact .pj-body{padding:var(--s4);}
.pj.compact .pj-body p{-webkit-line-clamp:3;}
.pj.compact .pj-meta{display:none;}
.pj.compact .pj-mini{display:none;}
.pj.compact .pj-foot{display:grid;}

/* italic industry label */
.pj-tag{font-style:italic;font-weight:600;font-size:.9375rem;letter-spacing:-.015em;
  text-transform:none;color:var(--accent);margin-bottom:12px;}

.pj-body h3{font-size:1.375rem;letter-spacing:-.028em;line-height:1.2;margin-bottom:12px;}
.pj.compact .pj-body h3{font-size:1.25rem;}

/* scope / duration stat row + view project */
.pj-foot{display:grid;grid-template-columns:1fr 1fr auto;gap:var(--s3);align-items:center;
  margin-top:auto;padding-top:var(--s3);border-top:1px solid var(--line);}
.pj-foot dt{font-size:.75rem;color:var(--muted-2);font-weight:500;letter-spacing:0;text-transform:none;}
.pj-foot dd{margin:0;font-size:.9375rem;font-weight:650;letter-spacing:-.015em;margin-top:4px;}
.pj-view{display:inline-flex;align-items:center;gap:8px;font-size:.875rem;font-weight:650;
  letter-spacing:-.015em;color:var(--ink);white-space:nowrap;}
.pj-view svg{transition:transform .24s cubic-bezier(.16,1,.3,1);}
.pj-c:hover .pj-view{color:var(--accent);}
.pj-c:hover .pj-view svg{transform:translate(3px,-3px);}
.pj-view span{position:relative;}
.pj-view span::after{content:'';position:absolute;left:0;right:0;bottom:-2px;height:1px;background:currentColor;
  transform:scaleX(0);transform-origin:0 50%;transition:transform .28s cubic-bezier(.16,1,.3,1);}
.pj-c:hover .pj-view span::after{transform:scaleX(1);}

/* image zoom on hover */
.pj-vis img{transition:transform .6s cubic-bezier(.16,1,.3,1);}
.pj-c:hover .pj-vis img{transform:scale(1.04);}

@media(max-width:820px){.pj,.pj.compact{grid-template-columns:1fr;}}
@media(max-width:640px){
  .pj-foot{grid-template-columns:1fr 1fr;}
  .pj-view{grid-column:1/-1;margin-top:10px;}
}
/* ================= SERVICES AS HORIZONTAL ROWS ================= */
.srows{display:grid;gap:0;border-top:1px solid var(--line);}
.srow{position:relative;display:grid;grid-template-columns:88px minmax(0,1.05fr) minmax(0,1fr) 52px;
  gap:var(--s5);align-items:center;padding:34px 8px;border-bottom:1px solid var(--line);
  overflow:hidden;transition:background-color .3s ease,padding .3s ease;}
.srow::before{content:'';position:absolute;left:0;bottom:-1px;height:1px;width:100%;background:var(--accent);
  transform:scaleX(0);transform-origin:0 50%;transition:transform 1.05s cubic-bezier(.16,1,.3,1);}
.srow.in::before{transform:scaleX(1);}
.srow::after{content:'';position:absolute;inset:0;opacity:0;pointer-events:none;transition:opacity .3s;
  background:radial-gradient(520px circle at var(--mx,50%) var(--my,50%),rgba(38,71,255,.06),transparent 58%);}
.srow:hover::after{opacity:1;}
.srow:hover{background:var(--surface);}

.srow-n{font-size:2.75rem;font-weight:600;letter-spacing:-.05em;line-height:1;color:var(--line);
  transition:color .3s ease;font-variant-numeric:tabular-nums;}
.srow:hover .srow-n{color:var(--accent);}
.srow h3{font-size:1.5rem;letter-spacing:-.03em;line-height:1.18;}
.srow p{color:var(--muted);font-size:.9375rem;margin-top:10px;}
.srow-tags{display:flex;flex-wrap:wrap;gap:7px;}
.srow-tags li{font-size:.8125rem;color:var(--muted);background:var(--surface);border:1px solid var(--line);
  padding:6px 13px;border-radius:999px;transition:border-color .25s ease,color .25s ease;}
.srow:hover .srow-tags li{border-color:#D9D5CC;}
.srow-go{width:44px;height:44px;border-radius:50%;border:1px solid var(--line);display:grid;place-items:center;
  color:var(--ink);justify-self:end;
  transition:background-color .25s ease,border-color .25s ease,color .25s ease,transform .25s ease;}
.srow:hover .srow-go{background:var(--accent);border-color:var(--accent);color:#fff;transform:translateX(3px);}

/* staggered entrance */
.srow{opacity:0;transform:translateY(22px);
  transition:opacity .7s ease,transform .7s cubic-bezier(.16,1,.3,1),background-color .3s ease;}
.srow.in{opacity:1;transform:none;}
html:not(.js) .srow{opacity:1;transform:none;}

@media(prefers-reduced-motion:reduce){
  .srow{opacity:1;transform:none;transition:none;}
  .srow::before{transform:scaleX(1);transition:none;}
}

@media(max-width:980px){
  .srow{grid-template-columns:58px 1fr;gap:var(--s3) var(--s3);padding:26px 4px;align-items:start;}
  .srow-n{font-size:2rem;}
  .srow-tags{grid-column:2;}
  .srow-go{display:none;}
}
@media(max-width:640px){
  .srow h3{font-size:1.25rem;}
  .srow p{font-size:.9375rem;}
}
/* ================= MEGA MENU FIX ================= */
/* the pill's white link styling must not leak into the dropdown panel */
.navpill .mega a,
.navpill .mega-list a{
  display:block;color:var(--ink);background:none;
  padding:14px 16px;border-radius:var(--r1);
  font-size:1rem;font-weight:600;letter-spacing:-.018em;line-height:1.3;
}
.navpill .mega-list a:hover{background:var(--paper);transform:translateX(3px);}
.mega-list strong{display:block;color:var(--ink);font-size:1rem;font-weight:650;letter-spacing:-.018em;}
.mega-list span{display:block;color:var(--muted);font-size:.875rem;font-weight:450;letter-spacing:-.005em;margin-top:4px;line-height:1.45;}

/* two columns so seven services do not make a very tall panel */
.mega-in{grid-template-columns:1.6fr .75fr;width:min(900px,94vw);gap:10px;padding:12px;}
.mega-list{grid-template-columns:1fr 1fr;gap:2px;align-content:start;}
.mega-in.solo{grid-template-columns:1fr;width:min(400px,92vw);}
.mega-in.solo .mega-list{grid-template-columns:1fr;}

/* promo panel */
.mega-media{min-height:100%;padding:22px;border-radius:var(--r2);}
.mega-media strong{color:#fff;font-size:1rem;font-weight:650;letter-spacing:-.018em;}
.mega-media span{color:rgba(255,255,255,.62);font-size:.8125rem;margin-top:6px;line-height:1.5;}
.navpill .mega-media .btn,
.navpill .mega .btn{display:inline-flex;color:#fff;background:var(--accent);
  padding:11px 18px;border-radius:999px;font-size:.8125rem;font-weight:600;margin-top:14px;}
.navpill .mega .btn:hover{background:var(--accent-d);transform:none;}

/* keep the panel clear of the pill edge */
.navpill .mega{padding-top:16px;}

@media(max-width:1180px){
  .mega-in{width:min(760px,94vw);}
  .mega-list{grid-template-columns:1fr;}
}
/* ================= MEGA MENU: larger ================= */
.mega-in{grid-template-columns:1.55fr .85fr;width:min(1060px,95vw);gap:14px;padding:14px;border-radius:26px;}
.mega-list{grid-template-columns:1fr 1fr;gap:4px;}

.navpill .mega a,
.navpill .mega-list a{padding:18px 20px;border-radius:16px;}
.mega-list strong{font-size:1.0625rem;letter-spacing:-.02em;}
.mega-list span{font-size:.9375rem;margin-top:6px;line-height:1.5;}

/* icon chip so each item has an anchor point */
.mega-list a{position:relative;}
.mega-list a::before{content:'';position:absolute;left:20px;top:20px;width:8px;height:8px;border-radius:3px;
  background:var(--accent);opacity:.22;transition:opacity .2s ease,transform .2s ease;}
.mega-list a:hover::before{opacity:1;transform:scale(1.15);}
.mega-list strong,.mega-list span{padding-left:20px;}

.mega-media{padding:28px;border-radius:22px;}
.mega-media strong{font-size:1.125rem;letter-spacing:-.022em;}
.mega-media span{font-size:.9375rem;margin-top:8px;}
.navpill .mega-media .btn,
.navpill .mega .btn{padding:13px 22px;font-size:.875rem;margin-top:18px;}

.navpill .mega{padding-top:18px;}

.mega-in.solo{grid-template-columns:1fr;width:min(460px,93vw);}
.mega-in.solo .mega-list{grid-template-columns:1fr;}

@media(max-width:1180px){
  .mega-in{width:min(860px,95vw);}
  .mega-list{grid-template-columns:1fr 1fr;}
}
@media(max-width:1040px){
  .mega-in{width:min(680px,95vw);}
  .mega-list{grid-template-columns:1fr;}
}
/* ================= MEGA MENU: final sizing + More panel ================= */
.mega-in{grid-template-columns:1.5fr .9fr;width:min(1180px,96vw);gap:16px;padding:16px;border-radius:30px;}
.mega-list{gap:6px;}
.navpill .mega a,
.navpill .mega-list a{padding:22px 24px;border-radius:18px;}
.mega-list a::before{left:24px;top:24px;width:9px;height:9px;}
.mega-list strong{font-size:1.125rem;letter-spacing:-.022em;}
.mega-list span{font-size:.96875rem;margin-top:7px;}
.mega-list strong,.mega-list span{padding-left:22px;}

.mega-media{padding:32px;border-radius:24px;}
.mega-media strong{font-size:1.25rem;letter-spacing:-.026em;}
.mega-media span{font-size:.96875rem;margin-top:10px;}
.navpill .mega-media .btn,
.navpill .mega .btn{padding:14px 24px;font-size:.9375rem;margin-top:22px;}

/* ---- More panel: two columns, section label, contact footer ---- */
.mega-in.solo{grid-template-columns:1fr;width:min(680px,95vw);padding:16px;}
.mega-in.solo .mega-list{grid-template-columns:1fr 1fr;gap:4px;}
.mega-in.solo .navpill .mega-list a,
.mega-in.solo .mega-list a{padding:18px 20px;}
.mega-in.solo .mega-list a::before{left:20px;top:20px;width:8px;height:8px;background:var(--ink);opacity:.16;}
.mega-in.solo .mega-list a:hover::before{background:var(--accent);opacity:1;}
.mega-in.solo .mega-list strong{font-size:1.0625rem;}
.mega-in.solo .mega-list span{font-size:.9rem;}
.mega-in.solo .mega-list strong,
.mega-in.solo .mega-list span{padding-left:19px;}

.mega-lbl{grid-column:1/-1;padding:10px 20px 6px;font-size:.6875rem;font-weight:700;
  letter-spacing:.15em;text-transform:uppercase;color:var(--muted-2);}
.mega-foot{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:16px;
  margin-top:8px;padding:16px 20px;background:var(--paper);border:1px solid var(--line);border-radius:18px;flex-wrap:wrap;}
.mega-foot .mf-t{font-size:.9375rem;font-weight:650;letter-spacing:-.015em;color:var(--ink);}
.mega-foot .mf-s{font-size:.85rem;color:var(--muted);margin-top:3px;}
.navpill .mega .mega-foot .btn{margin-top:0;padding:12px 20px;font-size:.875rem;}

@media(max-width:1240px){.mega-in{width:min(1020px,96vw);}}
@media(max-width:1120px){
  .mega-in{width:min(820px,96vw);}
  .mega-list{grid-template-columns:1fr;}
  .mega-in.solo{width:min(560px,95vw);}
}
@media(max-width:1040px){
  .mega-in{width:min(700px,96vw);}
  .mega-in.solo .mega-list{grid-template-columns:1fr;}
}
/* ================= MORE PANEL: definitive ================= */
/* right-aligned panel must not inherit the centring transform */
.nav-item.right-align .mega{left:auto;right:0;transform:translateY(10px);}
.nav-item.right-align:hover .mega,
.nav-item.right-align:focus-within .mega{transform:translateY(0);}

.mega-in.solo{
  display:block;width:min(660px,94vw);padding:14px;box-sizing:border-box;
  border-radius:26px;background:var(--surface);border:1px solid var(--line);box-shadow:var(--e3);
}
.mega-in.solo .mega-lbl{
  display:block;grid-column:auto;padding:6px 12px 10px;margin:0;
  font-size:.6875rem;font-weight:700;letter-spacing:.15em;text-transform:uppercase;color:var(--muted-2);
}
.mega-in.solo .mega-list{
  display:grid;grid-template-columns:1fr 1fr;gap:4px;width:100%;box-sizing:border-box;
}
.navpill .mega-in.solo .mega-list a{
  display:block;box-sizing:border-box;width:100%;
  padding:15px 16px;border-radius:14px;background:none;
  font-size:1rem;font-weight:600;color:var(--ink);
}
.navpill .mega-in.solo .mega-list a:hover{background:var(--paper);transform:none;}
.mega-in.solo .mega-list a::before{display:none;}
.mega-in.solo .mega-list strong{display:block;padding:0;font-size:1rem;font-weight:650;letter-spacing:-.018em;color:var(--ink);}
.mega-in.solo .mega-list span{display:block;padding:0;margin-top:4px;font-size:.875rem;font-weight:450;color:var(--muted);line-height:1.45;letter-spacing:0;}

/* booking bar as a sibling, not a grid child */
.mega-in.solo .mega-foot{
  display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;
  width:100%;box-sizing:border-box;margin:10px 0 0;padding:16px 18px;
  background:var(--paper);border:1px solid var(--line);border-radius:16px;
}
.mega-in.solo .mf-copy{min-width:0;flex:1 1 240px;}
.mega-in.solo .mf-t{display:block;font-size:.9375rem;font-weight:650;letter-spacing:-.015em;color:var(--ink);padding:0;margin:0;}
.mega-in.solo .mf-s{display:block;font-size:.8125rem;color:var(--muted);margin-top:3px;padding:0;line-height:1.4;}
.navpill .mega-in.solo .mf-btn{
  display:inline-flex;align-items:center;justify-content:center;flex:none;width:auto;
  padding:12px 20px;border-radius:999px;background:var(--accent);color:#fff;
  font-size:.875rem;font-weight:600;letter-spacing:-.01em;box-sizing:border-box;margin:0;
  transition:background-color .18s ease;
}
.navpill .mega-in.solo .mf-btn:hover{background:var(--accent-d);transform:none;}

@media(max-width:820px){
  .mega-in.solo{width:min(420px,92vw);}
  .mega-in.solo .mega-list{grid-template-columns:1fr;}
  .mega-in.solo .mega-foot{flex-direction:column;align-items:stretch;}
  .navpill .mega-in.solo .mf-btn{width:100%;}
}
/* ================= SERVICES PANEL: centred on the pill ================= */
/* .navpill is position:relative, so making the trigger static lets the
   panel anchor to the pill instead of the button and centre on the page. */
.navpill .nav-item:not(.right-align){position:static;}
.navpill .nav-item:not(.right-align) .mega{
  top:100%;left:50%;right:auto;
  transform:translateX(-50%) translateY(10px);
}
.navpill .nav-item:not(.right-align):hover .mega,
.navpill .nav-item:not(.right-align):focus-within .mega{
  transform:translateX(-50%) translateY(0);
}

/* the More panel stays anchored to its own trigger, right aligned */
.navpill .nav-item.right-align{position:relative;}
.navpill .nav-item.right-align .mega{top:100%;left:auto;right:0;transform:translateY(10px);}
.navpill .nav-item.right-align:hover .mega,
.navpill .nav-item.right-align:focus-within .mega{transform:translateY(0);}
/* ================= HORIZONTAL PROJECT CARDS ================= */
.serif{font-family:'Instrument Serif',Georgia,serif;font-style:italic;font-weight:400;letter-spacing:-.01em;}
h2 .serif,h1 .serif{display:block;color:var(--ink);font-size:1.08em;line-height:1.08;margin-top:.08em;}

/* outlined eyebrow badge */
.badge{display:inline-flex;align-items:center;padding:9px 18px;border-radius:999px;
  border:1px solid var(--accent);color:var(--accent);
  font-size:.8125rem;font-weight:600;letter-spacing:-.005em;text-transform:none;background:transparent;}

/* stack of wide cards */
.pjh-list{display:grid;gap:var(--s3);}
.pjh{display:grid;grid-template-columns:1fr 1fr;gap:var(--s5);align-items:center;
  padding:var(--s5);border-radius:30px;position:relative;overflow:hidden;
  transition:transform .4s cubic-bezier(.16,1,.3,1),box-shadow .4s ease;}
.pjh:hover{transform:translateY(-4px);box-shadow:var(--e3);}
.pjh.t1{background:#E9EDFF;}
.pjh.t2{background:#F3EFE7;}
.pjh.t3{background:#E6F1EC;}
.pjh.t4{background:#F0EAF7;}
.pjh.t5{background:#FBEEE8;}
.pjh.t6{background:#E8F0F5;}

.pjh-cat{display:block;font-family:'Instrument Serif',Georgia,serif;font-style:italic;
  font-size:1.25rem;color:var(--ink);margin-bottom:14px;letter-spacing:-.01em;}
.pjh h3{font-size:clamp(1.5rem,2.4vw,2.125rem);letter-spacing:-.032em;line-height:1.14;margin-bottom:16px;}
.pjh p{color:#4A5060;font-size:1rem;line-height:1.6;max-width:52ch;}

.pjh-stats{display:grid;grid-template-columns:1fr 1fr;gap:var(--s3);margin:var(--s5) 0 var(--s3);max-width:420px;}
.pjh-stats dt{font-size:.9375rem;color:#5A6070;margin-bottom:6px;}
.pjh-stats dd{margin:0;font-size:1.125rem;font-weight:650;letter-spacing:-.022em;color:var(--ink);}

/* white pill link at the base of the card */
.pjh-link{display:flex;align-items:center;justify-content:space-between;gap:16px;
  background:#fff;border-radius:16px;padding:14px 16px 14px 14px;max-width:420px;
  transition:transform .25s cubic-bezier(.16,1,.3,1),box-shadow .25s ease;}
.pjh:hover .pjh-link{transform:translateY(-2px);box-shadow:var(--e2);}
.pjh-link .pl-l{display:flex;align-items:center;gap:12px;min-width:0;}
.pjh-link .pl-m{width:40px;height:40px;border-radius:11px;flex:none;display:grid;place-items:center;
  background:var(--ink);color:#fff;}
.pjh-link .pl-m svg{width:20px;height:20px;}
.pjh-link .pl-t{display:block;font-size:.9375rem;font-weight:700;letter-spacing:-.015em;color:var(--ink);}
.pjh-link .pl-s{display:block;font-size:.8125rem;color:var(--muted);margin-top:2px;}
.pjh-link .pl-go{flex:none;color:var(--accent);display:grid;place-items:center;transition:transform .25s ease;}
.pjh:hover .pjh-link .pl-go{transform:translateX(4px);}

/* visual side */
.pjh-vis{position:relative;border-radius:20px;overflow:hidden;background:#fff;
  aspect-ratio:16/11;display:grid;place-items:center;box-shadow:0 30px 60px -34px rgba(10,13,20,.45);}
.pjh-vis img{width:100%;height:100%;object-fit:cover;transition:transform .6s cubic-bezier(.16,1,.3,1);}
.pjh:hover .pjh-vis img{transform:scale(1.04);}
.pjh-vis .pj-art{width:82%;box-shadow:0 20px 44px -24px rgba(10,13,20,.4);}
.pjh:hover .pjh-vis .pj-art{transform:translateY(-6px) scale(1.02);}

@media(max-width:900px){
  .pjh{grid-template-columns:1fr;gap:var(--s4);padding:var(--s4);}
  .pjh-vis{order:-1;aspect-ratio:16/10;}
  .pjh-stats,.pjh-link{max-width:none;}
}
@media(max-width:560px){
  .pjh{padding:var(--s3);border-radius:24px;}
  .pjh-stats{grid-template-columns:1fr 1fr;gap:var(--s2);margin:var(--s4) 0 var(--s3);}
}
/* ================= STACKED CARD SCROLL ================= */
.pjh-list{display:flex;flex-direction:column;gap:28px;}

.pjh{
  position:sticky;
  top:calc(104px + (var(--i, 0) * 18px));
  box-shadow:0 26px 60px -34px rgba(10,13,20,.34);
  transition:box-shadow .4s ease;
  will-change:transform;
}
.pjh:nth-child(1){--i:0;}
.pjh:nth-child(2){--i:1;}
.pjh:nth-child(3){--i:2;}
.pjh:nth-child(4){--i:3;}
.pjh:nth-child(5){--i:4;}
.pjh:nth-child(6){--i:5;}

/* the lift on hover would fight sticky, so depth comes from shadow only */
.pjh:hover{transform:none;box-shadow:0 40px 90px -40px rgba(10,13,20,.45);}

/* breathing room after the stack so the last card releases cleanly */
.pjh-list::after{content:'';display:block;height:8px;}

/* the reveal transform must not create a containing block that breaks sticky */
html.js .pjh.rv{opacity:0;transform:none;}
html.js .pjh.rv.in{opacity:1;}
.pjh.rv{transition:opacity .6s ease,box-shadow .4s ease;}

@media(max-width:900px){
  .pjh{position:static;top:auto;}
  .pjh-list{gap:var(--s3);}
}
@media(prefers-reduced-motion:reduce){
  .pjh{position:static;top:auto;}
}
/* ================= MORE PANEL: clean namespace ================= */
.navpill .nav-item.right-align .mega{width:auto;}
.mmenu{
  box-sizing:border-box;width:min(620px,92vw);
  background:var(--surface);border:1px solid var(--line);
  border-radius:26px;box-shadow:var(--e3);padding:16px;
  display:block;
}
.mmenu-lbl{display:block;padding:4px 12px 12px;font-size:.6875rem;font-weight:700;
  letter-spacing:.15em;text-transform:uppercase;color:var(--muted-2);}
.mmenu-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px;width:100%;box-sizing:border-box;}

.navpill .mmenu-item,
.mmenu-item{
  display:block;box-sizing:border-box;width:100%;min-width:0;
  padding:14px 16px;border-radius:14px;
  background:none;color:var(--ink);text-decoration:none;
  font-size:1rem;font-weight:600;line-height:1.3;
  transition:background-color .18s ease;
}
.navpill .mmenu-item:hover,
.mmenu-item:hover{background:var(--paper);transform:none;}
.mmenu-t{display:block;font-size:1rem;font-weight:650;letter-spacing:-.018em;color:var(--ink);
  padding:0;margin:0;white-space:normal;}
.mmenu-s{display:block;font-size:.8438rem;font-weight:450;color:var(--muted);
  letter-spacing:0;line-height:1.45;margin-top:4px;padding:0;white-space:normal;overflow-wrap:anywhere;}

.mmenu-cta{
  display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;
  box-sizing:border-box;width:100%;margin-top:12px;padding:16px 18px;
  background:var(--paper);border:1px solid var(--line);border-radius:16px;
}
.mmenu-cta-copy{flex:1 1 220px;min-width:0;}
.mmenu-cta-t{display:block;font-size:.9375rem;font-weight:650;letter-spacing:-.015em;color:var(--ink);}
.mmenu-cta-s{display:block;font-size:.8125rem;color:var(--muted);margin-top:3px;line-height:1.4;}
.navpill .mmenu-btn,
.mmenu-btn{
  display:inline-flex;align-items:center;justify-content:center;flex:none;
  box-sizing:border-box;width:auto;margin:0;
  padding:12px 20px;border-radius:999px;
  background:var(--accent);color:#fff;
  font-size:.875rem;font-weight:600;letter-spacing:-.01em;
  transition:background-color .18s ease;
}
.navpill .mmenu-btn:hover,
.mmenu-btn:hover{background:var(--accent-d);transform:none;}

@media(max-width:760px){
  .mmenu{width:min(400px,92vw);}
  .mmenu-grid{grid-template-columns:1fr;}
  .mmenu-cta{flex-direction:column;align-items:stretch;}
  .navpill .mmenu-btn,.mmenu-btn{width:100%;}
}
/* ================= COMPARISON v2 ================= */
.cmp2{border:1px solid var(--line);border-radius:26px;overflow:hidden;background:var(--surface);}
.cmp2-row{display:grid;grid-template-columns:1.25fr 1.15fr 1fr 1fr;border-bottom:1px solid var(--line-2);}
.cmp2-row:last-child{border-bottom:0;}
.cmp2-row>div{padding:20px 22px;font-size:.9375rem;color:var(--muted);display:flex;align-items:center;gap:10px;}
.cmp2-row>div:first-child{color:var(--ink);font-weight:600;background:var(--paper);}

/* highlighted Softsolo column */
.cmp2-row>div:nth-child(2){background:rgba(38,71,255,.045);color:var(--ink);font-weight:600;
  box-shadow:inset 1px 0 0 rgba(38,71,255,.16),inset -1px 0 0 rgba(38,71,255,.16);}

.cmp2-head>div{padding:22px;background:var(--paper);font-weight:700;font-size:.9375rem;color:var(--ink);
  align-items:flex-end;letter-spacing:-.015em;}
.cmp2-head>div:first-child{background:var(--paper);}
.cmp2-head>div:nth-child(2){background:var(--ink);color:#fff;box-shadow:none;flex-direction:column;align-items:flex-start;gap:4px;}
.cmp2-head .ch-badge{display:inline-flex;font-size:.6875rem;font-weight:700;letter-spacing:.12em;
  text-transform:uppercase;color:var(--accent-l);}
.cmp2-head .ch-name{display:flex;align-items:center;gap:8px;font-size:1.0625rem;font-weight:700;letter-spacing:-.022em;}
.cmp2-head .ch-name svg{width:20px;height:20px;}

.ic{flex:none;width:18px;height:18px;border-radius:50%;display:grid;place-items:center;}
.ic.yes{background:rgba(22,179,100,.14);}
.ic.yes::before{content:'';width:8px;height:4px;border-left:1.6px solid #16B364;border-bottom:1.6px solid #16B364;transform:rotate(-45deg) translate(1px,-1px);}
.ic.no{background:rgba(120,120,130,.12);}
.ic.no::before{content:'';width:8px;height:1.6px;background:#8B909C;}
.ic.mid{background:rgba(230,160,40,.16);}
.ic.mid::before{content:'';width:5px;height:5px;border-radius:50%;background:#D68A15;}

.cmp2-note{margin-top:var(--s4);font-size:.9375rem;color:var(--muted);text-align:center;}

@media(max-width:900px){
  .cmp2{border:0;border-radius:0;background:none;}
  .cmp2-head{display:none;}
  .cmp2-row{grid-template-columns:1fr;border:1px solid var(--line);border-radius:20px;
    margin-bottom:12px;overflow:hidden;background:var(--surface);}
  .cmp2-row>div{padding:14px 18px;border-bottom:1px solid var(--line-2);}
  .cmp2-row>div:last-child{border-bottom:0;}
  .cmp2-row>div:nth-child(2){box-shadow:none;}
  .cmp2-row>div:nth-child(2)::before{content:'Softsolo';font-size:.6875rem;font-weight:700;
    letter-spacing:.12em;text-transform:uppercase;color:var(--accent);margin-right:auto;}
  .cmp2-row>div:nth-child(3)::before{content:'Design studio';font-size:.6875rem;color:var(--muted-2);margin-right:auto;}
  .cmp2-row>div:nth-child(4)::before{content:'Freelancer';font-size:.6875rem;color:var(--muted-2);margin-right:auto;}
  .cmp2-row>div{justify-content:flex-end;flex-direction:row-reverse;}
}
/* ================= COMMITMENTS (light) ================= */
.cmt{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--s2);}
.cmt-c{position:relative;background:var(--surface);border:1px solid var(--line);border-radius:24px;
  padding:var(--s5) var(--s4) var(--s4);overflow:hidden;
  transition:border-color .25s ease,transform .35s cubic-bezier(.16,1,.3,1),box-shadow .35s ease;}
.cmt-c::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:var(--accent);
  transform:scaleX(0);transform-origin:0 50%;transition:transform .9s cubic-bezier(.16,1,.3,1);}
.cmt-c.in::before{transform:scaleX(1);}
.cmt-c:hover{border-color:var(--ink);transform:translateY(-3px);box-shadow:var(--e2);}
.cmt-n{display:block;font-size:3rem;font-weight:600;letter-spacing:-.05em;line-height:1;color:var(--accent);}
.cmt-t{display:block;margin-top:var(--s3);font-size:1.0625rem;font-weight:650;letter-spacing:-.02em;color:var(--ink);}
.cmt-s{display:block;margin-top:8px;font-size:.9375rem;color:var(--muted);line-height:1.55;}

/* ================= PROCESS (light) ================= */
.prc{position:relative;display:grid;grid-template-columns:repeat(4,1fr);gap:var(--s3);}
.prc::before{content:'';position:absolute;top:26px;left:5%;right:5%;height:1px;
  background:repeating-linear-gradient(90deg,var(--line) 0 7px,transparent 7px 14px);}
.prc-s{position:relative;}
.prc-dot{position:relative;z-index:1;width:52px;height:52px;border-radius:50%;
  background:var(--surface);border:1px solid var(--line);display:grid;place-items:center;
  font-size:.9375rem;font-weight:700;letter-spacing:-.02em;color:var(--muted-2);
  transition:background-color .3s ease,border-color .3s ease,color .3s ease,transform .3s ease;}
.prc-s.in .prc-dot{background:var(--accent);border-color:var(--accent);color:#fff;}
.prc-s:hover .prc-dot{transform:scale(1.06);}
.prc-s h4{margin-top:var(--s4);font-size:1.125rem;letter-spacing:-.024em;}
.prc-s p{margin-top:10px;color:var(--muted);font-size:.9375rem;line-height:1.6;}
.prc-out{display:inline-flex;margin-top:var(--s3);font-size:.8125rem;color:var(--muted-2);
  background:var(--surface);border:1px solid var(--line);padding:6px 12px;border-radius:999px;}

@media(max-width:980px){
  .cmt{grid-template-columns:1fr 1fr;}
  .prc{grid-template-columns:1fr 1fr;gap:var(--s4);}
  .prc::before{display:none;}
}
@media(max-width:600px){
  .cmt,.prc{grid-template-columns:1fr;}
}
/* ================= STEP CARDS ON LIGHT ================= */
.proc.light .step{
  background:var(--surface);
  border:1px solid var(--line);
  transition:border-color .25s ease,transform .35s cubic-bezier(.16,1,.3,1),box-shadow .35s ease;
}
.proc.light .step:hover{border-color:var(--ink);transform:translateY(-3px);box-shadow:var(--e2);}
.proc.light .step b{
  color:transparent;
  -webkit-text-stroke:1px #D6D2C8;
  transition:-webkit-text-stroke-color .3s ease;
}
.proc.light .step:first-child b{-webkit-text-stroke-color:var(--accent);}
.proc.light .step:hover b{-webkit-text-stroke-color:var(--accent);}
.proc.light .step h4{color:var(--ink);}
.proc.light .step p{color:var(--muted);}

/* fallback where text-stroke is unsupported */
@supports not (-webkit-text-stroke: 1px black){
  .proc.light .step b{color:var(--line);-webkit-text-stroke:0;}
  .proc.light .step:first-child b{color:var(--accent);}
}
/* ================= SPACING CORRECTIONS (must stay last) ================= */
/* later base rules had been overriding earlier media queries */
@media(max-width:980px){
  .hero{padding:64px 0 72px;min-height:0;display:block;}
  .wall{padding:56px 0 64px;}
  .phero{padding:72px 0 56px;}
  section{padding:84px 0;}
  .sec-hd{margin-bottom:var(--s5);}
}
@media(max-width:640px){
  .hero{padding:48px 0 56px;}
  .wall{padding:44px 0 52px;}
  .phero{padding:56px 0 44px;}
  section{padding:64px 0;}
  .cta{padding:var(--s6) var(--s3);}
  .hero-cta{gap:12px;}
  .hero-trust{gap:10px var(--s3);}
}

/* ================= FOOTER v2 ================= */
.ft{position:relative;background:var(--ink);color:#fff;padding:var(--s7) 0 0;overflow:hidden;}
.ft>.wrap{position:relative;z-index:2;}

/* oversized wordmark bleeding off the bottom */
.ft-mark{position:absolute;left:0;right:0;bottom:-2.5vw;z-index:1;pointer-events:none;
  text-align:center;line-height:.78;white-space:nowrap;
  font-size:clamp(5rem,17.5vw,17rem);font-weight:800;letter-spacing:-.055em;
  color:rgba(255,255,255,.055);
  -webkit-mask-image:linear-gradient(180deg,rgba(0,0,0,.85),rgba(0,0,0,.15));
  mask-image:linear-gradient(180deg,rgba(0,0,0,.85),rgba(0,0,0,.15));}

.ft-cta{display:flex;align-items:flex-end;justify-content:space-between;gap:var(--s5);flex-wrap:wrap;
  padding-bottom:var(--s6);border-bottom:1px solid var(--line-dark);}
.ft-cta h3{font-size:clamp(1.5rem,2.6vw,2.125rem);letter-spacing:-.03em;line-height:1.14;max-width:18ch;color:#fff;}
.ft-cta .serif{color:#fff;}
.ft-cta p{color:rgba(255,255,255,.55);margin-top:12px;max-width:44ch;font-size:.9375rem;}

.ft-top{display:grid;grid-template-columns:1.7fr 1fr 1fr 1fr;gap:var(--s5);
  padding:var(--s6) 0;border-bottom:1px solid var(--line-dark);}
.ft .brand{color:#fff;margin-bottom:var(--s3);}
.ft-top>div>p{color:rgba(255,255,255,.55);font-size:.9375rem;max-width:36ch;line-height:1.6;}
.ft h5{font-size:.6875rem;letter-spacing:.15em;text-transform:uppercase;color:rgba(255,255,255,.38);
  margin:0 0 var(--s3);font-weight:700;}
.ft-top li{margin-bottom:11px;}
.ft-top li a{color:rgba(255,255,255,.68);font-size:.9375rem;transition:color .16s ease;}
.ft-top li a:hover{color:#fff;}

.ft-status{display:inline-flex;align-items:center;gap:8px;margin-top:var(--s4);
  font-size:.8125rem;font-weight:600;color:rgba(255,255,255,.8);
  background:rgba(255,255,255,.06);border:1px solid var(--line-dark);padding:8px 15px;border-radius:999px;}

.ft-bt{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:var(--s3);
  padding:var(--s3) 0 var(--s5);font-size:.875rem;color:rgba(255,255,255,.42);}
.ft-bt a{color:rgba(255,255,255,.42);transition:color .16s ease;}
.ft-bt a:hover{color:#fff;}
.ft-legal{display:flex;gap:var(--s3);flex-wrap:wrap;}

/* space so the wordmark has room to sit behind */
.ft-spacer{height:clamp(70px,10vw,130px);}

@media(max-width:900px){
  .ft-top{grid-template-columns:1fr 1fr;gap:var(--s4);}
  .ft-cta{align-items:flex-start;}
}
@media(max-width:600px){
  .ft{padding-top:var(--s6);}
  .ft-top{grid-template-columns:1fr;}
  .ft-bt{flex-direction:column;align-items:flex-start;gap:12px;}
  .ft-mark{bottom:-1.5vw;}
}
/* ================= HERO LEFT COLUMN ================= */
.hero-c .badge{margin-bottom:var(--s4);}
.hero h1{max-width:15ch;font-size:clamp(2.5rem,4.6vw,4.125rem);line-height:1.05;}
.hero h1 .serif{font-size:1.06em;line-height:1.02;margin-top:.04em;}
.hero .lead{margin-top:var(--s3);max-width:50ch;font-size:1.125rem;line-height:1.62;}

/* capability line: says what we actually sell, immediately */
.hero-caps{margin-top:var(--s5);padding-top:var(--s4);border-top:1px solid var(--line);}
.hc-lbl{display:block;font-size:.6875rem;font-weight:700;letter-spacing:.15em;
  text-transform:uppercase;color:var(--muted-2);margin-bottom:14px;}
.hero-caps ul{display:flex;flex-wrap:wrap;gap:8px;}
.hero-caps li{font-size:.875rem;font-weight:550;color:var(--ink);
  background:var(--surface);border:1px solid var(--line);
  padding:8px 15px;border-radius:999px;letter-spacing:-.01em;
  transition:border-color .2s ease,transform .2s ease;}
.hero-caps li:hover{border-color:var(--accent);transform:translateY(-1px);}

.hero-cta{margin-top:var(--s5);}
.hero-trust{margin-top:var(--s4);padding-top:var(--s4);border-top:1px solid var(--line);
  display:flex;flex-wrap:wrap;gap:10px var(--s4);}
.hero-trust span{font-size:.875rem;color:var(--muted);}

@media(max-width:980px){
  .hero h1{max-width:none;}
  .hero-caps{margin-top:var(--s4);}
}
@media(max-width:640px){
  .hero-caps li{font-size:.8125rem;padding:7px 13px;}
  .hero-trust{gap:8px;flex-direction:column;}
}
/* ================= HERO: single viewport ================= */
.hero{
  text-align:left;
  min-height:100vh;min-height:100svh;
  display:flex;align-items:center;
  padding:112px 0 72px;
  position:relative;overflow:hidden;
}
.hero-split{width:100%;grid-template-columns:1.06fr .94fr;gap:64px;align-items:center;}
.hero-c .badge{margin-bottom:22px;}
.hero h1{max-width:14ch;font-size:clamp(2.25rem,4vw,3.625rem);line-height:1.06;margin:0;}
.hero h1 .serif{font-size:1.05em;line-height:1.02;margin-top:.03em;}
.hero .lead{margin-top:20px;max-width:48ch;font-size:1.0625rem;line-height:1.6;}
.hero-cta{margin-top:32px;gap:12px;}
.hero-trust{margin-top:32px;padding-top:24px;border-top:1px solid var(--line);
  display:flex;flex-wrap:wrap;gap:8px 28px;}
.hero-trust span{font-size:.8438rem;color:var(--muted);}
.glass{max-width:520px;margin-left:auto;}

/* ================= BADGE / PILL BUTTON ================= */
.badge{
  display:inline-flex;align-items:center;gap:9px;
  padding:9px 18px 9px 14px;border-radius:999px;
  background:var(--surface);border:1px solid var(--line);
  color:var(--ink);font-size:.8125rem;font-weight:600;letter-spacing:-.005em;
  box-shadow:0 1px 2px rgba(10,13,20,.05),0 8px 20px -14px rgba(10,13,20,.35);
  transition:border-color .22s ease,box-shadow .22s ease,transform .22s ease;
}
.badge:hover{border-color:#D6D2C8;box-shadow:0 1px 2px rgba(10,13,20,.06),0 12px 26px -14px rgba(10,13,20,.42);}
.bd-dot{width:7px;height:7px;border-radius:50%;background:var(--accent);flex:none;position:relative;}
.bd-dot::after{content:'';position:absolute;inset:-4px;border-radius:50%;
  border:1.5px solid rgba(38,71,255,.45);animation:pulse 2.4s ease-out infinite;}
@media(prefers-reduced-motion:reduce){.bd-dot::after{animation:none;opacity:.45;}}

/* section badges stay outline style so the hero one reads as primary */
.sec-hd .badge{background:transparent;border-color:var(--accent);color:var(--accent);box-shadow:none;}
.sec-hd .badge:hover{border-color:var(--accent-d);}

/* ================= MOBILE (must remain last) ================= */
@media(max-width:980px){
  .hero{min-height:0;display:block;padding:64px 0 72px;}
  .hero-split{grid-template-columns:1fr;gap:44px;}
  .hero h1{max-width:none;}
  .glass{max-width:420px;margin:0 auto;}
  .wall{padding:56px 0 64px;}
  .phero{padding:72px 0 56px;}
  section{padding:84px 0;}
}
@media(max-width:640px){
  .hero{padding:48px 0 56px;}
  .hero-trust{flex-direction:column;gap:8px;}
  .wall{padding:44px 0 52px;}
  .phero{padding:56px 0 44px;}
  section{padding:64px 0;}
}

/* short laptop screens: keep the hero inside one view */
@media(min-width:981px) and (max-height:820px){
  .hero{padding:96px 0 56px;}
  .hero h1{font-size:clamp(2rem,3.2vw,2.875rem);}
  .hero .lead{font-size:1rem;margin-top:16px;}
  .hero-cta{margin-top:26px;}
  .hero-trust{margin-top:24px;padding-top:20px;}
  .glass{max-width:400px;}
}
/* ================= HERO MARK: ongoing motion ================= */
.glass{position:relative;display:grid;place-items:center;aspect-ratio:1/1;max-width:520px;margin-left:auto;}

/* breathing bloom behind the tile */
.glass::before{
  content:'';position:absolute;width:78%;aspect-ratio:1/1;border-radius:50%;
  background:radial-gradient(circle,rgba(38,71,255,.38),rgba(38,71,255,.10) 48%,transparent 70%);
  filter:blur(40px);animation:bloom 6s ease-in-out infinite;
}
@keyframes bloom{0%,100%{opacity:.65;transform:scale(1);}50%{opacity:1;transform:scale(1.09);}}

/* rings drift in opposite directions */
.mk-ring{position:absolute;border-radius:50%;border:1px solid var(--line);}
.mk-ring.r1{width:88%;aspect-ratio:1/1;animation:spin 26s linear infinite;}
.mk-ring.r2{width:106%;aspect-ratio:1/1;opacity:.55;animation:spin 38s linear infinite reverse;}
/* a travelling node on each ring */
.mk-ring::after{
  content:'';position:absolute;top:-4px;left:50%;width:7px;height:7px;border-radius:50%;
  background:var(--accent);box-shadow:0 0 12px rgba(38,71,255,.8);transform:translateX(-50%);
}
.mk-ring.r2::after{width:5px;height:5px;background:var(--accent-l);box-shadow:0 0 10px rgba(124,144,255,.7);}
@keyframes spin{to{transform:rotate(360deg);}}

/* tile floats and tilts very slightly */
.mk-tile{
  position:relative;width:64%;aspect-ratio:1/1;border-radius:27%;overflow:hidden;
  background:var(--ink);display:grid;place-items:center;
  box-shadow:0 50px 90px -34px rgba(10,13,20,.62),
             0 0 0 1px rgba(255,255,255,.06) inset,
             0 0 70px -14px rgba(38,71,255,.6);
  animation:floaty 8s ease-in-out infinite;
  will-change:transform;
}
@keyframes floaty{
  0%,100%{transform:translateY(0) rotate(0deg);}
  25%{transform:translateY(-9px) rotate(-1.1deg);}
  50%{transform:translateY(-14px) rotate(0deg);}
  75%{transform:translateY(-6px) rotate(1.1deg);}
}

/* colour wash slowly rotating inside the tile */
.mk-tile .mk-glow{
  position:absolute;inset:-25%;
  background:conic-gradient(from 0deg,rgba(124,144,255,.42),rgba(38,71,255,.50),rgba(124,144,255,.16),rgba(38,71,255,.44),rgba(124,144,255,.42));
  animation:spin 18s linear infinite;
}

/* light sweeping across the face */
.mk-tile .mk-sheen{
  position:absolute;inset:0;
  background:linear-gradient(115deg,transparent 32%,rgba(255,255,255,.20) 47%,rgba(255,255,255,.05) 56%,transparent 68%);
  transform:translateX(-120%);
  animation:sheen 6.5s ease-in-out infinite;
}
@keyframes sheen{0%,62%{transform:translateX(-120%);}88%,100%{transform:translateX(120%);}}

.mk-tile svg{position:relative;width:60%;height:60%;}

@media(prefers-reduced-motion:reduce){
  .glass::before,.mk-ring,.mk-tile,.mk-tile .mk-glow,.mk-tile .mk-sheen{animation:none;}
  .mk-tile .mk-sheen{transform:none;opacity:.4;}
}
@media(max-width:980px){
  .glass{max-width:400px;margin:0 auto;}
}
/* ================= HERO MARK: restore scale ================= */
.glass{max-width:none;width:100%;margin-left:0;justify-self:end;}
.mk-tile{width:74%;}
.mk-ring.r1{width:96%;}
.mk-ring.r2{width:114%;}
.glass::before{width:86%;}

@media(min-width:981px) and (max-height:820px){
  .glass{max-width:470px;margin-left:auto;}
}
@media(max-width:980px){
  .glass{max-width:440px;margin:0 auto;justify-self:center;}
  .mk-tile{width:72%;}
}
/* ================= SINGLE CASE STUDY ================= */
.cs-hero{padding:104px 0 var(--s5);}
.cs-cat{display:block;font-family:'Instrument Serif',Georgia,serif;font-style:italic;
  font-size:1.375rem;color:var(--accent);margin-bottom:14px;}
.cs-hero h1{font-size:clamp(2.25rem,4.4vw,3.5rem);letter-spacing:-.034em;line-height:1.06;max-width:20ch;}
.cs-hero .lead{margin-top:var(--s3);max-width:62ch;}

.cs-facts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--s3);
  margin-top:var(--s5);padding-top:var(--s4);border-top:1px solid var(--line);}
.cs-facts dt{font-size:.75rem;font-weight:700;letter-spacing:.13em;text-transform:uppercase;color:var(--muted-2);}
.cs-facts dd{margin:8px 0 0;font-size:1.0625rem;font-weight:650;letter-spacing:-.018em;color:var(--ink);}

.cs-vis{position:relative;border-radius:28px;overflow:hidden;background:var(--paper);
  border:1px solid var(--line);aspect-ratio:16/8;display:grid;place-items:center;
  box-shadow:0 50px 100px -46px rgba(10,13,20,.45);}
.cs-vis img{width:100%;height:100%;object-fit:cover;}
.cs-vis .pj-art{width:62%;}

.cs-body{padding-top:var(--s7);}
.cs-grid{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(0,.85fr);gap:var(--s6);align-items:start;}
.cs-block{padding-bottom:var(--s5);margin-bottom:var(--s5);border-bottom:1px solid var(--line);}
.cs-block:last-child{border-bottom:0;margin-bottom:0;padding-bottom:0;}
.cs-n{display:inline-block;font-size:.8125rem;font-weight:700;letter-spacing:.12em;color:var(--accent);margin-bottom:12px;}
.cs-block h2{font-size:clamp(1.5rem,2.4vw,2rem);letter-spacing:-.028em;margin-bottom:16px;}
.cs-block p{color:var(--muted);font-size:1.0625rem;line-height:1.72;max-width:68ch;}

.cs-side{position:sticky;top:112px;display:grid;gap:var(--s2);}
.cs-card{background:var(--surface);border:1px solid var(--line);border-radius:22px;padding:var(--s4);}
.cs-card h4{font-size:1rem;letter-spacing:-.02em;margin-bottom:14px;}
.cs-card p{font-size:.9375rem;color:var(--muted);line-height:1.6;margin-bottom:var(--s3);}
.cs-card .btn{width:100%;justify-content:center;}
.cs-tags{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:var(--s3);}
.cs-tags li{font-size:.8125rem;color:var(--muted);background:var(--paper);border:1px solid var(--line);
  padding:6px 12px;border-radius:999px;}
.cs-book{background:var(--ink);border-color:var(--ink);}
.cs-book h4{color:#fff;}
.cs-book p{color:rgba(255,255,255,.6);}

.cs-next{padding-top:var(--s7);}

@media(max-width:980px){
  .cs-grid{grid-template-columns:1fr;gap:var(--s5);}
  .cs-side{position:static;}
  .cs-facts{grid-template-columns:1fr 1fr;gap:var(--s3) var(--s4);}
  .cs-hero{padding:72px 0 var(--s4);}
  .cs-vis{aspect-ratio:16/10;}
}
@media(max-width:640px){
  .cs-facts{grid-template-columns:1fr;}
  .cs-vis{aspect-ratio:4/3;border-radius:20px;}
  .cs-hero{padding:56px 0 var(--s4);}
}
/* ================= VIDEO REVIEWS ================= */
.rev-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--s2);}
.rev-c{display:flex;flex-direction:column;background:var(--surface);border:1px solid var(--line);
  border-radius:22px;overflow:hidden;
  transition:border-color .24s ease,transform .34s cubic-bezier(.16,1,.3,1),box-shadow .34s ease;}
.rev-c:hover{border-color:var(--ink);transform:translateY(-4px);box-shadow:var(--e2);}

.rev-vis{position:relative;display:block;width:100%;aspect-ratio:4/5;overflow:hidden;
  background:var(--paper);border:0;padding:0;cursor:pointer;}
.rev-vis img{width:100%;height:100%;object-fit:cover;transition:transform .6s cubic-bezier(.16,1,.3,1);}
.rev-c:hover .rev-vis img{transform:scale(1.05);}
.rev-fallback{position:absolute;inset:0;
  background:radial-gradient(60% 55% at 30% 25%,rgba(38,71,255,.28),transparent 65%),
             radial-gradient(55% 50% at 78% 78%,rgba(124,144,255,.24),transparent 65%),var(--ink);}
.rev-play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);
  width:54px;height:54px;border-radius:50%;display:grid;place-items:center;
  background:rgba(255,255,255,.92);color:var(--ink);
  box-shadow:0 12px 30px -10px rgba(10,13,20,.5);
  transition:transform .25s cubic-bezier(.16,1,.3,1),background-color .2s ease;}
.rev-play svg{margin-left:2px;}
.rev-c:hover .rev-play{transform:translate(-50%,-50%) scale(1.09);background:#fff;}
.rev-vis::after{content:'';position:absolute;inset:auto 0 0 0;height:45%;pointer-events:none;
  background:linear-gradient(180deg,transparent,rgba(10,13,20,.42));}

.rev-body{padding:var(--s3);display:flex;flex-direction:column;gap:14px;flex:1;}
.rev-q{font-size:.9375rem;line-height:1.6;color:var(--muted);}
.rev-who{display:flex;align-items:center;gap:11px;margin-top:auto;}
.rev-av{width:36px;height:36px;border-radius:50%;flex:none;display:grid;place-items:center;
  background:var(--ink);color:#fff;font-size:.875rem;font-weight:700;}
.rev-n{display:block;font-size:.9375rem;font-weight:650;letter-spacing:-.015em;color:var(--ink);}
.rev-r{display:block;font-size:.8125rem;color:var(--muted-2);margin-top:2px;}
.rev-p{display:inline-flex;align-self:flex-start;font-size:.75rem;color:var(--muted);
  background:var(--paper);border:1px solid var(--line);padding:5px 11px;border-radius:999px;}

.rev-empty{border:1px dashed var(--line);border-radius:24px;padding:var(--s5);background:var(--surface);}
.rev-empty strong{display:block;font-size:1rem;margin-bottom:10px;}
.rev-empty p{color:var(--muted);font-size:.9375rem;margin-bottom:10px;max-width:70ch;}

/* lightbox */
.rev-modal{position:fixed;inset:0;z-index:120;display:grid;place-items:center;padding:var(--s4);
  background:rgba(10,13,20,.86);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);}
.rev-modal[hidden]{display:none;}
.rev-frame{width:min(960px,92vw);aspect-ratio:16/9;background:#000;border-radius:18px;overflow:hidden;
  box-shadow:0 60px 120px -40px rgba(0,0,0,.7);}
.rev-frame iframe,.rev-frame video{width:100%;height:100%;border:0;display:block;}
.rev-close{position:absolute;top:22px;right:26px;width:44px;height:44px;border-radius:50%;
  background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.2);color:#fff;
  font-size:1.5rem;line-height:1;cursor:pointer;transition:background-color .2s ease;}
.rev-close:hover{background:rgba(255,255,255,.22);}

@media(max-width:1100px){.rev-grid{grid-template-columns:repeat(2,1fr);}}
@media(max-width:560px){
  .rev-grid{grid-template-columns:1fr;}
  .rev-vis{aspect-ratio:16/10;}
}
/* ================= HERO SPACING TIGHTENED ================= */
.hero{padding:88px 0 72px;}
.hero h1{margin-top:0;}
.hero .lead{margin-top:18px;}
.hero-cta{margin-top:28px;}
@media(min-width:981px) and (max-height:820px){.hero{padding:80px 0 56px;}}
@media(max-width:980px){.hero{padding:56px 0 64px;}}
@media(max-width:640px){.hero{padding:40px 0 52px;}}

/* ================= REVIEW PLATFORM STRIP ================= */
.rs{display:flex;align-items:center;gap:18px;flex-wrap:wrap;
  margin-top:32px;padding-top:26px;border-top:1px solid var(--line);}
.rs-marks{display:flex;align-items:center;}
.rs-m{width:44px;height:44px;border-radius:50%;flex:none;
  display:grid;place-items:center;color:#fff;
  font-size:.8125rem;font-weight:800;letter-spacing:-.03em;
  border:2.5px solid var(--paper);margin-left:-12px;
  box-shadow:0 4px 12px -4px rgba(10,13,20,.35);
  transition:transform .22s cubic-bezier(.16,1,.3,1),z-index 0s;}
.rs-m:first-child{margin-left:0;}
.rs-m:hover{transform:translateY(-3px) scale(1.06);z-index:2;}

.rs-copy{display:flex;flex-direction:column;gap:3px;min-width:0;}
.rs-stars{display:inline-flex;gap:2px;color:#F5A623;}
.rs-star.empty{color:var(--line);}
.rs-star.half{position:relative;color:var(--line);}
.rs-star.half::before{content:'';position:absolute;inset:0;width:50%;overflow:hidden;
  background:currentColor;}
.rs-txt{font-size:.9375rem;color:var(--muted);letter-spacing:-.01em;}
.rs-txt strong{color:var(--ink);font-weight:700;}
.rs-sub{font-size:.8125rem;color:var(--muted-2);}

.rs-empty{margin-top:32px;padding:20px 22px;border:1px dashed var(--line);border-radius:18px;background:var(--surface);}
.rs-empty strong{display:block;font-size:.9375rem;margin-bottom:8px;}
.rs-empty p{font-size:.875rem;color:var(--muted);line-height:1.55;margin-bottom:8px;max-width:60ch;}
.rs-empty p:last-child{margin-bottom:0;}

@media(max-width:640px){
  .rs{gap:14px;margin-top:26px;padding-top:22px;}
  .rs-m{width:38px;height:38px;font-size:.75rem;margin-left:-10px;}
}
/* ================= VIDEO REVIEW CAROUSEL ================= */
.vr-sec{padding:var(--s7) 0;overflow:hidden;}
.vr-row{display:flex;width:100%;overflow:hidden;
  -webkit-mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent);
  mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent);}
.vr-track{display:flex;flex:none;align-items:stretch;gap:var(--s2);padding-right:var(--s2);
  animation:vr-slide 68s linear infinite;will-change:transform;}
.vr-row:hover .vr-track{animation-play-state:paused;}
@keyframes vr-slide{from{transform:translateX(0);}to{transform:translateX(-100%);}}
@media(prefers-reduced-motion:reduce){
  .vr-track{animation:none;}
  .vr-row{overflow-x:auto;}
}

.vr-c{flex:none;width:312px;display:flex;flex-direction:column;
  background:var(--surface);border:1px solid var(--line);border-radius:22px;overflow:hidden;
  transition:border-color .24s ease,transform .34s cubic-bezier(.16,1,.3,1),box-shadow .34s ease;}
.vr-c:hover{border-color:var(--ink);transform:translateY(-4px);box-shadow:var(--e2);}

.vr-vis{position:relative;display:block;width:100%;aspect-ratio:4/3;overflow:hidden;
  background:var(--paper);border:0;padding:0;cursor:pointer;}
.vr-vis img{width:100%;height:100%;object-fit:cover;transition:transform .6s cubic-bezier(.16,1,.3,1);}
.vr-c:hover .vr-vis img{transform:scale(1.05);}
.vr-fallback{position:absolute;inset:0;background:var(--ink);}
.tone-a .vr-fallback{background:radial-gradient(62% 58% at 28% 24%,rgba(38,71,255,.55),transparent 66%),var(--ink);}
.tone-b .vr-fallback{background:radial-gradient(62% 58% at 72% 30%,rgba(124,144,255,.5),transparent 66%),var(--ink);}
.tone-c .vr-fallback{background:radial-gradient(62% 58% at 40% 74%,rgba(38,71,255,.42),transparent 66%),var(--ink);}
.tone-d .vr-fallback{background:radial-gradient(62% 58% at 76% 70%,rgba(160,140,255,.45),transparent 66%),var(--ink);}
.tone-e .vr-fallback{background:radial-gradient(62% 58% at 24% 66%,rgba(90,170,255,.45),transparent 66%),var(--ink);}
.tone-f .vr-fallback{background:radial-gradient(62% 58% at 60% 26%,rgba(38,71,255,.5),transparent 66%),var(--ink);}

.vr-play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);
  width:50px;height:50px;border-radius:50%;display:grid;place-items:center;
  background:rgba(255,255,255,.94);color:var(--ink);
  box-shadow:0 12px 30px -10px rgba(10,13,20,.55);
  transition:transform .25s cubic-bezier(.16,1,.3,1);}
.vr-play svg{margin-left:2px;}
.vr-c:hover .vr-play{transform:translate(-50%,-50%) scale(1.09);}
.vr-badge{position:absolute;top:12px;left:12px;font-size:.625rem;font-weight:700;
  letter-spacing:.12em;text-transform:uppercase;color:#fff;
  background:rgba(255,255,255,.18);border:1px solid rgba(255,255,255,.28);
  padding:5px 10px;border-radius:999px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);}

.vr-body{padding:var(--s3);display:flex;flex-direction:column;gap:14px;flex:1;}
.vr-q{font-size:.9375rem;line-height:1.6;color:var(--muted);}
.vr-who{display:flex;align-items:center;gap:11px;margin-top:auto;}
.vr-av{width:34px;height:34px;border-radius:50%;flex:none;display:grid;place-items:center;
  background:var(--ink);color:#fff;font-size:.8125rem;font-weight:700;}
.vr-n{display:block;font-size:.9375rem;font-weight:650;letter-spacing:-.015em;color:var(--ink);}
.vr-r{display:block;font-size:.8125rem;color:var(--muted-2);margin-top:2px;}
.vr-c.is-demo{opacity:.9;}

@media(max-width:640px){
  .vr-c{width:266px;}
  .vr-sec{padding:var(--s6) 0;}
}