@font-face{
  font-family:"Inter"; font-style:normal; font-weight:100 900; font-display:swap;
  src:url("fonts/inter-latin.2cb1fa0bd3.woff2") format("woff2");
  unicode-range:U+0000-00FF,U+2013,U+2014,U+2018,U+2019,U+201C,U+201D,
    U+2022,U+2026,U+2039,U+203A,U+2122,U+2190-2193,U+2212;
}
@font-face{
  font-family:"Inter"; font-style:normal; font-weight:100 900; font-display:swap;
  src:url("fonts/inter-naira.ba37f92ce5.woff2") format("woff2");
  unicode-range:U+20A6;
}
@font-face{
  font-family:"Plus Jakarta Sans"; font-style:normal; font-weight:200 800;
  font-display:swap; src:url("fonts/jakarta-latin.a604a9e9ad.woff2") format("woff2");
  unicode-range:U+0000-00FF,U+2013,U+2014,U+2018,U+2019,U+201C,U+201D,
    U+2022,U+2026,U+2039,U+203A,U+2122,U+2190-2193,U+2212;
}
@font-face{
  font-family:"Plus Jakarta Sans"; font-style:normal; font-weight:200 800;
  font-display:swap; src:url("fonts/jakarta-naira.d25b10a1a0.woff2") format("woff2");
  unicode-range:U+20A6;
}
:root{
  --brand:#2D60D0;
  --brand-700:#1E48AE;
  --brand-600:#2554BF;
  --brand-100:#DCE7FB;
  --brand-50:#F0F5FE;
  
  --navy:#0F1B61;
  --navy-2:#16307F;
  --blue-lt:#3D73DC;
  
  --accent:#16A55F;
  --accent-600:#12894F;
  --accent-400:#3ACF84;
  --mint:#5CE8B0;
  --amber:#F5B33F;
  --ink:#101828;
  --ink-2:#475467;
  --ink-3:#667085;
  --ink-4:#98A2B3;
  --bg:#FFFFFF;
  --bg-2:#F9FAFB;
  --bg-3:#F2F4F7;
  --line:#E4E7EC;
  --line-2:#D0D5DD;
  --ok:#067647;      --ok-bg:#ECFDF3;   --ok-line:#ABEFC6;
  --warn:#B54708;    --warn-bg:#FFFAEB; --warn-line:#FEDF89;
  --err:#B42318;     --err-bg:#FEF3F2;  --err-line:#FECDCA;
  --info:#175CD3;    --info-bg:#EFF8FF; --info-line:#B2DDFF;
  --r-sm:8px; --r:12px; --r-lg:16px; --r-xl:24px;
  --sh-sm:0 1px 2px rgba(16,24,40,.05);
  --sh:0 4px 8px -2px rgba(16,24,40,.08), 0 2px 4px -2px rgba(16,24,40,.04);
  --sh-lg:0 12px 16px -4px rgba(16,24,40,.08), 0 4px 6px -2px rgba(16,24,40,.03);
  --sh-xl:0 24px 48px -12px rgba(16,24,40,.18);
  --shell:1216px;
  --f:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;
  --f-d:"Plus Jakarta Sans","Inter",-apple-system,"Segoe UI",sans-serif;
  
  --f-m:ui-monospace,SFMono-Regular,"SF Mono",Menlo,Consolas,monospace;
}
*{box-sizing:border-box;}
.hp{position:absolute!important; left:-9999px; width:1px; height:1px; overflow:hidden;}
html{scroll-behavior:smooth;}
body{
  margin:0; background:var(--bg); color:var(--ink);
  font-family:var(--f); font-size:16px; line-height:1.6;
  -webkit-font-smoothing:antialiased;
}
h1,h2,h3,h4,h5{font-family:var(--f-d); margin:0; line-height:1.16;
  letter-spacing:-.021em; text-wrap:balance; font-weight:800;}
p{margin:0;}
img,svg{display:block; max-width:100%;}
a{color:inherit; text-decoration:none;}
:focus-visible{outline:2px solid var(--brand); outline-offset:2px; border-radius:4px;}
.wrap{max-width:var(--shell); margin:0 auto; padding:0 24px;}
@media (max-width:640px){ .wrap{padding:0 18px;} }
.h1{font-size:clamp(2.4rem,4.6vw,3.65rem); line-height:1.08; letter-spacing:-.03em;}
.h2{font-size:clamp(1.85rem,3.2vw,2.7rem); letter-spacing:-.026em;}
.h3{font-size:clamp(1.3rem,2vw,1.6rem); letter-spacing:-.02em;}
.h4{font-size:1.12rem; letter-spacing:-.014em;}
.lead{font-size:1.14rem; color:var(--ink-2); line-height:1.62;}
.small{font-size:.92rem; color:var(--ink-2);}
.tiny{font-size:.82rem; color:var(--ink-3);}
.measure{max-width:44ch;} .measure-w{max-width:60ch;}
.eyebrow{
  display:inline-block; font-size:.78rem; font-weight:700; letter-spacing:.04em;
  color:var(--brand); text-transform:uppercase; margin-bottom:14px;
}
.center{text-align:center;} .center .measure-w{margin-left:auto; margin-right:auto;}
.btn{
  display:inline-flex; align-items:center; justify-content:center; gap:8px;
  font-family:var(--f); font-size:.94rem; font-weight:600; padding:11px 20px;
  border-radius:var(--r-sm); border:1px solid transparent; cursor:pointer;
  transition:background .15s, border-color .15s, color .15s, box-shadow .15s;
  white-space:nowrap;
}
.btn-p{background:var(--brand); color:#fff; box-shadow:var(--sh-sm);}
.btn-p:hover{background:var(--brand-700);}
.btn-s{background:#fff; color:var(--ink); border-color:var(--line-2); box-shadow:var(--sh-sm);}
.btn-s:hover{background:var(--bg-2); border-color:var(--ink-4);}
.btn-g{background:transparent; color:var(--brand);}
.btn-g:hover{background:var(--brand-50);}
.btn-lg{padding:13px 24px; font-size:1rem;}
.btn-w{background:#fff; color:var(--brand);}
.btn-w:hover{background:var(--brand-50);}
.btn-o{background:transparent; color:#fff; border-color:rgba(255,255,255,.45);}
.btn-o:hover{background:rgba(255,255,255,.12); border-color:#fff;}
.btn-row{display:flex; gap:12px; flex-wrap:wrap;}
.center .btn-row{justify-content:center;}
.hdr{position:sticky; top:0; z-index:100; background:rgba(255,255,255,.9);
  backdrop-filter:saturate(180%) blur(10px); border-bottom:1px solid var(--line);}
.hdr-in{display:flex; align-items:center; gap:32px; height:68px;}
.logo{display:flex; align-items:center; gap:9px; font-family:var(--f-d);
  font-weight:800; font-size:1.16rem; letter-spacing:-.028em; color:var(--ink);}
.logo-m{width:30px; height:30px; border-radius:7px; background:var(--brand);
  display:grid; place-items:center; flex:0 0 auto; box-shadow:var(--sh-sm);}
.logo-m svg{width:17px; height:17px; color:#fff;}
.logo i{font-style:normal; color:var(--brand);}
.nav{display:flex; gap:4px; margin-left:8px;}
.nav a{padding:8px 13px; border-radius:var(--r-sm); font-size:.94rem;
  font-weight:500; color:var(--ink-2); transition:background .15s,color .15s;}
.nav a:hover{background:var(--bg-2); color:var(--ink);}
.nav a.on{color:var(--brand); background:var(--brand-50);}
.hdr-cta{display:flex; gap:10px; align-items:center; margin-left:auto;}
.burger{display:none; width:40px; height:40px; border:1px solid var(--line-2);
  border-radius:var(--r-sm); background:#fff; cursor:pointer; align-items:center;
  justify-content:center; margin-left:auto;}
.burger svg{width:20px; height:20px; color:var(--ink);}
@media (max-width:940px){
  .nav,.hdr-cta{display:none;}
  .burger{display:flex;}
  .hdr-in{gap:0;}
}
.mnav{display:none; border-bottom:1px solid var(--line); background:#fff; padding:10px 0 18px;}
.mnav.open{display:block;}
.mnav a{display:block; padding:11px 0; font-size:1rem; font-weight:500;
  color:var(--ink); border-bottom:1px solid var(--line);}
.mnav .btn{width:100%; margin-top:14px;}
.sec{padding:88px 0;}
.sec-sm{padding:60px 0;}
.tint{background:var(--bg-2);}
.sec-head{margin-bottom:52px;}
.sec-head .h2{margin-bottom:16px;}
.hero{padding:76px 0 0; background:
  radial-gradient(900px 400px at 78% -8%, var(--brand-50), transparent 70%),
  linear-gradient(180deg,#fff 0%, var(--bg-2) 100%);
  border-bottom:1px solid var(--line);}
.hero-grid{display:grid; grid-template-columns:1.02fr .98fr; gap:56px; align-items:center;}
@media (max-width:1000px){ .hero-grid{grid-template-columns:1fr; gap:44px;} }
.pill{display:inline-flex; align-items:center; gap:8px; padding:5px 12px 5px 6px;
  background:#fff; border:1px solid var(--line); border-radius:99px;
  font-size:.83rem; font-weight:500; color:var(--ink-2); box-shadow:var(--sh-sm);
  margin-bottom:22px;}
.pill b{background:var(--brand-100); color:var(--brand); font-weight:700;
  font-size:.74rem; padding:3px 9px; border-radius:99px;}
.hero .lead{margin-top:20px; font-size:1.19rem;}
.hero .btn-row{margin-top:30px;}
.hero-note{margin-top:16px; font-size:.86rem; color:var(--ink-3);}
.logos{padding:34px 0 42px;}
.logos p{text-align:center; font-size:.82rem; font-weight:600; color:var(--ink-4);
  letter-spacing:.06em; text-transform:uppercase; margin-bottom:22px;}
.logo-row{display:flex; justify-content:center; align-items:center; gap:44px; flex-wrap:wrap;}
.logo-ph{font-family:var(--f-d); font-weight:800; font-size:1.05rem; color:var(--ink-4);
  letter-spacing:-.02em; display:flex; align-items:center; gap:8px;}
.logo-ph svg{width:20px; height:20px;}
.shot{background:#fff; border:1px solid var(--line); border-radius:var(--r-lg);
  box-shadow:var(--sh-xl); overflow:hidden;}
.shot-bar{display:flex; align-items:center; gap:8px; padding:11px 14px;
  background:var(--bg-2); border-bottom:1px solid var(--line);}
.shot-dots{display:flex; gap:5px;}
.shot-dots i{width:9px; height:9px; border-radius:50%; background:var(--line-2); display:block;}
.shot-url{flex:1; background:#fff; border:1px solid var(--line); border-radius:6px;
  padding:3px 10px; font-size:.72rem; color:var(--ink-3); text-align:center;
  max-width:280px; margin:0 auto;}
.shot-in{padding:18px;}
.app{display:grid; grid-template-columns:168px 1fr; min-height:340px;}
@media (max-width:560px){ .app{grid-template-columns:1fr;} .app-side{display:none;} }
.app-side{background:var(--bg-2); border-right:1px solid var(--line); padding:14px 10px;}
.app-side .s-t{font-size:.66rem; font-weight:700; color:var(--ink-4);
  letter-spacing:.07em; text-transform:uppercase; padding:0 8px; margin-bottom:9px;}
.app-nav{display:flex; align-items:center; gap:9px; padding:7px 8px; border-radius:6px;
  font-size:.82rem; font-weight:500; color:var(--ink-2); margin-bottom:1px;}
.app-nav svg{width:15px; height:15px; flex:0 0 auto; color:var(--ink-4);}
.app-nav.on{background:#fff; color:var(--brand); font-weight:600; box-shadow:var(--sh-sm);}
.app-nav.on svg{color:var(--brand);}
.app-main{padding:16px 18px;}
.app-h{display:flex; align-items:center; gap:12px; margin-bottom:14px;}
.app-h h5{font-family:var(--f-d); font-size:1rem; font-weight:700;}
.app-h .btn{margin-left:auto; padding:6px 12px; font-size:.78rem;}
.mini{display:grid; grid-template-columns:repeat(3,1fr); gap:10px; margin-bottom:14px;}
.mini > div{background:var(--bg-2); border:1px solid var(--line); border-radius:var(--r-sm);
  padding:10px 12px;}
.mini b{display:block; font-family:var(--f-d); font-size:1.16rem; font-weight:800;
  letter-spacing:-.02em; font-variant-numeric:tabular-nums;}
.mini span{display:block; font-size:.7rem; color:var(--ink-3); margin-top:2px;}
table.t{width:100%; border-collapse:collapse; font-size:.8rem;}
table.t th{text-align:left; font-size:.68rem; font-weight:600; color:var(--ink-3);
  text-transform:uppercase; letter-spacing:.05em; padding:0 10px 8px 0;
  border-bottom:1px solid var(--line);}
table.t td{padding:9px 10px 9px 0; border-bottom:1px solid var(--line); color:var(--ink-2);}
table.t tr:last-child td{border-bottom:none;}
table.t .n{font-weight:600; color:var(--ink);}
table.t .m{font-family:var(--f-m); font-size:.74rem; font-variant-numeric:tabular-nums;}
.t-scroll{overflow-x:auto;}
.t-scroll table.t{min-width:460px;}
.badge{display:inline-flex; align-items:center; gap:5px; font-size:.7rem; font-weight:600;
  padding:2px 9px; border-radius:99px; border:1px solid; white-space:nowrap;}
.badge::before{content:""; width:5px; height:5px; border-radius:50%; background:currentColor;}
.b-ok{color:var(--ok); background:var(--ok-bg); border-color:var(--ok-line);}
.b-warn{color:var(--warn); background:var(--warn-bg); border-color:var(--warn-line);}
.b-err{color:var(--err); background:var(--err-bg); border-color:var(--err-line);}
.b-info{color:var(--info); background:var(--info-bg); border-color:var(--info-line);}
.b-mute{color:var(--ink-3); background:var(--bg-3); border-color:var(--line-2);}
.stats{display:grid; grid-template-columns:repeat(4,1fr); gap:32px;}
@media (max-width:820px){ .stats{grid-template-columns:repeat(2,1fr); gap:26px;} }
.stat b{display:block; font-family:var(--f-d); font-size:2.5rem; font-weight:800;
  letter-spacing:-.032em; color:var(--brand); line-height:1;}
.stat span{display:block; margin-top:8px; font-size:.92rem; color:var(--ink-2); font-weight:500;}
.cards{display:grid; gap:20px;}
.c3{grid-template-columns:repeat(3,1fr);}
.c4{grid-template-columns:repeat(4,1fr);}
.c2{grid-template-columns:repeat(2,1fr);}
@media (max-width:1000px){ .c4{grid-template-columns:repeat(2,1fr);} }
@media (max-width:860px){ .c3{grid-template-columns:1fr;} .c2{grid-template-columns:1fr;} }
@media (max-width:560px){ .c4{grid-template-columns:1fr;} }
.card{background:#fff; border:1px solid var(--line); border-radius:var(--r-lg);
  padding:26px; box-shadow:var(--sh-sm); transition:box-shadow .18s, transform .18s,
  border-color .18s;}
.card:hover{box-shadow:var(--sh-lg); transform:translateY(-2px); border-color:var(--line-2);}
.card .h4{margin-bottom:9px;}
.card p{color:var(--ink-2); font-size:.95rem;}
.ic{width:44px; height:44px; border-radius:10px; background:var(--brand-50);
  border:1px solid var(--brand-100); display:grid; place-items:center; margin-bottom:18px;}
.ic svg{width:21px; height:21px; color:var(--brand);}
.feat{display:grid; grid-template-columns:1fr 1.08fr; gap:60px; align-items:center;}
.feat + .feat{margin-top:96px;}
.feat.rev .feat-t{order:2;}
@media (max-width:940px){
  .feat{grid-template-columns:1fr; gap:36px;}
  .feat.rev .feat-t{order:0;}
  .feat + .feat{margin-top:64px;}
}
.feat-t .h2{margin-bottom:16px;}
.ticks{list-style:none; margin:24px 0 0; padding:0; display:flex;
  flex-direction:column; gap:13px;}
.ticks li{display:grid; grid-template-columns:20px 1fr; gap:12px; align-items:start;
  font-size:.97rem; color:var(--ink-2);}
.ticks svg{width:20px; height:20px; color:var(--ok); margin-top:2px;}
.ticks b{color:var(--ink); font-weight:600;}
.fam-bar{display:flex; gap:8px; flex-wrap:wrap; margin-bottom:34px;}
.chip{padding:8px 15px; border-radius:99px; border:1px solid var(--line-2);
  background:#fff; font-size:.88rem; font-weight:600; color:var(--ink-2);
  cursor:pointer; font-family:var(--f); transition:all .15s;}
.chip:hover{border-color:var(--brand); color:var(--brand);}
.chip.on{background:var(--brand); border-color:var(--brand); color:#fff;}
.mod-card{background:#fff; border:1px solid var(--line); border-radius:var(--r);
  padding:22px; box-shadow:var(--sh-sm); transition:box-shadow .18s, transform .18s;}
.mod-card:hover{box-shadow:var(--sh-lg); transform:translateY(-2px);}
.mod-card .ic{width:38px; height:38px; border-radius:9px; margin-bottom:14px;}
.mod-card .ic svg{width:18px; height:18px;}
.mod-card h4{font-family:var(--f-d); font-size:1.02rem; font-weight:700; margin-bottom:6px;}
.mod-card p{font-size:.9rem; color:var(--ink-2); line-height:1.55;}
.mod-card .fam-t{display:inline-block; margin-top:14px; font-size:.72rem; font-weight:600;
  color:var(--ink-3); background:var(--bg-3); padding:3px 9px; border-radius:99px;}
.quote{background:var(--ink); color:#fff; border-radius:var(--r-xl); padding:56px;}
@media (max-width:720px){ .quote{padding:34px 26px;} }
.quote .h3{color:#fff; font-weight:700; line-height:1.36; letter-spacing:-.018em;}
.quote-by{display:flex; align-items:center; gap:14px; margin-top:28px;}
.quote-av{width:46px; height:46px; border-radius:50%; background:var(--brand);
  display:grid; place-items:center; font-family:var(--f-d); font-weight:800;
  font-size:1.02rem; color:#fff; flex:0 0 auto;}
.quote-by b{display:block; font-size:.95rem; font-weight:600;}
.quote-by span{display:block; font-size:.86rem; color:rgba(255,255,255,.62);}
.tiers{display:grid; grid-template-columns:repeat(3,1fr); gap:22px; align-items:start;}
@media (max-width:940px){ .tiers{grid-template-columns:1fr; max-width:460px; margin:0 auto;} }
.tier{background:#fff; border:1px solid var(--line); border-radius:var(--r-lg);
  padding:30px; box-shadow:var(--sh-sm); display:flex; flex-direction:column;}
.tier.best{border:2px solid var(--brand); box-shadow:var(--sh-xl); position:relative;}
.tier-tag{position:absolute; top:-13px; left:50%; transform:translateX(-50%);
  background:var(--brand); color:#fff; font-size:.72rem; font-weight:700;
  padding:5px 14px; border-radius:99px; letter-spacing:.03em; white-space:nowrap;}
.tier h3{font-family:var(--f-d); font-size:1.22rem; font-weight:800;}
.tier .who{font-size:.88rem; color:var(--ink-3); margin-top:6px;}
.price{margin:22px 0 4px; font-family:var(--f-d); font-size:2.35rem; font-weight:800;
  letter-spacing:-.032em; font-variant-numeric:tabular-nums;}
.price small{font-size:.92rem; font-weight:600; color:var(--ink-3); letter-spacing:0;}
.setup{font-size:.86rem; color:var(--ink-3); padding-bottom:22px;
  border-bottom:1px solid var(--line); margin-bottom:22px;}
.tier ul{list-style:none; margin:0 0 26px; padding:0; display:flex;
  flex-direction:column; gap:11px; flex:1;}
.tier li{display:grid; grid-template-columns:18px 1fr; gap:11px; align-items:start;
  font-size:.93rem; color:var(--ink-2);}
.tier li svg{width:18px; height:18px; color:var(--ok); margin-top:3px;}
table.cmp{width:100%; border-collapse:collapse; font-size:.93rem;}
table.cmp th{text-align:left; padding:14px 16px; background:var(--bg-2);
  font-size:.82rem; font-weight:700; color:var(--ink); border-bottom:1px solid var(--line);}
table.cmp th:not(:first-child),table.cmp td:not(:first-child){text-align:center; width:15%;}
table.cmp td{padding:13px 16px; border-bottom:1px solid var(--line); color:var(--ink-2);}
table.cmp tr:last-child td{border-bottom:none;}
table.cmp svg{width:18px; height:18px; color:var(--ok); margin:0 auto;}
table.cmp .no{color:var(--ink-4);}
.cmp-wrap{border:1px solid var(--line); border-radius:var(--r-lg); overflow:hidden;
  box-shadow:var(--sh-sm); background:#fff;}
.cmp-scroll{overflow-x:auto;}
.cmp-scroll table.cmp{min-width:640px;}
.faq{border-top:1px solid var(--line);}
.faq details{border-bottom:1px solid var(--line);}
.faq summary{padding:22px 0; font-family:var(--f-d); font-size:1.05rem; font-weight:700;
  cursor:pointer; list-style:none; display:flex; align-items:center; gap:16px;}
.faq summary::-webkit-details-marker{display:none;}
.faq summary::after{content:"+"; margin-left:auto; font-size:1.5rem; font-weight:400;
  color:var(--ink-3); line-height:1;}
.faq details[open] summary::after{content:"\2212";}
.faq p{padding:0 0 22px; color:var(--ink-2); max-width:70ch;}
.slots{display:grid; grid-template-columns:repeat(4,1fr); gap:18px;}
@media (max-width:820px){ .slots{grid-template-columns:repeat(2,1fr);} }
.slot{border:2px dashed var(--line-2); border-radius:var(--r); padding:22px;
  background:var(--bg-2); text-align:center;}
.slot b{display:block; font-family:var(--f-d); font-size:1.6rem; font-weight:800;
  color:var(--ink-4); letter-spacing:.06em;}
.slot span{display:block; font-size:.84rem; color:var(--ink-3); margin-top:8px; font-weight:500;}
.form-card{background:#fff; border:1px solid var(--line); border-radius:var(--r-lg);
  padding:32px; box-shadow:var(--sh-lg);}
.fld{margin-bottom:18px;}
.fld label{display:block; font-size:.88rem; font-weight:600; margin-bottom:7px;}
.fld input,.fld select,.fld textarea{
  width:100%; padding:11px 13px; border:1px solid var(--line-2); border-radius:var(--r-sm);
  font-family:var(--f); font-size:.95rem; color:var(--ink); background:#fff;
  transition:border-color .15s, box-shadow .15s;
}
.fld input:focus,.fld select:focus,.fld textarea:focus{
  outline:none; border-color:var(--brand); box-shadow:0 0 0 3px var(--brand-100);
}
.fld textarea{resize:vertical; min-height:104px;}
.f2{display:grid; grid-template-columns:1fr 1fr; gap:0 16px;}
@media (max-width:560px){ .f2{grid-template-columns:1fr;} }
.cta{background:linear-gradient(135deg,var(--brand-700),var(--brand)); color:#fff;
  border-radius:var(--r-xl); padding:60px; text-align:center;}
@media (max-width:720px){ .cta{padding:40px 26px;} }
.cta .h2{color:#fff; margin-bottom:14px;}
.cta p{color:rgba(255,255,255,.86); font-size:1.08rem; max-width:52ch; margin:0 auto 28px;}
.ftr{background:var(--bg-2); border-top:1px solid var(--line); padding:60px 0 30px;}
.ftr-grid{display:grid; grid-template-columns:1.6fr repeat(4,1fr); gap:40px;}
@media (max-width:940px){ .ftr-grid{grid-template-columns:1fr 1fr; gap:32px;} }
@media (max-width:560px){ .ftr-grid{grid-template-columns:1fr;} }
.ftr h5{font-family:var(--f-d); font-size:.84rem; font-weight:700; margin-bottom:16px;
  color:var(--ink);}
.ftr ul{list-style:none; margin:0; padding:0; display:flex; flex-direction:column; gap:11px;}
.ftr a{font-size:.92rem; color:var(--ink-2);}
.ftr a:hover{color:var(--brand);}
.ftr-about p{font-size:.92rem; color:var(--ink-2); margin-top:16px; max-width:32ch;}
.ftr-btm{margin-top:46px; padding-top:24px; border-top:1px solid var(--line);
  display:flex; justify-content:space-between; gap:16px; flex-wrap:wrap;
  font-size:.86rem; color:var(--ink-3);}
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto;}
  *,*::before,*::after{animation-duration:.001ms !important; transition-duration:.001ms !important;}
}
:root{
  --f1:#2D60D0; --f1-bg:#EAF1FD; --f1-ln:#C9DCFA;   
  --f2:#16A55F; --f2-bg:#E7F7EF; --f2-ln:#BEEAD4;   
  --f3:#6435C9; --f3-bg:#F2EDFC; --f3-ln:#DBCDF7;   
  --f4:#0E7490; --f4-bg:#E6F5F9; --f4-ln:#BEE4EF;   
  --f5:#B26206; --f5-bg:#FDF2E3; --f5-ln:#F7DCB4;   
}
.mod-card[data-in="spend"]   .ic{background:var(--f1-bg); border-color:var(--f1-ln);}
.mod-card[data-in="spend"]   .ic svg{color:var(--f1);}
.mod-card[data-in="people"]  .ic{background:var(--f2-bg); border-color:var(--f2-ln);}
.mod-card[data-in="people"]  .ic svg{color:var(--f2);}
.mod-card[data-in="revenue"] .ic{background:var(--f3-bg); border-color:var(--f3-ln);}
.mod-card[data-in="revenue"] .ic svg{color:var(--f3);}
.mod-card[data-in="ops"]     .ic{background:var(--f4-bg); border-color:var(--f4-ln);}
.mod-card[data-in="ops"]     .ic svg{color:var(--f4);}
.mod-card[data-in="gov"]     .ic{background:var(--f5-bg); border-color:var(--f5-ln);}
.mod-card[data-in="gov"]     .ic svg{color:var(--f5);}
.cards .card:nth-child(5n+2) .ic{background:var(--f2-bg); border-color:var(--f2-ln);}
.cards .card:nth-child(5n+2) .ic svg{color:var(--f2);}
.cards .card:nth-child(5n+3) .ic{background:var(--f3-bg); border-color:var(--f3-ln);}
.cards .card:nth-child(5n+3) .ic svg{color:var(--f3);}
.cards .card:nth-child(5n+4) .ic{background:var(--f4-bg); border-color:var(--f4-ln);}
.cards .card:nth-child(5n+4) .ic svg{color:var(--f4);}
.cards .card:nth-child(5n+5) .ic{background:var(--f5-bg); border-color:var(--f5-ln);}
.cards .card:nth-child(5n+5) .ic svg{color:var(--f5);}
.card,.mod-card{border-radius:18px;}
.ic{border-radius:13px; transition:transform .28s cubic-bezier(.34,1.4,.5,1), background .2s;}
.card:hover .ic,.mod-card:hover .ic{transform:scale(1.09) rotate(-5deg);}
.shot{border-radius:18px;}
.btn{border-radius:10px;}
.tier{border-radius:20px;}
.form-card{border-radius:20px;}
.quote,.cta{border-radius:26px;}
.grad{color:var(--brand);}
@supports (-webkit-background-clip:text) or (background-clip:text){
  .grad{
    background:linear-gradient(100deg,var(--mint) 0%,#57D9F2 42%,#8FB6FF 100%);
    -webkit-background-clip:text; background-clip:text;
    -webkit-text-fill-color:transparent; color:transparent;
  }
}
.stat b{
  background:linear-gradient(135deg,var(--blue-lt),var(--brand) 55%,var(--navy-2));
  -webkit-background-clip:text; background-clip:text;
  -webkit-text-fill-color:transparent;
}
.hero{position:relative; overflow:hidden;}
.hero > *{position:relative; z-index:1;}
.hero::before,.hero::after{
  content:""; position:absolute; border-radius:50%; pointer-events:none;
  filter:blur(70px); opacity:.5; z-index:0;
}
.hero::before{width:460px; height:460px; top:-170px; right:-110px;
  background:radial-gradient(circle,#6FE3B4,transparent 68%); animation:float1 17s ease-in-out infinite;}
.hero::after{width:380px; height:380px; bottom:40px; left:-150px;
  background:radial-gradient(circle,#5E8BEE,transparent 68%); animation:float2 21s ease-in-out infinite;}
@keyframes float1{0%,100%{transform:translate(0,0) scale(1);} 50%{transform:translate(-26px,30px) scale(1.07);}}
@keyframes float2{0%,100%{transform:translate(0,0) scale(1);} 50%{transform:translate(30px,-24px) scale(1.09);}}
.pill b{position:relative;}
.pill{transition:transform .2s, box-shadow .2s;}
.pill:hover{transform:translateY(-1px); box-shadow:var(--sh);}
.btn{position:relative;}
.btn-p{box-shadow:0 1px 2px rgba(16,24,40,.06), 0 4px 12px -3px rgba(45,96,208,.34);}
.btn-p:hover{transform:translateY(-1px); box-shadow:0 2px 4px rgba(16,24,40,.07), 0 8px 20px -4px rgba(45,96,208,.42);}
.btn-p:active,.btn-s:active{transform:translateY(0);}
.btn-s:hover{transform:translateY(-1px);}
.btn svg{transition:transform .2s;}
.btn:hover svg{transform:translateX(3px);}
.shot{transition:transform .35s ease, box-shadow .35s ease;}
.feat .shot:hover{transform:translateY(-5px);
  box-shadow:0 32px 60px -14px rgba(16,24,40,.22);}
.app-nav{transition:background .16s, color .16s;}
.badge{transition:transform .18s;}
tr:hover .badge{transform:scale(1.04);}
.chip{transition:transform .16s, background .16s, border-color .16s, color .16s;}
.chip:hover{transform:translateY(-1px);}
.chip.on{box-shadow:0 4px 12px -3px rgba(45,96,208,.4);}
.tier{transition:transform .25s, box-shadow .25s;}
.tier:hover{transform:translateY(-4px); box-shadow:var(--sh-lg);}
.tier.best:hover{box-shadow:0 28px 56px -14px rgba(45,96,208,.28);}
.ftr a{transition:color .15s, transform .15s; display:inline-block;}
.ftr a:hover{transform:translateX(2px);}
.faq summary{transition:color .16s;}
.faq summary:hover{color:var(--brand);}
.faq details[open] summary{color:var(--brand);}
.logo-ph{transition:color .18s, transform .18s;}
.logo-ph:hover{color:var(--brand); transform:translateY(-2px);}
html,body{max-width:100%;}
@supports (overflow:clip){ html,body{overflow-x:clip;} }
@media (max-width:900px){
  .sec{padding:66px 0;}
  .sec-head{margin-bottom:38px;}
  .feat + .feat{margin-top:56px;}
}
@media (max-width:640px){
  .sec{padding:52px 0;}
  .sec-sm{padding:34px 0;}
  .sec-head{margin-bottom:30px;}
  
  .h1{font-size:2.15rem; line-height:1.12; letter-spacing:-.026em;}
  .h2{font-size:1.62rem;}
  .h3{font-size:1.22rem;}
  .lead,.hero .lead{font-size:1.02rem;}
  .measure,.measure-w{max-width:100%;}
  .hero{padding-top:44px;}
  .hero .btn-row{margin-top:24px;}
  .hero::before{width:280px; height:280px; top:-110px; right:-90px;}
  .hero::after{display:none;}
  
  .btn-row{gap:10px;}
  .btn-row .btn-lg{width:100%;}
  .btn{min-height:46px;}
  .pill{font-size:.78rem; margin-bottom:18px;}
  .card{padding:22px; border-radius:16px;}
  .mod-card{padding:19px; border-radius:16px;}
  .ic{width:40px; height:40px;}
  .ic svg{width:19px; height:19px;}
  .stats{gap:22px 18px;}
  .stat b{font-size:2rem;}
  .stat span{font-size:.86rem;}
  
  .shot{border-radius:14px;}
  .shot-in,.app-main{padding:14px;}
  .shot-url{font-size:.66rem; padding:3px 8px;}
  .mini{gap:8px;}
  .mini > div{padding:9px 10px;}
  .mini b{font-size:1rem;}
  .mini span{font-size:.64rem;}
  table.t{font-size:.76rem;}
  table.t th{font-size:.62rem;}
  
  .fam-bar{flex-wrap:nowrap; overflow-x:auto; -webkit-overflow-scrolling:touch;
    padding:2px 18px 8px; margin:0 -18px 26px; scrollbar-width:none;}
  .fam-bar::-webkit-scrollbar{display:none;}
  .chip{flex:0 0 auto; padding:8px 14px; font-size:.84rem;}
  .logo-row{gap:16px 22px;}
  .logo-ph{font-size:.92rem;}
  .logos{padding:26px 0 34px;}
  .quote{padding:28px 22px; border-radius:20px;}
  .quote .h3{font-size:1.08rem; line-height:1.45;}
  .quote-by{margin-top:22px;}
  .tier{padding:24px; border-radius:18px;}
  .price{font-size:2rem; margin-top:18px;}
  .tiers{gap:18px;}
  .tier.best{margin-top:8px;}
  .form-card{padding:22px; border-radius:18px;}
  .fld input,.fld select,.fld textarea{font-size:16px;}  
  .cta{padding:34px 22px; border-radius:20px;}
  .cta p{font-size:1rem; margin-bottom:22px;}
  .faq summary{padding:18px 0; font-size:.99rem; gap:12px;}
  .faq p{padding-bottom:18px; font-size:.95rem;}
  .slots{gap:12px;}
  .slot{padding:18px 14px;}
  .slot b{font-size:1.3rem;}
  .ftr{padding:44px 0 26px;}
  .ftr-grid{gap:28px;}
  .ftr-btm{margin-top:32px;}
  .ticks li{font-size:.94rem; gap:10px;}
}
@media (max-width:420px){
  .wrap{padding:0 15px;}
  .h1{font-size:1.92rem;}
  .h2{font-size:1.45rem;}
  .mini{grid-template-columns:1fr 1fr;}
  .mini > div:nth-child(3){grid-column:1 / -1;}
  .shot-url{display:none;}
  .stats{grid-template-columns:1fr 1fr;}
  .hdr-in{height:60px;}
  .logo{font-size:1.05rem;}
  .fam-bar{padding-left:15px; padding-right:15px; margin-left:-15px; margin-right:-15px;}
}
@media (hover:none){
  .card:hover,.mod-card:hover,.tier:hover,.feat .shot:hover,
  .btn:hover,.chip:hover,.pill:hover{transform:none;}
  .card:hover .ic,.mod-card:hover .ic{transform:none;}
  .ftr a:hover{transform:none;}
}
@media (prefers-reduced-motion:reduce){
  .hero::before,.hero::after{animation:none;}
}
.shot-stack{position:relative;}
.float-note{
  position:absolute; left:-20px; bottom:-24px; z-index:2;
  display:flex; align-items:center; gap:11px; max-width:280px;
  background:#fff; border:1px solid var(--line); border-radius:15px;
  padding:11px 15px 11px 12px; box-shadow:0 18px 36px -10px rgba(16,24,40,.22);
  animation:bob 5s ease-in-out infinite;
}
.float-note b{display:block; font-size:.88rem; font-weight:600; line-height:1.3;}
.float-note span{display:block; font-size:.76rem; color:var(--ink-3); margin-top:2px;}
.fn-ic{width:32px; height:32px; border-radius:50%; background:var(--ok-bg);
  border:1px solid var(--ok-line); display:grid; place-items:center; flex:0 0 auto;}
.fn-ic svg{width:17px; height:17px; color:var(--ok);}
@keyframes bob{0%,100%{transform:translateY(0);} 50%{transform:translateY(-7px);}}
@media (max-width:1000px){ .float-note{left:auto; right:-8px; bottom:-20px;} }
@media (max-width:640px){ .float-note{display:none;} }
.pill b::after{
  content:""; display:inline-block; width:5px; height:5px; border-radius:50%;
  background:var(--brand); margin-left:6px; vertical-align:middle;
  animation:blip 2.4s ease-in-out infinite;
}
@keyframes blip{0%,100%{opacity:1; transform:scale(1);} 50%{opacity:.35; transform:scale(.75);}}
.h1 .grad{display:inline-block;}
@media (prefers-reduced-motion:reduce){
  .float-note,.pill b::after{animation:none;}
}
.hero-grid > *, .feat > *, .cards > *, .stats > *, .tiers > *,
.ftr-grid > *, .f2 > *, .two > *, .app > *, .mini > *, .slots > *,
.briefs > *, .a-grid > *, .fam-bar > *, .logo-row > *,
.exp-grid > *, .ph-band-in > *, .duo-shot > *, .q-photo > *{min-width:0;}
.pill{flex-wrap:wrap; max-width:100%; text-align:left;}
.pill b{flex:0 0 auto;}
.lead, .hero-note, .card p, .mod-card p, .ticks li, .brief p{overflow-wrap:break-word;}
@media (max-width:640px){
  .btn{white-space:normal; text-align:center;}
}
.mnav{padding:8px 0 20px;}
.mnav a{
  display:block; padding:14px 4px; font-size:1.02rem; font-weight:600;
  color:var(--ink); border-bottom:1px solid var(--line); border-radius:8px;
  transition:color .15s, background .15s, padding-left .15s;
}
.mnav a:last-of-type{border-bottom:none;}
.mnav a:hover, .mnav a:active{color:var(--brand); background:var(--bg-2); padding-left:10px;}
.mnav a.on{color:var(--brand); position:relative;}
.mnav a.on::before{
  content:""; position:absolute; left:-4px; top:50%; transform:translateY(-50%);
  width:3px; height:18px; border-radius:2px; background:var(--brand);
}
.mnav-cta{display:flex; flex-direction:column; gap:10px; margin-top:18px;
  padding-top:18px; border-top:1px solid var(--line);}
.mnav .mnav-cta .btn{
  display:flex; align-items:center; justify-content:center;
  width:100%; min-height:48px; padding:13px 20px;
  border-bottom:none; border-radius:10px; font-size:.98rem; font-weight:600;
}
.mnav .mnav-cta .btn-p{background:var(--brand); color:#fff; border-color:var(--brand);}
.mnav .mnav-cta .btn-p:hover{background:var(--brand-700); color:#fff; padding-left:20px;}
.mnav .mnav-cta .btn-s{background:#fff; color:var(--ink); border-color:var(--line-2);}
.mnav .mnav-cta .btn-s:hover{background:var(--bg-2); color:var(--ink); padding-left:20px;}
.burger{transition:background .15s, border-color .15s;}
.burger.x{background:var(--ink); border-color:var(--ink);}
.burger.x svg{color:#fff; transform:rotate(90deg);}
.burger svg{transition:transform .2s, color .15s;}
.shot-url.blur{
  filter:blur(3.5px);
  user-select:none; -webkit-user-select:none; pointer-events:none;
  color:var(--ink-2);
}
.hdr{
  
  transition:box-shadow .25s ease, background .25s ease, transform .32s cubic-bezier(.4,0,.2,1);
}
.hdr-in{transition:height .25s ease;}
.hdr.scrolled{
  background:rgba(255,255,255,.94);
  box-shadow:0 4px 20px -6px rgba(16,24,40,.13);
  border-bottom-color:transparent;
}
.hdr.scrolled .hdr-in{height:58px;}
.hdr.scrolled .logo-m{width:27px; height:27px;}
.hdr.scrolled .logo-m svg{width:15px; height:15px;}
.logo-m{transition:width .25s ease, height .25s ease;}
.logo-m svg{transition:width .25s ease, height .25s ease;}
.hdr.up{transform:translateY(-100%);}
.hdr-bar{
  position:absolute; left:0; right:0; bottom:-1px; height:2px;
  background:linear-gradient(90deg,var(--accent),var(--brand) 55%,var(--navy-2));
  transform:scaleX(0); transform-origin:0 50%;
  transition:transform .1s linear;
  pointer-events:none;
}
@media (max-width:640px){
  .hdr.scrolled .hdr-in{height:54px;}
}
@media (prefers-reduced-motion:reduce){
  .hdr{transition:none;}
  .hdr.up{transform:none;}
  .hdr-bar{transition:none;}
}
.slot.filled{
  border-style:solid; border-color:var(--line); background:#fff;
  box-shadow:var(--sh-sm);
}
.slot.filled b{color:var(--brand); letter-spacing:-.028em; font-size:1.85rem;}
.slot.filled span{color:var(--ink-2);}
.slot.soft b{font-size:1.16rem; color:var(--ink-2); letter-spacing:-.01em;}
@media (max-width:640px){
  .slot.filled b{font-size:1.5rem;}
  .slot.soft b{font-size:1rem;}
}
.nav-item{position:static; display:flex; align-items:center;}
.nav-item > a{display:inline-flex; align-items:center; gap:5px;}
.caret{width:14px; height:14px; opacity:.6; transition:transform .2s;}
.nav-item:hover > a .caret, .nav-item:focus-within > a .caret{transform:rotate(180deg);}
.mega{
  position:absolute; left:0; right:0; top:100%;
  background:#fff; border-top:1px solid var(--line);
  border-bottom:1px solid var(--line);
  box-shadow:0 24px 48px -16px rgba(16,24,40,.18);
  opacity:0; visibility:hidden; transform:translateY(-8px);
  transition:opacity .18s ease, transform .18s ease, visibility .18s;
}
.nav-item:hover .mega, .nav-item:focus-within .mega{
  opacity:1; visibility:visible; transform:translateY(0);
}
.mega-in{display:flex; gap:30px; padding:32px 24px 34px; align-items:flex-start;}
.mega-col{flex:1 1 0; min-width:0;}
.mega-feat{flex:0 0 300px;}
.mega-col h6{
  font-size:.7rem; font-weight:700; letter-spacing:.07em; text-transform:uppercase;
  color:var(--ink-4); margin-bottom:13px; min-height:2.5em;
}
.mega-col a{
  display:block; padding:6px 8px; margin-left:-8px; border-radius:6px;
  font-size:.9rem; font-weight:500; color:var(--ink-2); line-height:1.45;
  transition:background .13s, color .13s;
}
.mega-col a:hover{background:var(--brand-50); color:var(--brand);}
.mega-feat{
  display:block; background:var(--brand-50); border:1px solid var(--brand-100);
  border-radius:var(--r-lg); padding:22px; transition:box-shadow .18s, transform .18s;
}
.mega-feat:hover{box-shadow:var(--sh-lg); transform:translateY(-2px);}
.mega-tag{
  display:inline-block; font-size:.64rem; font-weight:700; letter-spacing:.08em;
  text-transform:uppercase; color:#fff; background:var(--brand);
  padding:3px 9px; border-radius:99px; margin-bottom:12px;
}
.mega-feat b{
  display:block; font-family:var(--f-d); font-size:1.02rem; font-weight:700;
  color:var(--ink); letter-spacing:-.012em; margin-bottom:7px;
}
.mega-feat p{font-size:.83rem; color:var(--ink-2); line-height:1.55;}
.mega-go{
  display:inline-flex; align-items:center; gap:6px; margin-top:14px;
  font-size:.85rem; font-weight:600; color:var(--brand);
}
.mega-go .ar, .mega-foot .ar{width:15px; height:15px;}
.mega-feat:hover .mega-go .ar{transform:translateX(3px);}
.mega-go .ar{transition:transform .18s;}
.mega-foot{background:var(--bg-2); border-top:1px solid var(--line);}
.mega-foot .wrap{
  display:flex; align-items:center; justify-content:space-between;
  gap:20px; padding:13px 24px; font-size:.86rem; color:var(--ink-3);
}
.mega-foot a{
  display:inline-flex; align-items:center; gap:6px;
  font-weight:600; color:var(--brand);
}
@media (max-width:1180px){ .mega-feat{display:none;} }
@media (max-width:940px){ .mega{display:none;} }
.fn-2{left:auto; right:-22px; top:-26px; bottom:auto; animation-delay:1.1s;}
.fn-3{left:auto; right:-38px; top:auto; bottom:-30px; max-width:258px; animation-delay:2.3s;}
.fn-ic.info{background:var(--info-bg); border-color:var(--info-line);}
.fn-ic.info svg{color:var(--info);}
.fn-ic.brand{background:var(--brand-100); border-color:var(--brand-100);}
.fn-ic.brand svg{color:var(--brand);}
@media (max-width:1180px){ .fn-3{display:none;} }
@media (max-width:1000px){ .fn-2{right:-8px; top:-18px;} }
@media (max-width:640px){ .fn-2,.fn-3{display:none;} }
.tiers.t4{grid-template-columns:repeat(4,1fr); gap:18px; align-items:stretch;}
.tier{position:relative;}
.tier{display:flex; flex-direction:column;}
.tier > .btn{margin-top:auto;}
.tier .small{color:var(--ink-2); margin-top:8px; line-height:1.55;}
.tier-custom{background:var(--bg-2);}
.tier-plus{margin-top:18px; font-size:.86rem; color:var(--ink-3);}
.tier-plus b{color:var(--ink); font-weight:700;}
.tk-list{margin-top:16px; gap:11px;}
.tk-list li{font-size:.9rem; line-height:1.5;}
.tk-list svg{width:17px; height:17px; margin-top:3px;}
.tiers.t4 .ticks li{grid-template-columns:17px 1fr; gap:10px;}
.cmp-group{border-bottom:1px solid var(--line); background:#fff;}
.cmp-group:last-child{border-bottom:none;}
.cmp-group summary{
  display:flex; align-items:center; gap:12px; cursor:pointer; list-style:none;
  padding:18px 20px; font-family:var(--f-d); font-size:1rem; font-weight:700;
  color:var(--ink); transition:background .15s, color .15s;
}
.cmp-group summary::-webkit-details-marker{display:none;}
.cmp-group summary span{
  font-family:var(--f); font-size:.78rem; font-weight:500; color:var(--ink-3);
}
.cmp-group summary::after{
  content:"+"; margin-left:auto; font-size:1.4rem; font-weight:400;
  color:var(--ink-3); line-height:1;
}
.cmp-group[open] summary::after{content:"\2212";}
.cmp-group summary:hover{background:var(--bg-2); color:var(--brand);}
.cmp-group[open] summary{background:var(--brand-50); color:var(--brand);}
.cmp-group table.cmp th{background:#fff;}
@media (max-width:1100px){ .tiers.t4{grid-template-columns:repeat(2,1fr);} }
@media (max-width:680px){ .tiers.t4{grid-template-columns:1fr;} }
.mega-col-wide a{white-space:normal;}
.flow-sec{background:
  radial-gradient(700px 300px at 50% 0%, var(--brand-50), transparent 70%), #fff;}
.flow{position:relative; padding-top:38px;}
.flow-rail{
  position:absolute; top:15px; left:10%; right:10%; height:2px;
  background:linear-gradient(90deg,var(--line),var(--line-2),var(--line));
  border-radius:2px;
}
.flow-pulse{
  position:absolute; top:50%; width:10px; height:10px; margin-top:-5px; margin-left:-5px;
  border-radius:50%; background:var(--brand);
  box-shadow:0 0 0 5px rgba(45,96,208,.16), 0 0 14px rgba(45,96,208,.55);
  animation:flowTravel 10s linear infinite;
}
@keyframes flowTravel{0%{left:0;} 100%{left:100%;}}
.flow-steps{display:grid; grid-template-columns:repeat(5,1fr); gap:18px; position:relative;}
.flow-step{
  background:#fff; border:1px solid var(--line); border-radius:var(--r-lg);
  padding:26px 20px 20px; text-align:center; position:relative;
  animation:stepOn 10s ease-in-out infinite;
  animation-delay:calc(var(--i) * 2s);
}
@keyframes stepOn{
  0%, 6%    {border-color:var(--line); box-shadow:var(--sh-sm); transform:translateY(0);}
  11%, 24%  {border-color:var(--brand); box-shadow:0 16px 34px -12px rgba(45,96,208,.32);
             transform:translateY(-5px);}
  30%, 100% {border-color:var(--line); box-shadow:var(--sh-sm); transform:translateY(0);}
}
.fs-n{
  position:absolute; top:13px; left:16px; font-family:var(--f-m);
  font-size:.68rem; font-weight:500; color:var(--ink-4); letter-spacing:.04em;
}
.fs-ic{
  width:46px; height:46px; margin:4px auto 14px; border-radius:12px;
  background:var(--bg-2); border:1px solid var(--line); display:grid; place-items:center;
  animation:stepIc 10s ease-in-out infinite; animation-delay:calc(var(--i) * 2s);
}
.fs-ic svg{width:22px; height:22px; color:var(--ink-3);
  animation:stepSvg 10s ease-in-out infinite; animation-delay:calc(var(--i) * 2s);}
@keyframes stepIc{
  0%, 6%   {background:var(--bg-2); border-color:var(--line);}
  11%, 24% {background:var(--brand); border-color:var(--brand);}
  30%,100% {background:var(--bg-2); border-color:var(--line);}
}
@keyframes stepSvg{
  0%, 6%   {color:var(--ink-3);}
  11%, 24% {color:#fff;}
  30%,100% {color:var(--ink-3);}
}
.flow-step b{
  display:block; font-family:var(--f-d); font-size:1.02rem; font-weight:700;
  color:var(--ink); letter-spacing:-.012em; margin-bottom:7px;
}
.flow-step p{font-size:.86rem; color:var(--ink-2); line-height:1.55;}
.fs-tag{
  display:block; margin-top:13px; padding-top:11px; border-top:1px solid var(--line);
  font-size:.72rem; font-weight:600; color:var(--ink-4); letter-spacing:.02em;
}
.flow:hover .flow-step, .flow:hover .fs-ic, .flow:hover .fs-ic svg,
.flow:hover .flow-pulse{animation-play-state:paused;}
@media (max-width:1080px){
  .flow-steps{grid-template-columns:repeat(2,1fr);}
  .flow-rail{display:none;}
}
@media (max-width:560px){ .flow-steps{grid-template-columns:1fr;} }
.center-bar{justify-content:center;}
@media (max-width:640px){ .center-bar{justify-content:flex-start;} }
.fam-note{
  text-align:center; max-width:62ch; margin:0 auto 30px;
  font-size:.98rem; color:var(--ink-2); line-height:1.6; min-height:3.2em;
  transition:opacity .22s ease;
}
.fam-note.swap{opacity:0;}
.mod-grid .mod-card{transition:opacity .26s ease, transform .26s ease,
  box-shadow .25s, border-color .2s;}
.mod-grid .mod-card.hide{display:none;}
.exp-group.hide{display:none;}
@media (prefers-reduced-motion: reduce){
  .flow-step, .fs-ic, .fs-ic svg, .flow-pulse{animation:none;}
  .flow-step{border-color:var(--line-2);}
  .flow-pulse{display:none;}
  .reveal, .reveal.in{opacity:1; transform:none; transition:none;}
}
.exp-grid{display:grid; grid-template-columns:1fr 1.05fr; gap:52px; align-items:start;}
.exp-group{margin-bottom:26px;}
.exp-group:last-child{margin-bottom:0;}
.exp-group h6{
  font-size:.7rem; font-weight:700; letter-spacing:.08em; text-transform:uppercase;
  color:var(--ink-4); margin-bottom:8px; padding-left:2px;
}
.exp-item{
  display:flex; align-items:center; gap:12px; width:100%; cursor:pointer;
  background:none; border:0; border-bottom:1px solid var(--line);
  padding:14px 2px; text-align:left; font-family:inherit;
  font-size:1.02rem; font-weight:600; color:var(--ink-3);
  transition:color .16s;
}
.exp-item:hover{color:var(--brand);}
.exp-item.on{color:var(--ink); border-bottom-color:transparent;}
.exp-ic{
  width:34px; height:34px; border-radius:9px; flex:0 0 auto;
  background:var(--bg-2); border:1px solid var(--line);
  display:grid; place-items:center; transition:background .18s, border-color .18s;
}
.exp-ic svg{width:17px; height:17px; color:var(--ink-3); transition:color .18s;}
.exp-item.on .exp-ic{background:var(--brand); border-color:var(--brand);}
.exp-item.on .exp-ic svg{color:#fff;}
.exp-name{flex:1; min-width:0;}
.exp-ch{width:17px; height:17px; flex:0 0 auto; color:var(--ink-4); transition:transform .22s;}
.exp-item.on .exp-ch{transform:rotate(-90deg); color:var(--brand);}
.exp-body{
  display:grid; grid-template-rows:0fr; overflow:hidden;
  transition:grid-template-rows .28s cubic-bezier(.4,0,.2,1);
  border-bottom:1px solid var(--line);
}
.exp-body > p{
  min-height:0; overflow:hidden;
  font-size:.95rem; line-height:1.62; color:var(--ink-2);
}
.exp-item.on + .exp-body{grid-template-rows:1fr;}
.exp-item.on + .exp-body > p{
  background:var(--brand-50); border:1px solid var(--brand-100);
  border-radius:var(--r); padding:16px 18px; margin:0 0 16px;
}
.exp-side{position:sticky; top:92px;}
.exp-shot{overflow:hidden;}
.exp-crumb{
  margin-left:auto; font-size:.72rem; font-weight:600; letter-spacing:.03em;
  color:var(--ink-4); text-transform:uppercase;
}
.exp-title{
  font-family:var(--f-d); font-size:1.3rem; font-weight:800; color:var(--ink);
  letter-spacing:-.02em; margin-bottom:12px;
}
.exp-tiers{
  display:flex; align-items:center; flex-wrap:wrap; gap:7px;
  padding-bottom:18px; margin-bottom:18px; border-bottom:1px solid var(--line);
}
.tp-l{font-size:.72rem; font-weight:600; color:var(--ink-4);
  text-transform:uppercase; letter-spacing:.05em; margin-right:3px;}
.tp{
  font-size:.74rem; font-weight:600; padding:4px 11px; border-radius:99px;
  background:var(--bg-3); color:var(--ink-4); border:1px solid transparent;
  transition:background .18s, color .18s, border-color .18s;
}
.tp.in{background:var(--ok-bg); color:var(--ok); border-color:var(--ok-line);}
.exp-mocks{position:relative;}
.exp-mock{display:none;}
.exp-mock.on{display:block; animation:mockIn .3s ease;}
@keyframes mockIn{from{opacity:0; transform:translateY(7px);} to{opacity:1; transform:none;}}
.exp-mock table.t{width:100%;}
@media (max-width:980px){
  .exp-grid{grid-template-columns:1fr; gap:30px;}
  
  .exp-side{position:static; order:-1;}
}
@media (max-width:640px){
  .exp-mock .t-scroll table.t{min-width:0;}
  .exp-mock table.t td{padding-right:6px;}
  .exp-mock table.t .m{font-size:.7rem;}
}
.t-scroll{position:relative;}
@media (max-width:860px){
  .t-scroll{
    -webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 26px),transparent);
    mask-image:linear-gradient(90deg,#000 calc(100% - 26px),transparent);
  }
  
  .t-scroll:not(:has(table)){-webkit-mask-image:none; mask-image:none;}
  .exp-mock .t-scroll{-webkit-mask-image:none; mask-image:none;}
}
@media (prefers-reduced-motion: reduce){
  .exp-body{transition:none;}
  .exp-mock.on{animation:none;}
  .exp-ch{transition:none;}
}
:root{
  
  --f1-d:#7FA6F5; --f2-d:#3ADE93; --f3-d:#A98BF5;
  --f4-d:#3FBEDC; --f5-d:#F5B85A;
  
  --ground:linear-gradient(152deg,#3D73DC 0%,#2A57C4 32%,#1B3C96 66%,#0F1B61 100%);
  --dots:radial-gradient(circle at 1px 1px, rgba(255,255,255,.13) 1px, transparent 0);
  --glow:radial-gradient(760px 420px at 82% 4%, rgba(92,232,176,.16), transparent 66%);
}
.logo-m{background:#fff; border:1px solid var(--line); box-shadow:var(--sh-sm);}
.logo-m svg{width:19px; height:19px;}
.hdr.scrolled .logo-m svg{width:17px; height:17px;}
.ondark .logo-m, .ftr .logo-m{border-color:rgba(255,255,255,.22);
  box-shadow:0 6px 18px -6px rgba(5,12,45,.6);}
.band{
  background:var(--dots) 0 0/34px 34px, var(--glow), var(--ground);
  position:relative; overflow:hidden; border:0;
}
.band > *{position:relative; z-index:1;}
.ondark{color:rgba(255,255,255,.78);}
.ondark h1,.ondark h2,.ondark h3,.ondark h4,.ondark h5,
.ondark .h1,.ondark .h2,.ondark .h3,.ondark .h4{color:#fff;}
.ondark p,.ondark .lead{color:rgba(255,255,255,.78);}
.ondark .small{color:rgba(255,255,255,.68);}
.ondark .tiny,.ondark .hero-note{color:rgba(255,255,255,.68);}
.ondark .eyebrow{color:var(--mint);}
.ondark :focus-visible{outline-color:var(--mint);}
.ondark .btn-p{
  background:var(--accent); color:#fff; border-color:transparent;
  box-shadow:0 2px 4px rgba(5,12,45,.2), 0 10px 24px -6px rgba(22,165,95,.5);
}
.ondark .btn-p:hover{background:var(--accent-600);
  box-shadow:0 4px 8px rgba(5,12,45,.24), 0 14px 30px -6px rgba(22,165,95,.6);}
.ondark .btn-s{
  background:rgba(255,255,255,.1); color:#fff;
  border-color:rgba(255,255,255,.34); box-shadow:none;
  backdrop-filter:saturate(160%) blur(8px);
}
.ondark .btn-s:hover{background:rgba(255,255,255,.18); border-color:rgba(255,255,255,.6);}
.ondark .card{
  background:rgba(255,255,255,.07); border-color:rgba(255,255,255,.16);
  backdrop-filter:saturate(150%) blur(10px);
  box-shadow:0 20px 44px -22px rgba(5,12,45,.8);
}
.ondark .card:hover{
  background:rgba(255,255,255,.12); border-color:rgba(255,255,255,.34);
  box-shadow:0 28px 56px -20px rgba(5,12,45,.9);
}
.ondark .card p{color:rgba(255,255,255,.74);}
.ondark .card .tiny{color:rgba(255,255,255,.55);}
.ondark .cards .card .ic{border-color:transparent;}
.ondark .cards .card .ic svg{color:#fff;}
.ondark .cards .card:nth-child(5n+1) .ic{background:#4D8DF0; box-shadow:0 8px 18px -8px rgba(77,141,240,.9);}
.ondark .cards .card:nth-child(5n+2) .ic{background:#16A55F; box-shadow:0 8px 18px -8px rgba(22,165,95,.9);}
.ondark .cards .card:nth-child(5n+3) .ic{background:#7C4DEB; box-shadow:0 8px 18px -8px rgba(124,77,235,.9);}
.ondark .cards .card:nth-child(5n+4) .ic{background:#0E9DC0; box-shadow:0 8px 18px -8px rgba(14,157,192,.9);}
.ondark .cards .card:nth-child(5n+5) .ic{background:#E09A20; box-shadow:0 8px 18px -8px rgba(224,154,32,.9);}
.ondark .cards .card .tiny{color:rgba(255,255,255,.66);}
.ondark .cards .card.card-go{
  background:linear-gradient(140deg,var(--accent-400),var(--accent) 62%,var(--accent-600));
  border-color:transparent; box-shadow:0 22px 46px -18px rgba(22,165,95,.6);
}
.ondark .cards .card.card-go:hover{box-shadow:0 30px 60px -18px rgba(22,165,95,.75);}
.ondark .cards .card.card-go .ic{background:rgba(255,255,255,.2); border-color:rgba(255,255,255,.34);}
.ondark .cards .card.card-go .ic svg{color:#fff;}
.ondark .cards .card.card-go p{color:rgba(255,255,255,.88);}
.hero{
  background:var(--dots) 0 0/34px 34px, var(--glow), var(--ground);
  border-bottom:0; padding-bottom:0;
}
.hero::before{background:radial-gradient(circle,rgba(92,232,176,.5),transparent 68%); opacity:.55;}
.hero::after{background:radial-gradient(circle,rgba(110,160,255,.55),transparent 68%); opacity:.5;}
.ondark .pill{
  background:rgba(255,255,255,.1); border-color:rgba(255,255,255,.22);
  color:rgba(255,255,255,.86); backdrop-filter:saturate(160%) blur(10px);
  box-shadow:0 8px 24px -10px rgba(5,12,45,.6);
}
.ondark .pill:hover{background:rgba(255,255,255,.16); box-shadow:0 12px 30px -10px rgba(5,12,45,.7);}
.ondark .pill b{background:var(--mint); color:#06371F;}
.ondark .pill b::after{background:#06371F;}
.ondark .grad{color:var(--mint);}
@supports (-webkit-background-clip:text) or (background-clip:text){
  .ondark .grad{
    background:linear-gradient(100deg,var(--mint) 0%,#7DF0DC 46%,#9EC6FF 100%);
    -webkit-background-clip:text; background-clip:text;
    -webkit-text-fill-color:transparent; color:transparent;
  }
}
.hero .shot{
  border-color:rgba(255,255,255,.14);
  box-shadow:0 44px 90px -26px rgba(5,12,45,.72), 0 0 0 1px rgba(255,255,255,.08);
}
.hero .float-note{
  border-color:rgba(255,255,255,.5);
  box-shadow:0 26px 52px -16px rgba(5,12,45,.66);
}
.hero-grid{padding-bottom:84px;}
@media (max-width:1000px){ .hero-grid{padding-bottom:64px;} }
@media (max-width:640px){ .hero-grid{padding-bottom:44px;} }
.stat b{font-variant-numeric:tabular-nums;}
.ondark .stat b{
  background:linear-gradient(135deg,var(--mint),#9EC6FF 70%);
  -webkit-background-clip:text; background-clip:text;
  -webkit-text-fill-color:transparent; color:var(--mint);
}
.ondark .stat span{color:rgba(255,255,255,.72);}
.quote{
  background:var(--dots) 0 0/30px 30px,
    linear-gradient(140deg,#24509E 0%,#16307F 48%,#0B1345 100%);
  box-shadow:0 30px 70px -28px rgba(5,12,45,.7);
}
.quote-av{background:linear-gradient(140deg,var(--accent-400),var(--accent-600)); color:#fff;}
.cta{
  background:var(--dots) 0 0/30px 30px, var(--glow),
    linear-gradient(140deg,var(--blue-lt) 0%,var(--brand) 40%,var(--navy) 100%);
  box-shadow:0 30px 70px -28px rgba(15,27,97,.55);
}
.btn-w{background:#fff; color:var(--brand);}
.btn-w:hover{background:var(--brand-50); color:var(--brand-700);}
.ftr{
  background:var(--dots) 0 0/34px 34px,
    linear-gradient(170deg,#132864 0%,#0F1B61 55%,#080F3C 100%);
  border-top:0; color:rgba(255,255,255,.7);
}
.ftr h5{color:#fff;}
.ftr a{color:rgba(255,255,255,.7);}
.ftr a:hover{color:var(--mint);}
.ftr .logo{color:#fff;}
.ftr .logo i{color:var(--mint);}
.ftr-about p{color:rgba(255,255,255,.66);}
.ftr-btm{border-top-color:rgba(255,255,255,.14); color:rgba(255,255,255,.55);}
@media (max-width:640px){
  
  .hero,.band{background:var(--glow),var(--ground);}
  .cta{background:var(--glow),
    linear-gradient(140deg,var(--blue-lt) 0%,var(--brand) 40%,var(--navy) 100%);}
  .quote{background:linear-gradient(140deg,#24509E 0%,#16307F 48%,#0B1345 100%);}
  .ftr{background:linear-gradient(170deg,#132864 0%,#0F1B61 55%,#080F3C 100%);}
  .hero .shot{box-shadow:0 24px 50px -18px rgba(5,12,45,.7);}
}
@media (max-width:900px){
  .ondark .card,.ondark .pill,.ondark .btn-s{backdrop-filter:none;}
  .ondark .card{background:rgba(255,255,255,.1);}
}
.ondark .shot,.ondark .float-note{color:var(--ink);}
.ondark .shot h1,.ondark .shot h2,.ondark .shot h3,
.ondark .shot h4,.ondark .shot h5,.ondark .float-note b{color:var(--ink);}
.ondark .shot p,.ondark .float-note p{color:var(--ink-2);}
.ondark .shot .small,.ondark .shot .tiny,
.ondark .float-note span{color:var(--ink-3);}
.ondark .logos p{color:rgba(255,255,255,.62);}
.ondark .logo-ph{color:rgba(255,255,255,.72);}
.ondark .logo-ph:hover{color:#fff;}
.logo{gap:10px;}
.logo-t{display:inline-flex;}
.logo-m{
  width:34px; height:34px; background:transparent; border:0;
  box-shadow:none; border-radius:9px;
}
.logo-m svg{width:34px; height:34px;}
.hdr.scrolled .logo-m{width:30px; height:30px;}
.hdr.scrolled .logo-m svg{width:30px; height:30px;}
.ondark .logo-m,.ftr .logo-m{
  background:#fff; border:1px solid rgba(255,255,255,.24);
  box-shadow:0 8px 20px -8px rgba(5,12,45,.7);
}
.ondark .logo-m svg,.ftr .logo-m svg{width:25px; height:25px;}
@media (max-width:420px){
  .logo-m,.logo-m svg{width:30px; height:30px;}
}
.ftr .logo{display:inline-flex; align-items:center;}
.cta .btn-row{justify-content:center;}
.phero{padding:84px 0 90px; text-align:center;}
.phero .h1{max-width:19ch; margin:0 auto;}
.phero .h1.wide{max-width:25ch;}
.phero .lead{margin:20px auto 0;}
.phero .btn-row{justify-content:center; margin-top:30px;}
.phero .eyebrow{margin-bottom:16px;}
.phero.left{text-align:left;}
.phero.left .h1,.phero.left .lead{margin-left:0; margin-right:0;}
.phero.left .btn-row,.phero.left .hchips{justify-content:flex-start;}
.hchips{display:flex; justify-content:center; flex-wrap:wrap; gap:10px; margin-top:44px;}
.hchip{
  display:inline-flex; align-items:center; gap:8px;
  padding:9px 16px; border-radius:99px;
  background:rgba(255,255,255,.1); border:1px solid rgba(255,255,255,.2);
  backdrop-filter:saturate(160%) blur(10px);
  font-size:.87rem; font-weight:600; color:#fff; white-space:nowrap;
  box-shadow:0 8px 22px -12px rgba(5,12,45,.7);
}
.hchip svg{width:16px; height:16px; color:var(--mint); flex:0 0 auto;}
.hchip b{font-weight:800; color:var(--mint); font-variant-numeric:tabular-nums;}
.hstats{display:grid; grid-template-columns:repeat(4,1fr); gap:14px; margin-top:46px;}
.hstats > *{min-width:0;}
.hstat{
  background:rgba(255,255,255,.08); border:1px solid rgba(255,255,255,.18);
  backdrop-filter:saturate(150%) blur(10px);
  border-radius:16px; padding:22px 18px; text-align:center;
  box-shadow:0 18px 40px -20px rgba(5,12,45,.8);
}
.hstat b{
  display:block; font-family:var(--f-d); font-size:2rem; font-weight:800;
  letter-spacing:-.03em; line-height:1; font-variant-numeric:tabular-nums;
  color:var(--mint);
  background:linear-gradient(135deg,var(--mint),#9EC6FF 75%);
  -webkit-background-clip:text; background-clip:text; -webkit-text-fill-color:transparent;
}
.hstat span{display:block; margin-top:9px; font-size:.84rem; font-weight:500;
  line-height:1.4; color:rgba(255,255,255,.72);}
@media (max-width:820px){ .hstats{grid-template-columns:repeat(2,1fr);} }
@media (max-width:900px){
  .hchip{backdrop-filter:none; background:rgba(255,255,255,.13);}
  .hstat{backdrop-filter:none; background:rgba(255,255,255,.11);}
}
@media (max-width:640px){
  .phero{padding:52px 0 60px;}
  .phero .h1,.phero .h1.wide{max-width:100%;}
  .hchips{gap:8px; margin-top:32px;}
  .hchip{padding:8px 13px; font-size:.81rem; white-space:normal;}
  .hstats{gap:10px; margin-top:34px;}
  .hstat{padding:16px 13px; border-radius:14px;}
  .hstat b{font-size:1.55rem;}
  .hstat span{font-size:.76rem;}
}
.tick-seal{
  width:66px; height:66px; margin:0 auto 26px; border-radius:50%;
  background:rgba(58,222,147,.18); border:1px solid rgba(92,232,176,.5);
  display:grid; place-items:center; color:var(--mint);
  box-shadow:0 14px 34px -14px rgba(22,165,95,.75);
}
.tick-seal svg{width:31px; height:31px;}
.ondark strong,.ondark .lead b{color:#fff;}
@media (max-width:640px){
  .pill{
    display:block; max-width:100%;
    border-radius:13px; padding:9px 13px 10px;
    line-height:1.45; text-align:left;
  }
  .pill b{
    display:inline-block; margin-right:7px;
    position:relative; top:-1px;
  }
}
@media (max-width:640px){
  .hdr,.hdr.scrolled{background:#fff; backdrop-filter:none;}
  .hero::before{animation:none; filter:blur(52px); opacity:.45;}
  .hero::after{display:none;}
  .flow-step,.fs-ic,.fs-ic svg,.flow-pulse{animation:none;}
  .flow-step{border-color:var(--line-2);}
  .flow-pulse{display:none;}
}
.ph{
  display:block; width:100%; height:auto;
  background-size:cover; background-position:center; background-repeat:no-repeat;
}
.ph-fill{position:absolute; inset:0; width:100%; height:100%; object-fit:cover;}
.ph-frame{
  position:relative; overflow:hidden; border-radius:22px;
  box-shadow:var(--sh-xl), 0 0 0 1px rgba(16,24,40,.06) inset;
  background:var(--bg-3);
}
.ondark .ph-frame{box-shadow:0 44px 90px -26px rgba(5,12,45,.72),
  0 0 0 1px rgba(255,255,255,.1) inset;}
.ph-frame.wash::after{
  content:""; position:absolute; inset:0; pointer-events:none;
  background:linear-gradient(145deg,rgba(45,96,208,.2),transparent 46%,
    rgba(15,27,97,.3));
}
.ph-band{
  position:relative; overflow:hidden; border-radius:26px;
  isolation:isolate; background:var(--navy);
}
.ph-band .ph{position:absolute; inset:0; width:100%; height:100%;
  object-fit:cover; z-index:0;}
.ph-band::before{
  content:""; position:absolute; inset:0; z-index:1; pointer-events:none;
  background:linear-gradient(100deg,rgba(9,17,60,.95) 0%,rgba(10,20,70,.9) 30%,
    rgba(12,26,86,.78) 58%,rgba(13,32,104,.72) 100%);
}
.ph-band::after{
  content:""; position:absolute; inset:0; z-index:1; pointer-events:none;
  background:var(--dots) 0 0/30px 30px;
  mix-blend-mode:soft-light; opacity:.8;
}
.ph-band-in{position:relative; z-index:2; padding:72px;
  display:grid; grid-template-columns:minmax(0,1fr) minmax(0,.85fr); gap:48px;
  align-items:center;}
.ph-band-in > .pbb{max-width:46ch;}
@media (max-width:940px){
  .ph-band-in{grid-template-columns:1fr; padding:48px 34px;}
  .ph-band::before{background:linear-gradient(175deg,rgba(9,17,60,.93) 0%,
    rgba(11,22,74,.88) 52%,rgba(13,30,96,.72) 100%);}
}
@media (max-width:560px){ .ph-band-in{padding:36px 22px;} .ph-band{border-radius:20px;} }
.pb-facts{display:grid; gap:14px;}
.pb-fact{
  display:flex; gap:14px; align-items:flex-start;
  background:rgba(8,16,54,.48); border:1px solid rgba(255,255,255,.2);
  border-radius:15px; padding:15px 17px;
  backdrop-filter:saturate(150%) blur(14px);
}
.pb-fact > div > b{display:block; font-family:var(--f-d); font-size:1.5rem;
  font-weight:800; letter-spacing:-.03em; color:#fff; line-height:1.05;
  font-variant-numeric:tabular-nums;}
.pb-fact > div > span{display:block; font-size:.86rem;
  color:rgba(255,255,255,.84); margin-top:3px;}
.pb-fact .fn-ic{background:rgba(255,255,255,.16); border-color:rgba(255,255,255,.2);}
.pb-fact .fn-ic svg{color:var(--mint);}
.duo-shot{position:relative;}
.duo-shot .ph-frame{max-width:100%;}
.duo-shot .pop{
  position:absolute; right:-26px; bottom:-30px; width:64%; min-width:270px;
  z-index:3; background:#fff; border:1px solid var(--line); border-radius:16px;
  box-shadow:0 34px 64px -20px rgba(5,12,45,.5); overflow:hidden;
}
.duo-shot .pop .shot-in{padding:15px;}
.duo-shot .pop .t-scroll table.t{min-width:0;}
.duo-shot .pop table.t td{padding:8px 8px 8px 0; font-size:.76rem;}
.duo-shot .pop .mini{gap:8px;}
.duo-shot .pop .mini b{font-size:1.04rem;}
.duo-shot.pop-l .pop{left:-26px; right:auto;}
@media (max-width:1100px){ .duo-shot.pop-l .pop{left:-8px;} }
@media (max-width:1100px){ .duo-shot .pop{right:-8px; width:70%;} }
@media (max-width:940px){ .duo-shot{margin-bottom:34px;} }
@media (max-width:560px){
  .duo-shot .pop{position:static; width:100%; margin-top:16px; box-shadow:var(--sh-lg);}
  .duo-shot{margin-bottom:0;}
}
.av{border-radius:50%; object-fit:cover; flex:0 0 auto; background:var(--bg-3);}
.av-stack{display:flex; align-items:center; padding-left:11px;}
.av-stack .av{width:36px; height:36px; margin-left:-11px;
  border:2px solid #fff; box-shadow:0 3px 8px rgba(5,12,45,.3);}
.ondark .av-stack .av{border-color:rgba(255,255,255,.85);}
.av-line{display:flex; align-items:center; gap:13px; margin-top:26px;}
.av-line p{font-size:.86rem; line-height:1.45;}
.quote-av-ph{width:56px; height:56px; box-shadow:0 0 0 2px rgba(255,255,255,.3);}
.float-note .av{width:34px; height:34px;}
.mosaic{display:grid; grid-template-columns:repeat(4,1fr); gap:16px;}
.mosaic .ph-frame{border-radius:18px;}
.mosaic .m-tall{grid-row:span 2;}
@media (max-width:860px){ .mosaic{grid-template-columns:repeat(2,1fr);} }
@keyframes rise{
  from{opacity:0; transform:translateY(20px);}
  to{opacity:1; transform:none;}
}
@keyframes riseBig{
  from{opacity:0; transform:translateY(34px) scale(.97);}
  to{opacity:1; transform:none;}
}
@keyframes noteIn{
  from{opacity:0; transform:translateY(16px) scale(.94);}
  to{opacity:1; transform:none;}
}
.rise > *{animation:rise .75s cubic-bezier(.22,.7,.28,1) both;}
.rise > *:nth-child(1){animation-delay:.04s;}
.rise > *:nth-child(2){animation-delay:.12s;}
.rise > *:nth-child(3){animation-delay:.2s;}
.rise > *:nth-child(4){animation-delay:.28s;}
.rise > *:nth-child(5){animation-delay:.36s;}
.rise > *:nth-child(6){animation-delay:.44s;}
.rise-late{animation:riseBig .95s cubic-bezier(.22,.7,.28,1) .22s both;}
.float-note{
  animation:noteIn .7s cubic-bezier(.2,.8,.3,1) both,
            bob 5s ease-in-out infinite;
  animation-delay:.5s, 1.25s;
}
.fn-2{animation-delay:.78s, 1.5s;}
.fn-3{animation-delay:1.06s, 1.8s;}
.js .reveal{opacity:0; transform:translateY(20px);}
.js .reveal.in{
  opacity:1; transform:none;
  transition:opacity .62s cubic-bezier(.22,.7,.28,1),
             transform .62s cubic-bezier(.22,.7,.28,1);
}
.js .reveal.from-l{transform:translateX(-26px);}
.js .reveal.from-r{transform:translateX(26px);}
@media (max-width:940px){
  .js .reveal.from-l,.js .reveal.from-r{transform:translateY(20px);}
}
.js .reveal.from-s{transform:scale(.955);}
.js .reveal.from-l.in,.js .reveal.from-r.in,.js .reveal.from-s.in{transform:none;}
.count{font-variant-numeric:tabular-nums;}
.js .seq tbody tr{opacity:0; transform:translateX(-10px);}
.js .seq.go tbody tr{
  opacity:1; transform:none;
  transition:opacity .42s ease, transform .42s cubic-bezier(.22,.7,.28,1);
}
.js .seq.go tbody tr:nth-child(1){transition-delay:.06s;}
.js .seq.go tbody tr:nth-child(2){transition-delay:.19s;}
.js .seq.go tbody tr:nth-child(3){transition-delay:.32s;}
.js .seq.go tbody tr:nth-child(4){transition-delay:.45s;}
.js .seq.go tbody tr:nth-child(5){transition-delay:.58s;}
.js .seq.go tbody tr:nth-child(6){transition-delay:.71s;}
.js .seq.go tbody tr:nth-child(7){transition-delay:.84s;}
.js .seq.go tbody tr:nth-child(8){transition-delay:.97s;}
.mq{overflow:hidden; -webkit-mask-image:linear-gradient(90deg,transparent,#000 9%,#000 91%,transparent);
  mask-image:linear-gradient(90deg,transparent,#000 9%,#000 91%,transparent);}
.mq-track{display:flex; width:max-content; gap:56px; padding:2px 28px;
  animation:mq 38s linear infinite;}
.mq:hover .mq-track,.mq:focus-within .mq-track{animation-play-state:paused;}
@keyframes mq{to{transform:translateX(-50%);}}
@media (max-width:640px){ .mq-track{gap:34px; animation-duration:26s;} }
@supports (-webkit-background-clip:text) or (background-clip:text){
  .grad,.ondark .grad{background-size:230% 100%; animation:sheen 11s ease-in-out infinite;}
}
@keyframes sheen{0%,100%{background-position:14% 50%;} 50%{background-position:86% 50%;}}
.live::after{
  content:""; position:absolute; inset:-4px; border-radius:99px;
  border:1px solid currentColor; opacity:0; animation:ring 3.2s ease-out infinite;
}
.live{position:relative;}
@keyframes ring{
  0%{opacity:.5; transform:scale(.88);}
  70%{opacity:0; transform:scale(1.25);}
  100%{opacity:0; transform:scale(1.25);}
}
.tilt{perspective:1400px;}
.tilt-in{transition:transform .5s cubic-bezier(.22,.7,.28,1);}
.tilt.live-tilt .tilt-in{transition:transform .12s linear;}
.ph-band .ph.plx{height:124%; top:-12%;}
.btn-p,.btn-w{overflow:hidden;}
.btn-p::after,.btn-w::after{
  content:""; position:absolute; top:0; left:-60%; width:45%; height:100%;
  background:linear-gradient(100deg,transparent,rgba(255,255,255,.34),transparent);
  transform:skewX(-18deg); transition:left .55s cubic-bezier(.3,.7,.4,1);
}
.btn-w::after{background:linear-gradient(100deg,transparent,rgba(45,96,208,.16),transparent);}
.btn-p:hover::after,.btn-w:hover::after{left:115%;}
.btn-p > *,.btn-w > *{position:relative;}
.card{will-change:auto;}
.ph-frame .ph{transition:transform .7s cubic-bezier(.22,.7,.28,1);}
.ph-frame:hover .ph{transform:scale(1.035);}
@media (prefers-reduced-motion:reduce){
  .rise > *,.rise-late,.float-note,.grad,.ondark .grad,.mq-track,.live::after{
    animation:none !important;
  }
  .rise > *,.rise-late{opacity:1 !important; transform:none !important;}
  .float-note{opacity:1 !important; transform:none !important;}
  .js .reveal,.js .reveal.in{opacity:1; transform:none; transition:none;}
  .js .seq tbody tr{opacity:1; transform:none;}
  .ph-frame:hover .ph{transform:none;}
  .btn-p::after,.btn-w::after{display:none;}
  .ph-band .ph.plx{height:100%; top:0;}
}
.mq-set{display:flex; align-items:center; gap:56px; padding-right:56px;}
@media (max-width:640px){ .mq-set{gap:34px; padding-right:34px;} }
.logos .mq{margin-top:4px;}
.pb-fact.words > div > b{font-size:1.04rem; letter-spacing:-.016em;}
.q-photo{display:grid; grid-template-columns:300px minmax(0,1fr); gap:46px;
  align-items:center;}
.q-photo .q-ph{border-radius:20px;}
.q-photo .h3{color:#fff; font-weight:700; line-height:1.36; letter-spacing:-.018em;}
@media (max-width:860px){
  .q-photo{grid-template-columns:1fr; gap:30px;}
  .q-photo .q-ph{max-width:230px;}
}
.cta-ph{position:relative; overflow:hidden; isolation:isolate; padding:0;
  background:var(--dots) 0 0/30px 30px, var(--glow),
    linear-gradient(140deg,var(--blue-lt) 0%,var(--brand) 42%,var(--navy) 100%);}
.cta-ph > .ph{
  position:absolute; top:0; right:0; width:54%; height:100%;
  object-fit:cover; object-position:center 42%; z-index:0;
  -webkit-mask-image:linear-gradient(90deg,transparent 0,#000 58%);
  mask-image:linear-gradient(90deg,transparent 0,#000 58%);
}
.cta-ph::after{
  content:""; position:absolute; inset:0; z-index:1; pointer-events:none;
  background:linear-gradient(100deg,rgba(15,27,97,.5) 0%,rgba(15,27,97,.26) 44%,
    rgba(15,27,97,.08) 72%,rgba(15,27,97,.14) 100%);
}
.cta-in{position:relative; z-index:2; padding:64px; max-width:58%; text-align:left;}
.cta-in .btn-row{justify-content:flex-start;}
.cta-in .h2{color:#fff; margin-bottom:14px;}
.cta-in p{color:rgba(255,255,255,.9); font-size:1.08rem; max-width:44ch;
  margin:0 0 28px;}
@media (max-width:940px){
  
  .cta-ph > .ph{width:100%; height:190px; top:0; right:auto;
    -webkit-mask-image:linear-gradient(180deg,#000 45%,transparent);
    mask-image:linear-gradient(180deg,#000 45%,transparent);}
  .cta-in{max-width:none; padding:150px 34px 46px; text-align:center;}
  .cta-in p{margin-left:auto; margin-right:auto;}
  .cta-in .btn-row{justify-content:center;}
}
@media (max-width:560px){ .cta-in{padding:130px 24px 40px;} }
.navy-ph{position:relative; overflow:hidden; isolation:isolate;}
.navy-ph > .navy-bg{
  position:absolute; inset:0; width:100%; height:100%;
  object-fit:cover; object-position:center 42%;
  z-index:0; mix-blend-mode:luminosity; opacity:.6;
}
.navy-ph > .navy-scrim{
  position:absolute; inset:0; z-index:1; pointer-events:none; display:block;
  background:
    radial-gradient(115% 85% at 50% 45%, rgba(10,18,62,.82) 0%,
      rgba(12,24,80,.66) 45%, rgba(14,32,100,.5) 100%),
    linear-gradient(180deg, rgba(10,18,62,.6) 0%, rgba(10,18,62,.2) 35%,
      rgba(10,18,62,.25) 65%, rgba(10,18,62,.7) 100%);
}
.navy-ph > .wrap{position:relative; z-index:2;}
.navy-ph > .navy-scrim::after{
  content:""; position:absolute; inset:0;
  background:var(--dots) 0 0/34px 34px; opacity:.55;
}
.hero.navy-ph > .navy-bg{opacity:.5;}
@media (max-width:640px){
  
  .navy-ph > .navy-bg{object-position:center 45%; opacity:.46;}
  .navy-ph > .navy-scrim::after{display:none;}
}
@supports not (mix-blend-mode:luminosity){
  .navy-ph > .navy-bg{opacity:.3;}
}
.ondark .cards .card:nth-child(5n+1) .ic,
.ondark .cards .card:nth-child(5n+2) .ic,
.ondark .cards .card:nth-child(5n+3) .ic,
.ondark .cards .card:nth-child(5n+4) .ic,
.ondark .cards .card:nth-child(5n+5) .ic{
  background:linear-gradient(140deg,var(--amber),#E09A20);
  border-color:transparent;
  box-shadow:0 8px 20px -8px rgba(245,179,63,.7);
}
.ondark .cards .card .ic svg{color:#4A2D05;}
.ondark .cards .card.card-go:nth-child(5n+1) .ic,
.ondark .cards .card.card-go:nth-child(5n+2) .ic,
.ondark .cards .card.card-go:nth-child(5n+3) .ic,
.ondark .cards .card.card-go:nth-child(5n+4) .ic,
.ondark .cards .card.card-go:nth-child(5n+5) .ic{
  background:rgba(255,255,255,.2); box-shadow:none;
}
.ondark .cards .card.card-go .ic svg{color:#fff;}
.ins-tag{
  display:inline-block; font-size:.7rem; font-weight:700; letter-spacing:.07em;
  text-transform:uppercase; color:var(--brand); background:var(--brand-50);
  border:1px solid var(--brand-100); padding:4px 10px; border-radius:99px;
}
.ondark .ins-tag{background:rgba(255,255,255,.16); border-color:rgba(255,255,255,.22);
  color:#fff;}
.ins-card-in .ins-tag,.share .ins-tag{align-self:flex-start;}
.ins-meta .ins-tag{align-self:auto;}
.ins-meta{
  display:flex; align-items:center; gap:10px; flex-wrap:wrap; align-self:flex-start;
  font-size:.84rem; color:var(--ink-3); font-weight:500;
}
.ins-meta i{width:3px; height:3px; border-radius:50%; background:var(--line-2);
  display:block;}
.ondark .ins-meta{color:rgba(255,255,255,.76);}
.ondark .ins-meta i{background:rgba(255,255,255,.4);}
.ins-lead{
  display:grid; grid-template-columns:1.05fr .95fr; gap:44px; align-items:center;
  background:#fff; border:1px solid var(--line); border-radius:26px;
  padding:26px; box-shadow:var(--sh-sm);
  transition:box-shadow .25s, transform .25s, border-color .2s;
}
.ins-lead:hover{box-shadow:var(--sh-xl); transform:translateY(-3px);
  border-color:var(--line-2);}
.ins-lead-ph{display:block; border-radius:18px;}
.ins-lead-ph img{aspect-ratio:16/10; object-fit:cover; width:100%;}
.ins-lead-in{display:block;}
.ins-lead-in .h2{display:block; font-size:clamp(1.5rem,2.4vw,2.05rem);
  margin:14px 0 14px;}
.ins-lead-in .lead{margin-bottom:18px;}
.ins-flag{
  display:inline-block; margin-right:8px; font-size:.7rem; font-weight:800;
  letter-spacing:.08em; text-transform:uppercase; color:#06371F;
  background:var(--mint); padding:4px 10px; border-radius:99px;
}
@media (max-width:940px){
  .ins-lead{grid-template-columns:1fr; gap:22px; padding:18px;}
}
.ins-filter{margin-bottom:34px;}
.ins-grid{display:grid; grid-template-columns:repeat(3,1fr); gap:24px;}
@media (max-width:940px){ .ins-grid{grid-template-columns:repeat(2,1fr);} }
@media (max-width:640px){ .ins-grid{grid-template-columns:1fr;} }
.ins-card{
  display:flex; flex-direction:column; background:#fff;
  border:1px solid var(--line); border-radius:20px; overflow:hidden;
  box-shadow:var(--sh-sm);
  transition:box-shadow .22s, transform .22s, border-color .2s;
}
.ins-card:hover{box-shadow:var(--sh-lg); transform:translateY(-4px);
  border-color:var(--line-2);}
.ins-cover{display:block; overflow:hidden; background:var(--bg-3);}
.ins-cover img{aspect-ratio:16/10; object-fit:cover; width:100%;
  transition:transform .6s cubic-bezier(.22,.7,.28,1);}
.ins-card:hover .ins-cover img{transform:scale(1.05);}
.ins-card-in{display:flex; flex-direction:column; flex:1; padding:22px;}
.ins-card .h4{display:block; margin:12px 0 10px;}
.ins-card p{font-size:.94rem; color:var(--ink-2); flex:1; margin-bottom:16px;}
.ins-card.hide{display:none;}
.ins-empty{text-align:center; color:var(--ink-3); padding:40px 0;}
.ins-read{
  display:inline-flex; align-items:center; gap:7px;
  font-size:.92rem; font-weight:600; color:var(--brand);
}
.ins-read .ar{width:15px; height:15px; transition:transform .2s;}
.ins-lead:hover .ins-read .ar{transform:translateX(4px);}
.ins-hero{padding:70px 0 62px; text-align:left;}
.ins-hero .h1{max-width:22ch; margin:12px 0 18px;}
.ins-hero .lead{margin-bottom:22px;}
@media (max-width:640px){ .ins-hero{padding:48px 0 44px;} }
.crumbs{font-size:.86rem; color:var(--ink-3); margin-bottom:18px;}
.ondark .crumbs{color:rgba(255,255,255,.7);}
.crumbs a{font-weight:500;}
.ondark .crumbs a{color:rgba(255,255,255,.88);}
.crumbs a:hover{color:var(--brand);}
.ondark .crumbs a:hover{color:var(--mint);}
.crumbs span{margin:0 6px; color:var(--ink-4);}
.ondark .crumbs span{color:rgba(255,255,255,.5);}
.crumbs .here{margin:0; color:inherit;}
.ins-layout{display:grid; grid-template-columns:232px minmax(0,1fr); gap:56px;
  align-items:start;}
@media (max-width:1000px){ .ins-layout{grid-template-columns:1fr; gap:30px;} }
.ins-layout > *{min-width:0;}
.toc{position:sticky; top:96px;}
@media (max-width:1000px){ .toc{position:static;} }
.toc-t{font-size:.72rem; font-weight:700; letter-spacing:.08em;
  text-transform:uppercase; color:var(--ink-4); margin-bottom:12px;}
.toc-list{display:flex; flex-direction:column; border-left:2px solid var(--line);}
.toc-list a{
  padding:8px 0 8px 14px; margin-left:-2px; font-size:.9rem; line-height:1.4;
  color:var(--ink-3); border-left:2px solid transparent;
  transition:color .18s, border-color .18s;
}
.toc-list a:hover{color:var(--ink);}
.toc-list a.on{color:var(--brand); font-weight:600; border-left-color:var(--brand);}
.ins-body{max-width:70ch;}
.ins-body h2{
  font-family:var(--f-d); font-size:1.55rem; font-weight:800;
  letter-spacing:-.024em; margin:46px 0 14px; color:var(--ink);
  scroll-margin-top:100px;
}
.ins-body h2:first-child{margin-top:0;}
.ins-body h3{
  font-family:var(--f-d); font-size:1.14rem; font-weight:700;
  letter-spacing:-.016em; margin:32px 0 10px; color:var(--ink);
}
.ins-body p{margin-bottom:19px; color:var(--ink-2); font-size:1.06rem;
  line-height:1.74;}
.ins-body strong{color:var(--ink); font-weight:600;}
.ins-body em{font-style:italic;}
.ins-body ul,.ins-body ol{margin:0 0 22px; padding-left:22px;
  color:var(--ink-2); font-size:1.06rem; line-height:1.74;}
.ins-body li{margin-bottom:10px;}
.ins-body li::marker{color:var(--brand); font-weight:700;}
.ins-body a:not(.btn){color:var(--brand); font-weight:600;
  text-decoration:underline; text-underline-offset:3px;
  text-decoration-thickness:1.5px;}
.ins-body a:not(.btn):hover{color:var(--brand-700);}
.ins-body blockquote{
  margin:32px 0; padding:22px 26px; border-radius:0 18px 18px 0;
  border-left:3px solid var(--accent); background:var(--ok-bg);
}
.ins-body blockquote p{margin:0; color:var(--ink); font-weight:500;
  font-size:1.08rem;}
.ins-cta{
  position:relative; overflow:hidden; isolation:isolate;
  margin-top:52px; border-radius:22px;
  background:linear-gradient(140deg,var(--blue-lt) 0%,var(--brand) 42%,var(--navy) 100%);
  box-shadow:0 26px 60px -26px rgba(15,27,97,.55);
}
.ins-cta-in{position:relative; z-index:2; padding:38px;}
@media (max-width:640px){ .ins-cta-in{padding:28px 24px;} }
.ins-cta .h3{color:#fff; margin-bottom:8px; max-width:20ch;}
.ins-cta p{color:rgba(255,255,255,.9); margin-bottom:24px; font-size:1.02rem;
  max-width:42ch;}
.ins-cta .btn-p{background:var(--accent); color:#fff;
  box-shadow:0 10px 26px -10px rgba(22,165,95,.75);}
.ins-cta .btn-p:hover{background:var(--accent-600);}
.ins-cta > .navy-bg{opacity:.62; object-position:center 38%;}
.ins-cta > .navy-scrim{
  background:linear-gradient(100deg,rgba(9,17,60,.96) 0%,rgba(11,21,72,.9) 38%,
    rgba(13,28,92,.6) 68%,rgba(15,38,116,.42) 100%);
}
.ins-cta > .navy-scrim::after{opacity:.4;}
@media (max-width:640px){
  
  .ins-cta > .navy-scrim{
    background:linear-gradient(170deg,rgba(9,17,60,.92) 0%,rgba(12,26,86,.84) 100%);
  }
  .ins-cta > .navy-bg{opacity:.5;}
}
.share{display:flex; flex-direction:column; align-items:flex-start; gap:9px;
  margin-top:34px; padding-top:26px; border-top:1px solid var(--line);}
.share-l{font-size:.72rem; font-weight:700; letter-spacing:.08em;
  text-transform:uppercase; color:var(--ink-4);}
.share-b{
  display:inline-flex; align-items:center; gap:9px; width:100%;
  padding:9px 13px; border-radius:10px; cursor:pointer;
  border:1px solid var(--line); background:#fff; font-family:var(--f);
  font-size:.88rem; font-weight:600; color:var(--ink-2);
  transition:background .16s, border-color .16s, color .16s, transform .16s;
}
.share-b svg{width:16px; height:16px; flex:0 0 auto;}
.share-b:hover{transform:translateY(-1px); border-color:var(--line-2);}
.share-b.wa:hover{background:#25D366; border-color:#25D366; color:#fff;}
.share-b.li:hover{background:#0A66C2; border-color:#0A66C2; color:#fff;}
.share-b.x:hover{background:#111; border-color:#111; color:#fff;}
.share-b.copy.done{background:var(--ok-bg); border-color:var(--ok-line);
  color:var(--ok);}
@media (max-width:1000px){
  .share{flex-direction:row; align-items:center; flex-wrap:wrap;}
  .share-b{width:auto;}
}
.ins-more{display:grid; grid-template-columns:repeat(3,1fr); gap:18px;}
@media (max-width:940px){ .ins-more{grid-template-columns:1fr;} }
.ins-more-item{
  display:block; background:#fff; border:1px solid var(--line);
  border-radius:18px; padding:22px; box-shadow:var(--sh-sm);
  transition:box-shadow .2s, transform .2s;
}
.ins-more-item:hover{box-shadow:var(--sh-lg); transform:translateY(-3px);}
.ins-more-item b{display:block; margin:10px 0 7px; font-family:var(--f-d);
  font-size:1.02rem; font-weight:700; color:var(--ink); line-height:1.35;}
.ins-more-item p{font-size:.9rem; color:var(--ink-2); line-height:1.58;
  margin-bottom:12px;}
.js .ms-fld > select[data-picker]{
  position:absolute; width:1px; height:1px; padding:0; margin:-1px;
  overflow:hidden; clip:rect(0 0 0 0); white-space:nowrap; border:0;
}
.fld-hint{margin-top:7px; font-size:.82rem; color:var(--ink-3);}
.ms{position:relative;}
.ms-btn{
  width:100%; min-height:46px; display:flex; align-items:center; gap:8px;
  flex-wrap:wrap; padding:8px 40px 8px 10px; cursor:pointer; text-align:left;
  border:1px solid var(--line-2); border-radius:var(--r-sm); background:#fff;
  font-family:var(--f); font-size:.95rem; color:var(--ink); position:relative;
  transition:border-color .15s, box-shadow .15s;
}
.ms-btn:hover{border-color:var(--ink-4);}
.ms.open .ms-btn,.ms-btn:focus-visible{
  outline:none; border-color:var(--brand); box-shadow:0 0 0 3px var(--brand-100);
}
.ms-ph{color:var(--ink-4);}
.ms-caret{
  position:absolute; right:12px; top:50%; transform:translateY(-50%);
  width:16px; height:16px; color:var(--ink-3); transition:transform .2s;
  pointer-events:none;
}
.ms.open .ms-caret{transform:translateY(-50%) rotate(180deg);}
.ms-chip{
  display:inline-flex; align-items:center; gap:6px; max-width:100%;
  padding:4px 6px 4px 10px; border-radius:99px; font-size:.84rem;
  font-weight:600; background:var(--brand-50); color:var(--brand);
  border:1px solid var(--brand-100);
}
.ms-chip.fam{background:var(--ok-bg); color:var(--ok); border-color:var(--ok-line);}
.ms-chip span{overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.ms-x{
  display:grid; place-items:center; width:17px; height:17px; flex:0 0 auto;
  border:0; border-radius:50%; background:transparent; cursor:pointer;
  color:inherit; font-family:var(--f); line-height:1; padding:0;
}
.ms-x:hover{background:rgba(0,0,0,.09);}
.ms-x svg{width:10px; height:10px;}
.ms-more{font-size:.84rem; font-weight:600; color:var(--ink-3);}
.ms-panel{
  position:absolute; z-index:40; left:0; right:0; top:calc(100% + 6px);
  background:#fff; border:1px solid var(--line-2); border-radius:14px;
  box-shadow:0 20px 44px -12px rgba(16,24,40,.24), 0 0 0 1px rgba(16,24,40,.03);
  overflow:hidden; display:flex; flex-direction:column; max-height:min(58vh,420px);
}
.ms-panel[hidden]{display:none;}
.ms-search{padding:10px; border-bottom:1px solid var(--line); flex:0 0 auto;}
.ms-search input{
  width:100%; padding:9px 11px; border:1px solid var(--line); border-radius:8px;
  font-family:var(--f); font-size:.9rem; background:var(--bg-2);
}
.ms-search input:focus{outline:none; border-color:var(--brand); background:#fff;}
.ms-list{overflow-y:auto; padding:6px; flex:1 1 auto; overscroll-behavior:contain;}
.ms-opt{
  display:flex; align-items:center; gap:10px; width:100%;
  padding:9px 10px; border-radius:8px; cursor:pointer;
  font-size:.93rem; color:var(--ink-2); border:0; background:none;
  font-family:var(--f); text-align:left;
}
.ms-opt:hover,.ms-opt.cursor{background:var(--bg-2); color:var(--ink);}
.ms-opt[hidden]{display:none;}
.ms-head{font-weight:700; color:var(--ink); font-size:.9rem;
  letter-spacing:-.01em; margin-top:4px;}
.ms-head .ms-n{margin-left:auto; font-size:.76rem; font-weight:600;
  color:var(--ink-4);}
.ms-group + .ms-group{border-top:1px solid var(--line); margin-top:6px; padding-top:2px;}
.ms-group .ms-opt:not(.ms-head){padding-left:34px;}
.ms-box{
  width:18px; height:18px; flex:0 0 auto; border-radius:5px;
  border:1.5px solid var(--line-2); background:#fff; display:grid;
  place-items:center; transition:background .14s, border-color .14s;
}
.ms-box svg{width:12px; height:12px; color:#fff; opacity:0;}
.ms-opt[aria-selected="true"] .ms-box{background:var(--brand); border-color:var(--brand);}
.ms-opt[aria-selected="true"] .ms-box svg{opacity:1;}
.ms-opt[data-part="1"] .ms-box{background:var(--brand); border-color:var(--brand);}
.ms-opt[data-part="1"] .ms-box svg{opacity:0;}
.ms-opt[data-part="1"] .ms-box::after{
  content:""; width:9px; height:2px; border-radius:1px; background:#fff;
}
.ms-empty{padding:22px 12px; text-align:center; color:var(--ink-3); font-size:.9rem;}
.ms-foot{
  display:flex; align-items:center; gap:12px; padding:10px 12px;
  border-top:1px solid var(--line); background:var(--bg-2); flex:0 0 auto;
}
.ms-count{font-size:.84rem; color:var(--ink-3); margin-right:auto;}
.ms-foot button{
  font-family:var(--f); font-size:.86rem; font-weight:600; cursor:pointer;
  padding:7px 14px; border-radius:8px; border:1px solid transparent;
}
.ms-clear{background:none; color:var(--ink-3);}
.ms-clear:hover{color:var(--err); background:var(--err-bg);}
.ms-done{background:var(--brand); color:#fff;}
.ms-done:hover{background:var(--brand-700);}
.ms-panel.sheet{
  position:fixed; inset:auto 0 0 0; top:auto; z-index:60;
  max-height:76vh; border-radius:18px 18px 0 0; border-bottom:0;
  animation:msUp .22s cubic-bezier(.22,.7,.28,1);
}
.ms-backdrop{position:fixed; inset:0; z-index:59; background:rgba(9,17,60,.45);}
@media (max-width:560px){
  .ms-opt{padding:12px 10px;}
  .ms-group .ms-opt:not(.ms-head){padding-left:38px;}
}
@keyframes msUp{from{transform:translateY(14px); opacity:0;} to{transform:none; opacity:1;}}
@media (prefers-reduced-motion:reduce){
  .ms.open .ms-panel{animation:none;}
  .ms-caret{transition:none;}
}
.legal{margin-top:34px;}
.legal h2{margin:38px 0 10px;}
.legal h2:first-child{margin-top:0;}
.legal p{margin:0 0 14px; color:var(--ink-2); line-height:1.75;}
.legal ul.ticks{margin:8px 0 18px;}
.legal a{color:var(--brand); font-weight:600;}
.legal .t-scroll{margin:18px 0 20px;}
.note-fill{
  background:#FFF8EB; border:1px solid #E7C489; border-left:3px solid #C07C14;
  border-radius:10px; padding:14px 16px; color:#7A4A06 !important;
}
.note-fill a{color:#7A4A06; text-decoration:underline;}
.ftr-legal{display:flex; gap:18px; flex-wrap:wrap;}
.ftr-legal a{color:inherit; opacity:.82;}
.ftr-legal a:hover{opacity:1;}
.cc{
  position:fixed; left:20px; z-index:80;
  bottom:calc(20px + env(safe-area-inset-bottom));
  width:min(452px, calc(100vw - 40px));
  background:#fff; border:1px solid var(--line); border-radius:14px;
  box-shadow:0 18px 44px rgba(16,24,40,.18);
  padding:20px 22px;
}
.cc-t{font-weight:700; color:var(--ink); margin:0 0 6px; font-size:1rem;}
.cc-b{margin:0 0 16px; color:var(--ink-2); font-size:.88rem; line-height:1.6;}
.cc-b a{color:var(--brand); font-weight:600;}
.cc-btns{display:flex; gap:8px;}
.cc-btns[hidden]{display:none;}
.cc-btns .btn{flex:1; justify-content:center; padding:9px 10px; font-size:.86rem;}
.cc-prefs{
  border-top:1px solid var(--line); border-bottom:1px solid var(--line);
  margin:0 0 16px; padding:4px 0;
  max-height:min(46vh, 300px); overflow-y:auto;
}
.cc-row{
  display:flex; align-items:flex-start; gap:14px;
  padding:13px 2px; border-bottom:1px solid var(--line);
}
.cc-row:last-child{border-bottom:0;}
.cc-rx{display:block; flex:1; cursor:pointer;}
label.cc-rx{cursor:pointer;}
.cc-rt{display:block; font-weight:650; color:var(--ink); font-size:.85rem;}
.cc-rb{display:block; color:var(--ink-3); font-size:.78rem; line-height:1.55; margin-top:3px;}
.cc-always{
  flex-shrink:0; font-size:.72rem; font-weight:650; color:var(--ink-3);
  background:var(--bg-2); border:1px solid var(--line);
  border-radius:999px; padding:4px 10px; margin-top:2px;
}
.cc-sw{
  flex-shrink:0; width:20px; height:20px; margin-top:2px;
  accent-color:var(--brand); cursor:pointer;
}
@media (max-width:640px){
  .cc{left:12px; right:12px; width:auto; bottom:calc(12px + env(safe-area-inset-bottom));}
  
  .cc-btns{flex-direction:column;}
}
.ftr-note{font-size:.8rem; line-height:1.6; color:var(--ink-3); margin-top:12px; max-width:44ch;}
.skip{
  position:absolute; left:8px; top:-64px; z-index:200;
  background:var(--brand); color:#fff; padding:12px 18px;
  border-radius:0 0 10px 10px; font-weight:600; text-decoration:none;
  transition:top .15s ease;
}
.skip:focus{top:0;}
main:focus{outline:none;}
.legal-2{
  display:grid; grid-template-columns:1fr 1fr; gap:22px 56px;
  align-items:start; max-width:none;
}
.legal-2 > div > h2:first-child{margin-top:0;}
@media (max-width:860px){
  .legal-2{grid-template-columns:1fr; gap:0;}
  
  .legal-2 > div + div > h2:first-child{margin-top:38px;}
}