:root{
  --core:    #1E32C8;
  --signal:  #1B4DFF;
  --depth:   #1B2B8F;
  --sky:     #4A9BF7;   /* graphics only — never text */
  --ink:     #14161A;
  --slate:   #6B6B6B;
  --mist:    #F5F6F8;
  --white:   #FFFFFF;

  --gut: clamp(24px, 6vw, 120px);
  --plate-y: clamp(88px, 12vh, 172px);

  --track-display: -0.035em;
  --track-lead: -0.015em;
}

*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
section[id]{scroll-margin-top:78px}
body{
  font-family:'Poppins',system-ui,-apple-system,sans-serif;
  background:var(--white);color:var(--ink);
  -webkit-font-smoothing:antialiased;overflow-x:hidden;
}

/* ---------- TYPE SCALE ---------- */
.display{font-size:clamp(2.4rem,5.6vw,4.7rem);font-weight:500;line-height:0.98;letter-spacing:var(--track-display)}
.h1{font-size:clamp(1.9rem,3.8vw,3.4rem);font-weight:500;line-height:1.04;letter-spacing:var(--track-display)}
.h2{font-size:clamp(1.5rem,2.8vw,2.3rem);font-weight:500;line-height:1.15;letter-spacing:-0.02em}
.lead{font-size:clamp(1.05rem,1.55vw,1.4rem);font-weight:300;line-height:1.55;letter-spacing:var(--track-lead);color:var(--slate)}
.body{font-size:clamp(0.94rem,1.05vw,1.02rem);font-weight:300;line-height:1.7;color:var(--slate)}
.eyebrow{font-size:0.72rem;font-weight:500;letter-spacing:0.22em;text-transform:uppercase;color:var(--slate)}
.caption{font-size:0.78rem;font-weight:300;line-height:1.6;letter-spacing:0.01em;color:var(--slate)}
.sig{color:var(--signal)}

/* ---------- PLATES ---------- */
.plate{position:relative;padding:var(--plate-y) var(--gut);overflow:hidden;isolation:isolate}
.plate--blue{background:var(--core);color:var(--white)}
.plate--blue .lead,.plate--blue .body,.plate--blue .caption,.plate--blue .eyebrow{color:rgba(255,255,255,.68)}
.plate--blue .sig{color:var(--white)}
.plate--mist{background:var(--mist)}
.wrap{max-width:1320px;margin:0 auto;position:relative;z-index:2}

/* ---------- ARCS ---------- */
.arc{position:absolute;border-radius:50%;border-style:solid;pointer-events:none;z-index:0}
.plate--blue .arc{border-color:rgba(255,255,255,.07)}
.plate--white .arc,.plate--mist .arc{border-color:rgba(30,50,200,.045)}
.arc--tr{width:78vw;height:78vw;border-width:clamp(40px,7vw,110px);top:-30vw;right:-26vw}
.arc--bl{width:70vw;height:70vw;border-width:clamp(40px,7vw,110px);bottom:-34vw;left:-24vw}
.arc--tl{width:64vw;height:64vw;border-width:clamp(36px,6vw,96px);top:-28vw;left:-22vw}
.arc--br{width:82vw;height:82vw;border-width:clamp(40px,7vw,110px);bottom:-40vw;right:-30vw}

/* ---------- NAV ---------- */
.nav{
  position:fixed;top:0;left:0;right:0;z-index:100;
  display:flex;align-items:center;justify-content:space-between;
  padding:18px var(--gut);
  background:rgba(255,255,255,.86);backdrop-filter:blur(14px);
  border-bottom:1px solid rgba(20,22,26,.07);
}
.nav__mark{display:flex;align-items:center;gap:12px;text-decoration:none}
.nav__mark svg{width:30px;height:30px;display:block}
.nav__word{font-size:0.9rem;font-weight:600;letter-spacing:0.26em;color:var(--signal)}
.nav__slash{width:1px;height:18px;background:rgba(20,22,26,.16)}
.nav__prod{font-size:0.86rem;font-weight:500;letter-spacing:0.02em;color:var(--ink)}
.nav__links{display:flex;gap:clamp(14px,2vw,30px);align-items:center}
.nav__links a{font-size:0.82rem;font-weight:400;color:var(--ink);text-decoration:none;opacity:.72;transition:opacity .2s ease}
.nav__links a:hover{opacity:1}
.nav__cta{
  font-size:0.8rem!important;font-weight:500!important;padding:9px 20px;border-radius:100px;
  background:var(--signal);color:#fff!important;opacity:1!important;transition:background .25s ease;
}
.nav__cta:hover{background:var(--depth)}
@media(max-width:940px){.nav__links a:not(.nav__cta){display:none}}
@media(max-width:420px){.nav__word{display:none}.nav__slash{display:none}}

/* ---------- BUTTONS ---------- */
.btn{
  display:inline-block;padding:14px 30px;border-radius:100px;
  font-family:inherit;font-size:0.9rem;font-weight:500;letter-spacing:0.01em;
  text-decoration:none;cursor:pointer;border:1px solid transparent;
  transition:background .25s ease,color .25s ease,border-color .25s ease;
}
.btn--solid{background:var(--signal);color:#fff}
.btn--solid:hover{background:var(--depth)}
.btn--ghost{border-color:rgba(20,22,26,.18);color:var(--ink);background:none}
.btn--ghost:hover{border-color:var(--signal);color:var(--signal)}
.plate--blue .btn--solid{background:#fff;color:var(--core)}
.plate--blue .btn--solid:hover{background:rgba(255,255,255,.86)}
.plate--blue .btn--ghost{border-color:rgba(255,255,255,.35);color:#fff}
.plate--blue .btn--ghost:hover{border-color:#fff;background:rgba(255,255,255,.1)}

/* ============================================================
   HERO
   ============================================================ */
.hero{padding-top:clamp(116px,15vh,180px);padding-bottom:clamp(60px,8vh,110px)}
.hero__grid{display:grid;grid-template-columns:1.02fr .98fr;gap:clamp(36px,5vw,86px);align-items:center}
.kicker{display:flex;align-items:center;gap:12px}
.kicker i{width:36px;height:2px;background:var(--signal);display:block}
.kicker b{font-size:0.8rem;font-weight:500;letter-spacing:0.2em;text-transform:uppercase;color:var(--signal)}
.hero__title{margin-top:22px;max-width:13ch}
.hero__lead{margin-top:24px;max-width:46ch}
.hero__actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:clamp(30px,4vh,42px)}
.hero__terms{
  display:flex;flex-wrap:wrap;margin-top:clamp(28px,4vh,40px);
  border-top:1px solid rgba(20,22,26,.1);
}
.hero__term{
  flex:1 1 150px;padding:18px 22px 0 0;
}
.hero__term b{display:block;font-size:0.92rem;font-weight:500;letter-spacing:-0.01em;color:var(--ink);margin-bottom:4px}
@media(max-width:980px){
  .hero__grid{grid-template-columns:1fr;gap:clamp(44px,7vw,70px)}
  .hero__title{max-width:18ch}
}

/* ---------- DEVICE ---------- */
.stage{position:relative;display:flex;justify-content:center;align-items:center;padding:clamp(14px,3vw,34px) 0}
.stage__ring{
  position:absolute;top:50%;left:52%;transform:translate(-50%,-50%);
  width:min(120%,580px);aspect-ratio:1;border-radius:50%;
  background:var(--core);z-index:0;
}
.dev{
  position:relative;z-index:2;width:min(100%,318px);aspect-ratio:9/18;
  background:#efefef;border-radius:42px;padding:9px;
  box-shadow:0 40px 90px -34px rgba(8,14,50,.55);
}
.dev__screen{
  position:relative;width:100%;height:100%;overflow:hidden;
  background:#fff;border-radius:34px;display:flex;flex-direction:column;
}
.dev__screen-img{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
}
.dev__notch{
  position:absolute;top:15px;left:50%;transform:translateX(-50%);z-index:6;
  width:86px;height:23px;border-radius:100px;background:#0C0E14;
}

/* app interface */
.ui{flex:1 1 auto;overflow:hidden;padding:34px 12px 0}
.ui__top{display:flex;align-items:center;gap:7px;padding:0 2px 11px}
.ui__top svg.m{width:15px;height:15px}
.ui__top b{font-size:.5rem;font-weight:600;letter-spacing:.2em;color:var(--signal)}
.ui__ic{margin-left:auto;display:flex;gap:8px;color:var(--signal)}
.ui__ic svg{width:12px;height:12px}
.ui__search{
  display:flex;align-items:center;justify-content:space-between;
  border:1px solid rgba(20,22,26,.12);border-radius:8px;
  padding:7px 9px;font-size:.54rem;font-weight:300;color:#A3A7AE;
}
.ui__search svg{width:9px;height:9px;color:var(--slate)}
.ui__pills{display:flex;gap:5px;margin-top:8px;overflow:hidden}
.ui__pills span{
  flex:0 0 auto;font-size:.46rem;font-weight:400;color:var(--slate);
  border:1px solid rgba(20,22,26,.13);border-radius:100px;padding:4px 8px;white-space:nowrap;
}
.ui__pills span.on{background:var(--signal);border-color:var(--signal);color:#fff;font-weight:500}
.ui__ann{background:var(--signal);border-radius:11px;padding:10px;margin-top:9px;text-align:center}
.ui__ann p{font-size:.46rem;font-weight:500;color:#fff;line-height:1.4}
.ui__ann-tags{display:flex;gap:5px;justify-content:center;margin-top:7px}
.ui__ann-tags i{font-style:normal;font-size:.42rem;font-weight:500;background:#fff;color:var(--core);border-radius:100px;padding:3px 7px}
.ui__ann-tags i.y{background:#FFC93C;color:#4A3600}
.ui__ann-tags i.g{background:#6FE3C0;color:#04413A}
.ui__h{display:flex;align-items:baseline;justify-content:space-between;margin:12px 2px 8px}
.ui__h b{font-size:.62rem;font-weight:600;letter-spacing:-.01em;color:var(--ink)}
.ui__h span{font-size:.46rem;color:var(--slate)}
.ui__grid{display:grid;grid-template-columns:1fr 1fr;gap:7px;padding-bottom:10px}
.it{border:1px solid rgba(20,22,26,.09);border-radius:9px;padding:6px;background:#fff}
.it__img{
  height:52px;border-radius:6px;display:flex;align-items:center;justify-content:center;
  background:linear-gradient(160deg,#EEF2FF,#E2E9FB);
}
.it__img svg{width:32px;height:32px;color:var(--core);opacity:.8}
.it__n{margin-top:6px;font-size:.46rem;font-weight:600;color:var(--ink);line-height:1.3}
.it__a{margin-top:3px;font-size:.44rem;font-weight:400;color:var(--ink)}
.it__r{font-size:.4rem;font-weight:300;color:#A3A7AE}
.ui__nav{
  flex:0 0 auto;display:flex;align-items:center;justify-content:space-around;
  padding:9px 0 14px;border-top:1px solid rgba(20,22,26,.08);background:#fff;
}
.ui__nav svg{width:13px;height:13px;color:#C3C7CE}
.ui__nav svg.on{color:var(--signal)}

/* floating receipt */
.chip{
  position:absolute;z-index:4;background:#fff;border-radius:13px;
  padding:12px 15px;box-shadow:0 22px 50px -18px rgba(8,14,50,.4);
  border:1px solid rgba(20,22,26,.07);
}
.chip--a{right:-28px;top:19%;max-width:212px}
.chip--b{left:-14px;bottom:13%;max-width:206px}
.chip__t{display:flex;align-items:center;gap:7px}
.chip__dot{width:7px;height:7px;border-radius:50%;background:#13B87B;flex:0 0 auto}
.chip__dot--b{background:var(--signal)}
.chip__t b{font-size:.76rem;font-weight:500;letter-spacing:-.01em;color:var(--ink)}
.chip p{margin-top:5px;font-size:.7rem;font-weight:300;line-height:1.45;color:var(--slate)}
@media(max-width:1100px){.chip--a{right:-22px}.chip--b{left:-26px}}
@media(max-width:600px){.chip{padding:10px 12px}.chip--a{right:-10px;top:10%;max-width:180px}.chip--b{left:-10px;bottom:9%;max-width:176px}}
@media(max-width:380px){.chip--b{display:none}}

/* ============================================================
   COST / PROBLEM
   ============================================================ */
.cost__head .h1{max-width:19ch}
.cost__grid{
  display:grid;grid-template-columns:repeat(3,1fr);
  margin-top:clamp(34px,5vh,54px);
}
.cost__c{
  border-left:1px solid rgba(20,22,26,.12);
  padding:0 clamp(18px,2.4vw,34px);
}
.cost__c:first-child{border-left:none;padding-left:0}
.cost__c b{display:block;font-size:clamp(1.06rem,1.5vw,1.28rem);font-weight:500;letter-spacing:-.018em;color:var(--ink);margin-bottom:10px;line-height:1.25}
.cost__close{
  margin-top:clamp(34px,5vh,52px);padding-top:26px;
  border-top:1px solid rgba(20,22,26,.12);
  font-size:clamp(1.1rem,1.9vw,1.55rem);font-weight:400;line-height:1.35;
  letter-spacing:-.022em;color:var(--ink);max-width:40ch;
}
@media(max-width:820px){
  .cost__grid{grid-template-columns:1fr;gap:26px}
  .cost__c{border-left:none;padding:0;border-top:1px solid rgba(20,22,26,.12);padding-top:22px}
  .cost__c:first-child{border-top:none;padding-top:0}
}

/* ============================================================
   LIFECYCLE — request → approve → track → report
   ============================================================ */
.flow{margin-top:clamp(40px,6vh,64px)}
.flow__track{display:grid;grid-template-columns:repeat(4,1fr);position:relative}
.flow__track::before{
  content:'';position:absolute;top:19px;left:0;right:0;height:1px;
  background:rgba(20,22,26,.13);
}
.step{position:relative;padding:0 clamp(14px,2vw,30px) 0 0}
.step__node{
  position:relative;z-index:2;width:38px;height:38px;border-radius:50%;
  background:var(--signal);color:#fff;display:flex;align-items:center;justify-content:center;
  font-size:.82rem;font-weight:500;
}
.step:nth-child(2) .step__node{background:#2E5CFF}
.step:nth-child(3) .step__node{background:#1E32C8}
.step:nth-child(4) .step__node{background:#1B2B8F}
.step h3{margin-top:20px;font-size:clamp(1.14rem,1.6vw,1.42rem);font-weight:500;letter-spacing:-.02em;color:var(--ink)}
.step p{margin-top:10px;max-width:30ch}
.step ul{list-style:none;margin-top:16px}
.step li{
  font-size:.84rem;font-weight:300;line-height:1.5;color:var(--slate);
  padding:8px 0 8px 16px;position:relative;border-top:1px solid rgba(20,22,26,.09);
}
.step li::before{content:'';position:absolute;left:0;top:15px;width:5px;height:5px;border-radius:50%;background:var(--sky)}
@media(max-width:960px){
  .flow__track{grid-template-columns:1fr 1fr;row-gap:clamp(34px,5vh,50px)}
  .flow__track::before{display:none}
}
@media(max-width:560px){.flow__track{grid-template-columns:1fr}}

/* ============================================================
   SCREEN TOUR — interactive
   ============================================================ */
.tour__head{
  display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;
  gap:22px clamp(30px,5vw,70px);
}
.tour__bar{display:flex;align-items:center;gap:14px;padding-bottom:4px}
.tour__count{font-size:.78rem;font-weight:500;letter-spacing:.18em;color:var(--slate);white-space:nowrap}
.tour__count b{font-weight:500;color:var(--signal)}
.tour__arrows{display:flex;gap:8px}
.tour__arr{
  width:40px;height:40px;border-radius:50%;flex:0 0 auto;cursor:pointer;
  border:1px solid rgba(20,22,26,.18);background:none;color:var(--ink);
  display:flex;align-items:center;justify-content:center;
  transition:border-color .25s ease,color .25s ease,background .25s ease;
}
.tour__arr svg{width:15px;height:15px}
.tour__arr:hover{border-color:var(--signal);color:var(--signal);background:rgba(27,77,255,.05)}

/* --- deck of screens --- */
.deck{
  --slide-w:clamp(148px,14.6vw,196px);
  --deck-gap:clamp(18px,2.8vw,44px);
  position:relative;overflow:visible;
  margin-top:clamp(30px,4.2vh,48px);
  padding:calc(var(--slide-w) * .36) 0;
}
.deck__track{
  position:relative;display:flex;align-items:center;gap:var(--deck-gap);
  will-change:transform;
}
.deck__track.is-ready{transition:transform .75s cubic-bezier(.2,.7,.25,1)}
.deck__disc{
  position:absolute;top:50%;left:0;z-index:0;
  transform:translate(-50%,-50%);
  width:calc(var(--slide-w) * 2.05);aspect-ratio:1;border-radius:50%;
  background:var(--core);
  transition:left .75s cubic-bezier(.2,.7,.25,1);
}
.slide{
  position:relative;z-index:1;flex:0 0 var(--slide-w);
  border:none;padding:0;background:none;cursor:pointer;
  transform:scale(.82);
  transition:transform .75s cubic-bezier(.2,.7,.25,1);
}
.slide:not(.is-on):hover{transform:scale(.86)}
.slide.is-on{transform:scale(1.26);opacity:1;z-index:3;cursor:default}

/* --- clay slab: drop your screenshot straight in --- */
.clay{
  position:relative;width:100%;    
  aspect-ratio: 10/20;
  border-radius: clamp(18px, 2vw, 34px);
  padding: clamp(5px, .68vw, 5px);
  background:#efefef; /* linear-gradient(158deg,#F6F8FE 0%,#E6ECFA 54%,#D4DDF3 100%); */
  box-shadow:
    0 26px 54px -28px rgba(8,14,50,.5),
    0 0 0 1px rgba(255,255,255,.6) inset,
    0 -12px 22px -16px rgba(27,43,143,.4) inset;
  transition:box-shadow .6s ease;
}
.clay::after{
  content:'';position:absolute;inset:0;z-index:5;border-radius:inherit;
  background:var(--mist);opacity:.46;pointer-events:none;transition:opacity .55s ease;
}
.slide:not(.is-on):hover .clay::after{opacity:.24}
.slide.is-on .clay::after{opacity:0}
.slide.is-on .clay{box-shadow:
  0 40px 84px -30px rgba(8,14,50,.6),
  0 0 0 1px #efefef inset,
  /* 0 0 0 1px rgba(255,255,255,.7) inset, */
  0 -14px 26px -16px rgba(27,43,143,.42) inset;
}
.clay__win{
  position:relative;width:100%;height:100%;overflow:hidden;background:#fff;
  border-radius:clamp(13px,1.7vw,26px);
}
.clay__shot{
  position:relative;z-index:2;width:100%;height:100%;
  object-fit:contain;object-position:center;display:block;
  transition:opacity .3s ease;
}
.clay__shot.is-missing,.clay__shot[src=""]{opacity:0}
.clay__ph{
  position:absolute;inset:6px;z-index:1;border-radius:16px;
  display:flex;flex-direction:column;align-items:center;justify-content:center;
  gap:7px;padding:10px;text-align:center;
}
.clay__ph svg{width:clamp(16px,1.7vw,24px);height:clamp(16px,1.7vw,24px);color:var(--signal);opacity:.55}
.clay__ph b{font-size:clamp(.5rem,.62vw,.66rem);font-weight:500;letter-spacing:.12em;text-transform:uppercase;color:var(--signal);line-height:1.4}
.clay__ph span{font-size:.62rem;font-weight:300;line-height:1.6;color:var(--slate)}
.slide:not(.is-on) .clay__ph span{display:none}

/* --- rail --- */
.rail{position:relative;display:grid;grid-template-columns:repeat(5,1fr);margin-top:clamp(2px,1vh,12px)}
.rail__line,.rail__fill{position:absolute;top:9px;left:10%;height:1.6px;pointer-events:none}
.rail__line{right:10%;background:rgba(20,22,26,.14)}
.rail__fill{width:0;background:var(--signal);transition:width .6s cubic-bezier(.2,.7,.25,1)}
.rail__b{
  position:relative;z-index:2;background:none;border:none;cursor:pointer;
  font-family:inherit;display:flex;flex-direction:column;align-items:center;gap:15px;padding:0 4px;
}
.rail__dot{
  width:20px;height:20px;border-radius:50%;background:var(--mist);
  border:1.6px solid rgba(20,22,26,.2);
  transition:background .3s ease,border-color .3s ease,box-shadow .3s ease,transform .3s ease;
}
.plate--white .rail__dot{background:var(--white)}
.rail__b:hover .rail__dot{border-color:var(--signal)}
.rail__b[aria-selected="true"] .rail__dot{
  background:var(--signal);border-color:var(--signal);transform:scale(1.1);
  box-shadow:0 0 0 5px rgba(27,77,255,.14);
}
.rail__b span{
  font-size:.84rem;font-weight:400;letter-spacing:-.01em;line-height:1.35;
  text-align:center;color:var(--slate);transition:color .25s ease;
}
.rail__b:hover span{color:var(--ink)}
.rail__b[aria-selected="true"] span{color:var(--signal);font-weight:500}

/* --- copy for the focused screen --- */
.tour__copy{
  margin-top:clamp(32px,4.6vh,50px);padding-top:clamp(24px,3.2vh,34px);
  border-top:1px solid rgba(20,22,26,.12);
}
.tpanel{display:none}
.tpanel.is-on{
  display:grid;grid-template-columns:1fr 1fr;gap:clamp(18px,4vw,70px);align-items:start;
  animation:tour-in .55s cubic-bezier(.2,.7,.25,1) both;
}
@keyframes tour-in{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
.tpanel h3{font-size:clamp(1.28rem,2.1vw,1.78rem);font-weight:500;letter-spacing:-.024em;line-height:1.16;color:var(--ink);max-width:20ch}
.tpanel p{margin-top:14px;max-width:44ch}
.tpanel ul{list-style:none;max-width:46ch}
.tpanel li{
  font-size:.86rem;font-weight:300;line-height:1.55;color:var(--slate);
  padding:11px 0 11px 17px;position:relative;border-top:1px solid rgba(20,22,26,.09);
}
.tpanel li:first-child{border-top:none;padding-top:0}
.tpanel li:first-child::before{top:7px}
.tpanel li::before{content:'';position:absolute;left:0;top:18px;width:5px;height:5px;border-radius:50%;background:var(--sky)}

@media(max-width:780px){
  .tpanel.is-on{grid-template-columns:1fr;gap:22px}
  .tpanel h3,.tpanel p,.tpanel ul{max-width:none}
}
@media(max-width:620px){
  .tour__bar{padding-bottom:0}
  .rail__b{gap:11px;padding:0 2px}
  .rail__b span{font-size:.64rem;letter-spacing:0}
  .rail__dot{width:16px;height:16px}
  .rail__line,.rail__fill{top:7px}
}

/* ============================================================
   BENEFITS
   ============================================================ */
.ben{display:grid;grid-template-columns:repeat(3,1fr);margin-top:clamp(40px,6vh,64px)}
.ben__c{
  padding:clamp(26px,3vw,38px) clamp(20px,2.6vw,40px) clamp(26px,3vw,38px) clamp(26px,3vw,38px);
  border-top:1px solid rgba(255,255,255,.2);border-right:1px solid rgba(255,255,255,.16);
  display:grid;grid-template-columns:auto 1fr;gap:18px;align-items:start;
}
.ben__c:nth-child(3n){border-right:none}
.ben__ic{
  width:46px;height:46px;border-radius:50%;background:rgba(255,255,255,.14);
  display:flex;align-items:center;justify-content:center;flex:0 0 auto;
}
.ben__ic svg{width:21px;height:21px;color:#fff}
.ben__c b{display:block;font-size:clamp(1.04rem,1.4vw,1.22rem);font-weight:500;letter-spacing:-.018em;color:#fff;margin-bottom:8px}
@media(max-width:900px){
  .ben{grid-template-columns:1fr 1fr}
  .ben__c:nth-child(3n){border-right:1px solid rgba(255,255,255,.16)}
  .ben__c:nth-child(2n){border-right:none}
}
@media(max-width:600px){
  .ben{grid-template-columns:1fr}
  .ben__c{border-right:none!important;padding-right:0}
}

/* ============================================================
   TRIAL
   ============================================================ */
.trial__grid{display:grid;grid-template-columns:1.08fr .92fr;gap:clamp(40px,6vw,96px);align-items:start}
.tl{margin-top:clamp(32px,4.5vh,48px)}
.tl__i{
  display:grid;grid-template-columns:104px 1fr;gap:clamp(14px,2vw,28px);
  padding:22px 0;border-top:1px solid rgba(20,22,26,.12);align-items:baseline;
}
.tl__i:last-child{border-bottom:1px solid rgba(20,22,26,.12)}
.tl__when{font-size:.82rem;font-weight:500;letter-spacing:.04em;color:var(--signal)}
.tl__d b{display:block;font-size:1.04rem;font-weight:500;letter-spacing:-.015em;color:var(--ink);margin-bottom:6px}
.incl{background:var(--white);border:1px solid rgba(20,22,26,.12);padding:clamp(24px,3vw,36px)}
.incl h3{font-size:1.12rem;font-weight:500;letter-spacing:-.02em}
.incl ul{list-style:none;margin-top:18px}
.incl li{
  position:relative;padding:12px 0 12px 28px;
  font-size:.92rem;font-weight:300;line-height:1.55;color:var(--slate);
  border-top:1px solid rgba(20,22,26,.09);
}
.incl li:first-child{border-top:none;padding-top:0}
.incl li:first-child::before{top:4px}
.incl li strong{font-weight:500;color:var(--ink)}
.incl li::before{
  content:'';position:absolute;left:2px;top:16px;width:11px;height:6px;
  border-left:1.6px solid var(--signal);border-bottom:1.6px solid var(--signal);
  transform:rotate(-45deg);
}
.incl__foot{margin-top:22px;padding-top:18px;border-top:1px solid rgba(20,22,26,.12)}
@media(max-width:900px){.trial__grid{grid-template-columns:1fr}.tl__i{grid-template-columns:86px 1fr}}
@media(max-width:520px){.tl__i{grid-template-columns:1fr;gap:6px}}

/* ============================================================
   QUOTE + AUDIENCE
   ============================================================ */
.quote{
  max-width:24ch;font-size:clamp(1.8rem,3.8vw,3.1rem);
  font-weight:400;line-height:1.14;letter-spacing:-.032em;color:var(--ink);
}
.quote__grid{display:grid;grid-template-columns:1.1fr .9fr;gap:clamp(40px,6vw,100px);align-items:start}
.aud{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:rgba(20,22,26,.1)}
.aud__c{background:var(--mist);padding:clamp(20px,2.4vw,28px)}
.plate--white .aud__c{background:var(--white)}
.aud__c b{display:block;font-size:.98rem;font-weight:500;letter-spacing:-.015em;color:var(--ink);margin-bottom:6px}
@media(max-width:900px){.quote__grid{grid-template-columns:1fr}}
@media(max-width:520px){.aud{grid-template-columns:1fr}}

/* ============================================================
   FAQ
   ============================================================ */
.faq{margin-top:clamp(34px,5vh,52px);max-width:78ch}
.faq details{border-top:1px solid rgba(20,22,26,.12)}
.faq details:last-of-type{border-bottom:1px solid rgba(20,22,26,.12)}
.faq summary{
  list-style:none;cursor:pointer;padding:22px 44px 22px 0;position:relative;
  font-size:clamp(1rem,1.3vw,1.14rem);font-weight:400;letter-spacing:-.015em;color:var(--ink);
}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after,.faq summary::before{
  content:'';position:absolute;right:8px;top:50%;background:var(--signal);
  transition:transform .28s cubic-bezier(.2,.7,.25,1),opacity .28s ease;
}
.faq summary::before{width:15px;height:1.6px;transform:translateY(-50%)}
.faq summary::after{width:1.6px;height:15px;right:14.7px;transform:translateY(-50%)}
.faq details[open] summary::after{transform:translateY(-50%) rotate(90deg);opacity:0}
.faq summary:hover{color:var(--signal)}
.faq__a{padding:0 clamp(30px,6vw,90px) 26px 0;max-width:70ch}

/* ============================================================
   SIGN-UP
   ============================================================ */
.cta__grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(40px,6vw,96px);align-items:start}
.cta__points{margin-top:clamp(30px,4vh,44px)}
.cta__p{
  padding:16px 0;border-top:1px solid rgba(255,255,255,.2);
  display:grid;grid-template-columns:auto 1fr;gap:14px;align-items:baseline;
}
.cta__p:last-child{border-bottom:1px solid rgba(255,255,255,.2)}
.cta__p b{font-size:.98rem;font-weight:500;color:#fff}
.cta__p span{font-size:.9rem;font-weight:300;line-height:1.55;color:rgba(255,255,255,.68)}
.form{background:#fff;padding:clamp(26px,3.2vw,40px)}
.form .body,.form .caption{color:var(--slate)}
.form .btn--solid{background:var(--signal);color:#fff}
.form .btn--solid:hover{background:var(--depth)}
.form h3{font-size:1.24rem;font-weight:500;letter-spacing:-.02em;color:var(--ink)}
.form__intro{margin-top:10px;max-width:40ch}
.form__fields{margin-top:26px;display:flex;flex-direction:column;gap:20px}
.field{display:flex;flex-direction:column;gap:7px}
.field label{font-size:.68rem;font-weight:500;letter-spacing:.12em;text-transform:uppercase;color:var(--slate)}
.field label span{font-weight:300;letter-spacing:0;text-transform:none}
.field input,.field select{
  font-family:inherit;font-size:.95rem;font-weight:300;color:var(--ink);
  background:none;border:none;border-bottom:1px solid rgba(20,22,26,.18);
  padding:6px 1px 9px;border-radius:0;transition:border-color .25s ease;
}
.field select{
  appearance:none;cursor:pointer;padding-right:26px;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%236B6B6B' stroke-width='2' stroke-linecap='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");
  background-repeat:no-repeat;background-position:right 2px center;background-size:13px;
}
.field input:focus,.field select:focus{outline:none;border-color:var(--signal)}
.field--area textarea{
  font-family:inherit;font-size:.95rem;font-weight:300;color:var(--ink);line-height:1.6;
  padding:13px 15px;border-radius:10px;border:1px solid rgba(20,22,26,.14);
  background:var(--mist);transition:border-color .2s ease,background .2s ease;resize:vertical;
}
.field--area textarea:focus{outline:none;border-color:var(--signal);background:#fff}
.field--hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.form__submit{margin-top:6px;width:100%;border:none}
.form__status{margin-top:10px;font-size:.82rem;color:var(--slate);min-height:1.2em}
.form__status.is-error{color:#C0392B}
.form__fine{margin-top:14px}
@media(max-width:900px){.cta__grid{grid-template-columns:1fr}}

/* ============================================================
   FOOTER
   ============================================================ */
.foot{background:var(--depth);color:#fff;padding:clamp(46px,6vh,70px) var(--gut)}
.foot__in{max-width:1320px;margin:0 auto;display:flex;justify-content:space-between;gap:24px;flex-wrap:wrap;align-items:center}
.foot__id{display:flex;align-items:center;gap:12px}
.foot__id svg{width:26px;height:26px;filter:brightness(0) invert(1);opacity:.9}
.foot__id span{font-size:.8rem;font-weight:500;letter-spacing:.24em}
.foot__legal{font-size:.76rem;font-weight:300;color:rgba(255,255,255,.6);line-height:1.7}
.foot__legal a{color:rgba(255,255,255,.8);text-decoration:none;border-bottom:1px solid rgba(255,255,255,.25)}
.foot__legal a:hover{color:#fff}

/* ---------- STICKY MOBILE CTA ---------- */
.dock{
  position:fixed;left:0;right:0;bottom:0;z-index:120;display:none;
  align-items:center;justify-content:space-between;gap:14px;
  padding:12px 18px calc(12px + env(safe-area-inset-bottom));
  background:rgba(255,255,255,.94);backdrop-filter:blur(14px);
  border-top:1px solid rgba(20,22,26,.1);
}
.dock b{display:block;font-size:.86rem;font-weight:500;color:var(--ink)}
.dock span{font-size:.72rem;font-weight:300;color:var(--slate)}
.dock .btn{padding:11px 20px;font-size:.82rem;flex:0 0 auto}
@media(max-width:760px){.dock{display:flex}body{padding-bottom:76px}}

/* ---------- REVEAL + A11Y ---------- */
.rv{opacity:0;transform:translateY(26px);transition:opacity .85s cubic-bezier(.2,.7,.25,1),transform .85s cubic-bezier(.2,.7,.25,1)}
.rv.in{opacity:1;transform:none}
.rv-d1{transition-delay:.08s}.rv-d2{transition-delay:.16s}
.rv-d3{transition-delay:.24s}.rv-d4{transition-delay:.32s}
a:focus-visible,button:focus-visible,summary:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--signal);outline-offset:3px;border-radius:4px}
.plate--blue a:focus-visible,.plate--blue button:focus-visible{outline-color:#fff}
.skip{position:absolute;left:-9999px}
.skip:focus{left:var(--gut);top:14px;z-index:200;background:#fff;color:var(--signal);padding:10px 18px;border-radius:100px;font-size:.85rem}
@media(prefers-reduced-motion:reduce){
  *{animation:none!important;transition:none!important;scroll-behavior:auto!important}
  .rv{opacity:1!important;transform:none!important}
}