@font-face{font-family:Manrope;font-style:normal;font-weight:200 800;font-display:swap;src:url('/assets/performance/manrope-v20-latin.woff2') format('woff2')}

/* premium-glass-pages: dusk-navy base, light pools behind glass, gradient edges, layered tinted lift. Warm = 850 logo gold/orange, cool = Emerald Coast dusk blue. */
:root{
  color-scheme:dark;
  --base:#060a14; --base-2:#0b1322; --base-3:#111c31;
  --warm:#ffb43a; --warm-1:#ffd24a; --warm-2:#f28c22;
  --cool:#3d8bff; --teal:#2fd3c6;
  --good:#34e0a1; --bad:#ff6b5e;
  --ink:#f6f8fc; --ink-2:#c9d2e3; --ink-3:#8f9bb3;
  --line:rgba(255,255,255,.08);
  --shadow:224 70% 2%;
  --lift-1:0 1px 1px hsl(var(--shadow)/.35),0 2px 4px hsl(var(--shadow)/.3);
  --lift-2:0 1px 1px hsl(var(--shadow)/.24),0 2px 2px hsl(var(--shadow)/.24),0 4px 8px hsl(var(--shadow)/.24),0 8px 16px hsl(var(--shadow)/.24),0 16px 32px hsl(var(--shadow)/.24);
  --lift-3:0 2px 2px hsl(var(--shadow)/.2),0 4px 6px hsl(var(--shadow)/.2),0 10px 18px hsl(var(--shadow)/.22),0 20px 40px hsl(var(--shadow)/.26),0 40px 80px hsl(var(--shadow)/.32);
  --warm-grad:linear-gradient(100deg,var(--warm-1),var(--warm) 45%,var(--warm-2));
  --font:'Manrope',Arial,Helvetica,sans-serif;
}
@media (color-gamut:p3){:root{--warm:color(display-p3 1 .71 .2);--warm-1:color(display-p3 1 .83 .3);--warm-2:color(display-p3 .97 .53 .12);--cool:color(display-p3 .27 .54 1);--good:color(display-p3 .3 .88 .62)}}
*{box-sizing:border-box}
html,body{margin:0;background:var(--base);color:var(--ink)}
body{font-family:var(--font);font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased}
.page{overflow-x:hidden;width:100%;position:relative;isolation:isolate;
  background-color:var(--base);
  }
.page::after{content:"";position:absolute;inset:0;z-index:50;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 .035 0'/%3E%3C/filter%3E%3Crect width='160' height='160' filter='url(%23n)'/%3E%3C/svg%3E")}
.inner{max-width:1180px;margin:0 auto;padding-inline:16px}
@media(min-width:760px){.inner{padding-inline:32px}}
.pos{color:var(--good)} .neg{color:var(--bad)}
svg.ic{width:21px;height:21px;flex:none}

/* light pools: painted behind each section so the glass has something to frost */
section{position:relative;isolation:isolate;padding-block:76px 0}
section::before{content:"";position:absolute;z-index:-1;top:-80px;bottom:-80px;-webkit-mask:linear-gradient(transparent,#000 22%,#000 78%,transparent);mask:linear-gradient(transparent,#000 22%,#000 78%,transparent);left:calc(50% - 50vw);right:calc(50% - 50vw);pointer-events:none;
  background:radial-gradient(40% 34% at var(--p1x,12%) var(--p1y,40%),var(--p1c,rgba(61,139,255,.16)),transparent 70%),
             radial-gradient(36% 30% at var(--p2x,88%) var(--p2y,60%),var(--p2c,rgba(255,180,58,.10)),transparent 70%)}
.s-plan{--p1x:85%;--p1y:30%;--p1c:rgba(61,139,255,.18);--p2x:10%;--p2y:70%;--p2c:rgba(255,180,58,.09)}
.s-res{--p1x:8%;--p1y:30%;--p1c:rgba(255,180,58,.11);--p2x:92%;--p2y:55%;--p2c:rgba(61,139,255,.18)}
.s-grow{--p1x:50%;--p1y:55%;--p1c:rgba(47,211,198,.12);--p2x:95%;--p2y:30%;--p2c:rgba(61,139,255,.12)}
.s-cmp{--p1x:15%;--p1y:60%;--p1c:rgba(61,139,255,.15);--p2x:85%;--p2y:45%;--p2c:rgba(255,180,58,.11)}
.s-adj{--p1x:80%;--p1y:30%;--p1c:rgba(61,139,255,.12);--p2x:10%;--p2y:70%;--p2c:rgba(47,211,198,.08)}
.horizon{height:1px;margin:0 auto;max-width:1180px;background:linear-gradient(90deg,transparent,rgba(61,139,255,.45),rgba(255,180,58,.5),transparent)}

/* glass */
.glass{position:relative;isolation:isolate;border-radius:24px;background:var(--base-2);box-shadow:inset 0 1px 0 rgba(255,255,255,.10),var(--lift-2)}
.glass::before{content:"";position:absolute;inset:0;border-radius:inherit;padding:1px;pointer-events:none;z-index:2;
  background:linear-gradient(150deg,rgba(255,255,255,.30),rgba(255,255,255,.06) 38%,var(--edge,rgba(61,139,255,.24)) 72%,rgba(255,255,255,.04));
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude}
@supports ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){
  .glass{background:linear-gradient(180deg,rgba(255,255,255,.07),rgba(255,255,255,.02)),rgba(11,19,34,.64);-webkit-backdrop-filter:blur(24px) saturate(160%);backdrop-filter:blur(24px) saturate(160%)}
  .glass.clear{background:linear-gradient(180deg,rgba(255,255,255,.09),rgba(255,255,255,.03)),rgba(8,14,28,.46);-webkit-backdrop-filter:blur(26px) saturate(170%);backdrop-filter:blur(26px) saturate(170%)}
  .glass.hot{background:radial-gradient(120% 90% at 0% 0%,rgba(255,180,58,.20),transparent 60%),linear-gradient(180deg,rgba(255,255,255,.08),rgba(255,255,255,.02)),rgba(11,19,34,.62)}
}
.glass.hot{--edge:rgba(255,180,58,.5);box-shadow:inset 0 1px 0 rgba(255,255,255,.12),var(--lift-3)}
.solid{position:relative;border-radius:22px;background:var(--base-2);border:1px solid var(--line);box-shadow:inset 0 1px 0 rgba(255,255,255,.06),var(--lift-1)}
@media (prefers-reduced-transparency:reduce),(prefers-contrast:more){.glass,.glass.clear,.glass.hot{background:var(--base-2)!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important}.glass::before{background:rgba(255,255,255,.3)}}

/* icon tiles */
.chip{width:46px;height:46px;border-radius:14px;display:grid;place-items:center;flex:none;position:relative;color:#8fbaff;
  background:linear-gradient(160deg,rgba(61,139,255,.26),rgba(61,139,255,.06));box-shadow:inset 0 1px 0 rgba(255,255,255,.16),inset 0 0 0 1px rgba(143,186,255,.18),var(--lift-1)}
.chip.w{color:var(--warm-1);background:linear-gradient(160deg,rgba(255,180,58,.30),rgba(255,180,58,.06));box-shadow:inset 0 1px 0 rgba(255,255,255,.18),inset 0 0 0 1px rgba(255,200,90,.24),var(--lift-1)}
.chip.g{color:var(--good);background:linear-gradient(160deg,rgba(52,224,161,.26),rgba(52,224,161,.05));box-shadow:inset 0 1px 0 rgba(255,255,255,.16),inset 0 0 0 1px rgba(52,224,161,.22),var(--lift-1)}
.chip.r{color:var(--bad);background:linear-gradient(160deg,rgba(255,107,94,.26),rgba(255,107,94,.05));box-shadow:inset 0 1px 0 rgba(255,255,255,.14),inset 0 0 0 1px rgba(255,107,94,.24),var(--lift-1)}
.chip.sm{width:38px;height:38px;border-radius:11px}
.chip.sm svg.ic{width:18px;height:18px}

/* type */
.kicker{display:inline-flex;align-items:center;gap:8px;margin:0;font:600 13px/1 var(--font);color:var(--ink-2);padding:8px 13px 8px 9px;border-radius:999px;background:rgba(255,255,255,.05);box-shadow:inset 0 0 0 1px rgba(255,255,255,.12),inset 0 1px 0 rgba(255,255,255,.1)}
.kicker b{display:grid;place-items:center;width:22px;height:22px;border-radius:999px;background:var(--warm-grad);color:#1a1205;font-size:11.5px;font-weight:700}
.kicker svg{width:15px;height:15px;color:var(--warm-1)}
h2{font:600 clamp(30px,4vw,48px)/1.04 var(--font);letter-spacing:-.045em;margin:18px 0 10px;text-wrap:balance}
h2 em,h1 em{font-style:normal;background:var(--warm-grad);-webkit-background-clip:text;background-clip:text;color:transparent}
.sub{color:var(--ink-2);margin:0;max-width:60ch;font-size:17px}

/* hero */
.hero{position:relative;background:var(--base)}
.hero img.photo{display:block;width:100%;height:clamp(460px,58vw,680px);object-fit:cover;object-position:center 42%}
.hero .shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(6,10,20,.88) 0%,rgba(6,10,20,.6) 38%,rgba(6,10,20,.08) 72%),linear-gradient(180deg,rgba(6,10,20,.55) 0%,rgba(6,10,20,0) 22%,rgba(6,10,20,.1) 60%,var(--base) 100%)}
.hero .bar{position:absolute;top:0;left:0;right:0;z-index:3}
.hero .bar .inner{display:flex;justify-content:space-between;align-items:center;padding-block:20px}
.hero .logo{height:52px;width:auto;display:block;filter:none}
.pill{font:600 13px/1 var(--font);color:var(--ink);padding:11px 15px;border-radius:999px;background:rgba(10,16,30,.72);box-shadow:inset 0 0 0 1px rgba(255,255,255,.16),inset 0 1px 0 rgba(255,255,255,.12),var(--lift-1);white-space:nowrap}
.hero .copy{position:absolute;left:0;right:0;bottom:56px;z-index:2}
.hero .grid{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,.75fr);gap:40px;align-items:end}
.hero h1{font:600 clamp(40px,5vw,70px)/1 var(--font);letter-spacing:-.05em;margin:18px 0 0}
.hero h1 em{display:block}
.hero p.lede{color:var(--ink-2);font-size:clamp(16px,1.5vw,19px);max-width:46ch;margin:18px 0 0}
.state{padding:24px 24px 20px}
.state .lab{display:flex;align-items:center;gap:12px;font-weight:600;color:var(--ink-2);font-size:14px}
.state .hnum{font:600 clamp(48px,5.2vw,68px)/1 var(--font);letter-spacing:-.05em;margin-top:16px;font-variant-numeric:tabular-nums;background:var(--warm-grad);-webkit-background-clip:text;background-clip:text;color:transparent}
.state .cap{color:var(--ink-3);font-size:13.5px;margin-top:6px}
.state .row3{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:18px}
.state .mini{border-radius:14px;padding:12px 14px;background:rgba(255,255,255,.04);box-shadow:inset 0 0 0 1px rgba(255,255,255,.08)}
.state .mini span{display:block;font-size:12.5px;color:var(--ink-3)}
.state .mini b{display:block;font:600 22px/1.2 var(--font);letter-spacing:-.03em;margin-top:2px;font-variant-numeric:tabular-nums}
@media(max-width:860px){
  .hero img.photo{height:440px}
  .hero .shade{background:linear-gradient(180deg,rgba(6,10,20,.6) 0%,rgba(6,10,20,.25) 26%,rgba(6,10,20,.75) 62%,var(--base) 100%)}
  .hero .shade{bottom:auto;height:440px}
  .hero .copy{position:relative;bottom:auto;margin-top:-250px}
  .hero .grid{grid-template-columns:minmax(0,1fr);gap:26px}
}

/* plans */
.plans{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:28px}
@media(max-width:860px){.plans{grid-template-columns:minmax(0,1fr)}}
.plan{border:0;margin:0;font:inherit;color:inherit;text-align:left;width:100%;-webkit-appearance:none;appearance:none;box-sizing:border-box;cursor:pointer;display:flex;gap:14px;align-items:flex-start;padding:22px;min-height:44px;transition:transform .2s ease}
.plan .t{display:block;font:600 21px/1.15 var(--font);letter-spacing:-.035em}
.plan .d{display:block;color:var(--ink-2);font-size:14.5px;margin-top:6px;line-height:1.5}
.plan .p{display:inline-block;margin-top:14px;font:700 13.5px/1 var(--font);color:var(--ink);padding:8px 11px;border-radius:999px;background:rgba(255,255,255,.06);box-shadow:inset 0 0 0 1px rgba(255,255,255,.1)}
.plan .tick{position:absolute;top:16px;right:16px;width:26px;height:26px;border-radius:999px;display:grid;place-items:center;box-shadow:inset 0 0 0 1.5px rgba(255,255,255,.22);color:transparent}
.plan .tick svg{width:15px;height:15px}
.plan[aria-pressed="true"]{--edge:rgba(255,180,58,.6);box-shadow:inset 0 1px 0 rgba(255,255,255,.12),0 0 0 1px rgba(255,180,58,.35),var(--lift-3);transform:translateY(-3px)}
.plan[aria-pressed="true"] .tick{background:var(--warm-grad);box-shadow:var(--lift-1);color:#1a1205}
.plan[aria-pressed="true"] .p{background:rgba(255,180,58,.14);color:var(--warm-1);box-shadow:inset 0 0 0 1px rgba(255,180,58,.35)}
.plan[aria-pressed="true"] .chip{color:var(--warm-1);background:linear-gradient(160deg,rgba(255,180,58,.32),rgba(255,180,58,.06));box-shadow:inset 0 1px 0 rgba(255,255,255,.18),inset 0 0 0 1px rgba(255,200,90,.26),var(--lift-1)}
@media (hover:hover){.plan:hover{transform:translateY(-3px)}}
.plan:focus-visible{outline:2px solid var(--warm);outline-offset:4px}

/* money controls */
.controls{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:16px;align-items:stretch}
@media(max-width:860px){.controls{grid-template-columns:minmax(0,1fr)}}
.ctl{padding:22px;display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:10px 14px;align-items:center;align-content:space-between}
.ctl .lbl{font-weight:600;font-size:17px;letter-spacing:-.01em}
.ctl .lbl small{display:block;color:var(--ink-3);font-weight:500;font-size:13.5px;letter-spacing:0}
.ctl .big{font:600 40px/1 var(--font);letter-spacing:-.045em;font-variant-numeric:tabular-nums;justify-self:end}
.ctl .note{grid-column:1/-1;color:var(--ink-3);font-size:13.5px}
.ctl .note b{color:var(--good);font-weight:600}
.bigin{justify-self:end;display:flex;align-items:center;gap:2px;border-radius:14px;padding:0 14px;min-height:60px;cursor:text;background:#08101e;box-shadow:inset 0 2px 6px hsl(var(--shadow)/.6),inset 0 0 0 1px rgba(255,255,255,.12)}
.bigin:focus-within{box-shadow:inset 0 2px 6px hsl(var(--shadow)/.6),inset 0 0 0 1px var(--warm),0 0 0 4px rgba(255,180,58,.22)}
.bigin span{font:500 24px var(--font);color:var(--ink-3)}
.bigin small{font:500 14px var(--font);color:var(--ink-3);align-self:flex-end;margin-bottom:14px}
.bigin input{width:4ch;background:transparent;border:0;color:var(--ink);font:600 36px/1 var(--font);letter-spacing:-.04em;text-align:right;font-variant-numeric:tabular-nums;padding:8px 0;-moz-appearance:textfield}
.bigin input:focus,.num input:focus{outline:none}
.bigin input::-webkit-outer-spin-button,.bigin input::-webkit-inner-spin-button,.num input::-webkit-outer-spin-button,.num input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}
@media(max-width:620px){.ctl{grid-template-columns:auto minmax(0,1fr)}.ctl .bigin{grid-column:1/-1;justify-self:stretch}.bigin input{flex:1;width:auto;min-width:0}.ctl .big{grid-column:1/-1;justify-self:start}}
.feerows{grid-column:1/-1;display:grid;gap:0;margin-top:4px}
.feerow{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:2px 12px;align-items:center;padding-block:12px;border-top:1px solid var(--line)}
.feerow .fl{font-weight:600;font-size:15px}
.feerow .fc{display:block;font-size:13px;color:var(--ink-3);font-weight:500}
.feerow .val{font:600 24px/1 var(--font);letter-spacing:-.035em;font-variant-numeric:tabular-nums}
.quick{grid-column:1/-1;display:flex;gap:10px;flex-wrap:wrap}
.btn,.quick button{min-height:46px;border-radius:999px;border:0;cursor:pointer;font:600 14px var(--font);padding:0 18px;color:var(--ink);background:rgba(255,255,255,.06);box-shadow:inset 0 0 0 1px rgba(255,255,255,.14),inset 0 1px 0 rgba(255,255,255,.12),var(--lift-1);transition:transform .15s}
.quick button.pri{color:#1a1205;background:var(--warm-grad);box-shadow:inset 0 1px 0 rgba(255,255,255,.45),var(--lift-1)}
@media (hover:hover){.btn:hover,.quick button:hover{transform:translateY(-2px)}}

/* range */
input[type=range]{-webkit-appearance:none;appearance:none;width:100%;height:32px;background:transparent;margin:0;grid-column:1/-1;--p:50%}
input[type=range]::-webkit-slider-runnable-track{height:8px;border-radius:99px;background:linear-gradient(90deg,var(--warm-1),var(--warm-2)) 0/var(--p) 100% no-repeat,rgba(255,255,255,.1);box-shadow:inset 0 1px 2px hsl(var(--shadow)/.6)}
input[type=range]::-moz-range-track{height:8px;border-radius:99px;background:rgba(255,255,255,.1)}
input[type=range]::-moz-range-progress{height:8px;border-radius:99px;background:linear-gradient(90deg,var(--warm-1),var(--warm-2))}
input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:26px;height:26px;margin-top:-9px;border-radius:50%;background:radial-gradient(circle,#fff 0 38%,var(--warm) 40% 100%);box-shadow:0 0 0 4px rgba(255,180,58,.18),var(--lift-1);cursor:pointer}
input[type=range]::-moz-range-thumb{width:26px;height:26px;border:0;border-radius:50%;background:radial-gradient(circle,#fff 0 38%,var(--warm) 40% 100%);box-shadow:0 0 0 4px rgba(255,180,58,.18)}
input[type=range]:focus-visible{outline:2px solid var(--warm);outline-offset:4px;border-radius:8px}

/* results */
.kpis{display:grid;grid-template-columns:1.3fr 1fr 1fr 1fr;gap:16px;margin-top:28px}
@media(max-width:1000px){.kpis{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:480px){.kpis{gap:12px}}
.kpi{padding:20px;min-width:0;display:flex;flex-direction:column;gap:12px}
.kpi .k{font:600 13.5px/1.35 var(--font);color:var(--ink-2)}
.kpi .v{font:600 clamp(30px,3.8vw,46px)/1 var(--font);letter-spacing:-.045em;font-variant-numeric:tabular-nums;white-space:nowrap}
.kpi.hot .v{font-size:clamp(36px,4.6vw,58px);background:var(--warm-grad);-webkit-background-clip:text;background-clip:text;color:transparent}
.kpi .s{color:var(--ink-3);font-size:13.5px;line-height:1.45}
.stack{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin-top:16px;padding:6px}
.stack>div{padding:14px 18px;min-width:0;position:relative}
.stack>div+div::before{content:"";position:absolute;left:0;top:14px;bottom:14px;width:1px;background:var(--line)}
@media(max-width:860px){.stack{grid-template-columns:repeat(2,minmax(0,1fr))}.stack>div:nth-child(3)::before{display:none}.stack>div:nth-child(n+3){border-top:1px solid var(--line)}}
.stack .sl{font-size:13px;color:var(--ink-3);font-weight:500}
.stack .sv{font:600 26px/1.2 var(--font);letter-spacing:-.04em;font-variant-numeric:tabular-nums;margin-top:4px}
.stack .op{position:absolute;right:-11px;top:50%;transform:translateY(-50%);z-index:2;width:22px;height:22px;border-radius:99px;display:grid;place-items:center;font:700 13px/1 var(--font);color:var(--ink-2);background:var(--base-3);box-shadow:inset 0 0 0 1px rgba(255,255,255,.14)}
@media(max-width:860px){.stack .op{display:none}}
.stack .tot .sv{background:var(--warm-grad);-webkit-background-clip:text;background-clip:text;color:transparent}
.verdict{margin-top:16px;padding:16px 20px;display:flex;gap:14px;align-items:center;font-weight:600;font-size:16.5px;--edge:rgba(52,224,161,.4)}
.verdict.warn{--edge:rgba(255,180,58,.45)} .verdict.bad{--edge:rgba(255,107,94,.45)}

.two{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:16px;margin-top:16px;align-items:stretch}
@media(max-width:1000px){.two{grid-template-columns:minmax(0,1fr)}}
.panel{padding:24px;min-width:0}
.panel h3{font:600 22px/1.2 var(--font);letter-spacing:-.035em;margin:0}
.panel .sub{font-size:14.5px;margin-top:6px;color:var(--ink-3)}
.rows{display:grid;gap:13px;margin-top:20px}
.row{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:12px;align-items:center}
.row .nm{font-weight:600;font-size:14.5px}
.row .track{height:8px;border-radius:99px;background:rgba(255,255,255,.07);margin-top:7px;overflow:hidden;box-shadow:inset 0 1px 2px hsl(var(--shadow)/.5)}
.row .fillb{height:100%;border-radius:99px;background:linear-gradient(90deg,#3d8bff,#8fbaff);transition:width .25s ease-out}
.row .amt{font:600 16px/1 var(--font);font-variant-numeric:tabular-nums}
.row.profit .fillb{background:linear-gradient(90deg,#1fbf86,var(--good))}
.totalline{display:flex;justify-content:space-between;border-top:1px solid var(--line);margin-top:18px;padding-top:14px;font-weight:600}
.chart{display:block;width:100%;height:auto;margin-top:14px}
.keyrow{display:flex;flex-wrap:wrap;gap:16px;font-size:13px;color:var(--ink-3);margin-top:8px}
.keyrow i{display:inline-block;width:18px;height:3px;border-radius:2px;vertical-align:middle;margin-right:7px}

/* scale */
.scale{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-top:28px}
@media(max-width:1000px){.scale{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:480px){.scale{gap:12px}}
.tile{padding:20px;min-width:0}
.tile .h{display:flex;align-items:center;gap:10px;font:600 19px/1 var(--font);letter-spacing:-.03em}
.tile .lb{color:var(--ink-3);font-size:13px;margin-top:18px;font-weight:600}
.tile .y{font:600 clamp(24px,2.7vw,32px)/1.1 var(--font);letter-spacing:-.04em;margin-top:4px;font-variant-numeric:tabular-nums}
.tile .m{display:flex;justify-content:space-between;gap:8px;border-top:1px solid var(--line);margin-top:14px;padding-top:12px;font-size:13.5px;color:var(--ink-3)}
.tile .m+.m{border-top:0;margin-top:0;padding-top:6px}
.tile .m b{color:var(--good);font-weight:600;font-variant-numeric:tabular-nums}
.tile .m b.neg{color:var(--bad)}
.tile.on{--edge:rgba(255,180,58,.55);box-shadow:inset 0 1px 0 rgba(255,255,255,.12),var(--lift-3)}
.tile.on .chip{color:var(--warm-1);background:linear-gradient(160deg,rgba(255,180,58,.3),rgba(255,180,58,.06))}

/* compare */
.cmp3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:28px;align-items:stretch}
@media(max-width:900px){.cmp3{grid-template-columns:minmax(0,1fr)}}
.cmp{padding:22px;min-width:0;display:flex;flex-direction:column;gap:12px}
.cmp .tt{display:flex;gap:12px;align-items:center;font:600 18px/1.2 var(--font);letter-spacing:-.03em}
.cmp .n{font:600 38px/1 var(--font);letter-spacing:-.05em;font-variant-numeric:tabular-nums}
.cmp .n small{font-size:15px;color:var(--ink-3);letter-spacing:0;font-weight:500}
.cmp ul{list-style:none;padding:0;margin:4px 0 0;display:grid;gap:9px}
.cmp li{display:flex;gap:10px;align-items:flex-start;font-size:15px;color:var(--ink-2)}
.cmp li svg{width:19px;height:19px;flex:none;margin-top:2px}
.cmp li.no{color:var(--ink-3)}
.cmp.us .n{background:var(--warm-grad);-webkit-background-clip:text;background-clip:text;color:transparent}
.badge{align-self:flex-start;font:700 12px/1 var(--font);color:#1a1205;background:var(--warm-grad);padding:7px 10px;border-radius:999px;box-shadow:var(--lift-1)}

/* adjust */
.adjust{margin-top:28px;display:grid;gap:12px}
details{border-radius:20px}
details>summary{list-style:none;cursor:pointer;display:grid;grid-template-columns:auto minmax(0,1fr) auto auto;gap:14px;align-items:center;padding:16px 18px;min-height:44px}
details>summary::-webkit-details-marker{display:none}
details>summary .gt{display:block;font:600 18px/1.2 var(--font);letter-spacing:-.03em}
details>summary .gs{display:block;color:var(--ink-3);font-size:13.5px;margin-top:2px}
details>summary .gv{font:600 16px var(--font);font-variant-numeric:tabular-nums}
details>summary .chev{transition:transform .2s;color:var(--ink-3)}
details[open]>summary .chev{transform:rotate(180deg)}
details>summary:focus-visible{outline:2px solid var(--warm);outline-offset:-2px;border-radius:20px}
.fields{padding:0 18px 10px}
.field{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px 14px;align-items:center;padding-block:12px;border-top:1px solid var(--line)}
.field label{font-weight:600;font-size:15px}
.field .hint{grid-column:1/-1;color:var(--ink-3);font-size:12.5px}
.flag{display:inline-block;margin-left:7px;font:700 10.5px/1 var(--font);color:var(--warm-1);background:rgba(255,180,58,.12);box-shadow:inset 0 0 0 1px rgba(255,180,58,.3);border-radius:999px;padding:4px 8px;vertical-align:2px}
.num{display:flex;align-items:center;gap:4px;border-radius:12px;padding:0 12px;min-height:48px;background:#08101e;box-shadow:inset 0 2px 5px hsl(var(--shadow)/.6),inset 0 0 0 1px rgba(255,255,255,.12)}
.num:focus-within{box-shadow:inset 0 2px 5px hsl(var(--shadow)/.6),inset 0 0 0 1px var(--warm),0 0 0 4px rgba(255,180,58,.2)}
.num span{color:var(--ink-3)}
.num input{width:76px;background:transparent;border:0;color:var(--ink);font:600 17px var(--font);font-variant-numeric:tabular-nums;text-align:right;padding:8px 0;-moz-appearance:textfield}
.feerow .num input{width:84px;font-size:19px}
.seg{display:flex;gap:8px;grid-column:1/-1}
.seg button{flex:1;min-height:46px;border-radius:12px;border:0;background:#08101e;box-shadow:inset 0 0 0 1px rgba(255,255,255,.12);color:var(--ink);font:600 14px var(--font);cursor:pointer}
.seg button[aria-pressed="true"]{color:var(--warm-1);background:rgba(255,180,58,.1);box-shadow:inset 0 0 0 1px rgba(255,180,58,.5)}
.btn{margin:6px 0 10px}
.notes{color:var(--ink-3);font-size:12.5px;line-height:1.6;padding-block:48px 72px}
.notes a{color:var(--ink-2)}
@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}.plan[aria-pressed="true"]{transform:none}}

.stack-n>div:nth-child(n){border-top:0}
@media(max-width:860px){.stack-n{grid-template-columns:minmax(0,1fr)!important;padding:4px}.stack-n>div{display:flex;justify-content:space-between;align-items:baseline;gap:12px;padding:11px 16px}.stack-n>div::before{display:none}.stack-n>div+div{border-top:1px solid var(--line)!important}.stack-n .sv{font-size:20px;margin:0}.stack-n .sl{font-size:14px}}
.stack-n .tot .sv{font-size:28px}
#offerPick .plan{min-height:120px}
[hidden]{display:none!important}
.controls .ctl{align-content:start}
.controls .ctl input[type=range]{margin-block:6px 4px}