:root{
  --bg:#f6f7f9; --surface:#fff; --surface-2:#eef3ff; --text:#1b2330;
  --muted:#667085; --primary:#2f6fed; --primary-2:#5a8cff; --purple:#8b6fe8;
  --yellow:#f4bd3b; --border:#dfe5ee; --shadow:0 16px 40px rgba(34,65,120,.10);
  --soft-shadow:0 8px 24px rgba(34,65,120,.08); --radius:24px;
}
*{box-sizing:border-box} html{scroll-behavior:smooth}
body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--text);
background:linear-gradient(rgba(47,111,237,.028) 1px,transparent 1px),linear-gradient(90deg,rgba(47,111,237,.028) 1px,transparent 1px),var(--bg);
background-size:34px 34px;line-height:1.65}
a{color:var(--primary);text-decoration:none} a:hover{text-decoration:underline}
.container{width:min(1100px,calc(100% - 36px));margin:0 auto}
.site-header{position:sticky;top:0;z-index:20;backdrop-filter:blur(14px);background:rgba(246,247,249,.82);border-bottom:1px solid rgba(223,229,238,.8)}
.nav{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:72px}
.brand{display:flex;align-items:center;gap:12px;font-weight:800;color:var(--text)}
.brand:hover{text-decoration:none}
.brand-mark{width:38px;height:38px;position:relative}
.brand-mark span{position:absolute;width:17px;height:17px;border-radius:6px;box-shadow:0 4px 10px rgba(45,70,115,.14)}
.brand-mark .b1{left:10px;top:0;background:linear-gradient(145deg,#6ca0ff,#2f6fed)}
.brand-mark .b2{left:0;top:19px;background:linear-gradient(145deg,#ae9af5,#8167df)}
.brand-mark .b3{left:20px;top:19px;background:linear-gradient(145deg,#ffd86f,#e8aa26)}
.nav-links{display:flex;gap:20px;align-items:center;font-size:.95rem}.nav-links a{color:var(--muted);font-weight:600}
.hero{padding:92px 0 72px}.hero-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:52px;align-items:center}
.eyebrow{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border-radius:999px;background:#e9f0ff;color:#245dc9;font-weight:700;font-size:.9rem}
h1{font-size:clamp(2.7rem,7vw,5.2rem);line-height:.98;margin:20px 0 18px;letter-spacing:-.05em}.accent{color:var(--primary)}
.lead{font-size:1.18rem;color:var(--muted);max-width:650px;margin:0 0 28px}.cta-row{display:flex;flex-wrap:wrap;gap:12px}
.button{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:0 20px;border-radius:16px;font-weight:800;border:1px solid transparent}
.button.primary{background:linear-gradient(180deg,var(--primary-2),var(--primary));color:#fff;box-shadow:0 10px 24px rgba(47,111,237,.24)}
.button.primary:hover,.button.secondary:hover{text-decoration:none}.button.secondary{background:var(--surface);color:var(--text);border-color:var(--border);box-shadow:var(--soft-shadow)}
.hero-card{position:relative;min-height:420px;border-radius:36px;background:linear-gradient(160deg,#fff,#edf3ff);border:1px solid #e2e8f0;box-shadow:var(--shadow);overflow:hidden}
.block{position:absolute;border-radius:22px;box-shadow:inset 0 2px 0 rgba(255,255,255,.45),0 16px 28px rgba(47,70,120,.18)}
.block::after{content:"";position:absolute;left:12%;right:12%;top:10%;height:22%;border-radius:12px;background:rgba(255,255,255,.24)}
.block.blue{width:122px;height:122px;left:50%;top:52px;transform:translateX(-50%);background:linear-gradient(165deg,#78a7ff,#2f6fed)}
.block.purple{width:132px;height:132px;left:16%;top:218px;background:linear-gradient(165deg,#baaaf6,#8368e1)}
.block.yellow{width:132px;height:132px;right:16%;top:218px;background:linear-gradient(165deg,#ffdc7a,#ecae2a)}
.gravity-lines{position:absolute;left:50%;top:22px;width:84px;height:28px;transform:translateX(-50%);opacity:.22}
.gravity-lines i{position:absolute;top:0;width:4px;height:26px;border-radius:5px;background:var(--primary)}.gravity-lines i:nth-child(1){left:10px;height:16px}.gravity-lines i:nth-child(2){left:40px}.gravity-lines i:nth-child(3){right:10px;height:19px}
.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:10px 0 72px}.stat{background:var(--surface);border:1px solid var(--border);border-radius:20px;padding:22px;box-shadow:var(--soft-shadow)}.stat strong{display:block;font-size:1.55rem}.stat span{color:var(--muted);font-size:.92rem}
.section{padding:72px 0}.section h2{font-size:clamp(2rem,4vw,3rem);margin:0 0 14px;letter-spacing:-.03em}.section-intro{color:var(--muted);max-width:720px;margin:0 0 30px}
.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:26px;box-shadow:var(--soft-shadow)}
.card .icon{width:48px;height:48px;display:grid;place-items:center;border-radius:15px;background:var(--surface-2);font-size:1.35rem;margin-bottom:16px}.card h3{margin:0 0 8px;font-size:1.13rem}.card p{margin:0;color:var(--muted)}
.notice{background:#eef5ff;border:1px solid #d7e6ff;border-radius:22px;padding:22px;color:#30445f}
.legal-hero{padding:70px 0 34px}.legal-hero h1{font-size:clamp(2.3rem,6vw,4.2rem);margin-bottom:14px}.legal-meta{color:var(--muted)}
.legal{background:var(--surface);border:1px solid var(--border);border-radius:28px;padding:clamp(24px,5vw,52px);box-shadow:var(--soft-shadow);margin-bottom:72px}
.legal h2{margin-top:2.1em;font-size:1.45rem}.legal h2:first-child{margin-top:0}.legal ul{padding-left:1.2rem}.legal li{margin:.45rem 0}
.legal .summary{background:#f8fafc;border:1px solid var(--border);border-radius:18px;padding:20px;margin-bottom:28px}
.footer{border-top:1px solid var(--border);padding:30px 0 42px;color:var(--muted);font-size:.93rem}.footer-row{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap}.footer-links{display:flex;gap:18px;flex-wrap:wrap}.footer-links a{color:var(--muted)}
@media(max-width:820px){.hero{padding-top:62px}.hero-grid{grid-template-columns:1fr;gap:34px}.hero-card{min-height:350px}.stats{grid-template-columns:repeat(2,1fr)}.feature-grid{grid-template-columns:1fr}}
@media(max-width:560px){.container{width:min(100% - 24px,1100px)}.nav{min-height:64px}.nav-links{gap:12px;font-size:.86rem}.hero{padding:48px 0 50px}.hero-card{min-height:300px}.block.blue{width:92px;height:92px}.block.purple,.block.yellow{width:102px;height:102px;top:180px}.stats{grid-template-columns:1fr 1fr}.stat{padding:18px}.legal{padding:22px}}