:root{color-scheme:light;--bg:#eef5ff;--panel:rgba(255,255,255,0.72);--panel-strong:rgba(255,255,255,0.9);--line:rgba(16,24,40,0.08);--text:#0b1324;--muted:#5d6980;--shadow:0 24px 60px rgba(37,99,235,0.12);--shadow-soft:0 14px 30px rgba(37,99,235,0.09);--max-width:1280px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;color:var(--text);background:radial-gradient(circle at 10% 10%,rgba(34,211,238,.16),transparent 18%),radial-gradient(circle at 88% 16%,rgba(124,58,237,.14),transparent 18%),radial-gradient(circle at 18% 70%,rgba(245,158,11,.1),transparent 16%),linear-gradient(180deg,#f8fbff,#edf4ff 44%,#e7eefb);font-family:SF Pro Display,SF Pro Text,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}a{color:inherit;text-decoration:none}button,input{font:inherit}.page-shell{width:min(calc(100% - 40px),var(--max-width));margin:0 auto}.topbar{position:-webkit-sticky;position:sticky;top:0;z-index:20;background:rgba(248,251,255,.72);-webkit-backdrop-filter:blur(18px) saturate(150%);backdrop-filter:blur(18px) saturate(150%);border-bottom:1px solid rgba(16,24,40,.04)}.auth-link-row,.dashboard-actions,.dashboard-topline,.hero-actions,.hero-points,.nav,.nav-actions,.plan-top,.stage-topline,.topbar-inner{display:flex;align-items:center}.topbar-inner{justify-content:space-between;gap:20px;min-height:78px}.brand{display:flex;align-items:center;gap:12px}.brand-mark{width:40px;height:40px;display:grid;place-items:center;border-radius:50%;background:linear-gradient(145deg,rgba(255,255,255,.16),rgba(255,255,255,.04)),linear-gradient(135deg,#0f172a,#2563eb 52%,#22d3ee);color:#fff;font-size:.9rem;font-weight:700;letter-spacing:.08em;box-shadow:0 16px 34px rgba(37,99,235,.22)}.brand-copy strong{display:block;font-size:.96rem;font-weight:600}.nav{gap:24px}.nav a{color:var(--muted);font-size:.95rem}.dashboard-actions,.hero-actions,.nav-actions{gap:12px}.button{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:0 18px;border-radius:999px;border:1px solid transparent;cursor:pointer;transition:transform .18s ease}.button:hover{transform:translateY(-1px)}.button:disabled{opacity:.6;cursor:default;transform:none}.button.primary{background:linear-gradient(135deg,#0f172a,#2563eb 58%,#22d3ee);color:#fff;box-shadow:0 14px 28px rgba(37,99,235,.2)}.button.subtle{background:rgba(255,255,255,.62);border-color:rgba(16,24,40,.08)}.button.ghost{background:transparent;border-color:rgba(16,24,40,.12)}.eyebrow{display:inline-flex;align-items:center;min-height:30px;padding:0 12px;border-radius:999px;border:1px solid rgba(37,99,235,.12);background:rgba(255,255,255,.72);color:var(--muted);font-size:.8rem}.landing{padding-bottom:84px}.hero{padding:104px 0 54px}.hero-layout{display:grid;grid-template-columns:minmax(0,.92fr) minmax(440px,1.08fr);grid-gap:34px;gap:34px;align-items:center}.dashboard-hero h1,.hero-copy h1,.section-heading h2,.stage-screen-copy h2{margin:0;letter-spacing:-.08em;font-weight:500}.hero-copy h1{margin-top:18px;max-width:5.8ch;font-size:clamp(5.4rem,10vw,9.2rem);line-height:.84}.dashboard-card p,.dashboard-hero p,.form-card p,.form-message,.hero-copy p,.hero-points span,.muted-line,.plan-card p,.stage-metric span,.stage-panel span,.transaction-row span,.transactions-empty{color:var(--muted);line-height:1.65}.hero-copy p{margin:20px 0 0;font-size:1.14rem}.hero-actions{margin-top:30px}.hero-points{flex-wrap:wrap;gap:10px;margin-top:24px}.hero-points span{display:inline-flex;align-items:center;min-height:34px;padding:0 14px;border-radius:999px;background:rgba(255,255,255,.6);border:1px solid rgba(16,24,40,.06);font-size:.9rem}.hero-stage{position:relative;min-height:700px}.stage-glow{position:absolute;border-radius:999px;filter:blur(44px)}.stage-glow-a{top:30px;left:20px;width:220px;height:220px;background:rgba(34,211,238,.22)}.stage-glow-b{right:20px;bottom:90px;width:250px;height:250px;background:rgba(124,58,237,.18)}.stage-panel{position:absolute;border:1px solid rgba(255,255,255,.2);background:rgba(255,255,255,.12);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(18px) saturate(140%);backdrop-filter:blur(18px) saturate(140%)}.stage-panel-back{top:44px;left:10px;width:240px;padding:24px;border-radius:30px;transform:rotate(-10deg)}.stage-panel-back strong,.stage-panel-float strong{display:block;margin-top:10px;font-size:1.9rem;line-height:1;letter-spacing:-.06em}.stage-panel-main{z-index:2;inset:70px 54px 62px 54px;border-radius:40px;padding:22px}.stage-panel-float{right:0;bottom:58px;width:220px;padding:22px;border-radius:28px;transform:rotate(9deg)}.stage-topline{justify-content:space-between}.stage-chip,.stage-status{display:inline-flex;align-items:center;min-height:30px;padding:0 12px;border-radius:999px;font-size:.82rem}.stage-chip{background:rgba(255,255,255,.16);color:#f8fbff}.stage-status{background:rgba(34,197,94,.14);color:#d7ffe3}.stage-screen{height:calc(100% - 42px);margin-top:18px;padding:28px;border-radius:30px;background:radial-gradient(circle at top left,rgba(255,255,255,.1),transparent 28%),linear-gradient(180deg,rgba(11,17,32,.98),rgba(20,33,58,.96));color:#fff}.stage-screen-copy span{display:block;color:rgba(226,232,240,.72);font-size:.84rem}.stage-screen-copy h2{max-width:9ch;margin-top:18px;font-size:clamp(2.5rem,4vw,3.8rem);line-height:.92}.stage-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:14px;gap:14px;margin-top:58px}.stage-metric{padding-top:16px;border-top:1px solid rgba(148,163,184,.2)}.stage-metric strong{display:block;margin-top:10px;font-size:1.45rem;letter-spacing:-.05em}.access-section,.plans-section{padding-top:48px}.section-heading h2{font-size:clamp(2.6rem,5vw,4.6rem);line-height:.94}.section-heading-inline h2{font-size:clamp(2.4rem,5vw,4.2rem)}.plans-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:18px;gap:18px;margin-top:22px}.access-wrap,.dashboard-card,.dashboard-hero,.form-card,.plan-card,.transactions-card{background:var(--panel);border:1px solid var(--line);box-shadow:var(--shadow-soft);-webkit-backdrop-filter:blur(18px) saturate(145%);backdrop-filter:blur(18px) saturate(145%)}.plan-card{padding:26px;border-radius:24px}.plan-card-featured{background:radial-gradient(circle at top right,rgba(34,211,238,.18),transparent 32%),linear-gradient(145deg,rgba(15,23,42,.96),rgba(37,99,235,.92));color:#fff}.plan-card-featured .plan-badge,.plan-card-featured p{color:rgba(255,255,255,.76)}.plan-top{justify-content:space-between;gap:12px}.dashboard-card h3,.form-card h3,.plan-top h3{margin:0}.plan-top h3{font-size:1.16rem;font-weight:600}.plan-badge{font-size:.8rem}.dashboard-number,.dashboard-number-small,.plan-price{display:block;letter-spacing:-.06em}.plan-price{margin:16px 0 8px;font-size:2.2rem;line-height:1}.access-shell{display:grid;grid-gap:22px;gap:22px}.access-wrap{padding:24px;border-radius:28px}.dashboard-grid,.dashboard-shell,.field,.forms-grid,.stack,.transaction-row div,.transactions-list{display:grid}.dashboard-grid,.forms-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.dashboard-card,.form-card,.transactions-card{padding:18px;border-radius:20px}.dashboard-card h3,.form-card h3{font-size:1rem}.dashboard-card p,.form-card p{margin:0 0 14px}.stack{gap:14px}.field{gap:8px}.field label{display:block;color:var(--muted);font-size:.84rem}.field input{min-height:50px;padding:0 16px;border-radius:16px;border:1px solid rgba(16,24,40,.1);background:rgba(255,255,255,.92);outline:none}.field input:focus{border-color:rgba(37,99,235,.26);box-shadow:0 0 0 4px rgba(37,99,235,.1)}.form-message,.muted-line{margin:14px 0 0;font-size:.92rem}.dashboard-page{min-height:100vh;padding:48px 0 80px}.dashboard-shell{gap:22px}.dashboard-hero{padding:34px;border-radius:26px;background:radial-gradient(circle at top left,rgba(34,211,238,.16),transparent 24%),linear-gradient(160deg,rgba(255,255,255,.86),rgba(244,248,255,.72))}.dashboard-hero h1{margin-top:12px;font-size:clamp(2.4rem,5vw,4rem);line-height:.94}.dashboard-hero p{max-width:70ch;margin:12px 0 0}.dashboard-note{margin:16px 0 0}.dashboard-topline{justify-content:space-between;align-items:flex-start;gap:20px}.dashboard-grid-live{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-number{margin-top:12px;font-size:2.1rem;line-height:1}.dashboard-number-small{font-size:1.1rem;line-height:1.4;word-break:break-word}.section{display:grid;grid-gap:16px;gap:16px}.section-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.section-head h2,.tariff-card h3{margin:0}.payment-paid-at,.section-head p,.tariff-card p,.tariff-period span{color:var(--muted)}.tariff-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:16px;gap:16px}.tariff-card{display:grid;grid-gap:18px;gap:18px;padding:22px;border-radius:22px;background:var(--panel);border:1px solid var(--line);box-shadow:var(--shadow-soft);-webkit-backdrop-filter:blur(18px) saturate(145%);backdrop-filter:blur(18px) saturate(145%)}.payment-actions,.tariff-card-top,.tariff-period{display:flex;align-items:center}.tariff-card-top,.tariff-period{justify-content:space-between;gap:14px}.tariff-card-top strong,.tariff-period strong{letter-spacing:-.04em}.tariff-periods{display:grid;grid-gap:12px;gap:12px}.tariff-period{padding:16px;border-radius:18px;border:1px solid rgba(16,24,40,.08);background:rgba(255,255,255,.72);flex-wrap:wrap}.tariff-period div{display:grid;grid-gap:4px;gap:4px}.tariff-period-side{text-align:right}.tariff-button{min-width:132px}.payment-row{align-items:flex-start}.payment-actions{justify-content:flex-end;min-width:220px}.payment-paid-at{text-align:right}.transactions-card{border-radius:22px}.transactions-empty{margin:0}.transactions-list{gap:12px}.transaction-row{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 0;border-bottom:1px solid rgba(16,24,40,.07)}.transaction-row:last-child{border-bottom:0}.transaction-row div{gap:6px}.transaction-row span,.transaction-row strong{display:block}@media (max-width:1120px){.dashboard-grid,.forms-grid,.hero-layout,.plans-grid,.stage-metrics,.tariff-grid{grid-template-columns:1fr}.dashboard-topline,.payment-actions,.section-head,.tariff-card-top,.tariff-period,.topbar-inner{flex-direction:column;align-items:flex-start}.hero-stage{min-height:620px}}@media (max-width:760px){.page-shell{width:min(calc(100% - 24px),var(--max-width))}.hero{padding-top:40px}.nav{flex-wrap:wrap;gap:12px}.hero-copy h1{font-size:clamp(4rem,16vw,6rem)}.hero-stage{min-height:460px}.stage-panel-back,.stage-panel-float{display:none}.stage-panel-main{inset:0;padding:14px;border-radius:28px}.stage-screen{padding:22px;border-radius:24px}.stage-screen-copy h2{font-size:clamp(2rem,10vw,3rem)}.access-wrap,.dashboard-card,.dashboard-hero,.form-card,.plan-card,.tariff-card,.transactions-card{padding:18px;border-radius:18px}}