:root{color-scheme:light;--ink:#09132e;--muted:#52607b;--line:#dbe1ee;--paper:#f8faff;--accent-a:#1ea8ff;--accent-b:#7d5cff;--accent-c:#ef4cd6}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"SF Pro Display","Helvetica Neue",Arial,sans-serif;color:var(--ink);background:var(--paper);text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}
a:focus-visible{outline:3px solid #5c63ff;outline-offset:4px;border-radius:6px}
.skip-link{position:fixed;left:20px;top:12px;z-index:20;padding:10px 16px;border-radius:10px;background:#fff;box-shadow:0 8px 30px #09132e33;transform:translateY(-160%)}
.skip-link:focus{transform:translateY(0)}
.site-header{height:72px;display:flex;align-items:center;gap:36px;padding:0 max(5vw,24px);position:absolute;z-index:4;width:100%;color:var(--ink)}
.site-header nav{display:flex;gap:28px;margin-left:auto;font-size:14px}
.site-header nav a,.legal-header a{transition:opacity .2s ease}
.site-header nav a:hover,.legal-header a:hover,footer a:hover{opacity:.62}
.brand{font-size:25px;white-space:nowrap}
.pill,.primary,.secondary{border-radius:999px;padding:13px 22px;transition:transform .2s ease,box-shadow .2s ease,background-color .2s ease}
.pill{background:linear-gradient(100deg,#315dff,#d63ef2);color:#fff;font-size:13px;box-shadow:0 8px 28px #693bd833}
.pill:hover,.primary:hover,.secondary:hover{transform:translateY(-2px)}
.hero{height:min(760px,85vh);min-height:620px;position:relative;overflow:hidden;background:#dce8fb}
.hero-bg{position:absolute;inset:0;background-image:linear-gradient(90deg,rgba(245,249,255,.98) 0%,rgba(245,249,255,.82) 31%,rgba(245,249,255,.12) 61%),url(hero-clean.jpg);background-position:center;background-size:cover;background-repeat:no-repeat}
.hero-copy{position:relative;z-index:2;padding:180px 7vw 0;max-width:720px}
.eyebrow{letter-spacing:.32em;font-size:12px;font-weight:650}
.hero h1{font-size:clamp(58px,6vw,96px);line-height:.92;margin:16px 0 24px;letter-spacing:-.055em}
.hero h1 em{font-style:normal;background:linear-gradient(90deg,var(--accent-a),var(--accent-b),var(--accent-c));color:transparent;background-clip:text;-webkit-background-clip:text}
.hero p{font-size:20px;line-height:1.55;max-width:570px}
.actions{display:flex;gap:14px;margin-top:28px}
.primary{background:#08122f;color:#fff;display:inline-block;box-shadow:0 12px 32px #08122f26}
.secondary{background:rgba(255,255,255,.7);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}
.tools{display:grid;grid-template-columns:repeat(6,1fr);padding:24px 5vw;background:rgba(255,255,255,.9);border-bottom:1px solid #e7ebf4}
.tools div{text-align:center;border-right:1px solid var(--line)}
.tools div:last-child{border:0}
.tools span{display:block;font-size:13px;margin-top:8px}
.tools .tool-icon{font-size:25px;margin-top:0;line-height:1}
.stories{padding:92px 5vw;text-align:center}
.stories h2,.feature h2,.cta h2,.legal-page h1{font-size:clamp(38px,4vw,62px);letter-spacing:-.045em;margin:12px 0}
.stories>p{max-width:720px;margin:0 auto 40px;color:var(--muted);font-size:18px;line-height:1.6}
.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;max-width:1280px;margin:auto}
.cards article{height:240px;border-radius:26px;padding:24px;text-align:left;display:flex;flex-direction:column;justify-content:end;color:#fff;background:linear-gradient(145deg,#4776e6,#8e54e9);box-shadow:0 16px 50px #344a7a22}
.cards article:nth-child(2){background:linear-gradient(145deg,#4cc9c0,#4b6cb7)}
.cards article:nth-child(3){background:linear-gradient(145deg,#f4a261,#7b61ff)}
.cards article:nth-child(4){background:linear-gradient(145deg,#ff6b6b,#4158d0)}
.cards b{font-size:22px}.cards small{margin-top:8px;opacity:.9;font-size:14px;line-height:1.45}
.feature{margin:30px 5vw 100px;padding:80px;display:grid;grid-template-columns:1.15fr .85fr;gap:80px;border-radius:40px;background:radial-gradient(circle at 80% 20%,#e6d9ff,transparent 30%),linear-gradient(130deg,#edf8ff,#fff3ed)}
.feature>div>p{font-size:18px;line-height:1.7;color:var(--muted);max-width:620px}
.glass{background:#ffffffaa;border:1px solid #fff;padding:34px;border-radius:28px;box-shadow:0 30px 80px #6a76a31c;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}
.glass h3{margin:4px 0 6px}.glass p{color:var(--muted);line-height:1.5}.glass hr{border:0;border-top:1px solid #dde3ee;margin:22px 0}
.cta{text-align:center;padding:100px 20px;background:#08122f;color:#fff}
.cta p{color:#aab6d2;margin-bottom:28px}.cta .primary{background:linear-gradient(100deg,#15baff,#d83ff3)}
footer{display:flex;gap:30px;justify-content:space-between;align-items:center;padding:32px 5vw;font-size:13px;color:#66718b;background:var(--paper)}
footer span{margin-left:auto}
.legal-header{position:relative;border-bottom:1px solid #e7ebf4;background:#fff}
.legal-main{min-height:calc(100vh - 137px)}
.legal-page{max-width:900px;margin:auto;padding:90px 5vw 120px}
.legal-page p{margin:0;max-width:760px;color:var(--muted);font-size:18px;line-height:1.7}
@media(max-width:800px){
  .site-header nav{display:none}
  .hero{min-height:680px;height:82vh}
  .hero-bg{background-image:linear-gradient(180deg,rgba(245,249,255,.98) 0%,rgba(245,249,255,.74) 42%,rgba(245,249,255,.1) 72%),url(hero-clean.jpg);background-position:64% center}
  .hero-copy{padding:145px 24px 0}.hero h1{font-size:58px}.hero p{max-width:500px}
  .tools{grid-template-columns:repeat(3,1fr);gap:26px 10px}.tools div{border:0}
  .cards{grid-template-columns:1fr 1fr}
  .feature{grid-template-columns:1fr;padding:40px 24px;gap:30px}.actions{flex-direction:column;align-items:flex-start}
  footer{flex-direction:column;align-items:flex-start}footer span{margin:0}
}
@media(max-width:500px){.cards{grid-template-columns:1fr}.hero p{font-size:17px}.pill{display:none}.hero h1{font-size:52px}.hero-copy{padding-top:132px}.feature{margin-bottom:64px}.legal-page{padding-top:64px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.pill,.primary,.secondary,.site-header nav a,.legal-header a{transition:none}}