:root{--bg:#FFFFFF;--bg2:#F5F6FB;--surface:#FFFFFF;--text:#0B1033;--muted:#555B73;--border:#E3E5F0;--link:#4338CA;--tint:#EEF0FF;--glass:rgba(255,255,255,.72);--accent:#0F766E;}
body{margin:0;font-family:'Inter',system-ui,-apple-system,'Segoe UI',sans-serif;}
*{box-sizing:border-box}
h1,h2,h3,h4,p,ul{margin:0}
ul{padding:0;list-style:none}
.pg{background:var(--bg);color:var(--text);font-family:'Inter',system-ui,sans-serif;line-height:1.5;overflow-x:clip;-webkit-font-smoothing:antialiased}
.wrap{max-width:1200px;margin:0 auto;padding:0 24px}
.sec{padding:96px 0}
.h2{font-size:clamp(30px,4vw,44px);line-height:1.1;letter-spacing:-0.025em;font-weight:700}
.lead{font-size:18px;line-height:1.6;color:var(--muted)}
.eyebrow{display:inline-flex;align-items:center;gap:8px;font-size:13px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--link)}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:50px;padding:0 24px;border-radius:12px;font-weight:600;font-size:16px;text-decoration:none;transition:transform .2s ease,box-shadow .2s ease,background .2s ease,border-color .2s ease}
.btn-p{background:#4F46E5;color:#fff;box-shadow:0 10px 28px -10px rgba(79,70,229,.7)}
.btn-p:hover{background:#4338CA;transform:translateY(-2px)}
.btn:focus-visible{outline:3px solid #A5B4FC;outline-offset:3px}
.card{background:var(--surface);border:1px solid var(--border);border-radius:20px;transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}
.card:hover{transform:translateY(-4px);box-shadow:0 24px 48px -24px rgba(11,16,51,.3);border-color:#818CF8}
@keyframes rv{from{opacity:0;transform:translateY(28px)}to{opacity:1;transform:none}}
.hero-in{animation:rv .9s ease both}
@supports (animation-timeline:view()){.rv{animation:rv linear both;animation-timeline:view();animation-range:entry 0% entry 35%}}
@media (prefers-reduced-motion:reduce){.rv,.hero-in{animation:none!important}.btn,.card{transition:none}}
@media (max-width:700px){.wrap{padding:0 16px}.sec{padding:64px 0}}