:root{
  color-scheme: light;
  --ink:#0E0D14; --violet:#5B2BE8; --vdk:#3F1BB0; --tint:#EFEBFF; --lav:#DDD3FF; --lav2:#CBBEFF; --lime:#C6FF3D;
  --paper:#FFFFFF; --soft:#F7F6FB; --line:#E0DCEC; --grey:#5E5C6B;
  --go:#1D7A46; --gobg:#E3F5E9; --hold:#9A5B00; --holdbg:#FFF3DC; --stop:#A02C2C; --stopbg:#FBE9E9;
  --ease:cubic-bezier(.2,.7,.2,1);
  box-sizing:border-box;
  padding-top:env(safe-area-inset-top,0px); padding-bottom:env(safe-area-inset-bottom,0px);
}
*,*::before,*::after{box-sizing:inherit;margin:0;padding:0}
[hidden]{display:none!important}
html{scroll-behavior:smooth;scroll-padding-top:calc(env(safe-area-inset-top,0px) + 70px)}
body{font-family:"Instrument Sans",-apple-system,"Segoe UI",Helvetica,Arial,sans-serif;background:var(--paper);color:var(--ink);line-height:1.5;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}
button{font:inherit;cursor:pointer;color:inherit}
.wrap{max-width:1160px;margin:0 auto;padding:0 32px}
@media(max-width:640px){.wrap{padding:0 18px}}
.preview-bar{background:var(--lime);color:var(--ink);font-size:13.5px;font-weight:600;text-align:center;padding:7px 12px}

nav.top{position:sticky;top:env(safe-area-inset-top,0px);z-index:20;background:rgba(255,255,255,.93);backdrop-filter:blur(8px);border-bottom:1px solid var(--line)}
nav.top .wrap{display:flex;align-items:center;justify-content:space-between;height:62px;gap:16px}
.wm{font-weight:700;font-size:17px;letter-spacing:-.02em}
.wm b{color:var(--violet)}
nav.top ul{display:flex;gap:24px;list-style:none;font-size:14.5px;font-weight:500}
nav.top ul a:hover{color:var(--violet)}
@media(max-width:860px){nav.top ul{display:none}}
.btn{display:inline-flex;align-items:center;gap:8px;padding:12px 20px;border-radius:9px;font-weight:600;font-size:15px;border:0;transition:background .15s,transform .15s}
.btn:active{transform:translateY(1px)}
.btn-p{background:var(--violet);color:#fff}
.btn-p:hover{background:var(--vdk)}
.btn-g{background:#fff;border:1.5px solid var(--ink)}
:focus-visible{outline:3px solid var(--lime);outline-offset:2px}

section{padding:96px 0}
@media(max-width:640px){section{padding:64px 0}}
.lab{font-size:13.5px;font-weight:700;color:var(--violet);margin-bottom:14px}
.v .lab{color:var(--lime)}
h2{font-size:clamp(28px,3.4vw,42px);line-height:1.1;letter-spacing:-.028em;font-weight:700;max-width:30ch}
.lede{margin-top:16px;font-size:18px;color:#3a3847;max-width:62ch}
.v{background:var(--violet);color:#fff}
.v h2{color:#fff}.v .lede{color:#E7E1FF}
.t{background:var(--tint)}
.reveal{opacity:0;transform:translateY(16px);transition:opacity .6s var(--ease),transform .6s var(--ease)}
.reveal.on{opacity:1;transform:none}
.tiny{font-size:14px;color:var(--grey);margin-top:12px}
.v .tiny{color:#CFC4FF}

/* ---------- hero ---------- */
.hero{position:relative;overflow:hidden;min-height:calc(100vh - 62px);display:flex;align-items:center;padding:64px 0 72px;
  background:radial-gradient(900px 500px at 85% 20%, rgba(91,43,232,.16), transparent 60%),radial-gradient(700px 500px at 10% 90%, rgba(198,255,61,.22), transparent 60%),var(--tint)}
.hero::after{content:"";position:absolute;inset:0;pointer-events:none;
  background-image:linear-gradient(rgba(91,43,232,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(91,43,232,.07) 1px,transparent 1px);background-size:48px 48px;
  -webkit-mask-image:radial-gradient(ellipse at 60% 40%,#000 30%,transparent 75%);mask-image:radial-gradient(ellipse at 60% 40%,#000 30%,transparent 75%)}
.hero .wrap{position:relative;z-index:1;width:100%}
.hero-g{display:grid;grid-template-columns:.9fr 1.1fr;gap:48px;align-items:center}
@media(max-width:980px){.hero-g{grid-template-columns:1fr;gap:40px}.hero{min-height:0}}
.eyebrow{display:inline-flex;align-items:center;gap:8px;background:#fff;border-radius:999px;padding:7px 14px 7px 10px;font-size:14px;font-weight:700;border:1px solid var(--line)}
.eyebrow i{width:9px;height:9px;border-radius:50%;background:var(--violet);box-shadow:0 0 0 4px rgba(91,43,232,.18)}
.hero h1{margin-top:22px;font-size:clamp(40px,5.6vw,74px);line-height:1.02;letter-spacing:-.04em;font-weight:700}
.hero h1 em{font-style:normal;color:var(--violet)}
.hero .sub{margin-top:24px;font-size:clamp(18px,1.6vw,21px);line-height:1.45;color:#2a2833;max-width:40ch}
.hero .cta{margin-top:32px;display:flex;gap:12px;flex-wrap:wrap}
.ex{display:inline-block;font-size:12.5px;font-weight:700;background:var(--ink);color:#fff;border-radius:6px;padding:4px 8px;margin-bottom:8px}
.cv{display:grid;grid-template-columns:1fr 34px 1.25fr;gap:10px;align-items:center}
@media(max-width:640px){.cv{grid-template-columns:1fr;gap:14px}.cv .arrow{width:4px;height:34px;margin:0 auto}.cv .arrow::after{right:-7px;top:auto;bottom:-2px;border-top:12px solid var(--violet);border-left:9px solid transparent;border-right:9px solid transparent;border-bottom:0}}
.mlab{display:none;font-size:13.5px;font-weight:700;margin-bottom:8px}.mlab span{font-weight:600;color:var(--grey)}
@media(max-width:640px){.colrow{display:none}.mlab{display:block}}
.colh{font-size:13.5px;font-weight:700;line-height:1.3}.colh span{font-weight:600;color:var(--grey);font-size:12.5px}
.persp{display:grid;gap:9px}
.pc{background:#fff;border-radius:12px;padding:11px 13px;border:1px solid var(--line);font-size:15px;line-height:1.35;display:grid;grid-template-columns:32px 1fr;gap:10px;align-items:start;opacity:0;transform:translateX(-14px);transition:opacity .5s var(--ease),transform .5s var(--ease)}
.pc.on{opacity:1;transform:none}
.pc small{display:block;font-size:12px;font-weight:700;color:var(--grey);margin-bottom:2px}
.arrow{height:4px;background:var(--violet);position:relative;transform:scaleX(0);transform-origin:left;transition:transform .5s var(--ease)}
.arrow.on{transform:none}
.arrow::after{content:"";position:absolute;right:-2px;top:-7px;border-left:12px solid var(--violet);border-top:9px solid transparent;border-bottom:9px solid transparent}
.plan{background:#fff;border-radius:16px;border:1.5px solid var(--line);overflow:hidden;opacity:0;transform:translateY(10px);transition:opacity .5s var(--ease),transform .5s var(--ease)}
.plan.on{opacity:1;transform:none}
.plan-h{padding:13px 16px;border-bottom:1px solid var(--line)}
.plan-h small{font-size:12px;font-weight:700;color:var(--violet)}.plan-h h4{font-size:16px;margin-top:2px}
.ms2{display:grid;grid-template-columns:1fr auto;gap:10px;padding:10px 16px;border-bottom:1px solid var(--line);font-size:15px;align-items:center;opacity:0;transition:opacity .4s}
.ms2.on{opacity:1}
.ms2 .d{font-size:12.5px;color:var(--grey);display:block}
.tag{font-size:12px;font-weight:700;border-radius:999px;padding:4px 10px;white-space:nowrap;transform:scale(.6);opacity:0;transition:transform .35s var(--ease),opacity .35s}
.ms2.on .tag{transform:none;opacity:1}
.t-crit{background:var(--violet);color:#fff}.t-done{background:var(--gobg);color:var(--go)}.t-open{background:var(--soft);color:#3a3847}.t-risk{background:var(--holdbg);color:var(--hold)}
.pulse{animation:pulse 1.6s infinite}
@keyframes pulse{0%{box-shadow:0 0 0 0 rgba(91,43,232,.45)}70%{box-shadow:0 0 0 9px rgba(91,43,232,0)}100%{box-shadow:0 0 0 0 rgba(91,43,232,0)}}
.gate{background:var(--lime);padding:11px 16px;font-size:15px;font-weight:700;opacity:0;transition:opacity .5s}
.gate.on{opacity:1}
.cvnote{margin-top:10px;font-size:13.5px;color:var(--grey)}

/* ---------- scene ---------- */
.scene{margin-top:34px;display:grid;grid-template-columns:.8fr 1.1fr 1.1fr;gap:14px}
@media(max-width:900px){.scene{grid-template-columns:1fr}}
.sc{border-radius:18px;padding:24px 26px;min-height:330px}
.sc h3{font-size:14px;font-weight:700;letter-spacing:.03em}
.sc.a{background:var(--tint)}.sc.a .big{font-size:clamp(80px,9vw,120px);font-weight:700;letter-spacing:-.05em;line-height:1;color:var(--violet);margin-top:14px}
.sc.a .go{font-size:30px;font-weight:700;margin-top:4px;opacity:0;transition:opacity .4s}
.sc.a .go.on{opacity:1}
.sc.a p{margin-top:16px;font-size:16.5px;color:#3a3847}
.sc.b{background:var(--lav)}.sc.c{background:var(--violet);color:#fff}
.sc.c h3{color:var(--lime)}
.bub{margin-top:14px;border-radius:14px;padding:13px 16px;font-size:18.5px;line-height:1.35;font-weight:600;opacity:0;transform:translateY(8px) scale(.98);transition:opacity .45s var(--ease),transform .45s var(--ease)}
.bub.on{opacity:1;transform:none}
.sc.b .bub{background:#fff}.sc.c .bub{background:var(--vdk);color:#fff}
.outcome{margin-top:14px;background:var(--lime);border-radius:14px;padding:16px 24px;display:flex;gap:28px;align-items:center;flex-wrap:wrap;opacity:0;transform:translateY(10px);transition:opacity .5s var(--ease),transform .5s var(--ease)}
.outcome.on{opacity:1;transform:none}
.outcome b{font-size:24px;letter-spacing:-.02em}.outcome span{font-size:17px;font-weight:600}

/* ---------- chart ---------- */
.chartwrap{margin-top:34px;background:var(--vdk);border-radius:18px;padding:22px 20px 12px;overflow-x:auto}
.legend{display:flex;gap:24px;font-size:15px;color:#E7E1FF;margin-bottom:6px;flex-wrap:wrap}
.legend i{display:inline-block;width:26px;height:4px;vertical-align:middle;margin-right:8px;border-radius:2px}
.chart{width:100%;min-width:720px;height:auto;display:block}
.chart .flat{stroke-dasharray:14 10}
.chart .team{stroke-dasharray:1400;stroke-dashoffset:1400;transition:stroke-dashoffset 2.6s linear}
.chart.on .team{stroke-dashoffset:0}
.chart .dot,.chart .note{opacity:0;transition:opacity .4s}
.chart.on .dot,.chart.on .note{opacity:1}
.chart.on .n1{transition-delay:.5s}.chart.on .n2{transition-delay:1.2s}.chart.on .n3{transition-delay:1.9s}.chart.on .n4{transition-delay:2.6s}

/* ---------- translate ---------- */
.two{margin-top:34px;display:grid;grid-template-columns:.9fr 1.3fr;gap:16px}
@media(max-width:860px){.two{grid-template-columns:1fr}}
.tw{border-radius:18px;padding:26px 28px}
.tw.l{background:var(--tint)}.tw.r{background:var(--lav)}
.tw h3{font-size:24px;letter-spacing:-.015em}.tw>p{margin-top:12px;font-size:17px;line-height:1.5}
.tw .big{font-size:72px;font-weight:700;letter-spacing:-.04em;color:var(--violet);margin-top:14px;line-height:1}
.tw .big small{display:block;font-size:16.5px;color:#3a3847;font-weight:600;letter-spacing:0;margin-top:6px}
.trh{display:grid;grid-template-columns:1fr 26px 1fr;gap:10px;font-size:12.5px;font-weight:700;color:var(--grey);margin-top:16px}
.tr{margin-top:12px;display:grid;grid-template-columns:1fr 26px 1fr;gap:10px;align-items:center}
@media(max-width:520px){.tr,.trh{grid-template-columns:1fr}.tr .a{display:none}.trh span:nth-child(2){display:none}}
.tr .w{background:#fff;border-radius:10px;padding:10px 14px;font-size:16px;color:#3a3847;opacity:0;transform:translateX(-10px);transition:all .45s var(--ease)}
.tr .a{font-weight:700;color:var(--violet);text-align:center;font-size:20px;opacity:0;transition:opacity .3s}
.tr .x{background:var(--violet);color:#fff;border-radius:10px;padding:10px 14px;font-size:16px;font-weight:600;opacity:0;transform:rotateX(90deg);transform-origin:top;transition:all .5s var(--ease)}
.tr.on .w,.tr.on .a,.tr.on .x{opacity:1;transform:none}

/* ---------- how criteria ---------- */
.how3{margin-top:34px;display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.hw{border-radius:16px;padding:22px 24px;opacity:0;transform:translateY(14px);transition:opacity .5s var(--ease),transform .5s var(--ease)}
.hw.on{opacity:1;transform:none}
.hw:nth-child(1){background:var(--tint)}.hw:nth-child(2){background:var(--lav)}.hw:nth-child(3){background:var(--lav2)}
.hw>span{display:inline-flex;width:32px;height:32px;border-radius:50%;background:var(--ink);color:#fff;align-items:center;justify-content:center;font-size:15px;font-weight:700}
.hw h3{font-size:20px;margin-top:10px;line-height:1.2}
.hw .k{font-size:12.5px;font-weight:700;color:var(--grey);margin-top:12px}.hw .k.lim{color:var(--stop)}
.hw p{font-size:16px;margin-top:3px;line-height:1.45}
.newbar{margin-top:16px;background:var(--violet);color:#fff;border-radius:16px;padding:20px 26px;font-size:clamp(19px,2vw,26px);font-weight:700;line-height:1.25;letter-spacing:-.015em;opacity:0;transform:translateY(10px);transition:opacity .6s var(--ease),transform .6s var(--ease)}
.newbar.on{opacity:1;transform:none}
.newbar span{display:block;font-size:13.5px;color:var(--lime);margin-bottom:6px;letter-spacing:0}
/* carousel on phones */
@media(max-width:760px){
  .how3{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:12px;padding-bottom:6px;-webkit-overflow-scrolling:touch}
  .hw{flex:0 0 86%;scroll-snap-align:start;opacity:1;transform:none}
  .dots{display:flex;gap:6px;justify-content:center;margin-top:10px}
  .dots i{width:8px;height:8px;border-radius:50%;background:var(--line)}
  .dots i.on{background:var(--violet)}
}
.dots{display:none}
@media(max-width:760px){.dots{display:flex}}

/* ---------- compare ---------- */
.cmp{margin-top:34px;display:grid;grid-template-columns:1fr 1fr;gap:16px}
@media(max-width:860px){.cmp{grid-template-columns:1fr}}
.cc{border-radius:18px;overflow:hidden;border:1.5px solid rgba(255,255,255,.25)}
.cc h3{padding:16px 22px;font-size:21px}
.cc.in h3{background:rgba(255,255,255,.12)}.cc.out h3{background:var(--lime);color:var(--ink)}
.cc .row{padding:13px 22px;border-top:1px solid rgba(255,255,255,.18);opacity:0;transform:translateY(8px);transition:opacity .45s var(--ease),transform .45s var(--ease)}
.cc .row.on{opacity:1;transform:none}
.cc .k{font-size:12.5px;font-weight:700;color:#CFC4FF}
.cc p{font-size:17px;margin-top:2px;color:#fff}
.cc.out{background:rgba(255,255,255,.08)}

/* ---------- protocol ---------- */
.rules{margin-top:34px;display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
@media(max-width:860px){.rules{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.rules{grid-template-columns:1fr}}
.rule{border-radius:16px;padding:20px 22px;background:var(--tint);opacity:0;transform:scale(.96);transition:opacity .45s var(--ease),transform .45s var(--ease)}
.rule.on{opacity:1;transform:none}
.rule:nth-child(even){background:var(--lav)}
.rule b{display:inline-flex;width:32px;height:32px;border-radius:50%;background:var(--violet);color:#fff;align-items:center;justify-content:center;font-size:15px}
.rule h4{font-size:19px;margin-top:10px}.rule p{font-size:16px;color:#2a2833;margin-top:6px}

/* ---------- autopsy ---------- */
.tline2{margin-top:40px;display:grid;grid-template-columns:repeat(4,1fr);gap:12px;position:relative}
@media(max-width:860px){.tline2{grid-template-columns:1fr 1fr}.tline2::before{display:none}.tp{padding-top:0}.tp::before{display:none}}
.tline2::before{content:"";position:absolute;left:4%;right:4%;top:22px;height:4px;background:var(--line);border-radius:2px}
.tline2 .prog{position:absolute;left:4%;top:22px;height:4px;width:0;background:var(--violet);border-radius:2px;transition:width 2s var(--ease)}
.tline2.on .prog{width:92%}
@media(max-width:860px){.tline2 .prog{display:none}}
.tp{position:relative;padding-top:56px}
.tp::before{content:"";position:absolute;left:calc(50% - 16px);top:6px;width:32px;height:32px;border-radius:50%;background:#fff;border:4px solid var(--line);transition:background .3s,border-color .3s}
.tp.on::before{background:var(--lime);border-color:var(--violet)}
.tp .card{background:#fff;border:1.5px solid var(--line);border-radius:14px;padding:16px 18px;min-height:150px;opacity:0;transform:translateY(10px);transition:opacity .45s var(--ease),transform .45s var(--ease)}
.tp.on .card{opacity:1;transform:none}
.tp span{font-size:13.5px;font-weight:700;color:var(--violet)}.tp h4{font-size:18px;margin-top:4px}.tp p{font-size:15.5px;color:#3a3847;margin-top:6px}
.gets{margin-top:16px;display:grid;grid-template-columns:1.4fr 1fr;gap:14px}
@media(max-width:860px){.gets{grid-template-columns:1fr}}
.getbox{background:var(--violet);color:#fff;border-radius:16px;padding:20px 24px}
.getbox h4{font-size:17px;color:var(--lime)}.getbox li{font-size:16.5px;margin:6px 0 0 18px}
.qual{background:#fff;border:1.5px solid var(--line);border-radius:16px;padding:20px 24px}
.qual h4{font-size:17px}.qual p{font-size:16.5px;margin-top:8px}

/* ---------- program ---------- */
.loopg{margin-top:34px;display:grid;grid-template-columns:1.25fr 1fr;gap:22px;align-items:start}
@media(max-width:900px){.loopg{grid-template-columns:1fr}}
.flow{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}
@media(max-width:600px){.flow{grid-template-columns:1fr 1fr}}
.fl{border-radius:14px;padding:16px 14px;background:var(--tint);opacity:0;transform:translateY(10px);transition:opacity .45s var(--ease),transform .45s var(--ease)}
.fl.on{opacity:1;transform:none}
.fl:nth-child(2){background:var(--lav)}.fl:nth-child(3){background:var(--lav2)}.fl:nth-child(4){background:var(--lime)}
.fl span{font-size:12.5px;font-weight:700;color:var(--violet)}.fl:nth-child(4) span{color:var(--ink)}
.fl h4{font-size:17px;margin-top:4px}.fl p{font-size:15.5px;color:#2a2833;margin-top:4px}
.back{margin-top:12px;border:1.5px solid var(--line);border-radius:12px;padding:12px 16px;font-size:16px;font-weight:600}
.endbox{background:var(--violet);color:#fff;border-radius:16px;padding:20px 24px}
.endbox h4{color:var(--lime);font-size:19px}.endbox p{font-size:16.5px;margin-top:6px}
.tier{background:var(--tint);border-radius:16px;padding:16px 22px;margin-top:12px}
.tier h4{font-size:18px}.tier p{font-size:16px;margin-top:6px}

/* ---------- objections ---------- */
.objs{margin-top:30px;display:grid;grid-template-columns:1fr 1fr;gap:14px 24px}
@media(max-width:860px){.objs{grid-template-columns:1fr}}
.ob{display:grid;gap:8px}
.ob .you{background:#fff;border:1px solid var(--line);border-radius:16px 16px 16px 4px;padding:12px 16px;font-size:17px;font-weight:600;width:88%;opacity:0;transform:translateX(-10px);transition:all .45s var(--ease)}
.ob .we{background:var(--violet);color:#fff;border-radius:16px 16px 4px 16px;padding:12px 16px;font-size:16px;line-height:1.45;width:92%;justify-self:end;opacity:0;transform:translateX(10px);transition:all .45s var(--ease) .25s}
.ob.on .you,.ob.on .we{opacity:1;transform:none}

/* ---------- measures + cta ---------- */
.lad{margin-top:34px;display:grid;grid-template-columns:repeat(3,1fr);gap:14px;align-items:end}
@media(max-width:860px){.lad{grid-template-columns:1fr}}
.r{border-radius:16px;padding:20px 22px;position:relative;overflow:hidden}
.r .fill{position:absolute;left:0;bottom:0;width:100%;height:0;background:rgba(91,43,232,.10);transition:height 1.2s var(--ease)}
.lad.on .r .fill{height:100%}
.r *{position:relative}
.r .w{font-size:13.5px;font-weight:700;color:var(--violet)}.r h4{font-size:20px;margin-top:4px}.r p{font-size:16px;color:#2a2833;margin-top:6px}
.r1{background:var(--tint);min-height:180px}.r2{background:var(--lav);min-height:220px}.r3{background:var(--violet);color:#fff;min-height:260px}
.r3 .w{color:var(--lime)}.r3 p{color:#E7E1FF}.r3 .fill{background:rgba(198,255,61,.12)}
.cta-g{margin-top:34px;display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:stretch}
@media(max-width:860px){.cta-g{grid-template-columns:1fr}}
.cta-list{display:grid;grid-template-rows:1fr 1fr 1fr;gap:12px}
@media(max-width:860px){.cta-list{grid-template-rows:none}}
.cta-list .step{background:#fff;border-radius:14px;padding:18px 20px;border:1px solid var(--line);display:flex;flex-direction:column;justify-content:center}
.cta-list .step span{font-size:12.5px;font-weight:700;color:var(--violet)}
.cta-list .step p{font-size:16px;margin-top:4px;line-height:1.45}
.cta-list .step.after{background:var(--violet);border:0;color:#fff}
.cta-list .step.after span{color:var(--lime)}
.form{background:#fff;color:var(--ink);border-radius:14px;padding:26px 26px 24px;border:1px solid var(--line);display:flex;flex-direction:column}
.form h3{font-size:20px;letter-spacing:-.015em}
.form .fsub{font-size:14.5px;color:#3a3847;margin:4px 0 18px}
.form label{display:grid;gap:5px;font-size:13.5px;font-weight:600;margin-bottom:12px}
.form label:last-of-type{margin-bottom:18px}
.form input{font:inherit;font-size:15px;padding:10px 12px;border:1.5px solid var(--line);border-radius:8px;background:#fff}
.form button{margin-top:auto;justify-content:center}
.hp{position:absolute!important;left:-9999px;width:1px;height:1px;overflow:hidden}
.fmsg{font-size:14px;margin:-6px 0 12px;min-height:0}
.fmsg.err{color:var(--stop)}
.fmsg.ok{color:var(--go);font-weight:600}
footer{padding:28px 0;font-size:14px;color:var(--grey);border-top:1px solid var(--line)}
.fwrap{display:flex;justify-content:space-between;align-items:center;gap:12px}
.flink{color:var(--violet);font-weight:600;font-size:14.5px;margin-right:22px}
.linkbtn{background:none;border:0;color:var(--violet);font-weight:600;font-size:14.5px;padding:6px 0}
.linkbtn:hover{text-decoration:underline}
.modal{position:fixed;inset:0;z-index:50;display:flex;align-items:center;justify-content:center;padding:20px}
.mbg{position:absolute;inset:0;background:rgba(14,13,20,.45)}
.mbox{position:relative;background:#fff;border-radius:16px;padding:28px 28px 24px;width:100%;max-width:460px;border:1px solid var(--line);animation:pop .25s var(--ease)}
@keyframes pop{from{opacity:0;transform:translateY(12px) scale(.98)}to{opacity:1;transform:none}}
.mclose{position:absolute;top:10px;right:12px;background:none;border:0;font-size:28px;line-height:1;color:var(--grey);padding:4px 8px}
.mbox h3{font-size:22px;letter-spacing:-.015em}
.mbox label{display:grid;gap:5px;font-size:13.5px;font-weight:600;margin-bottom:12px}
.mbox input,.mbox textarea{font:inherit;font-size:15px;padding:10px 12px;border:1.5px solid var(--line);border-radius:8px;background:#fff;resize:vertical}
.mbox .btn{width:100%;justify-content:center}
.success{text-align:center;padding:10px 0 4px}
.success svg{display:block;margin:0 auto 12px}
.success .tick{stroke-dasharray:60;stroke-dashoffset:60;animation:draw .6s .15s var(--ease) forwards}
@keyframes draw{to{stroke-dashoffset:0}}
.success p{margin:6px 0 18px;color:#3a3847}
@media (prefers-reduced-motion: reduce){*{transition:none!important;animation:none!important}.reveal,.pc,.plan,.ms2,.tag,.gate,.bub,.outcome,.tr .w,.tr .a,.tr .x,.hw,.newbar,.cc .row,.rule,.tp .card,.fl,.ob .you,.ob .we,.sc.a .go{opacity:1!important;transform:none!important}.arrow{transform:none!important}.chart .team{stroke-dashoffset:0!important}.chart .dot,.chart .note{opacity:1!important}}

.navpill{border:1.5px solid var(--violet);border-radius:999px;padding:6px 14px;color:var(--violet)!important;font-weight:600}
.navpill:hover{background:var(--tint)}