:root{color:#101828;background:#f6f7fb;font-family:Inter,Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:linear-gradient(180deg,rgba(47,128,237,.08),transparent 34%),#f6f7fb}a{color:inherit;text-decoration:none}.page{min-height:100vh}.header{position:sticky;top:0;z-index:10;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:18px min(5vw,64px);background:#f6f7fbdb;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-bottom:1px solid rgba(16,24,40,.08)}.brand{font-size:19px;font-weight:950;letter-spacing:4px}nav{display:flex;align-items:center;gap:22px;color:#475467;font-size:14px;font-weight:850}.login-link,.primary,.secondary{display:inline-flex;min-height:48px;align-items:center;justify-content:center;border-radius:16px;padding:0 20px;font-weight:950}.login-link,.primary{color:#fff;background:#101828}.secondary{color:#101828;background:#fff;border:1px solid rgba(16,24,40,.1)}.hero{min-height:calc(100vh - 82px);display:grid;grid-template-columns:minmax(0,1.05fr) minmax(360px,.8fr);gap:48px;align-items:center;padding:58px min(5vw,64px) 84px}.hero-copy{max-width:790px}.eyebrow{margin:0 0 14px;color:#2f80ed;font-size:12px;font-weight:950;letter-spacing:3px;text-transform:uppercase}h1,h2,h3,p{margin-top:0}h1{margin-bottom:24px;color:#101828;font-size:clamp(48px,7vw,92px);line-height:.95;letter-spacing:-2px}h2{margin-bottom:0;color:#101828;font-size:clamp(34px,4.2vw,58px);line-height:1;letter-spacing:-1px}h3{margin-bottom:8px;color:#101828;font-size:20px}.hero-text,.section p,.cta p{color:#475467;font-size:19px;line-height:1.55;font-weight:650}.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:34px}.hero-board{display:grid;gap:14px}.phrase-card{min-height:110px;display:flex;align-items:center;padding:24px;border-radius:24px;color:#fff;background:#101828;box-shadow:0 24px 50px #10182829;font-size:clamp(24px,3vw,42px);font-weight:950;letter-spacing:-.8px}.phrase-card:nth-child(2){background:#2f80ed}.phrase-card:nth-child(3){background:#12b76a}.phrase-card:nth-child(4){background:#f79009}.section{padding:78px min(5vw,64px)}.split{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1fr);gap:44px;align-items:start;background:#fff}.section-title{max-width:820px;margin-bottom:34px}.subjects-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.subject-card{min-height:92px;display:flex;align-items:flex-end;padding:18px;border-radius:20px;background:#fff;border:1px solid rgba(16,24,40,.08);box-shadow:0 16px 36px #1018280f}.subject-card span{font-size:17px;font-weight:950}.screens-grid,.steps-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.screen-card,.steps-grid article{padding:18px;border-radius:24px;background:#fff;border:1px solid rgba(16,24,40,.08)}.phone-mock{aspect-ratio:9 / 16;display:flex;flex-direction:column;justify-content:space-between;margin-bottom:18px;padding:20px;border-radius:26px;color:#fff;background:linear-gradient(160deg,#101828,#2f80ed)}.phone-mock span{align-self:flex-start;padding:8px 10px;border-radius:12px;background:#ffffff29;font-weight:950}.phone-mock strong{font-size:24px;line-height:1.05}.screen-card p,.steps-grid p{font-size:15px;line-height:1.45}.steps{background:#101828}.steps .eyebrow,.steps h2,.steps h3{color:#fff}.steps-grid article{background:#ffffff0f;border-color:#ffffff1a}.steps-grid b{color:#84caff;font-size:15px}.steps-grid p{color:#ffffffad}.cta{padding:90px min(5vw,64px);text-align:center;background:#fff}.cta h2{margin-bottom:18px}.cta p{max-width:680px;margin:0 auto 30px}.footer{display:flex;justify-content:space-between;gap:24px;padding:28px min(5vw,64px);color:#667085;font-size:14px;font-weight:800}.footer span{color:#101828;font-weight:950;letter-spacing:3px}.footer div{display:flex;flex-wrap:wrap;gap:18px}@media(max-width:980px){.hero,.split{grid-template-columns:1fr}.subjects-grid,.screens-grid,.steps-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:680px){.header{align-items:flex-start;flex-direction:column}nav{width:100%;overflow-x:auto;padding-bottom:4px}.hero{min-height:auto;padding-top:38px}.subjects-grid,.screens-grid,.steps-grid{grid-template-columns:1fr}.footer{flex-direction:column}}