:root{--cu-bg:#f4f8f8;--cu-surface:#fff;--cu-ink:#17343b;--cu-muted:#667b80;--cu-primary:#35b7b8;--cu-primary-strong:#183a42;--cu-accent:#f0a23a;--cu-border:#d8e5e6;--cu-success:#277a55;--cu-danger:#a83d3d;--cu-radius:18px;--cu-radius-sm:10px;--cu-shadow:0 18px 52px #12353d17;--cu-shadow-hover:0 24px 62px #12353d24;--cu-font:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--cu-content:1180px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--cu-bg);min-width:320px;color:var(--cu-ink);font-family:var(--cu-font);margin:0;line-height:1.55}button,input,select,textarea{font:inherit}a{color:inherit;text-decoration:none}img{max-width:100%}h1,h2,h3{letter-spacing:-.025em;line-height:1.08}h1{margin:.22em 0}h2{margin-top:0}p{margin:.5em 0 1em}.container{width:min(var(--cu-content), calc(100% - 36px));margin:0 auto}.site-header{z-index:30;background:color-mix(in srgb, var(--cu-surface) 92%, transparent);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border-bottom:1px solid #d8e5e6db;position:sticky;top:0}.topbar{justify-content:space-between;align-items:center;gap:28px;min-height:84px;display:flex}.brand,.brand-lockup{align-items:center;gap:12px;display:inline-flex}.brand-logo-frame{background:var(--cu-primary);width:50px;height:50px;box-shadow:0 9px 20px color-mix(in srgb, var(--cu-primary) 26%, transparent);border-radius:5px 5px 14px;flex:none;place-items:center;display:grid;overflow:hidden}.brand-logo-image{object-fit:cover;width:100%;height:100%}.brand-logo-fallback{color:#fff;letter-spacing:-.08em;font-size:.9rem;font-weight:800;line-height:.8}.brand-copy{line-height:1.05;display:grid}.brand-copy strong{font-size:1.1rem}.brand-copy small{color:var(--cu-muted);letter-spacing:.04em;text-transform:uppercase;margin-top:4px;font-size:.76rem;font-weight:700}.main-nav{align-items:center;gap:8px;font-weight:720;display:flex}.main-nav a,.link-button{color:var(--cu-ink);cursor:pointer;background:0 0;border:0;border-radius:999px;padding:10px 13px}.main-nav a:hover,.link-button:hover,.main-nav .router-link-active:not(.brand){background:color-mix(in srgb, var(--cu-primary) 10%, var(--cu-surface))}.main-nav .nav-login{background:var(--cu-primary-strong);color:#fff;margin-left:4px}.hero{background:radial-gradient(circle at 82% 20%, color-mix(in srgb, var(--cu-primary) 32%, transparent), transparent 34%), linear-gradient(130deg, var(--cu-primary-strong), color-mix(in srgb, var(--cu-primary-strong) 82%, #081c22));color:#fff;padding:86px 0 78px;overflow:hidden}.hero-grid{grid-template-columns:minmax(0,1.1fr) minmax(320px,.9fr);align-items:center;gap:64px;display:grid}.hero-copy h1{max-width:760px;font-size:clamp(2.8rem,6vw,5.7rem)}.eyebrow{color:var(--cu-accent);letter-spacing:.13em;text-transform:uppercase;font-size:.79rem;font-weight:850}.lead{opacity:.9;max-width:720px;font-size:1.18rem}.hero-actions{flex-wrap:wrap;gap:12px;margin-top:30px;display:flex}.hero-visual{place-items:center;min-height:390px;display:grid;position:relative}.hero-visual:before{background:color-mix(in srgb, var(--cu-primary) 30%, transparent);filter:blur(36px);content:"";border-radius:50%;position:absolute;inset:12% 8%}.hero-visual img{z-index:1;filter:drop-shadow(0 28px 36px #00000038);max-height:390px;position:relative}.hero-fallback{z-index:1;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffff17;border:1px solid #ffffff3d;border-radius:30px;width:min(100%,390px);padding:34px;position:relative}.section{padding:64px 0}.section-heading{max-width:760px;margin-bottom:30px}.section-heading h1,.section-heading h2{font-size:clamp(2rem,4vw,3.4rem)}.grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;display:grid}.stack{gap:18px;display:grid}.two-columns{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;display:grid}.card,.hero-card{border:1px solid var(--cu-border);border-radius:var(--cu-radius);background:var(--cu-surface);color:var(--cu-ink);box-shadow:var(--cu-shadow);padding:26px}.card.interactive{transition:transform .18s,box-shadow .18s,border-color .18s}.card.interactive:hover{box-shadow:var(--cu-shadow-hover);transform:translateY(-3px)}.card.selected{outline:3px solid color-mix(in srgb, var(--cu-primary) 70%, transparent)}.feature-card{border-top:4px solid var(--cu-primary)}.feature-card .feature-number{background:color-mix(in srgb, var(--cu-primary) 14%, white);width:38px;height:38px;color:var(--cu-primary-strong);border-radius:50%;place-items:center;font-weight:850;display:inline-grid}.metric{border-left:3px solid var(--cu-primary);gap:3px;padding-left:13px;display:grid}.metric strong{font-size:1.4rem}.button{border-radius:var(--cu-radius-sm);background:var(--cu-primary);color:#fff;cursor:pointer;border:0;justify-content:center;align-items:center;min-height:44px;padding:11px 18px;font-weight:800;transition:transform .16s,filter .16s;display:inline-flex}.button:hover{filter:brightness(.96);transform:translateY(-1px)}.button.secondary{border:1px solid var(--cu-primary);background:var(--cu-surface);color:var(--cu-primary-strong)}.hero .button.secondary{color:#fff;background:#ffffff14;border-color:#ffffff8c}.button.danger{background:var(--cu-danger)}.button:disabled{opacity:.5;cursor:not-allowed;transform:none}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.field{gap:7px;display:grid}.field label{font-size:.9rem;font-weight:780}.field input,.field select,.field textarea{border:1px solid var(--cu-border);border-radius:var(--cu-radius-sm);width:100%;min-height:44px;color:var(--cu-ink);background:#fff;padding:10px 12px}.field textarea{resize:vertical;min-height:92px}.field input:focus,.field select:focus,.field textarea:focus{outline:3px solid color-mix(in srgb, var(--cu-primary) 20%, transparent);border-color:var(--cu-primary)}.auth-shell{grid-template-columns:minmax(320px,.88fr) minmax(0,1.12fr);min-height:calc(100vh - 84px);display:grid}.auth-panel{background:var(--cu-surface);place-items:center;padding:54px max(28px,5vw);display:grid}.auth-card{width:min(100%,520px);box-shadow:none;border:0;padding:0}.auth-card h1{font-size:clamp(2.2rem,5vw,3.8rem)}.auth-aside{background:radial-gradient(circle at 75% 25%, color-mix(in srgb, var(--cu-primary) 38%, transparent), transparent 32%), var(--cu-primary-strong);color:#fff;align-content:end;padding:60px;display:grid;position:relative;overflow:hidden}.auth-aside img{opacity:.9;max-width:76%;max-height:62%;position:absolute;inset:8% 7% auto auto}.auth-aside-copy{z-index:2;max-width:570px;position:relative}.auth-aside-copy h2{font-size:clamp(2rem,4vw,3.2rem)}.muted{color:var(--cu-muted)}.price{letter-spacing:-.04em;font-size:2rem;font-weight:880}.price small{font-size:.9rem;font-weight:650}.badge{background:color-mix(in srgb, var(--cu-primary) 12%, white);color:var(--cu-primary-strong);border-radius:999px;align-items:center;padding:5px 10px;font-size:.82rem;font-weight:780;display:inline-flex}.alert{border:1px solid color-mix(in srgb, var(--cu-accent) 44%, var(--cu-border));border-radius:var(--cu-radius-sm);background:color-mix(in srgb, var(--cu-accent) 12%, white);padding:13px 15px}.error{color:var(--cu-danger)}.success{color:var(--cu-success)}table{border-collapse:collapse;background:var(--cu-surface);width:100%}th,td{border-bottom:1px solid var(--cu-border);text-align:left;vertical-align:top;padding:11px}th{letter-spacing:.04em;text-transform:uppercase;color:var(--cu-muted);font-size:.8rem}.site-footer{border-top:1px solid var(--cu-border);background:var(--cu-surface);color:var(--cu-muted);padding:42px 0}.footer-grid{justify-content:space-between;align-items:flex-end;gap:36px;display:flex}.footer-support{text-align:right;gap:4px;display:grid}.branding-preview{border-radius:var(--cu-radius);background:linear-gradient(135deg, var(--cu-primary-strong), var(--cu-primary));color:#fff;padding:24px}.color-field{grid-template-columns:54px 1fr;align-items:center}.color-field input[type=color]{padding:4px}@media (width<=900px){.hero-grid,.grid,.form-grid,.two-columns,.auth-shell{grid-template-columns:1fr}.hero{padding:58px 0}.hero-visual{min-height:280px}.auth-aside{min-height:360px}.footer-grid{flex-direction:column;align-items:flex-start}.footer-support{text-align:left}}@media (width<=720px){.topbar{flex-direction:column;align-items:flex-start;padding:14px 0}.main-nav{width:100%;overflow-x:auto}.brand-copy{display:none}.section{padding:44px 0}.auth-aside{padding:36px 28px}}