:root{--blue:#3568f5;--ink:#172033;--muted:#647188;--line:#e4eaf4;--soft:#f6f8fe;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:#fff}
*{box-sizing:border-box}body{margin:0}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}.container{width:min(1120px,calc(100% - 40px));margin:auto}
nav.top{background:#ffffffed;backdrop-filter:blur(15px);border-bottom:1px solid #e7ecf4}.navrow{min-height:76px;display:flex;justify-content:space-between;align-items:center;gap:20px}.wordmark{font-size:24px;font-weight:850;letter-spacing:-1.15px}.wordmark span{color:var(--blue)}.navright{display:flex;align-items:center;gap:16px;color:#59677e;font-size:14px;font-weight:600}
.button{display:inline-flex;justify-content:center;align-items:center;gap:9px;text-align:center;border:1px solid var(--blue);background:var(--blue);color:white;border-radius:13px;padding:15px 24px;font-weight:750;transition:background .15s,transform .15s}.button:hover{background:#2454d9;transform:translateY(-1px)}.button.ghost{background:white;border-color:#d9e2f0;color:#253452}.button.ghost:hover{background:#eef3ff}.button:focus-visible,a:focus-visible{outline:3px solid #8faeff;outline-offset:4px}
.hero{background:radial-gradient(ellipse at 66% 1%,#e8efff 0%,#f8faff 53%,#fff 86%);min-height:66vh;padding:94px 0 92px}.hero-grid{display:grid;grid-template-columns:1fr .82fr;gap:62px;align-items:center}.kicker{display:inline-flex;border:1px solid #dce6ff;background:white;color:#3261d9;border-radius:99px;padding:10px 15px;font-size:12px;letter-spacing:.06em;font-weight:800}.hero h1{font-size:clamp(42px,5vw,65px);line-height:1.08;letter-spacing:-.052em;margin:25px 0 20px}.hero h1 em{color:var(--blue);font-style:normal}.lead{font-size:18px;line-height:1.8;color:#5e6d84;max-width:590px}.buttons{display:flex;flex-wrap:wrap;gap:12px;margin:30px 0 22px}.small{font-size:13px;color:#73829a;line-height:1.7}.feature-box{border:1px solid #dce5f5;box-shadow:0 24px 75px #224c921a;border-radius:24px;background:white;padding:28px}.feature-box h2{font-size:24px;margin:10px 0 15px;letter-spacing:-.025em}.feature-box p{color:#647188;line-height:1.7;font-size:14px}.feature-list{margin:20px 0 0;padding:0;list-style:none;display:grid;gap:17px}.feature-list li{display:flex;gap:13px;align-items:flex-start;color:#40516d;font-size:14px;line-height:1.6}.check{flex:none;border-radius:10px;width:28px;height:28px;display:grid;place-items:center;color:#285edb;background:#eaf0ff;font-weight:800}
.notice{margin-top:20px;background:#f0f5ff;border:1px solid #d5e3ff;padding:16px 18px;border-radius:13px;color:#385884;line-height:1.65;font-size:14px}.notice.error{background:#fff2f2;border-color:#ffc6c6;color:#9a2d2d}footer{padding:32px 0;border-top:1px solid var(--line);color:#7a8599;font-size:13px}.foot{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px}.footlinks{display:flex;gap:20px;flex-wrap:wrap}.footlinks a{text-decoration:underline;text-underline-offset:3px}
[hidden]{display:none!important}
@media(max-width:850px){.hero-grid{grid-template-columns:1fr;gap:28px}.hero{padding:66px 0}.feature-box{max-width:570px}}
@media(max-width:600px){.container{width:min(100% - 32px,1120px)}.navrow{min-height:68px}.navright{font-size:12px}.hero h1{font-size:43px}.lead{font-size:16px}.button{padding:13px 18px}.feature-box{padding:21px}}
@media(prefers-reduced-motion:reduce){.button{transition:none}.button:hover{transform:none}}