/* Shared styles for the solution pages (self-managed HOA, condo, dues collection).
   Same tokens and look as the home page, trimmed to what these pages use. */
:root{
  --ink:#0B2340; --ink-soft:#54627B; --ink-faint:#7C8AA3;
  --paper:#F1F4FA; --surface:#FFFFFF; --surface-2:#F7F9FD;
  --blue:#1C56D6; --blue-deep:#123B99; --blue-pale:#E4ECFC;
  --amber:#EFA23B; --amber-deep:#C97F1F;
  --line:#DBE3F0; --good:#2C8F63; --bad:#D0553B;
  --glow-a:rgba(28,86,214,.22); --glow-b:rgba(239,162,59,.20);
  --shadow:0 30px 80px -30px rgba(11,35,64,.35);
  --label:Arial,Helvetica,sans-serif;
  color-scheme:light;
}
:root[data-theme="dark"]{
  --ink:#EAF0FC; --ink-soft:#AFBBD6; --ink-faint:#7E8CAA;
  --paper:#081327; --surface:#101F3D; --surface-2:#152A4D;
  --blue:#5B8DF2; --blue-deep:#8FB3F7; --blue-pale:#132A54;
  --amber:#F2B75A; --line:rgba(255,255,255,.12); --good:#4FBF8E; --bad:#E58269;
  --glow-a:rgba(91,141,242,.28); --glow-b:rgba(242,183,90,.16);
  --shadow:0 30px 80px -30px rgba(0,0,0,.7);
  color-scheme:dark;
}
*{box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{margin:0;background:var(--paper);color:var(--ink);font-family:'Work Sans',system-ui,sans-serif;font-size:16.5px;line-height:1.6;-webkit-font-smoothing:antialiased;overflow-x:hidden;}
h1,h2,h3{font-family:'Sora',sans-serif;line-height:1.12;margin:0;letter-spacing:-.02em;}
p{margin:0;}
a{color:inherit;}
img{max-width:100%;display:block;height:auto;}
.wrap{width:min(1200px,100% - 32px);margin-inline:auto;}
.ic{width:1em;height:1em;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;}
.skip-link{position:absolute;left:-999px;top:8px;background:var(--blue);color:#fff;padding:10px 16px;border-radius:8px;z-index:300;}
.skip-link:focus{left:8px;}
:focus-visible{outline:2px solid var(--blue);outline-offset:3px;border-radius:6px;}
.tick{flex:none;width:22px;height:22px;padding:4px;border-radius:50%;background:color-mix(in srgb,var(--good) 16%,transparent);stroke:var(--good);fill:none;stroke-width:3.2;stroke-linecap:round;stroke-linejoin:round;}

/* Buttons */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:14px 24px;border-radius:999px;font-family:'Sora',sans-serif;font-weight:600;font-size:15px;text-decoration:none;border:1px solid transparent;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease,background .2s ease,border-color .2s ease;white-space:nowrap;}
.btn:active{transform:scale(.97);}
.btn-primary{position:relative;overflow:hidden;color:#fff;background:linear-gradient(135deg,var(--blue),#0075CC);box-shadow:0 12px 30px -10px rgba(28,86,214,.7);}
.btn-primary:hover{transform:translateY(-2px);}
.btn-gold{color:#2a1a00;background:linear-gradient(135deg,#FFD58A,var(--amber));box-shadow:0 0 0 6px rgba(239,162,59,.16),0 18px 50px -12px rgba(239,162,59,.75);}
.btn-gold:hover{transform:translateY(-2px);box-shadow:0 0 0 8px rgba(239,162,59,.22),0 22px 60px -12px rgba(239,162,59,.9);}
.btn-line{background:rgba(255,255,255,.06);color:#fff;border-color:rgba(255,255,255,.28);}
.btn-line:hover{border-color:#fff;}
.btn-ghost{background:var(--surface);color:var(--ink);border-color:var(--line);}
.btn-ghost:hover{border-color:var(--blue);color:var(--blue);}
.btn-sm{padding:10px 18px;font-size:14px;}
.btn .arr{transition:transform .2s ease;}
.btn:hover .arr{transform:translateX(4px);}

.eyebrow{display:inline-block;font-family:var(--label);font-size:15px;font-weight:700;color:var(--blue);}
.grad-text{background:linear-gradient(100deg,var(--blue),#0075CC 45%,var(--amber));-webkit-background-clip:text;background-clip:text;color:transparent;}
.section{padding:110px 0;position:relative;}
.section-head{max-width:900px;margin-bottom:52px;}
.section-head.center{margin-inline:auto;text-align:center;}
.section-head h2{font-size:clamp(28px,4vw,48px);margin:12px 0 14px;}
.section-head p{color:var(--ink-soft);font-size:18px;}
@media (min-width:900px){.section-head h2{white-space:nowrap;}}

/* Header */
.progress{position:fixed;top:0;left:0;height:3px;width:100%;transform-origin:0 50%;transform:scaleX(0);background:linear-gradient(90deg,var(--blue),var(--amber));z-index:200;}
header.site{position:sticky;top:0;z-index:100;transition:background .3s ease,box-shadow .3s ease;}
header.site.scrolled{background:color-mix(in srgb,var(--paper) 80%,transparent);backdrop-filter:saturate(1.4) blur(14px);-webkit-backdrop-filter:saturate(1.4) blur(14px);box-shadow:0 1px 0 var(--line);}
header.site.on-dark .signin{color:rgba(255,255,255,.82);}
header.site.on-dark .theme-toggle{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.2);color:#fff;}
header.site.on-dark.scrolled{background:rgba(6,19,42,.72);box-shadow:0 1px 0 rgba(255,255,255,.08);}
.nav-row{display:flex;align-items:center;justify-content:space-between;gap:20px;height:76px;}
.brand img{height:38px;width:auto;}
.logo-chip{display:inline-block;background:#fff;border-radius:10px;padding:4px 8px;}
nav.primary{display:flex;gap:26px;}
.nav-actions{display:flex;align-items:center;gap:10px;}
.theme-toggle{width:40px;height:40px;border-radius:50%;border:1px solid var(--line);background:var(--surface);color:var(--ink);display:grid;place-items:center;cursor:pointer;}
.theme-toggle .to-light{display:none;}
:root[data-theme="dark"] .theme-toggle .to-light{display:block;}
:root[data-theme="dark"] .theme-toggle .to-dark{display:none;}
.signin{font-size:15px;font-weight:600;text-decoration:none;padding:8px 10px;}

/* Hero */
@keyframes fadeUp{to{opacity:1;transform:none;}}
@keyframes drift{0%{transform:translate(0,0) scale(1);}50%{transform:translate(70px,-50px) scale(1.12);}100%{transform:translate(-50px,60px) scale(.95);}}
.hero{position:relative;margin-top:-76px;padding:132px 0 100px;overflow:hidden;isolation:isolate;text-align:center;color:#fff;background:#06132A;}
.hero-bg{position:absolute;inset:0;z-index:-2;pointer-events:none;}
.hero-bg span{position:absolute;border-radius:50%;filter:blur(90px);animation:drift 18s ease-in-out infinite alternate;}
.hero-bg span:nth-child(1){width:700px;height:700px;left:-220px;top:-200px;background:rgba(28,86,214,.55);}
.hero-bg span:nth-child(2){width:540px;height:540px;right:-160px;top:40px;background:rgba(239,162,59,.26);animation-delay:-6s;}
.hero-bg span:nth-child(3){width:620px;height:620px;left:30%;top:50%;background:rgba(0,117,204,.42);animation-delay:-11s;}
.hero::before{content:"";position:absolute;inset:0;z-index:-1;background-image:linear-gradient(rgba(255,255,255,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.07) 1px,transparent 1px);background-size:56px 56px;-webkit-mask-image:radial-gradient(ellipse 80% 55% at 50% 25%,#000 20%,transparent 75%);mask-image:radial-gradient(ellipse 80% 55% at 50% 25%,#000 20%,transparent 75%);}
.crumbs{display:flex;justify-content:center;gap:8px;font-family:var(--label);font-size:14px;color:#8FB3F7;opacity:0;animation:fadeUp .6s ease .05s forwards;}
.crumbs a{color:#CFE0FF;text-decoration:none;}
.crumbs a:hover{text-decoration:underline;}
.trial-pill{display:inline-flex;align-items:center;gap:10px;margin-top:20px;padding:6px 16px 6px 6px;border-radius:999px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.18);color:#E4ECFC;font-size:14px;font-weight:500;text-decoration:none;opacity:0;animation:fadeUp .6s ease .12s forwards;}
.trial-pill b{white-space:nowrap;font-family:var(--label);font-size:13px;font-weight:700;padding:5px 11px;border-radius:999px;color:#2a1a00;background:linear-gradient(135deg,#FFD58A,var(--amber));}
.hero h1{margin-top:22px;font-size:clamp(30px,4vw,56px);font-weight:800;letter-spacing:-.035em;color:#fff;}
@media (min-width:700px){.hero h1{white-space:nowrap;}}
.hero h1 .w{display:inline-block;overflow:hidden;vertical-align:top;padding-bottom:.12em;}
.hero h1 .w > span{display:inline-block;transform:translateY(105%);animation:wordUp .8s cubic-bezier(.2,.8,.2,1) forwards;}
@keyframes wordUp{to{transform:none;}}
.hero h1 .gold{background:linear-gradient(100deg,#FFD58A,var(--amber) 45%,#8FB3F7);-webkit-background-clip:text;background-clip:text;color:transparent;}
.hero .lede{margin:20px auto 0;max-width:780px;font-size:clamp(16.5px,1.45vw,19.5px);color:#C6D2EA;opacity:0;transform:translateY(10px);animation:fadeUp .7s ease .7s forwards;}
.hero .lede strong{color:#fff;font-weight:600;}
.hero-ctas{display:flex;flex-wrap:wrap;justify-content:center;gap:14px;margin-top:32px;opacity:0;animation:fadeUp .7s ease .9s forwards;}
.hero-ctas .btn{padding:17px 30px;font-size:16px;}
.hero-proof{display:flex;flex-wrap:wrap;justify-content:center;gap:10px 26px;margin-top:20px;font-size:14px;color:#AFBBD6;opacity:0;animation:fadeUp .7s ease 1.05s forwards;}
.hero-proof span{display:inline-flex;align-items:center;gap:7px;}
.hero-proof .tick{width:18px;height:18px;padding:3px;background:rgba(95,211,155,.18);stroke:#5FD39B;}

/* Hero screen with result pop-ups */
.shot-stage{position:relative;max-width:820px;margin:60px auto 0;opacity:0;transform:translateY(60px);animation:fadeUp 1.1s cubic-bezier(.2,.8,.2,1) 1.1s forwards;}
.frame{position:relative;border-radius:18px;overflow:hidden;background:#0E1E3B;box-shadow:0 50px 120px -30px rgba(0,0,0,.8),0 0 80px -10px rgba(91,141,242,.45);}
.frame::before{content:"";position:absolute;inset:0;z-index:2;border-radius:18px;padding:1.5px;background:conic-gradient(from var(--a,0deg),rgba(255,255,255,.1),#FFD58A,#5B8DF2,rgba(255,255,255,.1) 40%,rgba(255,255,255,.1));-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;animation:rot 5s linear infinite;pointer-events:none;}
@property --a{syntax:'<angle>';inherits:false;initial-value:0deg;}
@keyframes rot{to{--a:360deg;}}
.device-bar{display:flex;align-items:center;gap:7px;padding:11px 14px;background:#13264A;}
.device-bar i{width:10px;height:10px;border-radius:50%;background:#E8705A;}
.device-bar i:nth-child(2){background:#EFB43B;} .device-bar i:nth-child(3){background:#46B37A;}
.device-url{margin-left:10px;flex:1;font-family:var(--label);font-size:12px;color:#8FA3C8;background:#0B1A34;border:1px solid rgba(255,255,255,.1);border-radius:999px;padding:4px 12px;text-align:left;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.frame-shot{aspect-ratio:1260/1190;background:#F1F4FA;}
.frame-shot img{width:100%;height:100%;object-fit:cover;object-position:50% 0;}
.pop{position:absolute;z-index:3;display:inline-flex;align-items:center;gap:10px;padding:11px 16px 11px 11px;border-radius:16px;background:#fff;color:#0A1F3D;text-align:left;box-shadow:0 20px 44px -14px rgba(0,0,0,.6);opacity:0;transform:translateY(12px) scale(.92);transition:opacity .45s ease,transform .6s cubic-bezier(.3,1.5,.5,1);}
.pop.show{opacity:1;transform:none;}
.pop .pi{flex:none;width:34px;height:34px;border-radius:11px;display:grid;place-items:center;font-size:17px;color:#fff;background:#2C8F63;}
.pop b{display:block;font-family:'Sora',sans-serif;font-size:14px;}
.pop small{display:block;font-family:var(--label);font-size:12.5px;color:#54627B;}
.pop.p1{left:-70px;top:18%;} .pop.p2{right:-70px;top:44%;} .pop.p3{left:-50px;bottom:12%;}
.pop.p2 .pi{background:#1C56D6;} .pop.p3 .pi{background:var(--amber);color:#2a1a00;}

/* Reveal */
.reveal{opacity:0;transform:translateY(34px);transition:opacity .8s ease,transform .8s cubic-bezier(.2,.8,.2,1);transition-delay:var(--d,0s);}
.reveal.in{opacity:1;transform:none;}

/* Before / after */
.ba{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;}
.ba-card{position:relative;padding:28px;border-radius:22px;background:var(--surface);border:1px solid var(--line);box-shadow:0 20px 50px -34px rgba(11,35,64,.4);transition:transform .4s cubic-bezier(.2,.8,.2,1),box-shadow .4s ease;}
.ba-card:hover{transform:translateY(-6px);box-shadow:var(--shadow);}
.ba-old{display:flex;gap:10px;align-items:center;font-family:var(--label);font-size:14px;font-weight:700;color:var(--ink-faint);text-decoration:line-through;text-decoration-color:var(--bad);}
.ba-arrow{display:block;margin:12px 0;width:36px;height:36px;border-radius:50%;display:grid;place-items:center;color:#fff;background:linear-gradient(135deg,var(--blue),#0075CC);font-size:18px;}
.ba-card h3{font-size:20px;}
.ba-card p{margin-top:8px;color:var(--ink-soft);font-size:15.5px;}

/* Feature band */
.band{background:linear-gradient(180deg,#071735 0%,#0B2A5E 55%,#0A1F45 100%);color:#fff;overflow:hidden;isolation:isolate;}
.band .band-bg{position:absolute;inset:0;z-index:-1;pointer-events:none;}
.band .band-bg span{position:absolute;border-radius:50%;filter:blur(90px);animation:drift 20s ease-in-out infinite alternate;}
.band .band-bg span:nth-child(1){width:600px;height:600px;left:-160px;top:-120px;background:rgba(28,86,214,.5);}
.band .band-bg span:nth-child(2){width:500px;height:500px;right:-140px;bottom:-100px;background:rgba(239,162,59,.16);animation-delay:-8s;}
.band .eyebrow{color:#8FB3F7;}
.band .section-head h2{color:#fff;}
.band .section-head p{color:#C6D2EA;}
.band .grad-text{background:linear-gradient(100deg,#FFD58A,var(--amber) 45%,#8FB3F7);-webkit-background-clip:text;background-clip:text;color:transparent;}
.fgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;}
.fcard{position:relative;display:flex;flex-direction:column;padding:28px;border-radius:22px;text-decoration:none;color:#fff;background:linear-gradient(160deg,rgba(255,255,255,.1),rgba(255,255,255,.03));border:1px solid rgba(255,255,255,.13);overflow:hidden;transition:transform .45s cubic-bezier(.2,.8,.2,1),border-color .4s ease,box-shadow .4s ease;}
.fcard::after{content:"";position:absolute;inset:0;background:radial-gradient(320px circle at var(--x,50%) var(--y,0%),rgba(91,141,242,.3),transparent 60%);opacity:0;transition:opacity .4s ease;pointer-events:none;}
.fcard:hover,.fcard.reveal.in:hover{transform:translateY(-8px);border-color:rgba(255,213,138,.4);box-shadow:0 30px 60px -24px rgba(0,0,0,.7);}
.fcard:hover::after{opacity:1;}
.fcard .fi{width:52px;height:52px;border-radius:16px;display:grid;place-items:center;font-size:25px;color:#fff;background:linear-gradient(135deg,#5B8DF2,#1C56D6);box-shadow:0 12px 26px -10px rgba(28,86,214,.9);transition:transform .5s cubic-bezier(.3,1.6,.5,1),background .3s ease,color .3s ease;}
.fcard:hover .fi{transform:rotate(-8deg) scale(1.08);background:linear-gradient(135deg,#FFD58A,var(--amber));color:#2a1a00;}
.fcard h3{position:relative;margin-top:18px;font-size:20px;}
.fcard p{position:relative;margin-top:8px;font-size:15px;color:#D5DFF3;}
.fcard .go{position:relative;margin-top:auto;padding-top:18px;font-family:'Sora',sans-serif;font-weight:600;font-size:14px;color:#8FB3F7;}
.fcard:hover .go{color:#FFD58A;}

/* Steps */
.steps{position:relative;display:grid;grid-template-columns:repeat(3,1fr);gap:24px;counter-reset:st;}
.steps::before{content:"";position:absolute;left:8%;right:8%;top:31px;height:3px;border-radius:3px;background:linear-gradient(90deg,var(--blue),var(--amber));transform-origin:left;transform:scaleX(0);transition:transform 1.4s cubic-bezier(.2,.8,.2,1) .2s;}
.steps.in::before{transform:scaleX(1);}
.step{position:relative;text-align:center;padding:0 10px;}
.step .num{position:relative;z-index:1;width:64px;height:64px;margin:0 auto;border-radius:50%;display:grid;place-items:center;font-family:'Sora',sans-serif;font-weight:800;font-size:22px;color:#fff;background:linear-gradient(135deg,var(--blue),#0075CC);box-shadow:0 0 0 8px var(--paper),0 14px 30px -10px rgba(28,86,214,.7);}
.step h3{margin-top:20px;font-size:20px;}
.step p{margin-top:8px;color:var(--ink-soft);font-size:15.5px;}

/* Long-form guide */
.guide{display:grid;grid-template-columns:1.25fr 1fr;gap:56px;align-items:start;}
.prose h2{font-size:clamp(26px,3vw,36px);margin:12px 0 18px;}
.prose h3{font-size:20px;margin:30px 0 10px;}
.prose p{color:var(--ink-soft);margin-top:12px;}
.prose a{color:var(--blue);}
.prose ul{margin:14px 0 0;padding-left:20px;color:var(--ink-soft);}
.prose li{margin-top:6px;}
.check{position:sticky;top:110px;padding:30px;border-radius:24px;color:#fff;background:linear-gradient(140deg,#0B2A5E,#1C56D6 70%,#3C7BF0);box-shadow:var(--shadow);overflow:hidden;}
.check::after{content:"";position:absolute;inset:0;background:radial-gradient(280px circle at 90% 0%,rgba(255,213,138,.28),transparent 60%);pointer-events:none;}
.check h3{position:relative;font-size:21px;}
.check ul{position:relative;list-style:none;margin:18px 0 0;padding:0;display:grid;gap:12px;}
.check li{display:flex;gap:12px;align-items:flex-start;font-size:15.5px;color:#E4ECFC;opacity:0;transform:translateX(-12px);transition:opacity .5s ease,transform .6s cubic-bezier(.2,.8,.2,1);transition-delay:calc(var(--k) * .09s + .2s);}
.check.in li{opacity:1;transform:none;}
.check .tick{background:rgba(95,211,155,.2);stroke:#5FD39B;}
.check .btn{position:relative;margin-top:24px;}

/* FAQ */
.faq{max-width:840px;margin-inline:auto;display:grid;gap:12px;}
.faq details{border-radius:16px;background:var(--surface);border:1px solid var(--line);transition:border-color .3s ease;}
.faq details[open]{border-color:color-mix(in srgb,var(--blue) 45%,var(--line));}
.faq summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;gap:20px;align-items:center;padding:20px 24px;font-family:'Sora',sans-serif;font-weight:600;font-size:17px;}
.faq summary::-webkit-details-marker{display:none;}
.faq .pm{flex:none;width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:var(--blue-pale);color:var(--blue);transition:transform .3s ease;font-size:18px;}
.faq details[open] .pm{transform:rotate(45deg);}
.faq .body{padding:0 24px 22px;color:var(--ink-soft);}
.faq .body a{color:var(--blue);}

/* Related pages */
.related{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;}
.rel{display:flex;flex-direction:column;gap:8px;padding:24px;border-radius:20px;text-decoration:none;background:var(--surface);border:1px solid var(--line);transition:transform .35s ease,box-shadow .35s ease,border-color .35s ease;}
.rel:hover{transform:translateY(-5px);box-shadow:var(--shadow);border-color:color-mix(in srgb,var(--blue) 40%,var(--line));}
.rel .eyebrow{font-size:13px;}
.rel h3{font-size:19px;}
.rel p{color:var(--ink-soft);font-size:15px;}

/* Final CTA */
.final{position:relative;border-radius:32px;padding:84px 40px;text-align:center;overflow:hidden;color:#fff;background:#0B2340;isolation:isolate;}
.final .hero-bg span:nth-child(1){background:rgba(28,86,214,.55);}
.final h2{font-size:clamp(28px,4.4vw,56px);font-weight:800;margin:14px auto 16px;}
@media (min-width:900px){.final h2{white-space:nowrap;}}
.final p{color:#C6D2EA;max-width:640px;margin-inline:auto;font-size:18px;}
.final .eyebrow{color:#FFD58A;}

/* Footer */
footer{padding:70px 0 40px;}
.foot-grid{display:grid;grid-template-columns:1.4fr repeat(4,1fr);gap:28px;}
.foot-title{font-family:'Sora',sans-serif;font-weight:700;font-size:14px;margin:0 0 14px;}
.foot-grid a{display:block;color:var(--ink-soft);text-decoration:none;font-size:14.5px;margin-bottom:8px;}
.foot-grid a:hover{color:var(--blue);}
.foot-grid p{color:var(--ink-soft);font-size:14.5px;margin-top:12px;max-width:320px;}
.foot-bottom{margin-top:44px;padding-top:24px;border-top:1px solid var(--line);display:flex;justify-content:space-between;flex-wrap:wrap;gap:12px;font-size:13.5px;color:var(--ink-faint);}

/* Sticky trial bar */
.trial-bar{position:fixed;left:50%;bottom:18px;z-index:150;display:flex;align-items:center;gap:16px;padding:10px 10px 10px 22px;border-radius:999px;background:color-mix(in srgb,var(--ink) 92%,transparent);color:var(--paper);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:0 20px 50px -16px rgba(11,35,64,.6);transform:translate(-50%,140%);transition:transform .5s cubic-bezier(.2,.8,.2,1);font-size:14.5px;font-weight:500;max-width:calc(100vw - 32px);}
.trial-bar.show{transform:translate(-50%,0);}
.trial-bar .btn{padding:11px 20px;font-size:14px;}
.mie-demo-sticky{display:none !important;}

@media (max-width:1080px){
  .pop.p1{left:-14px;} .pop.p2{right:-14px;} .pop.p3{left:-10px;}
}
@media (max-width:860px){
  .section{padding:80px 0;}
  .ba,.fgrid,.related{grid-template-columns:1fr;}
  .steps{grid-template-columns:1fr;gap:34px;}
  .steps::before{display:none;}
  .guide{grid-template-columns:1fr;gap:34px;}
  .check{position:relative;top:0;}
  .foot-grid{grid-template-columns:1fr 1fr;}
}
@media (max-width:620px){
  .signin,.nav-actions .btn{display:none;}
  .hero{padding-top:110px;}
  .hero h1{font-size:34px;}
  .pop{padding:8px 12px 8px 8px;border-radius:12px;}
  .pop .pi{width:26px;height:26px;font-size:14px;border-radius:8px;}
  .pop b{font-size:12.5px;} .pop small{display:none;}
  .pop.p3{display:none;}
  .final{padding:60px 22px;border-radius:24px;}
  .trial-bar .tb-text{display:none;}
  .foot-grid{grid-template-columns:1fr;}
}
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.001s !important;animation-delay:0s !important;animation-iteration-count:1 !important;transition-duration:.001s !important;transition-delay:0s !important;}
  .reveal{opacity:1;transform:none;}
}

/* ---------- Top menu: Modules and Solutions dropdowns ---------- */
nav.primary{align-items:center;}
.nav-a,.dd-btn{font-family:'Work Sans',system-ui,sans-serif;font-size:15px;font-weight:500;color:var(--ink-soft);text-decoration:none;background:none;border:0;padding:8px 2px;cursor:pointer;display:inline-flex;align-items:center;gap:6px;}
.nav-a:hover,.dd-btn:hover,.dd.open .dd-btn{color:var(--blue);}
header.site.on-dark .nav-a,header.site.on-dark .dd-btn{color:rgba(255,255,255,.82);}
header.site.on-dark .nav-a:hover,header.site.on-dark .dd-btn:hover,header.site.on-dark .dd.open .dd-btn{color:#fff;}
.caret{width:12px;height:12px;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;transition:transform .3s ease;}
.dd{position:relative;}
.dd.open .caret{transform:rotate(180deg);}
.dd-panel{position:absolute;top:calc(100% + 14px);left:50%;min-width:340px;padding:10px;border-radius:20px;background:var(--surface);border:1px solid var(--line);box-shadow:0 30px 70px -20px rgba(11,35,64,.4);opacity:0;visibility:hidden;transform:translate(-50%,8px) scale(.98);transform-origin:50% 0;transition:opacity .25s ease,transform .3s cubic-bezier(.2,.8,.2,1),visibility .25s;z-index:120;}
.dd-panel::before{content:"";position:absolute;left:0;right:0;top:-16px;height:16px;}
.dd.open .dd-panel{opacity:1;visibility:visible;transform:translate(-50%,0) scale(1);}
.dd-panel.mega{width:min(860px,calc(100vw - 40px));padding:18px;}
.mm-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:6px 14px;}
.mm-h{margin:4px 10px 6px;font-family:var(--label);font-size:13px;font-weight:700;color:var(--ink-faint);}
.mm-link{display:flex;gap:12px;align-items:center;padding:10px;border-radius:14px;text-decoration:none;color:var(--ink);transition:background .2s ease,transform .2s ease;}
.mm-link:hover,.mm-link.on{background:var(--blue-pale);}
.mm-link:hover{transform:translateX(3px);}
.mm-ic{flex:none;width:38px;height:38px;border-radius:12px;display:grid;place-items:center;font-size:19px;color:var(--blue);background:var(--blue-pale);transition:background .2s ease,color .2s ease;}
.mm-link:hover .mm-ic,.mm-link.on .mm-ic{background:linear-gradient(135deg,var(--blue),#0075CC);color:#fff;}
.mm-link b{display:block;font-family:'Sora',sans-serif;font-size:14.5px;font-weight:600;}
.mm-link small{display:block;font-family:var(--label);font-size:12.5px;color:var(--ink-faint);}
.mm-foot{display:flex;justify-content:center;gap:8px;margin-top:12px;padding:12px;border-radius:14px;background:var(--surface-2);font-family:'Sora',sans-serif;font-weight:600;font-size:14px;color:var(--blue);text-decoration:none;}
.mm-foot:hover{background:var(--blue-pale);}
.burger{display:none;width:42px;height:42px;border-radius:12px;border:1px solid var(--line);background:var(--surface);cursor:pointer;position:relative;}
.burger span,.burger span::before,.burger span::after{position:absolute;left:11px;width:18px;height:2px;border-radius:2px;background:var(--ink);transition:transform .3s ease,background .3s ease;content:"";}
.burger span{top:19px;} .burger span::before{top:-6px;left:0;} .burger span::after{top:6px;left:0;}
header.site.on-dark .burger{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.2);}
header.site.on-dark .burger span,header.site.on-dark .burger span::before,header.site.on-dark .burger span::after{background:#fff;}
.menu-open .burger span{background:transparent !important;}
.menu-open .burger span::before{transform:translateY(6px) rotate(45deg);}
.menu-open .burger span::after{transform:translateY(-6px) rotate(-45deg);}

@media (max-width:1080px){
  .burger{display:block;}
  nav.primary{display:flex;position:fixed;left:0;right:0;top:76px;bottom:0;flex-direction:column;align-items:stretch;gap:4px;padding:16px 16px 40px;background:var(--paper);overflow-y:auto;opacity:0;visibility:hidden;transform:translateY(-10px);transition:opacity .3s ease,transform .3s ease,visibility .3s;z-index:110;}
  .menu-open nav.primary{opacity:1;visibility:visible;transform:none;}
  .menu-open header.site{background:var(--paper);}
  .menu-open header.site .nav-a,.menu-open header.site .dd-btn{color:var(--ink);}
  .menu-open header.site .burger{background:var(--surface);border-color:var(--line);}
  .menu-open header.site .burger span::before,.menu-open header.site .burger span::after{background:var(--ink);}
  .nav-a,.dd-btn{width:100%;justify-content:space-between;padding:14px 8px;font-size:17px;font-weight:600;color:var(--ink);border-bottom:1px solid var(--line);}
  .dd-panel,.dd-panel.mega{position:static;width:auto;min-width:0;transform:none;opacity:1;visibility:visible;box-shadow:none;border:0;padding:0;background:none;display:none;}
  .dd.open .dd-panel{display:block;transform:none;}
  .dd-panel::before{display:none;}
  .mm-grid{grid-template-columns:1fr;}
}
@media (max-width:620px){
  .nav-actions .btn-sm{display:none;}
}

/* ---------- Module page components ---------- */
.cap-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;}
.tabs{display:grid;grid-template-columns:260px 1fr;gap:28px;align-items:start;}
.tab-list{position:sticky;top:100px;display:flex;flex-direction:column;gap:6px;padding:10px;border-radius:22px;background:var(--surface);border:1px solid var(--line);}
.tab-list button{position:relative;display:flex;align-items:center;gap:12px;padding:12px 14px;border:0;border-radius:14px;background:none;font-family:'Sora',sans-serif;font-weight:600;font-size:15px;color:var(--ink-soft);text-align:left;cursor:pointer;overflow:hidden;transition:background .25s ease,color .25s ease;}
.tab-list button .tn{flex:none;width:28px;height:28px;border-radius:9px;display:grid;place-items:center;font-family:var(--label);font-size:13px;font-weight:700;background:var(--surface-2);color:var(--ink-faint);transition:background .25s ease,color .25s ease;}
.tab-list button:hover{background:var(--surface-2);color:var(--ink);}
.tab-list button[aria-selected="true"]{background:var(--blue-pale);color:var(--ink);}
.tab-list button[aria-selected="true"] .tn{background:linear-gradient(135deg,var(--blue),#0075CC);color:#fff;}
.tab-list button .tbar{position:absolute;left:0;bottom:0;height:3px;width:0;background:linear-gradient(90deg,var(--blue),var(--amber));}
.tab-list button[aria-selected="true"] .tbar{animation:tabfill var(--dur,7s) linear forwards;}
.tabs.paused .tab-list button .tbar{animation:none;width:0;}
@keyframes tabfill{to{width:100%;}}
.tab-panel{display:grid;grid-template-columns:1.2fr 1fr;gap:28px;align-items:start;padding:34px;border-radius:26px;background:var(--surface);border:1px solid var(--line);box-shadow:0 30px 70px -40px rgba(11,35,64,.45);}
.tab-panel[hidden]{display:none;}
.tab-panel .eyebrow{font-size:14px;}
.tab-panel h3{font-size:clamp(22px,2.2vw,28px);margin:8px 0 10px;}
.tab-panel .tp-text > p{color:var(--ink-soft);}
.tab-panel ul.pts{list-style:none;margin:18px 0 0;padding:0;display:grid;gap:11px;}
.tab-panel ul.pts li{display:flex;gap:12px;align-items:flex-start;font-size:15.5px;color:var(--ink-soft);}
.tab-panel ul.pts li b{color:var(--ink);}
.tab-panel.show .anim{animation:panelIn .6s cubic-bezier(.2,.8,.2,1) both;animation-delay:calc(var(--k,0) * .06s);}
@keyframes panelIn{from{opacity:0;transform:translateY(14px);}to{opacity:1;transform:none;}}
.spec{position:relative;padding:24px;border-radius:20px;color:#fff;background:linear-gradient(140deg,#0B2A5E,#1C56D6 70%,#3C7BF0);box-shadow:0 24px 50px -24px rgba(28,86,214,.7);overflow:hidden;}
.spec::after{content:"";position:absolute;inset:0;background:radial-gradient(240px circle at 90% 0%,rgba(255,213,138,.28),transparent 60%);pointer-events:none;}
.spec h4{position:relative;margin:0 0 14px;font-family:'Sora',sans-serif;font-size:16px;}
.spec dl{position:relative;margin:0;display:grid;gap:6px;}
.spec dl div{display:flex;justify-content:space-between;gap:14px;padding:10px 12px;border-radius:12px;background:rgba(255,255,255,.08);font-size:14px;}
.spec dt{font-family:var(--label);color:#CFE0FF;}
.spec dd{margin:0;font-weight:600;text-align:right;}
.spec dd.good{color:#7BE3AE;} .spec dd.gold{color:#FFD58A;}
.spec .mail{position:relative;padding:14px;border-radius:12px;background:#fff;color:#0A1F3D;font-size:13.5px;line-height:1.55;}
.spec .mail b{display:block;margin-bottom:6px;font-family:'Sora',sans-serif;font-size:13.5px;}
.spec .toggles{position:relative;list-style:none;margin:0;padding:0;display:grid;gap:8px;}
.spec .toggles li{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:10px 12px;border-radius:12px;background:rgba(255,255,255,.08);font-size:14px;color:#fff;}
.spec .sw{position:relative;flex:none;width:36px;height:20px;border-radius:20px;background:rgba(255,255,255,.25);transition:background .35s ease;}
.spec .sw i{position:absolute;top:2px;left:2px;width:16px;height:16px;border-radius:50%;background:#fff;transition:transform .35s cubic-bezier(.3,1.5,.5,1);}
.spec .sw.on{background:#2FB574;} .spec .sw.on i{transform:translateX(16px);}

/* Collections timeline */
.tline{position:relative;display:grid;grid-template-columns:repeat(5,1fr);gap:18px;}
.tline::before{content:"";position:absolute;left:4%;right:4%;top:27px;height:3px;border-radius:3px;background:var(--line);}
.tline::after{content:"";position:absolute;left:4%;right:4%;top:27px;height:3px;border-radius:3px;background:linear-gradient(90deg,var(--good),var(--amber) 50%,var(--bad));transform-origin:left;transform:scaleX(0);transition:transform 1.8s cubic-bezier(.2,.8,.2,1) .2s;}
.tline.in::after{transform:scaleX(1);}
.tl-step{position:relative;text-align:center;}
.tl-day{position:relative;z-index:1;display:inline-grid;place-items:center;min-width:56px;height:56px;padding:0 12px;border-radius:999px;font-family:'Sora',sans-serif;font-weight:800;font-size:14px;color:#fff;background:linear-gradient(135deg,var(--blue),#0075CC);box-shadow:0 0 0 8px var(--paper);opacity:0;transform:scale(.6);transition:opacity .4s ease,transform .5s cubic-bezier(.3,1.6,.5,1);transition-delay:calc(var(--k) * .3s + .2s);}
.tline.in .tl-day{opacity:1;transform:none;}
.tl-step h3{margin-top:16px;font-size:17px;}
.tl-step p{margin-top:6px;font-size:14.5px;color:var(--ink-soft);}
.badge{display:inline-block;margin-top:10px;padding:4px 10px;border-radius:999px;font-family:var(--label);font-size:12.5px;font-weight:700;}
.badge.auto{background:color-mix(in srgb,var(--good) 15%,transparent);color:var(--good);}
.badge.cfg{background:color-mix(in srgb,var(--amber) 22%,transparent);color:var(--amber-deep);}
.badge.board{background:var(--blue-pale);color:var(--blue);}

/* How payments work */
.pay2{display:grid;grid-template-columns:1fr 1fr;gap:22px;}
.pay-card{padding:30px;border-radius:24px;background:var(--surface);border:1px solid var(--line);box-shadow:0 20px 50px -34px rgba(11,35,64,.4);}
.pay-card h3{font-size:21px;margin-top:14px;}
.pay-card > p{margin-top:8px;color:var(--ink-soft);}
.pay-card .ac-ic{width:50px;height:50px;border-radius:15px;display:grid;place-items:center;font-size:24px;color:#2a1a00;background:linear-gradient(135deg,#FFE2A8,var(--amber));}
.bill{margin-top:20px;padding:20px;border-radius:18px;color:#fff;background:linear-gradient(150deg,#0B2340,#123B99);}
.bill .due{font-family:var(--label);font-size:12.5px;font-weight:700;color:#8FB3F7;}
.bill .amt{font-family:'Sora',sans-serif;font-weight:800;font-size:36px;color:#FF8A73;margin:2px 0 8px;}
.bill .row{display:flex;justify-content:space-between;padding:7px 0;font-size:14.5px;border-bottom:1px solid rgba(255,255,255,.1);opacity:0;transform:translateY(8px);transition:opacity .45s ease,transform .5s ease;transition-delay:calc(var(--k) * .15s + .3s);}
.bill.in .row{opacity:1;transform:none;}
.bill .row.total{border:0;font-weight:700;font-size:16px;}
.rec{margin-top:20px;display:grid;gap:8px;}
.rec div{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:12px 14px;border-radius:14px;background:var(--surface-2);border:1px solid var(--line);font-size:14.5px;opacity:0;transform:translateX(-10px);transition:opacity .45s ease,transform .5s ease;transition-delay:calc(var(--k) * .15s + .3s);}
.rec.in div{opacity:1;transform:none;}
.rec .ok{flex:none;font-family:var(--label);font-size:12.5px;font-weight:700;color:var(--good);background:color-mix(in srgb,var(--good) 14%,transparent);padding:3px 9px;border-radius:999px;}

/* Benefits and other modules */
.ticks4{display:grid;grid-template-columns:1fr 1fr;gap:16px;max-width:1000px;margin:0 auto;}
.ticks4 div{display:flex;gap:14px;align-items:flex-start;padding:20px 22px;border-radius:18px;background:var(--surface);border:1px solid var(--line);}
.ticks4 b{color:var(--ink);}
.ticks4 p{color:var(--ink-soft);font-size:15.5px;}
.others{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;}
.others a{display:flex;align-items:center;gap:12px;padding:14px;border-radius:16px;text-decoration:none;color:var(--ink);background:var(--surface);border:1px solid var(--line);font-family:'Sora',sans-serif;font-weight:600;font-size:14.5px;transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease;}
.others a:hover{transform:translateY(-3px);border-color:color-mix(in srgb,var(--blue) 40%,var(--line));box-shadow:0 16px 30px -20px rgba(28,86,214,.5);}
.others .mm-ic{width:36px;height:36px;font-size:18px;}

@media (max-width:1080px){
  .cap-grid{grid-template-columns:repeat(2,1fr);}
  .tabs{grid-template-columns:1fr;}
  .tab-list{position:relative;top:0;flex-direction:row;overflow-x:auto;scrollbar-width:none;}
  .tab-list button{flex:none;}
  .others{grid-template-columns:repeat(3,1fr);}
}
@media (max-width:860px){
  .cap-grid,.pay2,.ticks4{grid-template-columns:1fr;}
  .tab-panel{grid-template-columns:1fr;padding:24px 20px;}
  .tline{grid-template-columns:1fr;gap:26px;}
  .tline::before,.tline::after{left:27px;right:auto;top:0;bottom:0;width:3px;height:auto;}
  .tline::after{transform:scaleY(0);transform-origin:top;background:linear-gradient(180deg,var(--good),var(--amber) 50%,var(--bad));}
  .tline.in::after{transform:scaleY(1);}
  .tl-step{display:grid;grid-template-columns:auto 1fr;gap:0 16px;text-align:left;}
  .tl-step .tl-day{grid-row:span 4;align-self:start;}
  .tl-step h3{margin-top:4px;}
  .others{grid-template-columns:repeat(2,minmax(0,1fr));}
}
@media (max-width:620px){
  .others{grid-template-columns:1fr;}
}