:root{
  --bg:#FBFCFC;
  --ink:#16211E;
  --t-90:rgba(22,33,30,.9);
  --t-62:rgba(22,33,30,.62);
  --t-42:rgba(22,33,30,.42);
  --ring:rgba(22,33,30,.06);
  --ring-2:rgba(22,33,30,.10);
  --card:#FFFFFF;
  --tint:#E6F1EE;
  --ac:#0B8C79;
  --ac-2:#1DB9A0;

  --shadow-sm:0 0 0 1px rgba(22,33,30,.05), 0 1px 2px rgba(0,0,0,.03);
  --shadow:0 0 0 1px rgba(22,33,30,.05), 0 8px 20px rgba(22,33,30,.05), 0 0 6px rgba(0,0,0,.03);
  --shadow-lg:0 0 0 1px rgba(22,33,30,.05), 0 24px 60px rgba(22,33,30,.09);

  --f:'Poppins',-apple-system,'Helvetica Neue',Arial,sans-serif;
  --e:cubic-bezier(.22,1,.36,1);
  --gut:clamp(20px,4vw,48px);
  --r:20px;   /* brand radius-lg */
  --r-xl:28px; /* brand radius-xl */
}
*{box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{margin:0;background:var(--bg);color:var(--t-90);font-family:var(--f);
  font-size:17px;line-height:1.55;-webkit-font-smoothing:antialiased;overflow-x:hidden;}
.wrap{max-width:1180px;margin:0 auto;padding:0 clamp(20px,4vw,48px);}
.mid{max-width:736px;margin-left:auto;margin-right:auto;}
.mid-sm{max-width:560px;margin-left:auto;margin-right:auto;}
.ctr{text-align:center;}

/* type */
.h1{font-size:clamp(2.4rem,5.2vw,4.3rem);font-weight:500;line-height:1.04;
  letter-spacing:-.05em;margin:0;color:var(--ink);text-wrap:balance;}
.h1 span{display:block;}
.h2{font-size:clamp(1.9rem,3.6vw,2.9rem);font-weight:500;line-height:1.1;
  letter-spacing:-.042em;margin:0;color:var(--ink);}
.h3{font-size:1.28rem;font-weight:500;line-height:1.24;letter-spacing:-.028em;margin:0;color:var(--ink);}
.sub{font-size:clamp(1.14rem,1.75vw,1.5rem);
  line-height:1.44;color:var(--t-62);margin-top:24px;}
.p{font-size:1.14rem;line-height:1.5;color:var(--t-62);margin:14px 0 0;}
.kick{font-size:.74rem;font-weight:600;letter-spacing:.16em;text-transform:uppercase;
  color:var(--ac);margin:0 0 18px;}

/* buttons */
.btn{display:inline-flex;align-items:center;gap:12px;text-decoration:none;font-family:var(--f);
  font-size:1rem;font-weight:500;padding:15px 28px;border-radius:99px;border:0;cursor:pointer;
  transition:transform .3s var(--e),background .3s var(--e),box-shadow .3s var(--e),color .3s var(--e);}
.btn:hover{transform:translateY(-1px);}
.btn:active{transform:translateY(0) scale(.985);}
.btn svg{width:15px;height:15px;transition:transform .4s var(--e);}
.btn:hover svg{transform:translateX(3px);}
.btn--p{background:var(--ac);color:#fff;box-shadow:0 4px 14px rgba(11,140,121,.22);}
.btn--p:hover{background:#0A7C6B;box-shadow:0 8px 22px rgba(11,140,121,.28);}
.btn--s{background:rgba(22,33,30,.05);color:var(--ink);}
.btn--s:hover{background:rgba(22,33,30,.09);}
.btn--t{background:transparent;color:var(--ac);padding:15px 6px;}
.btn--sm{padding:11px 20px;font-size:.92rem;}
:focus-visible{outline:2px solid var(--ac);outline-offset:3px;}

/* nav  - structure matched to styles.css: logo left, centred link pill, CTA right */
.nav{position:sticky;top:0;z-index:40;background:rgba(251,252,252,.82);backdrop-filter:blur(20px);}
.nav__in{max-width:1180px;width:100%;margin:0 auto;padding:0 32px;height:72px;
  display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:16px;}
.nav__logo{justify-self:start;display:flex;align-items:center;}
.nav__logo img{display:block;height:24px;width:auto;filter:brightness(0) saturate(100%);opacity:.92;}

.nav__center{justify-self:center;display:flex;align-items:center;gap:4px;
  background:rgba(22,33,30,.03);border:1px solid var(--ring);
  border-radius:100px;padding:4px;}
.nav__a{font-size:13px;font-weight:500;color:var(--t-62);text-decoration:none;
  padding:8px 18px;border-radius:100px;transition:color .2s var(--e),background .2s var(--e);
  white-space:nowrap;}
.nav__a:hover{color:var(--ink);background:rgba(22,33,30,.05);}

.nav__r{justify-self:end;}
.nav__cta{display:inline-flex;align-items:center;gap:8px;padding:10px 22px;
  background:var(--ac);color:#fff;font-size:13px;font-weight:600;border-radius:100px;
  border:0;cursor:pointer;text-decoration:none;font-family:var(--f);
  transition:background .3s var(--e),box-shadow .3s var(--e),transform .2s var(--e);
  box-shadow:0 4px 14px rgba(11,140,121,.20);}
.nav__cta:hover{background:#0A7C6B;box-shadow:0 8px 22px rgba(11,140,121,.26);transform:translateY(-1px);}
.nav__cta svg{width:12px;height:12px;}

@media(max-width:900px){
  .nav__in{grid-template-columns:auto 1fr;padding:0 20px;}
  .nav__center{display:none;}
  .nav__r{justify-self:end;}
}

/* hero */
.hero{position:relative;overflow:hidden;isolation:isolate;
  min-height:calc(100dvh - 72px);display:flex;flex-direction:column;}
.hero__body{flex:1;display:flex;align-items:center;
  padding:clamp(48px,6.5vw,86px) 0 clamp(44px,5.5vw,74px);width:100%;}

/* --- layer 1: asymmetric mesh. Three offset blobs, no symmetry, no hard edges --- */
.hero::before{content:"";position:absolute;inset:0;pointer-events:none;z-index:-2;
  background:
    radial-gradient(58% 62% at 86% 8%,  rgba(0,255,194,.50)  0%, rgba(0,255,194,0)  68%),
    radial-gradient(52% 58% at 6% 88%,  rgba(29,185,160,.44) 0%, rgba(29,185,160,0) 70%),
    radial-gradient(46% 42% at 24% 12%, rgba(29,185,160,.18) 0%, rgba(29,185,160,0) 72%),
    radial-gradient(40% 48% at 96% 76%, rgba(0,255,194,.28)  0%, rgba(0,255,194,0)  70%);}

/* --- layer 2: discrete bars, same idea as the Genesis block, drifting --- */
.hero__bars{position:absolute;inset:0;display:flex;gap:clamp(10px,1.4vw,22px);pointer-events:none;z-index:-1;
  -webkit-mask-image:radial-gradient(80% 70% at 50% 50%,transparent 0%,transparent 30%,rgba(0,0,0,.55) 60%,#000 100%);
  mask-image:radial-gradient(80% 70% at 50% 50%,transparent 0%,transparent 30%,rgba(0,0,0,.55) 60%,#000 100%);}
.hero__bars i{flex:1;transform-origin:bottom;background:rgba(29,185,160,.13);
  animation:hbar 11s var(--e) infinite alternate;}
.hero__bars i:nth-child(2n){background:rgba(255,255,255,.6);}
.hero__bars i:nth-child(3n){background:rgba(29,185,160,.06);}
.hero__bars i:nth-child(1){animation-delay:-0.4s;}
.hero__bars i:nth-child(2){animation-delay:-3.1s;}
.hero__bars i:nth-child(3){animation-delay:-1.7s;}
.hero__bars i:nth-child(4){animation-delay:-5.2s;}
.hero__bars i:nth-child(5){animation-delay:-2.4s;}
.hero__bars i:nth-child(6){animation-delay:-6.8s;}
.hero__bars i:nth-child(7){animation-delay:-0.9s;}
.hero__bars i:nth-child(8){animation-delay:-4.3s;}
.hero__bars i:nth-child(9){animation-delay:-7.5s;}
.hero__bars i:nth-child(10){animation-delay:-2.9s;}
.hero__bars i:nth-child(11){animation-delay:-5.9s;}
.hero__bars i:nth-child(12){animation-delay:-1.2s;}
.hero__bars i:nth-child(13){animation-delay:-6.2s;}
.hero__bars i:nth-child(14){animation-delay:-3.7s;}
@keyframes hbar{from{transform:scaleY(.52)}to{transform:scaleY(1)}}
@media(prefers-reduced-motion:reduce){.hero__bars i{animation:none;transform:scaleY(.8);}}

/* --- grain, so the surface is not sterile flat vector --- */
.hero__grain{position:absolute;inset:0;pointer-events:none;z-index:-1;opacity:.055;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='4'/%3E%3C/filter%3E%3Crect width='180' height='180' filter='url(%23n)'/%3E%3C/svg%3E");}

/* --- settle the foot of the hero into the white logo band --- */


@media(max-width:700px){.hero__bars{opacity:.7;}}
.hero__in{position:relative;width:100%;}
.hero__c{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin-top:clamp(28px,3.2vw,36px);}

/* product visual: vault card */
.vis{position:relative;margin-top:clamp(52px,7vw,88px);}
.vault{background:var(--card);border-radius:clamp(20px,2.4vw,28px);box-shadow:var(--shadow-lg);
  padding:clamp(24px,3vw,34px);max-width:560px;margin:0 auto;}
.vault__h{display:flex;align-items:center;justify-content:space-between;gap:14px;
  padding-bottom:20px;border-bottom:1px solid var(--ring);}
.vault__n{font-size:1.02rem;font-weight:500;color:var(--ink);margin:0;letter-spacing:-.02em;}
.vault__tag{font-size:.7rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;
  color:var(--ac);background:rgba(29,185,160,.12);padding:6px 11px;border-radius:99px;}
.vault__g{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;padding:22px 0 4px;}
.vault__k{font-size:.72rem;font-weight:500;letter-spacing:.09em;text-transform:uppercase;color:var(--t-42);margin:0 0 7px;}
.vault__v{font-size:1.42rem;font-weight:500;letter-spacing:-.03em;color:var(--ink);margin:0;font-variant-numeric:tabular-nums;}
.vault__v--ac{color:var(--ac);}
.vault__bar{height:5px;border-radius:99px;background:rgba(22,33,30,.07);margin-top:22px;overflow:hidden;}
.vault__bar i{display:block;height:100%;width:64%;border-radius:99px;
  background:linear-gradient(90deg,var(--ac),var(--ac-2));}
.vault__f{display:flex;justify-content:space-between;gap:12px;margin-top:11px;
  font-size:.78rem;color:var(--t-42);}
.vault__note{text-align:center;font-size:.78rem;color:var(--t-42);margin:18px 0 0;}


/* backers */
.bk{position:relative;width:100%;padding:clamp(26px,3.2vw,38px) 0;
  background:var(--card);border-bottom:1px solid var(--ring);overflow:hidden;}
.bk__vp{position:relative;overflow:hidden;
  -webkit-mask-image:linear-gradient(90deg,transparent 0,#000 9%,#000 91%,transparent 100%);
  mask-image:linear-gradient(90deg,transparent 0,#000 9%,#000 91%,transparent 100%);}
.bk__track{display:flex;width:max-content;align-items:center;
  gap:clamp(32px,5vw,76px);animation:marquee 34s linear infinite;}
.bk:hover .bk__track{animation-play-state:paused;}
@keyframes marquee{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@media(prefers-reduced-motion:reduce){
  .bk__track{animation:none;width:100%;justify-content:center;flex-wrap:wrap;}
  .bk__track > span:nth-child(n+7){display:none;}
}
.bk__k{font-size:.68rem;font-weight:600;letter-spacing:.18em;text-transform:uppercase;
  color:var(--t-42);text-align:center;margin:0 0 20px;}
/* bound BOTH dimensions so wide wordmarks and square marks read the same size */
.bk__track > span{display:flex;align-items:center;justify-content:center;flex:none;
  width:clamp(84px,9vw,112px);height:28px;}
.bk__track img{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;
  opacity:.5;filter:brightness(0) saturate(100%);transition:opacity .4s var(--e);}
.bk__track > span:hover img{opacity:.9;}

/* near-full-bleed: a thin white margin either side, like the reference */
.sec--bleed .wrap{max-width:none;padding:0 clamp(8px,1.1vw,18px);}
.sec--bleed .dk{border-radius:clamp(20px,2.4vw,30px);}

/* sections */
.sec{padding:clamp(74px,10vw,150px) 0;}
.sec__h{margin-bottom:clamp(40px,5vw,68px);}

/* two-up */
.two{display:grid;grid-template-columns:1fr 1fr;gap:clamp(16px,2vw,24px);}
@media(max-width:860px){.two{grid-template-columns:1fr;}}
.card{background:var(--card);border-radius:var(--r);box-shadow:var(--shadow);
  padding:clamp(28px,3.4vw,42px);display:flex;flex-direction:column;
  transition:box-shadow .4s var(--e),transform .4s var(--e);}
.card:hover{box-shadow:var(--shadow-lg);transform:translateY(-3px);}
.card__b{margin-top:auto;padding-top:28px;}
.card__m{display:flex;gap:34px;margin-top:26px;}
.card__mk{font-size:.7rem;font-weight:500;letter-spacing:.1em;text-transform:uppercase;color:var(--t-42);margin:0 0 6px;}
.card__mv{font-size:1.3rem;font-weight:500;letter-spacing:-.028em;color:var(--ink);margin:0;}


/* mirrored pair: one dark end, one light end, identical terms between them */
.two{align-items:stretch;}
.card--ink{background:var(--ink);color:rgba(241,245,243,.72);box-shadow:none;}
.card--ink .h3{color:#fff;}
.card--ink .p{color:rgba(241,245,243,.68);}
.card--ink:hover{box-shadow:0 24px 60px rgba(22,33,30,.22);}
.kick--on{color:var(--ac-2);}

/* dashed terms box - brand element lifted from the social cards */
.terms{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:28px;
  border:1px dashed rgba(22,33,30,.22);border-radius:14px;padding:18px 20px;}
.card--ink .terms{border-color:rgba(0,255,194,.32);background:rgba(0,255,194,.04);}
.terms__k{font-size:.64rem;font-weight:600;letter-spacing:.13em;text-transform:uppercase;
  color:var(--t-42);margin:0 0 7px;}
.card--ink .terms__k{color:rgba(241,245,243,.45);}
.terms__v{font-size:1.06rem;font-weight:500;letter-spacing:-.025em;color:var(--ink);margin:0;
  font-variant-numeric:tabular-nums;}
.card--ink .terms__v{color:#fff;}
@media(max-width:420px){.terms{grid-template-columns:1fr 1fr;}}

.p--note{font-size:.95rem;color:var(--t-42);}
.card--ink .p--note{color:rgba(241,245,243,.5);}
.btn--onink{background:var(--ac-2);color:#03110D;}
.btn--onink:hover{background:#fff;}
.two__note{text-align:center;font-size:.88rem;color:var(--t-42);
  margin:clamp(22px,2.6vw,32px) auto 0;max-width:56ch;}



/* ================= splyceUSDC: two halves, one token ================= */
.uc{text-align:center;}
.uc__h{font-size:clamp(2.1rem,4.4vw,3.5rem);font-weight:500;line-height:1.06;
  letter-spacing:-.045em;margin:0;color:var(--ink);text-wrap:balance;}
.uc__h em{font-style:normal;color:var(--ac);}
.uc__sub{font-size:clamp(1.05rem,1.55vw,1.28rem);line-height:1.5;color:var(--t-62);
  margin:clamp(20px,2.4vw,28px) auto 0;max-width:50ch;}

.tok{margin-top:clamp(40px,5vw,64px);text-align:left;
  background:var(--card);border-radius:clamp(20px,2.6vw,30px);overflow:hidden;
  box-shadow:0 0 0 1px rgba(22,33,30,.06), 0 30px 70px rgba(22,33,30,.12), 0 6px 18px rgba(22,33,30,.05);}
.tok__halves{display:grid;grid-template-columns:1fr 1fr;}
@media(max-width:800px){.tok__halves{grid-template-columns:1fr;}}
.tok__h{padding:clamp(28px,3.2vw,42px);display:flex;flex-direction:column;}
.tok__h+.tok__h{border-left:1px solid var(--ring);}
@media(max-width:800px){.tok__h+.tok__h{border-left:0;border-top:1px solid var(--ring);}}
.tok__tag{display:inline-flex;align-self:flex-start;align-items:center;gap:8px;
  font-size:.66rem;font-weight:600;letter-spacing:.16em;text-transform:uppercase;
  padding:7px 13px;border-radius:99px;margin-bottom:clamp(20px,2.4vw,28px);}
.tok__tag--l{background:rgba(29,185,160,.12);color:var(--ac);}
.tok__tag--f{background:var(--ink);color:var(--ac-2);}
.tok__dot{width:6px;height:6px;border-radius:50%;background:currentColor;}
.tok__t{font-size:clamp(1.14rem,1.7vw,1.4rem);font-weight:500;letter-spacing:-.028em;
  color:var(--ink);margin:0 0 10px;line-height:1.2;}
.tok__d{font-size:1rem;line-height:1.55;color:var(--t-62);margin:0 0 auto;}
.tok__beh{display:flex;align-items:center;gap:10px;margin-top:clamp(22px,2.6vw,30px);
  padding-top:16px;border-top:1px solid var(--ring);
  font-size:.9rem;color:var(--t-42);}
.tok__beh svg{width:15px;height:15px;flex:none;}
.tok__beh b{color:var(--ink);font-weight:500;}

/* the spine: where both halves become one token */
.tok__spine{background:var(--ink);color:#fff;position:relative;
  display:flex;align-items:center;justify-content:space-between;gap:clamp(16px,3vw,40px);
  flex-wrap:wrap;padding:clamp(22px,2.6vw,30px) clamp(28px,3.2vw,42px);}
.tok__spine::before{content:"";position:absolute;inset:0;pointer-events:none;
  background:radial-gradient(60% 190% at 22% 50%,rgba(0,255,194,.16) 0%,rgba(0,255,194,0) 62%);}
.tok__sL{position:relative;display:flex;align-items:baseline;gap:12px;}
.tok__sN{font-size:clamp(1.2rem,1.9vw,1.5rem);font-weight:600;letter-spacing:-.03em;margin:0;}
.tok__sM{font-size:.9rem;color:rgba(255,255,255,.5);margin:0;}
.tok__sR{position:relative;display:flex;align-items:baseline;gap:12px;}
.tok__sK{font-size:.66rem;font-weight:600;letter-spacing:.16em;text-transform:uppercase;
  color:rgba(255,255,255,.45);margin:0;}
.tok__sV{font-size:clamp(1.5rem,2.4vw,2rem);font-weight:500;letter-spacing:-.04em;
  color:var(--ac-2);margin:0;font-variant-numeric:tabular-nums;line-height:1;}

.uc__lead{font-size:.72rem;font-weight:600;letter-spacing:.16em;text-transform:uppercase;
  color:var(--t-42);margin:clamp(46px,5.5vw,72px) 0 clamp(18px,2vw,24px);}
.uc__fine{font-size:.94rem;color:var(--t-42);margin:clamp(22px,2.6vw,30px) auto 0;max-width:56ch;}
.uc__cta{display:flex;gap:12px;flex-wrap:wrap;justify-content:center;
  margin-top:clamp(28px,3.4vw,42px);}


/* ================= BORROW: tinted ground, asymmetric, no card =================
   Deliberately unlike the splyceUSDC block: full-bleed tint instead of a white
   card, off-centre instead of symmetrical, terms as a dark slab not a spine. */
.bw{background:var(--tint);padding:clamp(74px,9vw,132px) 0;position:relative;overflow:hidden;}
.bw::before{content:"";position:absolute;inset:0;pointer-events:none;
  background:radial-gradient(58% 70% at 88% 14%,rgba(29,185,160,.16) 0%,rgba(29,185,160,0) 66%);}
.bw__g{position:relative;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);
  gap:clamp(34px,5vw,80px);align-items:center;}
@media(max-width:900px){.bw__g{grid-template-columns:1fr;gap:36px;}}
.bw__h{font-size:clamp(1.95rem,4vw,3.1rem);font-weight:500;line-height:1.06;
  letter-spacing:-.044em;margin:0;color:var(--ink);text-wrap:balance;}
.bw__h em{font-style:normal;color:var(--ac);}
.bw__p{font-size:clamp(1.04rem,1.5vw,1.24rem);line-height:1.55;color:var(--t-62);
  margin:clamp(18px,2.2vw,26px) 0 0;max-width:44ch;}
.bw__cta{margin-top:clamp(26px,3vw,36px);}

.bw__slab{background:var(--ink);border-radius:clamp(18px,2.2vw,26px);overflow:hidden;
  box-shadow:0 30px 70px rgba(22,33,30,.18);}
.bw__slabH{padding:clamp(20px,2.4vw,26px) clamp(24px,2.8vw,32px);
  border-bottom:1px solid rgba(255,255,255,.10);
  font-size:.66rem;font-weight:600;letter-spacing:.17em;text-transform:uppercase;
  color:var(--ac-2);}
.bw__rows{padding:clamp(8px,1vw,12px) clamp(24px,2.8vw,32px) clamp(20px,2.4vw,26px);}
.bw__r{display:flex;align-items:baseline;justify-content:space-between;gap:20px;
  padding:clamp(14px,1.7vw,18px) 0;border-bottom:1px solid rgba(255,255,255,.08);}
.bw__r:last-child{border-bottom:0;}
.bw__k{font-size:.88rem;color:rgba(255,255,255,.5);margin:0;}
.bw__v{font-size:clamp(1.06rem,1.5vw,1.24rem);font-weight:500;letter-spacing:-.026em;
  color:#fff;margin:0;font-variant-numeric:tabular-nums;}
.bw__v--ac{color:var(--ac-2);}
.bw__note{font-size:.84rem;color:var(--t-42);margin:clamp(16px,2vw,20px) 0 0;}

/* ================= THE TRADE: one object, split down the middle =================
   Two halves, one shared terms spine. The terms are not duplicated, they are
   shared - which is the whole point, so the layout no longer needs a caption. */
.deal{background:var(--card);border-radius:clamp(20px,2.6vw,28px);overflow:hidden;
  box-shadow:0 0 0 1px rgba(22,33,30,.06), 0 30px 70px rgba(22,33,30,.13), 0 6px 18px rgba(22,33,30,.05);}
.deal__top{display:grid;grid-template-columns:1fr 1fr;}
.deal__c{padding:clamp(28px,3.2vw,42px);display:flex;flex-direction:column;}
.deal__cta{margin-top:clamp(20px,2.4vw,28px);}
.deal__c+.deal__c{border-left:1px solid var(--ring);}
.deal__k{font-size:.72rem;font-weight:600;letter-spacing:.17em;text-transform:uppercase;
  color:var(--ac);margin:0 0 16px;}
.deal__h{font-size:clamp(1.3rem,2.1vw,1.72rem);font-weight:500;letter-spacing:-.032em;
  line-height:1.14;margin:0 0 16px;color:var(--ink);text-wrap:balance;}
.deal__p{font-size:1.02rem;line-height:1.55;color:var(--t-62);margin:0;}
.deal__n{font-size:.9rem;line-height:1.5;color:var(--t-42);margin:14px 0 auto;
  padding-top:14px;border-top:1px solid var(--ring);}

/* the shared spine - dark and solid, not a mid-tone wash */
.deal__spine{background:var(--ink);color:#fff;position:relative;
  display:grid;grid-template-columns:auto repeat(3,1fr);gap:clamp(14px,2vw,28px);
  align-items:center;padding:clamp(22px,2.6vw,30px) clamp(28px,3.2vw,42px);}
.deal__spine::before{content:"";position:absolute;inset:0;pointer-events:none;
  background:radial-gradient(62% 190% at 9% 50%,rgba(0,255,194,.22) 0%,rgba(0,255,194,0) 62%);}
.deal__sl{position:relative;font-size:.68rem;font-weight:600;letter-spacing:.18em;
  text-transform:uppercase;color:var(--ac-2);white-space:nowrap;
  padding-right:clamp(14px,2vw,26px);border-right:1px solid rgba(255,255,255,.14);}
.deal__spine > div{position:relative;}
.deal__sk{font-size:.62rem;font-weight:600;letter-spacing:.15em;text-transform:uppercase;
  color:rgba(255,255,255,.42);margin:0 0 6px;}
.deal__sv{font-size:clamp(1.3rem,2vw,1.7rem);font-weight:500;letter-spacing:-.035em;
  color:#fff;margin:0;font-variant-numeric:tabular-nums;line-height:1;}
@media(max-width:820px){
  .deal__spine{grid-template-columns:1fr 1fr;gap:18px;}
  .deal__sl{grid-column:1 / -1;}
}

.deal__c:last-child{text-align:right;align-items:flex-end;}
.deal__c:last-child .deal__n{width:100%;}
.deal__c:last-child .btn{flex-direction:row-reverse;}
.deal__c:last-child .btn svg{transform:scaleX(-1);}
.deal__c:last-child .btn:hover svg{transform:scaleX(-1) translateX(3px);}

@media(max-width:820px){
  .deal__top{grid-template-columns:1fr;}
  .deal__c+.deal__c{border-left:0;border-top:1px solid var(--ring);}
  .deal__c:last-child{text-align:left;align-items:flex-start;}
  .deal__c:last-child .btn{flex-direction:row;}
  .deal__c:last-child .btn svg{transform:none;}
}

/* tint panel */
.panel{background:var(--tint);border-radius:clamp(22px,3vw,32px);padding:clamp(34px,5vw,72px);}



/* ================= PROOF: pedigree lead + icon rows with a travelling light ===== */
.ped{background:var(--card);border-radius:clamp(18px,2.2vw,26px);box-shadow:var(--shadow);
  padding:clamp(30px,3.6vw,50px);margin-top:clamp(34px,4vw,54px);}
.ped__lead{font-size:clamp(1.15rem,1.85vw,1.5rem);line-height:1.4;letter-spacing:-.026em;
  color:var(--ink);margin:0;max-width:52ch;}
.ped__lead b{color:var(--ac);font-weight:500;}
.ped__foot{margin-top:clamp(22px,2.6vw,30px);padding-top:clamp(20px,2.4vw,26px);
  border-top:1px solid var(--ring);}

.proof3{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(18px,2.4vw,30px);
  margin-top:clamp(18px,2.2vw,26px);}
@media(max-width:820px){.proof3{grid-template-columns:1fr;}}
.pr{background:var(--card);border-radius:clamp(16px,2vw,22px);box-shadow:var(--shadow);
  padding:clamp(24px,2.8vw,34px);display:flex;flex-direction:column;
  transition:box-shadow .4s var(--e),transform .4s var(--e);}
.pr:hover{box-shadow:var(--shadow-lg);transform:translateY(-3px);}
.pr__t{font-size:1.06rem;font-weight:500;letter-spacing:-.024em;color:var(--ink);margin:0 0 8px;}
.pr__d{font-size:.98rem;line-height:1.5;color:var(--t-62);margin:0;}

/* the travelling light: a conic sweep orbiting the icon's edge */
  /* proof rows */
.lamp{position:relative;width:48px;height:48px;border-radius:15px;flex:none;
  display:grid;place-items:center;margin-bottom:0;
  background:rgba(29,185,160,.10);overflow:hidden;isolation:isolate;}
.lamp::before{content:"";position:absolute;inset:-70%;z-index:0;
  background:conic-gradient(from 0deg,transparent 0 60%,rgba(0,255,194,.95) 76%,rgba(29,185,160,.35) 84%,transparent 94%);
  animation:orbit 4.6s linear infinite;}
.lamp::after{content:"";position:absolute;inset:1.5px;border-radius:13.5px;z-index:1;
  background:#F4F9F7;}
.lamp svg{position:relative;z-index:2;width:24px;height:24px;color:var(--ac);display:block;}
.lamp--2::before{animation-delay:-1.5s;}
.lamp--3::before{animation-delay:-3s;}
.lamp--4::before{animation-delay:-4.4s;}
@keyframes orbit{to{transform:rotate(1turn);}}
@media(prefers-reduced-motion:reduce){.lamp::before{animation:none;}}


/* ================= PROOF: boxed, so it reads as its own act ================= */
.pfbox{background:var(--tint);border-radius:clamp(22px,3vw,34px);
  padding:clamp(38px,5vw,76px) clamp(28px,4vw,64px);position:relative;overflow:hidden;}
.pfbox::before{content:"";position:absolute;inset:0;pointer-events:none;
  background:radial-gradient(62% 66% at 88% 10%,rgba(29,185,160,.16) 0%,rgba(29,185,160,0) 66%);}
.pfbox > *{position:relative;}
/* rows sit on the tint, so their hairlines need to be a touch stronger */
.pfbox .pl__i{border-bottom-color:rgba(22,33,30,.11);}
.pfbox .lamp::after{background:var(--tint);}

/* ================= PROOF: object left, numbered proof points right ============ */
.pf__g{display:grid;grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr);
  gap:clamp(34px,5vw,78px);align-items:center;margin-top:clamp(38px,4.6vw,62px);}
@media(max-width:900px){.pf__g{grid-template-columns:1fr;gap:40px;}}
.pf__vis{text-align:center;position:relative;}
.pf__vis::after{content:"";position:absolute;left:50%;transform:translateX(-50%);
  bottom:clamp(74px,9vw,116px);width:60%;height:36px;border-radius:50%;pointer-events:none;
  background:radial-gradient(ellipse,rgba(11,97,82,.16) 0%,rgba(11,97,82,0) 70%);}
.pf__cap{font-size:.88rem;color:var(--t-42);margin:clamp(18px,2.2vw,26px) auto 0;
  max-width:30ch;line-height:1.5;}
.pf__cap b{color:var(--ink);font-weight:500;}

.pl{display:grid;}
.pl__i{display:grid;grid-template-columns:auto 1fr;gap:clamp(16px,2.2vw,26px);
  padding:clamp(24px,2.9vw,32px) 0;border-bottom:1px solid var(--ring);align-items:center;}
.pl__i:first-child{padding-top:0;}
.pl__i:last-child{border-bottom:0;padding-bottom:0;}
.pl__t{font-size:1.14rem;font-weight:500;letter-spacing:-.026em;color:var(--ink);
  margin:0 0 7px;display:flex;align-items:baseline;gap:12px;}
.pl__num{font-family:var(--f);font-size:.72rem;font-weight:600;color:var(--ac);
  font-variant-numeric:tabular-nums;flex:none;}
.pl__d{font-size:.98rem;line-height:1.5;color:var(--t-62);margin:0;}
.pl__d b{color:var(--ink);font-weight:500;}

/* ================= 3D BRAND OBJECT: isometric vault stack ================= */
.iso{width:100%;max-width:330px;margin:0 auto;display:block;overflow:visible;}
.iso__slab{transform-box:fill-box;transform-origin:center;
  filter:drop-shadow(0 10px 18px rgba(10,97,82,.16));
  animation:isofloat 7s ease-in-out infinite;}
.iso__slab--2{animation-delay:-2.3s;}
.iso__slab--3{animation-delay:-4.6s;}
@keyframes isofloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-7px)}}
@media(prefers-reduced-motion:reduce){.iso__slab{animation:none;}}

/* collateral panel becomes two-up: object left, list right */
.panel__g{display:grid;grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr);
  gap:clamp(30px,5vw,68px);align-items:center;}
@media(max-width:860px){.panel__g{grid-template-columns:1fr;gap:34px;}}
.panel__list{display:grid;gap:clamp(18px,2.4vw,26px);}
.panel__i{display:grid;grid-template-columns:26px 1fr;gap:0 14px;}
.panel__n{font-family:var(--f);font-size:.74rem;font-weight:600;color:var(--ac);padding-top:4px;
  font-variant-numeric:tabular-nums;}

/* soft brand wash on later sections, so the page is not flat below the hero */
.sec--wash{position:relative;isolation:isolate;}
.sec--wash::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;
  background:radial-gradient(70% 60% at 82% 18%,rgba(29,185,160,.13) 0%,rgba(29,185,160,0) 68%),
             radial-gradient(60% 55% at 10% 88%,rgba(0,255,194,.10) 0%,rgba(0,255,194,0) 70%);}

/* four-up */
.four{display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(22px,3vw,40px);}
@media(max-width:920px){.four{grid-template-columns:1fr 1fr;}}
@media(max-width:540px){.four{grid-template-columns:1fr;}}
.itm__n{font-size:1.12rem;font-weight:500;letter-spacing:-.026em;color:var(--ink);margin:0 0 9px;}
.itm__d{font-size:1.08rem;line-height:1.48;color:var(--t-62);margin:0;}

/* early access */
.ea{background:var(--card);color:var(--ink);border-radius:clamp(22px,3vw,32px);
  padding:clamp(46px,6.5vw,96px) clamp(28px,4vw,64px);text-align:center;
  position:relative;overflow:hidden;
  box-shadow:0 0 0 1px rgba(22,33,30,.06), 0 30px 70px rgba(22,33,30,.12), 0 6px 18px rgba(22,33,30,.05);}
.ea .h2{color:var(--ink);}
.ea .kick{color:var(--ac);}
.ea .sub{color:var(--t-62);}
.ea__bars{position:absolute;inset:0;display:flex;pointer-events:none;}
.ea__bars i{flex:1;background:rgba(29,185,160,.09);transform-origin:bottom;
  animation:eab 8s var(--e) infinite alternate;}
.ea__bars i:nth-child(2n){background:rgba(29,185,160,.035);}
.ea__bars i:nth-child(1){animation-delay:-.3s}.ea__bars i:nth-child(2){animation-delay:-1.9s}
.ea__bars i:nth-child(3){animation-delay:-3.4s}.ea__bars i:nth-child(4){animation-delay:-.9s}
.ea__bars i:nth-child(5){animation-delay:-2.6s}.ea__bars i:nth-child(6){animation-delay:-4.1s}
.ea__bars i:nth-child(7){animation-delay:-1.4s}.ea__bars i:nth-child(8){animation-delay:-3.1s}
.ea__bars i:nth-child(9){animation-delay:-.6s}.ea__bars i:nth-child(10){animation-delay:-2.2s}
@keyframes eab{from{transform:scaleY(.42)}to{transform:scaleY(1)}}
@media(prefers-reduced-motion:reduce){.ea__bars i{animation:none;transform:scaleY(.72);}}
.ea__in{position:relative;}
.ea__f{display:flex;gap:10px;max-width:460px;margin:32px auto 0;}
@media(max-width:560px){.ea__f{flex-direction:column;}}
.ea__i{flex:1;background:rgba(22,33,30,.04);border:1px solid var(--ring);color:var(--ink);
  padding:16px 22px;border-radius:99px;font-family:var(--f);font-size:1rem;
  transition:border-color .3s var(--e),background .3s var(--e);}
.ea__i::placeholder{color:var(--t-42);}
.ea__i:hover,.ea__i:focus{border-color:var(--ring-2);background:#fff;}
.ea__n{font-size:.82rem;color:var(--t-42);margin:20px 0 0;}
.btn--ink{background:var(--ink);color:#fff;}
.btn--ink:hover{background:#0B1512;}

/* faq */
.faq__i{padding:clamp(20px,2.4vw,26px) 0;border-top:1px solid var(--ring);
  display:grid;grid-template-columns:.85fr 1.15fr;gap:clamp(18px,3vw,48px);}
@media(max-width:780px){.faq__i{grid-template-columns:1fr;gap:8px;}}
.faq__q{font-size:1.04rem;font-weight:500;letter-spacing:-.022em;color:var(--ink);margin:0;}
.faq__a{font-size:1.1rem;line-height:1.5;color:var(--t-62);margin:0;}

/* footer */
.ft{padding:clamp(56px,7vw,90px) 0 34px;border-top:1px solid var(--ring);}
.ft__t{display:grid;grid-template-columns:1.6fr repeat(3,.7fr);gap:clamp(28px,4vw,48px);}
@media(max-width:860px){.ft__t{grid-template-columns:1fr 1fr;}}
.ft__d{font-size:1.08rem;line-height:1.48;color:var(--t-62);margin:18px 0 0;max-width:30ch;}
.ft__ct{font-size:.7rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--t-42);margin:0 0 16px;}
.ft__l{display:block;color:var(--t-62);text-decoration:none;font-size:.96rem;padding:7px 0;transition:color .3s var(--e);}
.ft__l:hover{color:var(--ac);}
.ft__b{display:flex;flex-wrap:wrap;gap:14px 28px;justify-content:space-between;
  margin-top:clamp(42px,5vw,64px);padding-top:26px;border-top:1px solid var(--ring);}
.ft__lg{font-size:.78rem;color:var(--t-42);line-height:1.6;max-width:70ch;margin:0;}


/* ================= DARK SECTION ================= */
.dk{background:#0B1512;color:rgba(241,245,243,.92);border-radius:clamp(24px,3vw,36px);
  padding:clamp(46px,6.5vw,104px) clamp(24px,4vw,64px);margin:0 auto;position:relative;overflow:hidden;}
.dk::before{content:"";position:absolute;left:50%;top:-30%;transform:translateX(-50%);
  width:120%;height:90%;pointer-events:none;
  background:radial-gradient(ellipse at 50% 50%,rgba(29,185,160,.18) 0%,rgba(29,185,160,0) 62%);}
.dk__in{position:relative;}
.dk .h2{color:#fff;}
.dk .sub{color:rgba(241,245,243,.62);}
.dk .kick{color:var(--ac-2);}
.ac-hl{color:var(--ac-2);}

/* ================= BROWSER-CHROME PRODUCT MOCK ================= */
.app{margin-top:clamp(38px,5vw,64px);border-radius:14px;overflow:hidden;
  box-shadow:0 40px 90px rgba(0,0,0,.5),0 0 0 1px rgba(255,255,255,.08);background:#0E1A17;}
.app__bar{display:flex;align-items:center;gap:10px;padding:11px 14px;background:#131F1C;
  border-bottom:1px solid rgba(255,255,255,.07);}
.app__dots{display:flex;gap:6px;}
.app__dots i{width:10px;height:10px;border-radius:50%;background:rgba(255,255,255,.16);}
.app__url{flex:1;max-width:300px;margin:0 auto;text-align:center;font-size:.72rem;
  color:rgba(241,245,243,.4);background:rgba(255,255,255,.05);border-radius:99px;padding:4px 0;}
.app__body{display:grid;grid-template-columns:186px 1fr;min-height:340px;}
@media(max-width:760px){.app__body{grid-template-columns:1fr;} .app__side{display:none;}}
.app__side{border-right:1px solid rgba(255,255,255,.06);padding:20px 14px;}
.app__sk{font-size:.6rem;letter-spacing:.15em;text-transform:uppercase;color:rgba(241,245,243,.3);margin:0 0 12px;padding:0 8px;}
.app__si{display:flex;align-items:center;gap:9px;padding:8px;border-radius:8px;font-size:.82rem;
  color:rgba(241,245,243,.6);margin-bottom:2px;}
.app__si--on{background:rgba(29,185,160,.14);color:var(--ac-2);}
.app__si span{width:5px;height:5px;border-radius:50%;background:currentColor;flex:none;opacity:.7;}
.app__main{padding:22px clamp(16px,2.2vw,26px);}
.app__t{font-size:1.05rem;font-weight:500;color:#fff;margin:0 0 3px;letter-spacing:-.02em;}
.app__st{font-size:.92rem;color:rgba(241,245,243,.5);margin:0 0 20px;}
.tbl{width:100%;border-collapse:collapse;font-size:.8rem;}
.tbl th{text-align:left;font-size:.6rem;font-weight:500;letter-spacing:.13em;text-transform:uppercase;
  color:rgba(241,245,243,.32);padding:0 12px 11px 0;border-bottom:1px solid rgba(255,255,255,.07);white-space:nowrap;}
.tbl td{padding:13px 12px 13px 0;border-bottom:1px solid rgba(255,255,255,.045);
  color:rgba(241,245,243,.75);vertical-align:middle;}
.tbl tr:last-child td{border-bottom:0;}
.tbl .vn{color:#fff;font-weight:500;}
.tbl .fx{color:var(--ac-2);font-weight:500;}
.tbl .num{font-variant-numeric:tabular-nums;}
.cap{display:flex;align-items:center;gap:9px;min-width:90px;}
.cap i{flex:1;height:4px;border-radius:99px;background:rgba(255,255,255,.1);overflow:hidden;display:block;}
.cap i b{display:block;height:100%;border-radius:99px;background:linear-gradient(90deg,var(--ac),var(--ac-2));}
.cap span{font-size:.72rem;color:rgba(241,245,243,.45);font-variant-numeric:tabular-nums;}
.app__note{font-size:.75rem;color:rgba(241,245,243,.35);margin:16px 0 0;text-align:center;}
@media(max-width:640px){.tbl .hide{display:none;}}


/* ================= MATURITY LADDER =================
   Splyce's own information graphic. Variable-rate lenders have no
   maturities, so they cannot draw this. Every bar ends: that is the product. */
.lad{margin-top:clamp(34px,4.5vw,58px);}
.lad__key{display:flex;gap:22px;flex-wrap:wrap;margin-bottom:26px;}
.lad__ki{display:flex;align-items:center;gap:8px;font-size:.76rem;color:rgba(241,245,243,.55);}
.lad__ks{width:11px;height:11px;border-radius:3px;flex:none;}
.lad__rows{position:relative;}
.lad__r{display:grid;grid-template-columns:clamp(120px,17vw,190px) 1fr clamp(76px,8vw,98px);
  gap:clamp(10px,1.6vw,22px);align-items:center;padding:9px 0;}
.lad__n{font-size:.86rem;color:rgba(241,245,243,.88);margin:0;font-weight:500;letter-spacing:-.01em;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.lad__c{font-size:.72rem;color:rgba(241,245,243,.42);margin:3px 0 0;}
.lad__track{position:relative;height:34px;}
.lad__grid{position:absolute;inset:0;display:flex;pointer-events:none;}
.lad__grid i{flex:1;border-left:1px solid rgba(255,255,255,.055);}
.lad__grid i:first-child{border-left:0;}
.lad__bar{position:absolute;top:5px;height:26px;border-radius:6px;display:flex;align-items:center;
  padding:0 11px;gap:9px;font-size:.72rem;font-weight:500;color:#03110D;white-space:nowrap;
  transition:transform .35s var(--e),filter .35s var(--e);cursor:default;overflow:hidden;}
.lad__bar:hover{transform:translateY(-2px);filter:brightness(1.12);}
.lad__bar b{font-weight:600;font-variant-numeric:tabular-nums;font-size:.74rem;}
.lad__bar em{font-style:normal;opacity:.62;}
.lad__bar--t{background:#8FFFE0;}                 /* treasuries  - palest */
.lad__bar--m{background:#4FE3C4;}                 /* money market - mid    */
.lad__bar--c{background:#1DB9A0;}
.lad__bar--x{background:#0A6152;color:#CFEFE7;}   /* private credit - deep */
.lad__fund{font-size:.68rem;color:rgba(241,245,243,.4);white-space:nowrap;
  font-variant-numeric:tabular-nums;text-align:right;letter-spacing:.04em;}
.lad__fund b{display:block;color:var(--ac-2);font-weight:600;font-size:1.06rem;
  letter-spacing:-.02em;margin-bottom:2px;}
.lad__axis{display:grid;grid-template-columns:clamp(120px,17vw,190px) 1fr clamp(76px,8vw,98px);gap:clamp(10px,1.6vw,22px);
  margin-top:10px;padding-top:12px;border-top:1px solid rgba(255,255,255,.09);}
.lad__ticks{display:flex;}
.lad__ticks span{flex:1;font-size:.68rem;color:rgba(241,245,243,.34);
  font-variant-numeric:tabular-nums;letter-spacing:.04em;}
.lad__ticks span:last-child{flex:0 0 auto;}
.lad__end{position:absolute;right:-1px;top:0;bottom:0;width:2px;background:rgba(255,255,255,.14);}
.lad__note{font-size:.8rem;color:rgba(241,245,243,.42);line-height:1.6;
  margin:clamp(24px,3vw,34px) auto 0;max-width:74ch;text-align:center;text-wrap:balance;}
.lad__note b{color:var(--ac-2);font-weight:500;}
@media(max-width:680px){
  .lad__r,.lad__axis{grid-template-columns:1fr auto;gap:6px 12px;}
  .lad__track{grid-column:1 / -1;}
  .lad__c{display:inline;margin-left:8px;}
}

/* ================= STAT CARDS ================= */
.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(16px,2vw,26px);
  margin-top:clamp(38px,5vw,62px);}
@media(max-width:920px){.stats{grid-template-columns:1fr 1fr;}}
@media(max-width:560px){.stats{grid-template-columns:1fr;}}
.st{background:var(--card);border-radius:clamp(18px,2.2vw,24px);box-shadow:var(--shadow);
  padding:clamp(26px,3vw,38px);display:flex;flex-direction:column;overflow:hidden;
  transition:box-shadow .4s var(--e),transform .4s var(--e);}
.st:hover{box-shadow:var(--shadow-lg);transform:translateY(-3px);}
.st__i{display:block;width:30px;height:30px;flex:none;color:var(--ac);
  margin-bottom:clamp(34px,4vw,54px);}
.st__i svg{width:100%;height:100%;display:block;}
.st__n{font-size:clamp(1.85rem,2.9vw,2.45rem);font-weight:500;letter-spacing:-.045em;
  color:var(--ink);margin:0 0 10px;line-height:1;font-variant-numeric:tabular-nums;}
.st__d{font-size:1.06rem;line-height:1.46;color:var(--t-62);margin:0;}


/* ================= NOTIFY: a utility strip, not a moment ================= */
.nt{background:var(--card);border-radius:clamp(16px,2vw,22px);
  box-shadow:0 0 0 1px rgba(22,33,30,.07), 0 6px 20px rgba(22,33,30,.05);
  padding:clamp(22px,2.6vw,30px) clamp(24px,3vw,38px);
  display:grid;grid-template-columns:minmax(0,1fr) minmax(0,440px);
  gap:clamp(20px,3vw,44px);align-items:center;}
@media(max-width:760px){.nt{grid-template-columns:1fr;gap:18px;}}
.nt__t{font-size:1.14rem;font-weight:500;letter-spacing:-.026em;color:var(--ink);margin:0 0 4px;}
.nt__s{font-size:.95rem;color:var(--t-62);margin:0;}
.nt__f{display:flex;gap:9px;}
@media(max-width:480px){.nt__f{flex-direction:column;}}
.nt__i{flex:1;min-width:0;background:rgba(22,33,30,.04);border:1px solid var(--ring);color:var(--ink);
  padding:13px 18px;border-radius:99px;font-family:var(--f);font-size:.95rem;
  transition:border-color .3s var(--e),background .3s var(--e);}
.nt__i::placeholder{color:var(--t-42);}
.nt__i:hover,.nt__i:focus{border-color:var(--ring-2);background:#fff;}
.nt__f .btn{flex:none;padding:13px 22px;font-size:.92rem;}

/* ================= FAQ ACCORDION ================= */
.fq{max-width:820px;margin:clamp(38px,4.6vw,58px) auto 0;border-top:1px solid var(--ring);}
.fq details{border-bottom:1px solid var(--ring);}
.fq summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:20px;
  padding:clamp(20px,2.4vw,26px) 0;font-size:1.06rem;font-weight:500;letter-spacing:-.022em;
  color:var(--ink);transition:color .3s var(--e);}
.fq summary::-webkit-details-marker{display:none;}
.fq summary:hover{color:var(--ac);}
.fq__ic{margin-left:auto;flex:none;width:22px;height:22px;position:relative;}
.fq__ic::before,.fq__ic::after{content:"";position:absolute;background:var(--ac);
  border-radius:2px;transition:transform .35s var(--e),opacity .35s var(--e);}
.fq__ic::before{left:0;top:10px;width:22px;height:2px;}
.fq__ic::after{left:10px;top:0;width:2px;height:22px;}
.fq details[open] .fq__ic::after{transform:rotate(90deg);opacity:0;}
.fq__a{margin:0;padding:0 42px clamp(22px,2.6vw,28px) 0;
  font-size:1rem;line-height:1.6;color:var(--t-62);}

/* ================= BLOG ================= */
.bl{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(18px,2.2vw,26px);
  margin-top:clamp(38px,4.6vw,58px);}
@media(max-width:900px){.bl{grid-template-columns:1fr;}}
.bl__c{background:var(--card);border-radius:clamp(16px,2vw,22px);box-shadow:var(--shadow);
  overflow:hidden;display:flex;flex-direction:column;text-decoration:none;
  transition:box-shadow .4s var(--e),transform .4s var(--e);}
.bl__img{aspect-ratio:16/10;overflow:hidden;background:var(--tint);flex:none;}
.bl__img img{width:100%;height:100%;object-fit:cover;display:block;
  transition:transform .6s var(--e);}
.bl__c:hover .bl__img img{transform:scale(1.04);}
.bl__body{padding:clamp(22px,2.6vw,28px);display:flex;flex-direction:column;flex:1;}
.bl__c:hover{box-shadow:var(--shadow-lg);transform:translateY(-3px);}
.bl__m{display:flex;align-items:center;gap:10px;margin:0 0 14px;}
.bl__tag{font-size:.62rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;
  color:var(--ac);background:rgba(29,185,160,.12);padding:5px 10px;border-radius:99px;}
.bl__d{font-size:.78rem;color:var(--t-42);}
.bl__t{font-size:1.12rem;font-weight:500;letter-spacing:-.024em;color:var(--ink);
  margin:0 0 10px;line-height:1.25;}
.bl__e{font-size:.96rem;line-height:1.5;color:var(--t-62);margin:0 0 auto;}
.bl__r{display:flex;align-items:center;gap:9px;margin-top:clamp(22px,2.6vw,28px);
  font-size:.9rem;font-weight:500;color:var(--ac);}
.bl__r svg{width:14px;height:14px;transition:transform .4s var(--e);}
.bl__c:hover .bl__r svg{transform:translateX(3px);}

/* reveal - transform only, never opacity.
   Content is visible at all times: if transitions are frozen, disabled or
   the script never runs, the only consequence is that it doesn't slide.
   Opacity-based reveals leave content permanently invisible on failure. */
.rv{transform:none;}
.js-rv .rv{transform:translateY(14px);transition:transform .7s var(--e);}
.js-rv .rv.in{transform:none;}

@media(prefers-reduced-motion:reduce){
  *{animation:none!important;transition:none!important;}
  .rv,.js-rv .rv{transform:none!important;}
  html{scroll-behavior:auto;}
}

/* ================= INTERIOR PAGES ================= */
.ihero{position:relative;overflow:hidden;isolation:isolate;
  padding:clamp(64px,8vw,116px) 0 clamp(52px,6.5vw,88px);}
.ihero::before{content:"";position:absolute;inset:0;z-index:-2;pointer-events:none;
  background:
    radial-gradient(56% 62% at 86% 4%,  rgba(0,255,194,.42)  0%, rgba(0,255,194,0)  68%),
    radial-gradient(48% 56% at 4% 92%,  rgba(29,185,160,.34) 0%, rgba(29,185,160,0) 70%);}
.ihero__bars{position:absolute;inset:0;display:flex;gap:clamp(10px,1.4vw,22px);
  pointer-events:none;z-index:-1;
  -webkit-mask-image:radial-gradient(76% 76% at 50% 46%,transparent 0%,transparent 26%,rgba(0,0,0,.5) 58%,#000 100%);
  mask-image:radial-gradient(76% 76% at 50% 46%,transparent 0%,transparent 26%,rgba(0,0,0,.5) 58%,#000 100%);}
.ihero__bars i{flex:1;transform-origin:bottom;background:rgba(29,185,160,.12);
  animation:hbar 11s var(--e) infinite alternate;}
.ihero__bars i:nth-child(2n){background:rgba(255,255,255,.55);}
.ihero__bars i:nth-child(3n){background:rgba(29,185,160,.055);}
.ihero__in{position:relative;max-width:820px;}
.ihero__h{font-size:clamp(2.2rem,4.6vw,3.6rem);font-weight:500;line-height:1.04;
  letter-spacing:-.048em;margin:0;color:var(--ink);text-wrap:balance;}
.ihero__h em{font-style:normal;color:var(--ac);}
.ihero__s{font-size:clamp(1.06rem,1.6vw,1.3rem);line-height:1.5;color:var(--t-62);
  margin:clamp(18px,2.2vw,26px) 0 0;max-width:56ch;}
.ihero__c{display:flex;flex-wrap:wrap;gap:11px;margin-top:clamp(26px,3vw,36px);}

/* breadcrumb */
.crumb{display:flex;align-items:center;gap:8px;font-size:.82rem;color:var(--t-42);
  margin:0 0 clamp(16px,2vw,22px);}
.crumb a{color:var(--t-42);text-decoration:none;transition:color .3s var(--e);}
.crumb a:hover{color:var(--ac);}

/* numbered process */
.proc{display:grid;gap:0;border-top:1px solid var(--ring);
  margin-top:clamp(32px,4vw,50px);}
.proc__i{display:grid;grid-template-columns:clamp(46px,6vw,74px) 1fr;
  gap:0 clamp(14px,2vw,26px);padding:clamp(22px,2.6vw,30px) 0;
  border-bottom:1px solid var(--ring);}
.proc__n{font-size:.74rem;font-weight:600;color:var(--ac);
  font-variant-numeric:tabular-nums;padding-top:4px;}
.proc__t{font-size:1.1rem;font-weight:500;letter-spacing:-.024em;color:var(--ink);margin:0 0 7px;}
.proc__d{font-size:1rem;line-height:1.55;color:var(--t-62);margin:0;max-width:62ch;}

/* spec rows */
.spec{margin-top:clamp(30px,3.6vw,46px);background:var(--card);
  border:1px solid var(--ring-2);border-radius:clamp(20px,2.6vw,28px);overflow:hidden;}
.spec__r{display:grid;grid-template-columns:clamp(140px,21vw,250px) 1fr;
  gap:clamp(14px,3vw,40px);
  padding:clamp(18px,2.1vw,23px) clamp(24px,2.8vw,34px);
  border-bottom:1px solid var(--ring);transition:background .45s var(--e);}
.spec__r:last-child{border-bottom:0;}
.spec__r:hover{background:#FBFEFD;}
.spec__k{font-size:.64rem;font-weight:600;letter-spacing:.17em;text-transform:uppercase;
  color:var(--ac);margin:0;padding-top:.34em;}
.spec__v{font-size:1rem;color:var(--t-90);margin:0;line-height:1.55;}
.spec__v b{font-weight:500;color:var(--ink);}
@media(max-width:640px){.spec__r{grid-template-columns:1fr;gap:8px;}}

/* form */
.form2{background:var(--card);border-radius:clamp(18px,2.2vw,26px);
  box-shadow:0 0 0 1px rgba(22,33,30,.06), 0 30px 70px rgba(22,33,30,.12);
  padding:clamp(30px,3.6vw,48px);}
.form2__g{display:grid;grid-template-columns:1fr 1fr;gap:clamp(14px,1.8vw,20px);}
@media(max-width:640px){.form2__g{grid-template-columns:1fr;}}
.form2__f{display:flex;flex-direction:column;gap:7px;}
.form2__f--wide{grid-column:1 / -1;}
.form2__l{font-size:.78rem;font-weight:500;letter-spacing:.05em;text-transform:uppercase;
  color:var(--t-42);}
.form2__i{background:rgba(22,33,30,.04);border:1px solid var(--ring);color:var(--ink);
  padding:13px 16px;border-radius:12px;font-family:var(--f);font-size:.98rem;width:100%;
  transition:border-color .3s var(--e),background .3s var(--e);}
.form2__i::placeholder{color:var(--t-42);}
.form2__i:hover,.form2__i:focus{border-color:var(--ring-2);background:#fff;}
select.form2__i{appearance:none;cursor:pointer;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' fill='none' stroke='%2361706B' stroke-width='2'%3E%3Cpath d='M1 1l5 5 5-5'/%3E%3C/svg%3E");
  background-repeat:no-repeat;background-position:right 16px center;padding-right:40px;}
textarea.form2__i{min-height:110px;resize:vertical;}
.form2__note{font-size:.84rem;color:var(--t-42);margin:18px 0 0;}

/* team */
.team{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(16px,2vw,24px);
  margin-top:clamp(32px,4vw,50px);}
@media(max-width:820px){.team{grid-template-columns:1fr;}}
.team__c{background:var(--card);border-radius:clamp(16px,2vw,22px);box-shadow:var(--shadow);
  padding:clamp(26px,3vw,34px);}
.team__n{font-size:1.1rem;font-weight:500;letter-spacing:-.024em;color:var(--ink);margin:0 0 4px;}
.team__r{font-size:.94rem;color:var(--ac);margin:0 0 12px;}
.team__d{font-size:.96rem;line-height:1.5;color:var(--t-62);margin:0;}

/* logo grid */
.lg{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(14px,1.8vw,20px);
  margin-top:clamp(30px,3.6vw,46px);}
@media(max-width:700px){.lg{grid-template-columns:1fr 1fr;}}
.lg__c{background:var(--card);border-radius:16px;box-shadow:var(--shadow-sm);
  height:clamp(84px,10vw,108px);display:flex;align-items:center;justify-content:center;
  padding:20px;transition:box-shadow .4s var(--e);}
.lg__c:hover{box-shadow:var(--shadow);}
.lg__c img{max-width:118px;max-height:26px;width:auto;height:auto;object-fit:contain;
  opacity:.55;filter:brightness(0) saturate(100%);transition:opacity .4s var(--e);}
.lg__c:hover img{opacity:.9;}

/* ================= TEAM CARDS ================= */
.team{display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(14px,1.8vw,20px);
  margin-top:clamp(32px,4vw,50px);}
@media(max-width:1000px){.team{grid-template-columns:1fr 1fr;}}
@media(max-width:560px){.team{grid-template-columns:1fr;}}
.team__c{background:var(--card);border-radius:clamp(16px,2vw,22px);box-shadow:var(--shadow);
  padding:clamp(24px,2.8vw,32px);display:flex;flex-direction:column;
  transition:box-shadow .4s var(--e),transform .4s var(--e);}
.team__c:hover{box-shadow:var(--shadow-lg);transform:translateY(-3px);}
.team__av{width:48px;height:48px;border-radius:14px;flex:none;margin-bottom:20px;
  display:flex;align-items:center;justify-content:center;
  background:linear-gradient(135deg,rgba(29,185,160,.16),rgba(0,255,194,.10));
  font-size:1rem;font-weight:600;letter-spacing:.02em;color:var(--ac);}
.team__n{font-size:1.06rem;font-weight:500;letter-spacing:-.024em;color:var(--ink);margin:0 0 3px;}
.team__r{font-size:.86rem;color:var(--ac);margin:0 0 12px;}
.team__d{font-size:.94rem;line-height:1.5;color:var(--t-62);margin:0 0 auto;}
.team__s{display:flex;gap:8px;margin-top:22px;padding-top:16px;border-top:1px solid var(--ring);}
.team__s a{width:32px;height:32px;border-radius:9px;display:flex;align-items:center;justify-content:center;
  background:rgba(22,33,30,.05);color:var(--t-62);transition:background .3s var(--e),color .3s var(--e);}
.team__s a:hover{background:var(--ac);color:#fff;}
.team__s svg{width:14px;height:14px;}

/* ================= SECURITY GRID (about) ================= */
/* security grid - one panel with hairline cells, not six floating cards.
   The 1px gap over a tinted container background draws the rules, so the
   hairlines stay correct at every column count without nth-child rules. */
.sg{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;
  background:var(--ring-2);border:1px solid var(--ring-2);
  border-radius:clamp(20px,2.6vw,28px);overflow:hidden;
  margin-top:clamp(32px,4vw,50px);}
@media(max-width:900px){.sg{grid-template-columns:1fr 1fr;}}
@media(max-width:600px){.sg{grid-template-columns:1fr;}}
.sg__c{background:var(--card);padding:clamp(26px,2.9vw,34px);
  transition:background .45s var(--e);}
.sg__c:hover{background:#FBFEFD;}
.sg__k{font-size:.64rem;font-weight:600;letter-spacing:.17em;text-transform:uppercase;
  color:var(--ac);margin:0 0 16px;}
.sg__t{font-size:1.08rem;font-weight:500;letter-spacing:-.026em;color:var(--ink);
  line-height:1.25;margin:0 0 10px;}
.sg__d{font-size:.94rem;line-height:1.6;color:var(--t-62);margin:0;}
.sg__d b{color:var(--ink);font-weight:500;}

/* prose links - the browser default blue has no business on this site */
.sg__d a,.fq__a a,.cn__l a,.aud__n a,.sub a,.spec__v a,.iso3__d a{
  color:var(--ac);text-decoration:none;
  border-bottom:1px solid rgba(11,140,121,.34);
  transition:border-color .3s var(--e),color .3s var(--e);}
.sg__d a:hover,.fq__a a:hover,.cn__l a:hover,.aud__n a:hover,.sub a:hover,
.spec__v a:hover,.iso3__d a:hover{color:#0A7C6B;border-bottom-color:var(--ac);}

/* ================= HORIZONTAL STEPS ================= */
.hs{display:grid;grid-template-columns:repeat(3,1fr);gap:0;
  margin-top:clamp(36px,4.4vw,58px);
  border:1px solid var(--ring);border-radius:clamp(18px,2.2vw,26px);overflow:hidden;
  background:var(--card);}
@media(max-width:860px){.hs{grid-template-columns:1fr;}}
.hs__c{padding:clamp(28px,3.2vw,42px);position:relative;}
.hs__c+.hs__c{border-left:1px solid var(--ring);}
@media(max-width:860px){.hs__c+.hs__c{border-left:0;border-top:1px solid var(--ring);}}
.hs__n{display:inline-flex;align-items:center;justify-content:center;
  width:34px;height:34px;border-radius:10px;background:rgba(29,185,160,.12);
  color:var(--ac);font-size:.8rem;font-weight:600;margin-bottom:clamp(22px,2.6vw,30px);}
.hs__t{font-size:1.16rem;font-weight:500;letter-spacing:-.026em;color:var(--ink);margin:0 0 9px;}
.hs__d{font-size:.98rem;line-height:1.55;color:var(--t-62);margin:0;}
.hs__arrow{position:absolute;right:-9px;top:50%;transform:translateY(-50%);z-index:2;
  width:18px;height:18px;color:var(--t-42);background:var(--card);}
@media(max-width:860px){.hs__arrow{display:none;}}

/* ================= NAV DROPDOWN ================= */
.nav__dd{position:relative;}
.nav__ddb{display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:500;
  color:var(--t-62);background:none;border:0;cursor:pointer;font-family:var(--f);
  padding:8px 18px;border-radius:100px;transition:color .2s var(--e),background .2s var(--e);}
.nav__ddb:hover,.nav__dd[open] .nav__ddb{color:var(--ink);background:rgba(22,33,30,.05);}
.nav__ddb svg{width:10px;height:10px;transition:transform .3s var(--e);}
.nav__dd[open] .nav__ddb svg{transform:rotate(180deg);}
.nav__ddb::-webkit-details-marker{display:none;}
.nav__ddm{position:absolute;top:calc(100% + 10px);left:50%;transform:translateX(-50%);
  min-width:260px;background:var(--card);border-radius:16px;padding:8px;
  box-shadow:0 0 0 1px rgba(22,33,30,.07), 0 18px 44px rgba(22,33,30,.13);}
.nav__ddi{display:block;padding:11px 14px;border-radius:10px;text-decoration:none;
  transition:background .2s var(--e);}
.nav__ddi:hover{background:rgba(29,185,160,.08);}
.nav__ddn{font-size:.92rem;font-weight:500;color:var(--ink);margin:0 0 2px;}
.nav__ddd{font-size:.8rem;color:var(--t-62);margin:0;line-height:1.35;}

/* ================= ISOLATION (SAV): object centred, points beneath ========= */
.iso2{text-align:center;padding:clamp(30px,4vw,52px) 0 0;}
.iso2 .iso{max-width:clamp(240px,26vw,320px);margin:0 auto;}
.iso2__cap{font-size:.86rem;color:var(--t-42);margin:clamp(18px,2.2vw,26px) auto 0;max-width:34ch;}
.iso3{display:grid;grid-template-columns:repeat(3,1fr);gap:0;
  margin-top:clamp(34px,4vw,52px);border-top:1px solid var(--ring);text-align:left;}
@media(max-width:820px){.iso3{grid-template-columns:1fr;}}
.iso3__c{padding:clamp(24px,2.8vw,32px) clamp(20px,2.4vw,28px);}
.iso3__c+.iso3__c{border-left:1px solid var(--ring);}
@media(max-width:820px){.iso3__c+.iso3__c{border-left:0;border-top:1px solid var(--ring);}}
.iso3__k{font-family:var(--f);font-size:2rem;font-weight:500;letter-spacing:-.05em;
  color:var(--ac);margin:0 0 12px;line-height:1;font-variant-numeric:tabular-nums;}
.iso3__t{font-size:1.06rem;font-weight:500;letter-spacing:-.024em;color:var(--ink);margin:0 0 7px;}
.iso3__d{font-size:.96rem;line-height:1.5;color:var(--t-62);margin:0;}

/* isolation comparison - SAV page only. Deliberately not the homepage
   isometric: this is a diagram that makes an argument, not a decoration. */
.cmp{display:grid;grid-template-columns:1fr 1fr;gap:clamp(14px,1.8vw,22px);
     margin:clamp(28px,3.4vw,44px) 0 0;}
@media(max-width:760px){.cmp{grid-template-columns:1fr;}}
.cmp__c{margin:0;background:var(--card);border:1px solid var(--ring);
        border-radius:var(--r);padding:clamp(20px,2.4vw,28px);}
.cmp__g{width:100%;height:auto;display:block;}
.cmp__cap{margin:clamp(15px,1.9vw,21px) 0 0;font-size:.95rem;line-height:1.5;color:var(--t-62);}
.cmp__lb{display:block;font-size:.7rem;font-weight:600;letter-spacing:.11em;
         text-transform:uppercase;color:var(--t-42);margin:0 0 9px;}
.cmp__c--on .cmp__lb{color:var(--ac);}
/* rings pulse by transform only; their opacity lives on the element so a
   frozen animation still leaves them drawn. */
@keyframes cmpw{0%,100%{transform:scale(.93);}50%{transform:scale(1.06);}}
.cmp__w{transform-box:fill-box;transform-origin:center;animation:cmpw 5.4s ease-in-out infinite;}
.cmp__w--2{animation-delay:-1.8s;}
.cmp__w--3{animation-delay:-3.6s;}
@media(prefers-reduced-motion:reduce){.cmp__w{animation:none;}}

/* audit reports - same hairline panel as the security grid. No severity
   breakdown: the report itself is one click away and says it better. */
.aud{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;
  background:var(--ring-2);border:1px solid var(--ring-2);
  border-radius:clamp(20px,2.6vw,28px);overflow:hidden;
  margin-top:clamp(36px,4.4vw,54px);}
@media(max-width:900px){.aud{grid-template-columns:1fr;}}
.aud__c{background:var(--card);padding:clamp(26px,2.9vw,34px);
  display:flex;flex-direction:column;}
.aud__st{display:inline-flex;align-items:center;gap:9px;font-size:.64rem;font-weight:600;
  letter-spacing:.17em;text-transform:uppercase;color:var(--ac);}
.aud__st::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--ac-2);}
.aud__c--soon .aud__st{color:var(--t-42);}
.aud__c--soon .aud__st::before{background:var(--t-42);opacity:.5;}
.aud__t{font-size:1.14rem;font-weight:500;letter-spacing:-.026em;color:var(--ink);
  line-height:1.25;margin:16px 0 5px;}
.aud__r{font-size:.8rem;color:var(--t-42);margin:0 0 clamp(20px,2.4vw,26px);
  font-family:ui-monospace,SFMono-Regular,Menlo,monospace;}
.aud__m{border-top:1px solid var(--ring);}
.aud__mr{display:flex;gap:16px;padding:11px 0;border-bottom:1px solid var(--ring);
  font-size:.9rem;}
.aud__mk{color:var(--t-42);flex:none;width:66px;margin:0;}
.aud__mv{color:var(--t-90);margin:0;line-height:1.45;}
.aud__n{font-size:.94rem;line-height:1.6;color:var(--t-62);margin:0;}
.aud__f{margin-top:auto;padding-top:clamp(18px,2.2vw,24px);}
.aud__f .btn{padding-left:0;padding-right:0;}

/* what is and is not covered */
.cn{display:grid;grid-template-columns:1fr 1fr;gap:clamp(14px,1.8vw,22px);
    margin-top:clamp(36px,4.4vw,54px);}
@media(max-width:820px){.cn{grid-template-columns:1fr;}}
.cn__c{border:1px solid var(--ring);border-radius:var(--r);background:var(--card);
       padding:clamp(24px,2.8vw,32px);}
.cn__h{font-size:1.08rem;font-weight:500;letter-spacing:-.024em;color:var(--ink);margin:0 0 5px;}
.cn__s{font-size:.86rem;color:var(--t-42);margin:0 0 clamp(18px,2.2vw,24px);}
.cn__l{list-style:none;margin:0;padding:0;}
.cn__l li{position:relative;padding:0 0 0 26px;margin:0 0 13px;
          font-size:.96rem;line-height:1.5;color:var(--t-62);}
.cn__l li:last-child{margin-bottom:0;}
.cn__l li::before{content:"";position:absolute;left:0;top:.6em;width:12px;height:2px;
                  border-radius:2px;background:var(--t-42);opacity:.45;}
.cn__c--on .cn__l li::before{background:var(--ac);opacity:1;}

/* application journey - one rail, five stops */
.jn{position:relative;display:grid;grid-template-columns:repeat(5,1fr);
  gap:clamp(12px,1.4vw,20px);margin-top:clamp(38px,4.6vw,56px);}
.jn::before{content:"";position:absolute;left:19px;right:19px;top:18px;height:2px;
  background:linear-gradient(90deg,var(--ac) 0%,rgba(11,140,121,.45) 62%,rgba(22,33,30,.12) 100%);}
.jn__i{position:relative;padding-right:clamp(8px,1vw,18px);}
.jn__n{position:relative;z-index:1;width:38px;height:38px;border-radius:50%;
  background:var(--bg);border:2px solid var(--ac);color:var(--ac);
  display:grid;place-items:center;font-size:.78rem;font-weight:600;}
.jn__t{font-size:1.02rem;font-weight:500;letter-spacing:-.024em;color:var(--ink);
  line-height:1.3;margin:19px 0 8px;min-height:2.6em;}
.jn__d{font-size:.92rem;line-height:1.55;color:var(--t-62);margin:0;}
@media(max-width:900px){
  .jn{grid-template-columns:1fr;gap:0;}
  .jn::before{left:19px;right:auto;top:10px;bottom:24px;width:2px;height:auto;
    background:linear-gradient(180deg,var(--ac) 0%,rgba(22,33,30,.12) 100%);}
  .jn__i{padding:0 0 28px 62px;}
  .jn__n{position:absolute;left:0;top:0;}
  .jn__t{margin-top:5px;min-height:0;}
}

/* application - grouped as steps, not one long form */
.ap{display:grid;gap:clamp(14px,1.8vw,20px);margin-top:clamp(34px,4vw,48px);}
.ap__g{background:var(--card);border:1px solid var(--ring-2);
  border-radius:clamp(20px,2.6vw,28px);padding:clamp(26px,3vw,36px);}
.ap__hd{display:flex;gap:16px;align-items:flex-start;
  padding-bottom:clamp(20px,2.4vw,26px);margin-bottom:clamp(22px,2.6vw,28px);
  border-bottom:1px solid var(--ring);}
.ap__n{flex:none;width:30px;height:30px;border-radius:50%;background:var(--tint);
  color:var(--ac);display:grid;place-items:center;font-size:.8rem;font-weight:600;}
.ap__t{font-size:1.1rem;font-weight:500;letter-spacing:-.026em;color:var(--ink);margin:2px 0 5px;}
.ap__d{font-size:.93rem;line-height:1.5;color:var(--t-62);margin:0;}
.ap__f{display:grid;grid-template-columns:1fr 1fr;gap:clamp(14px,1.8vw,20px);}
@media(max-width:640px){.ap__f{grid-template-columns:1fr;}}
.ap__opt{font-weight:400;letter-spacing:0;text-transform:none;
  color:var(--t-42);font-size:.74rem;margin-left:7px;}
.ap__hint{font-size:.82rem;line-height:1.45;color:var(--t-42);margin:2px 0 0;}
.ap__ck{display:flex;gap:13px;align-items:flex-start;font-size:.95rem;line-height:1.5;
  color:var(--t-62);margin:0 0 16px;cursor:pointer;}
.ap__ck:last-of-type{margin-bottom:0;}
.ap__ck input{flex:none;width:18px;height:18px;margin-top:2px;accent-color:var(--ac);}
.ap__sub{display:flex;flex-wrap:wrap;align-items:center;gap:16px 22px;
  margin-top:clamp(24px,2.8vw,32px);}
.ap__hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden;}

/* legal prose */
.leg{max-width:740px;margin:0 auto;}
.leg h2{font-size:clamp(1.22rem,1.9vw,1.46rem);font-weight:500;letter-spacing:-.03em;
  color:var(--ink);margin:clamp(40px,4.6vw,58px) 0 16px;
  padding-top:clamp(26px,3vw,36px);border-top:1px solid var(--ring);}
.leg > *:first-child h2{margin-top:0;padding-top:0;border-top:0;}
.leg h3{font-size:1.02rem;font-weight:500;letter-spacing:-.022em;color:var(--ink);margin:28px 0 10px;}
.leg p{font-size:1rem;line-height:1.7;color:var(--t-62);margin:0 0 15px;}
.leg p:last-child{margin-bottom:0;}
.leg ul,.leg ol{margin:0 0 18px;padding:0;list-style:none;}
.leg li{position:relative;padding-left:24px;margin:0 0 11px;
  font-size:1rem;line-height:1.65;color:var(--t-62);}
.leg li::before{content:"";position:absolute;left:0;top:.64em;width:11px;height:2px;
  border-radius:2px;background:var(--ac);opacity:.55;}
.leg strong{font-weight:500;color:var(--ink);}
.leg a{color:var(--ac);text-decoration:none;border-bottom:1px solid rgba(11,140,121,.34);
  transition:border-color .3s var(--e);}
.leg a:hover{border-bottom-color:var(--ac);}

/* chain picker on the Launch app button */
.chd{position:relative;}
.chd > summary{list-style:none;}
.chd > summary::-webkit-details-marker{display:none;}
.chd > summary::marker{content:"";}
.chd .nav__cta svg{transition:transform .3s var(--e);}
.chd[open] .nav__cta svg{transform:rotate(180deg);}
.chd__m{position:absolute;top:calc(100% + 11px);right:0;z-index:30;min-width:290px;
  background:var(--card);border-radius:18px;padding:8px;
  box-shadow:0 0 0 1px rgba(22,33,30,.07), 0 18px 44px rgba(22,33,30,.14);}
.chd__i{display:flex;align-items:center;gap:13px;padding:11px 12px;border-radius:12px;
  text-decoration:none;transition:background .2s var(--e);}
a.chd__i:hover{background:rgba(29,185,160,.08);}
.chd__ic{flex:none;width:34px;height:34px;border-radius:10px;overflow:hidden;
  background:rgba(22,33,30,.05);}
.chd__ic img{width:100%;height:100%;object-fit:cover;display:block;}
.chd__tx{flex:1;min-width:0;}
.chd__n{display:block;font-size:.92rem;font-weight:500;color:var(--ink);}
.chd__d{display:block;font-size:.78rem;color:var(--t-42);margin-top:2px;}
.chd__i--off{cursor:default;}
.chd__i--off .chd__n{color:var(--t-62);}
.chd__i--off .chd__ic{opacity:.45;filter:grayscale(1);}
.chd__s{flex:none;width:9px;height:9px;border-radius:50%;background:rgba(22,33,30,.14);}
.chd__s--on{background:var(--ac-2);box-shadow:0 0 0 4px rgba(29,185,160,.16);}

/* ================= ARTICLE ================================================ */
.ah{padding:clamp(104px,11vw,146px) 0 0;}
.ah__b{display:inline-flex;align-items:center;gap:9px;font-size:.84rem;color:var(--t-42);
  text-decoration:none;margin:0 0 26px;transition:color .3s var(--e);}
.ah__b:hover{color:var(--ac);}
.ah__m{display:flex;flex-wrap:wrap;align-items:center;gap:8px 14px;margin:0 0 18px;}
.ah__tag{font-size:.66rem;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--ac);}
.ah__d{font-size:.84rem;color:var(--t-42);}
.ah__t{font-size:clamp(2.05rem,4.4vw,3.4rem);font-weight:500;line-height:1.07;
  letter-spacing:-.045em;color:var(--ink);margin:0 0 20px;max-width:21ch;}
.ah__t span{color:var(--ac);}
.ah__x{font-size:clamp(1.06rem,1.5vw,1.24rem);line-height:1.5;color:var(--t-62);margin:0;max-width:62ch;}
.ah__img{margin:clamp(38px,4.6vw,58px) 0 0;border-radius:clamp(18px,2.4vw,26px);
  overflow:hidden;background:var(--tint);}
.ah__img img{width:100%;height:auto;display:block;aspect-ratio:16/9;object-fit:cover;}

.art{max-width:716px;margin:0 auto;}
.art p{font-size:1.06rem;line-height:1.75;color:var(--t-62);margin:0 0 22px;}
.art h2{font-size:clamp(1.5rem,2.4vw,1.95rem);font-weight:500;letter-spacing:-.032em;
  color:var(--ink);line-height:1.18;margin:clamp(46px,5vw,64px) 0 18px;}
.art h3{font-size:1.16rem;font-weight:500;letter-spacing:-.024em;color:var(--ink);margin:34px 0 12px;}
.art ul,.art ol{margin:0 0 22px;padding:0;list-style:none;}
.art li{position:relative;padding-left:26px;margin:0 0 12px;
  font-size:1.06rem;line-height:1.65;color:var(--t-62);}
.art ul li::before{content:"";position:absolute;left:0;top:.68em;width:12px;height:2px;
  border-radius:2px;background:var(--ac);opacity:.6;}
.art ol{counter-reset:artn;}
.art ol li{counter-increment:artn;}
.art ol li::before{content:counter(artn);position:absolute;left:0;top:0;
  color:var(--ac);font-weight:600;font-size:.94rem;}
.art strong{font-weight:500;color:var(--ink);}
.art em{font-style:italic;}
.art a{color:var(--ac);text-decoration:none;border-bottom:1px solid rgba(11,140,121,.34);
  transition:border-color .3s var(--e);}
.art a:hover{border-bottom-color:var(--ac);}
.art blockquote{margin:clamp(30px,3.4vw,42px) 0;padding:2px 0 2px clamp(20px,2.4vw,28px);
  border-left:2px solid var(--ac);}
.art blockquote p{font-size:1.14rem;color:var(--ink);margin:0;}
.art img{width:100%;height:auto;border-radius:16px;display:block;margin:clamp(28px,3vw,38px) 0;}
.art hr{border:0;border-top:1px solid var(--ring);margin:clamp(38px,4.4vw,54px) 0;}
.art table{width:100%;border-collapse:collapse;margin:0 0 26px;font-size:.96rem;}
.art th,.art td{text-align:left;padding:12px 14px;border-bottom:1px solid var(--ring);}
.art th{font-size:.68rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--t-42);}
.art td{color:var(--t-62);}
.art code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.92em;
  background:rgba(22,33,30,.05);padding:2px 6px;border-radius:6px;color:var(--ink);}
.acall{background:var(--tint);border-radius:var(--r);padding:clamp(24px,2.8vw,32px);
  margin:clamp(32px,3.6vw,44px) 0;}
.acall__t{font-size:1.02rem;font-weight:500;letter-spacing:-.02em;color:var(--ink);margin:0 0 9px;}
.acall p{margin:0;color:var(--t-62);font-size:1rem;}
.acall p+p{margin-top:12px;}

/* author bio + divider, carried over from the old article template */
.article-divider{border:0;height:1px;background:var(--ring);margin:clamp(38px,4.4vw,54px) 0;}
.author-bio{display:flex;gap:clamp(16px,2vw,22px);align-items:flex-start;
  background:var(--card);border:1px solid var(--ring-2);border-radius:var(--r);
  padding:clamp(22px,2.6vw,30px);margin:clamp(38px,4.4vw,54px) 0 0;}
.author-bio__avatar{flex:none;width:48px;height:48px;border-radius:14px;
  display:grid;place-items:center;font-size:.88rem;font-weight:600;letter-spacing:.02em;
  color:#fff;background:linear-gradient(140deg,var(--ac-2),var(--ac));}
.author-bio__info{min-width:0;}
.author-bio__name{font-size:1.04rem;font-weight:500;letter-spacing:-.024em;color:var(--ink);}
.author-bio__role{font-size:.8rem;font-weight:500;letter-spacing:.05em;text-transform:uppercase;
  color:var(--ac);margin-top:4px;}
.author-bio__credential{font-size:.96rem;line-height:1.55;color:var(--t-62);margin-top:11px;}
.author-bio__link{display:inline-flex;align-items:center;gap:8px;margin-top:14px;
  font-size:.9rem;color:var(--ac);text-decoration:none;
  border-bottom:1px solid rgba(11,140,121,.34);transition:border-color .3s var(--e);}
.author-bio__link:hover{border-bottom-color:var(--ac);}
.author-bio__link svg{width:12px;height:12px;}