:root{--bg:#f3f2ee;--surface:#ffffff;--surface-soft:#f8f6f2;--surface-dark:#010120;--surface-dark-soft:#0b0b2d;--text:#0d1020;--text-soft:#575f74;--text-inverse:#f7f5f1;--line:rgba(13,16,32,0.1);--line-strong:rgba(13,16,32,0.18);--line-inverse:rgba(255,255,255,0.14);--orange:#fc4c02;--magenta:#ef2cc1;--lavender:#bdbbff;--mint:#80d2c4;--amber:#f4b000;--green:#178a59;--red:#d64f45;--shadow:0 28px 64px rgba(1,1,32,0.08);--radius-xl:28px;--radius-lg:18px;--radius-md:12px;--font-sans:"Avenir Next","Segoe UI","Helvetica Neue",Arial,sans-serif;--font-display:"Avenir Next","Helvetica Neue",Arial,sans-serif;--font-mono:"SFMono-Regular","Space Mono",Consolas,monospace}*{box-sizing:border-box}html{min-height:100%}body{min-height:100vh;margin:0;font-family:var(--font-sans);color:var(--text);background:radial-gradient(circle at top,rgba(189,187,255,.16),transparent 20%),linear-gradient(180deg,#fbfaf7 0,var(--bg) 100%)}a,input{color:inherit}input{width:100%;border:0;outline:0;background:transparent;font:inherit;font-size:1rem}button{font:inherit}.page-shell{display:grid;grid-gap:28px;gap:28px;padding:24px 28px 32px}.site-footer,.site-header{width:min(1240px,calc(100% - 56px));margin:0 auto}.site-header{padding-top:18px}.site-footer,.site-header-inner{display:flex;align-items:center;justify-content:space-between;gap:16px}.site-header-inner{padding:0 0 12px;border-bottom:1px solid var(--line)}.site-brand,.site-nav a,.text-link{text-decoration:none}.site-brand{font-family:var(--font-display);font-size:.98rem;font-weight:700;letter-spacing:-.02em}.site-nav{display:flex;gap:18px}.site-nav a,.text-link{color:var(--text-soft);font-family:var(--font-mono);font-size:.76rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;transition:color .18s ease}.site-nav a:hover,.text-link:hover{color:var(--text)}.site-footer{margin-bottom:32px;padding-top:10px;border-top:1px solid var(--line)}.site-footer p{margin:0;color:var(--text-soft);font-size:.88rem}.about-card,.calculator-layout,.formula-card,.hero-section,.projection-card{width:min(1240px,100%);margin:0 auto}.about-card,.formula-card,.hero-section,.inputs-card,.projection-card,.summary-card{border:1px solid var(--line);border-radius:var(--radius-xl);background:var(--surface);box-shadow:var(--shadow)}.hero-section{position:relative;overflow:hidden;padding:32px;border-color:var(--line-inverse);background:radial-gradient(circle at 84% 16%,rgba(239,44,193,.16),transparent 20%),radial-gradient(circle at 94% 20%,rgba(252,76,2,.26),transparent 16%),linear-gradient(180deg,#05051f 0,var(--surface-dark) 100%);color:var(--text-inverse)}.hero-section:after{content:"";position:absolute;inset:auto -10% -35% 42%;height:340px;background:linear-gradient(120deg,var(--orange),var(--magenta),var(--lavender));filter:blur(70px);opacity:.42;pointer-events:none}.hero-grid{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1.35fr) minmax(280px,.75fr);grid-gap:28px;gap:28px;align-items:end}.hero-content{max-width:760px}.hero-actions{position:relative;z-index:1;display:flex;justify-content:space-between;gap:16px;align-items:center;margin-bottom:18px}.mode-tabs{display:inline-flex;gap:8px;padding:6px;margin:0 0 18px;border:1px solid var(--line-inverse);border-radius:999px;background:rgba(255,255,255,.04)}.mode-tab{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;border-radius:999px;background:transparent;color:rgba(247,245,241,.62);padding:9px 15px;font-family:var(--font-mono);font-size:.74rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;cursor:pointer;transition:background .18s ease,color .18s ease,box-shadow .18s ease}.mode-tab-active{background:rgba(255,255,255,.1);color:#fff;box-shadow:inset 0 0 0 1px rgba(255,255,255,.08)}.eyebrow{margin:0;color:var(--lavender);font-family:var(--font-mono);font-size:.72rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase}.about-content h1,.hero-content h1{margin:0;font-family:var(--font-display);font-size:clamp(3rem,6vw,5.4rem);font-weight:600;line-height:.93;letter-spacing:-.06em;text-wrap:balance}.lede{max-width:56ch;margin:20px 0 0;color:rgba(247,245,241,.78);font-size:1.06rem;line-height:1.58}.hero-note{max-width:52ch;margin:18px 0 0;color:rgba(247,245,241,.54);font-family:var(--font-mono);font-size:.76rem;letter-spacing:.08em;text-transform:uppercase}.hero-panel{position:relative;min-height:250px;padding:22px;border:1px solid var(--line-inverse);border-radius:22px;background:linear-gradient(180deg,rgba(255,255,255,.05),rgba(255,255,255,.02));-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.hero-panel-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:18px;gap:18px;margin-top:18px}.field span,.hero-panel-grid span,.metric-card p,.section-heading p,.slider-copy span,.summary-list span{display:block;margin:0 0 8px;color:var(--text-soft);font-family:var(--font-mono);font-size:.72rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase}.hero-panel-grid span{color:rgba(247,245,241,.54)}.hero-panel-grid strong{display:block;color:#fff;font-size:clamp(1.4rem,2vw,1.85rem);line-height:1.05;letter-spacing:-.05em}.hero-ribbon{position:absolute;right:-14%;bottom:-32px;width:90%;height:76px;border-radius:999px;background:linear-gradient(90deg,var(--orange),var(--magenta),var(--lavender));opacity:.92;filter:saturate(120%);transform:rotate(-12deg)}.metrics-grid{position:relative;z-index:1;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:14px;gap:14px;margin-top:28px}.metric-card{padding:18px 18px 20px;border:1px solid var(--line-inverse);border-radius:var(--radius-lg);background:rgba(255,255,255,.04)}.metric-card p{color:rgba(247,245,241,.52)}.metric-card strong,.summary-list strong{display:block;font-size:clamp(1.35rem,2vw,2rem);line-height:1.08;letter-spacing:-.05em}.metric-card strong{color:#fff}.metric-card-positive strong{color:#8dffd7}.metric-card-warning strong{color:#ffd0bc}.calculator-layout{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(320px,.8fr);grid-gap:24px;gap:24px}.about-card,.formula-card,.inputs-card,.projection-card,.summary-card{padding:30px}.projection-card,.summary-card{border-color:var(--line-inverse);background:linear-gradient(180deg,#080824 0,var(--surface-dark-soft) 100%);color:var(--text-inverse)}.projection-card .chart-axis-label,.projection-card .chart-month-label,.projection-card .chart-subtitle,.projection-card .detail-line,.projection-card .detail-month,.projection-card .section-heading p,.projection-card .slider-copy span,.summary-card .section-heading p,.summary-card .summary-list span{color:rgba(247,245,241,.72)}.projection-card .section-heading h2,.summary-card .section-heading h2{color:#fff}.summary-list{display:grid;grid-gap:12px;gap:12px;margin-top:24px}.summary-list div{padding:18px;border:1px solid var(--line-inverse);border-radius:var(--radius-md);background:rgba(255,255,255,.04)}.summary-card strong{color:#fff}.section-heading h2{margin:0;font-family:var(--font-display);font-size:clamp(1.9rem,3vw,2.7rem);font-weight:600;line-height:.98;letter-spacing:-.05em}.input-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:14px;gap:14px;margin-top:24px}.field{display:grid;grid-gap:8px;gap:8px}.field-wide{grid-column:1/-1}.time-assumption-group{display:flex;flex-wrap:wrap;gap:10px}.time-chip{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid var(--line);border-radius:999px;background:transparent;color:var(--text-soft);padding:11px 15px;font-family:var(--font-mono);font-size:.76rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;cursor:pointer;transition:border-color .18s ease,color .18s ease,background .18s ease}.time-chip:hover{border-color:var(--line-strong);color:var(--text)}.time-chip-active{border-color:var(--surface-dark);background:var(--surface-dark);color:#fff}.input-wrap{display:flex;align-items:center;gap:12px;padding:15px 16px;border:1px solid var(--line);border-radius:var(--radius-md);background:linear-gradient(180deg,var(--surface) 0,var(--surface-soft) 100%);transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease}.input-wrap:focus-within{border-color:rgba(1,1,32,.28);box-shadow:0 0 0 4px rgba(189,187,255,.18);transform:translateY(-1px)}.prefix,.suffix{flex-shrink:0;color:var(--text-soft);font-family:var(--font-mono);font-size:.82rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.projection-topbar{display:flex;justify-content:space-between;gap:24px;align-items:flex-start}.slider-card{min-width:min(360px,100%);padding:18px 18px 16px;border:1px solid var(--line-inverse);border-radius:20px;background:rgba(255,255,255,.04)}.slider-copy{display:flex;justify-content:space-between;gap:16px;align-items:baseline}.slider-copy strong{color:#fff;font-size:1.12rem;letter-spacing:-.03em}.range-slider{margin-top:14px;-webkit-appearance:none;-moz-appearance:none;appearance:none;height:8px;border-radius:999px;background:linear-gradient(90deg,var(--orange),var(--magenta),var(--lavender))}.range-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:20px;height:20px;border:2px solid #fff;border-radius:50%;background:#fff;box-shadow:0 0 0 4px rgba(255,255,255,.12)}.range-slider::-moz-range-thumb{width:20px;height:20px;border:2px solid #fff;border-radius:50%;background:#fff;box-shadow:0 0 0 4px rgba(255,255,255,.12)}.slider-scale{display:flex;justify-content:space-between;margin-top:10px;color:rgba(247,245,241,.54);font-family:var(--font-mono);font-size:.72rem;letter-spacing:.12em}.chart-subtitle{margin:12px 0 0;font-size:1rem}.chart-shell{position:relative;margin-top:26px}.chart-svg{width:100%;height:auto;display:block}.chart-grid-line,.chart-vertical-grid{stroke:rgba(255,255,255,.12);stroke-width:1;stroke-dasharray:4 8}.chart-axis-label,.chart-month-label{fill:rgba(247,245,241,.56);font-family:var(--font-mono);font-size:11px;font-weight:600;letter-spacing:.08em}.chart-axis-label-right{text-anchor:start}.chart-area{fill:url(#mrrAreaFill)}.chart-line{fill:none;stroke-linecap:round;stroke-linejoin:round;stroke-width:4}.chart-line-mrr{stroke:#ffffff}.chart-line-cumulative{stroke:var(--lavender)}.chart-cost-line{stroke:var(--orange);stroke-width:2.5;stroke-dasharray:10 8}.chart-focus-line{stroke:rgba(255,255,255,.14);stroke-width:2}.chart-hover-surface{fill:transparent;cursor:crosshair}.chart-point{cursor:pointer;stroke:var(--surface-dark);stroke-width:2;transition:transform .18s ease,opacity .18s ease}.chart-point.is-selected,.chart-point:hover{transform:scale(1.04)}.chart-point-mrr{fill:#ffffff}.chart-point-cumulative{fill:var(--lavender)}.chart-detail-card{position:absolute;top:148px;width:min(420px,calc(100% - 32px));padding:24px 24px 22px;border:1px solid var(--line-inverse);border-radius:20px;background:rgba(1,1,32,.72);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);pointer-events:none}.detail-month{margin:0 0 12px;font-family:var(--font-mono);font-size:.76rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase}.detail-line{margin:0 0 10px;font-size:clamp(1.12rem,2vw,1.48rem);line-height:1.2;color:#fff}.detail-line-cumulative{color:var(--lavender)}.detail-line-subscribers{margin-bottom:0;color:#ffd4b4}.about-grid,.formula-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:14px;gap:14px;margin-top:24px}.formula-block{padding:22px;border:1px solid var(--line);border-radius:var(--radius-md);background:linear-gradient(180deg,#ffffff 0,var(--surface-soft) 100%)}.formula-card .formula-block{min-height:100%}.formula-block-wide{grid-column:1/-1}.formula-block h2,.formula-block h3{margin:0 0 10px;font-family:var(--font-display);font-size:1.1rem;font-weight:600;letter-spacing:-.03em}.formula-block p{margin:0;color:var(--text-soft);line-height:1.65}.formula-block p+p{margin-top:12px}.formula-block strong{color:var(--text)}.formula-block code{display:block;margin-top:12px;padding:14px 16px;border:1px solid rgba(1,1,32,.08);border-radius:12px;background:#fff;color:var(--surface-dark);font-family:var(--font-mono);font-size:.84rem;line-height:1.55;overflow-x:auto}.about-card{border-color:var(--line-inverse);background:radial-gradient(circle at top right,rgba(239,44,193,.12),transparent 20%),linear-gradient(180deg,#05051f 0,var(--surface-dark) 100%);color:var(--text-inverse)}.about-content{max-width:900px}.about-content .formula-block p,.about-content .lede{color:rgba(247,245,241,.76)}.about-content .formula-block{border-color:var(--line-inverse);background:rgba(255,255,255,.04)}.about-content .formula-block h2,.about-content .formula-block strong{color:#fff}.about-content .formula-block code{border-color:var(--line-inverse);background:rgba(255,255,255,.03);color:rgba(247,245,241,.88)}@media (max-width:1100px){.calculator-layout,.hero-grid,.projection-topbar{grid-template-columns:1fr;flex-direction:column}.about-grid,.formula-grid,.metrics-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.slider-card{width:100%;min-width:0}.chart-detail-card{position:static;width:100%;margin-top:18px}}@media (max-width:900px){.about-grid,.formula-grid,.input-grid,.metrics-grid{grid-template-columns:1fr}.field-wide,.formula-block-wide{grid-column:auto}.hero-panel-grid{grid-template-columns:1fr 1fr}}@media (max-width:720px){.page-shell{padding:18px 18px 28px}.site-footer,.site-header{width:min(1240px,calc(100% - 36px))}.hero-actions,.site-footer,.site-header-inner{flex-direction:column;align-items:flex-start}.about-card,.formula-card,.hero-section,.inputs-card,.projection-card,.summary-card{padding:22px;border-radius:22px}.mode-tabs{display:flex;width:100%}.mode-tab{flex:1 1;text-align:center}.about-content h1,.hero-content h1{font-size:clamp(2.5rem,13vw,4rem)}.hero-panel-grid{grid-template-columns:1fr}.hero-ribbon{right:-28%;width:110%}}