:root{color-scheme:light;--ink:#10213e;--blue:#165dce;--muted:#516078;--line:#dbe2ec;--paper:#fff;--navy:#0c1830}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font:18px/1.65 -apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;color:var(--ink);background:#f5f7fb}a{color:var(--blue);text-underline-offset:4px}a:hover{text-decoration-thickness:2px}a:focus-visible,summary:focus-visible{outline:3px solid #3296ff;outline-offset:5px}header{max-width:1200px;margin:auto;display:flex;justify-content:space-between;align-items:center;gap:24px;padding:26px 32px}.brand{display:flex;align-items:center;gap:12px;color:var(--ink);font-weight:750;text-decoration:none}.brand img{width:42px;height:42px;border-radius:10px}.brand small{display:block;font-weight:500;font-size:12px;letter-spacing:.15em}nav{display:flex;gap:24px;font-size:16px}nav a{text-decoration:none;color:var(--ink)}.hero{background:var(--navy);color:white;overflow:hidden}.hero-inner{max-width:1200px;margin:auto;display:grid;grid-template-columns:1.15fr .85fr;gap:80px;padding:78px 40px 0;align-items:center}.eyebrow{font-size:13px;font-weight:700;letter-spacing:.17em;text-transform:uppercase;color:#91bfff}.hero h1{font-size:clamp(42px,5vw,70px);line-height:1.06;letter-spacing:-.045em;margin:20px 0 28px;max-width:620px}.hero p{color:#cfdbef;max-width:540px;font-size:20px}.hero .copy{padding-bottom:76px}.pill{display:inline-block;border:1px solid #5577a7;border-radius:100px;padding:8px 16px;font-size:14px;margin-top:14px}.screen{max-width:100%;height:auto;display:block;border:7px solid #263957;border-radius:29px;box-shadow:0 30px 80px #0003}.hero .screen{width:350px;transform:translateY(70px);margin:auto}.section{max-width:1120px;padding:76px 32px;margin:auto}.intro{font-size:clamp(25px,3vw,38px);line-height:1.3;letter-spacing:-.025em;max-width:820px}.features{display:grid;grid-template-columns:repeat(3,1fr);gap:36px;margin-top:45px}.feature{border-top:2px solid var(--blue);padding-top:16px}h2{font-size:34px;line-height:1.2;letter-spacing:-.025em}h3{font-size:22px;line-height:1.3}.feature p{color:var(--muted)}.showcase{background:#eaf0f8}.showcase-inner{max-width:1100px;margin:auto;display:grid;grid-template-columns:1fr 1fr;gap:85px;align-items:center;padding:65px 32px}.showcase .screen{max-width:290px;margin:auto;max-height:520px;object-fit:cover;object-position:top;border-radius:22px}.pricing{display:grid;grid-template-columns:1fr 1fr;gap:32px}.plan{background:#fff;border:1px solid var(--line);padding:32px;border-radius:16px}.plan.emphasis{border:2px solid var(--blue)}.plan ul{padding-left:22px;color:var(--muted)}.label{font-size:14px;font-weight:700;text-transform:uppercase;letter-spacing:.12em;color:var(--blue)}.price{font-size:34px;font-weight:750}.small{font-size:15px;color:var(--muted)}footer{border-top:1px solid var(--line);max-width:1200px;margin:auto;padding:32px;display:flex;flex-wrap:wrap;gap:20px;justify-content:space-between;font-size:15px;color:var(--muted)}footer div{display:flex;gap:22px;flex-wrap:wrap}.legal{max-width:810px;margin:35px auto 75px;background:#fff;border:1px solid var(--line);border-radius:16px;padding:50px}.legal h1{font-size:44px;letter-spacing:-.035em;line-height:1.15}.legal h2{font-size:25px;margin-top:36px}.legal p,.legal li{font-size:17px}.legal .lede{font-size:21px;color:var(--muted)}details{border-top:1px solid var(--line);padding:20px 0}summary{font-weight:650;cursor:pointer}.notice{border-left:4px solid var(--blue);padding:14px 20px;background:#edf4ff}.skip{position:absolute;left:-9999px}.skip:focus{left:16px;top:16px;background:#fff;padding:12px;z-index:10}@media(max-width:700px){header{padding:20px;align-items:flex-start}.brand{font-size:15px}.brand small{font-size:10px}nav{gap:12px;font-size:14px;flex-wrap:wrap}.hero-inner{grid-template-columns:1fr;gap:0;padding:45px 24px 0}.hero .copy{padding-bottom:0}.hero .screen{width:270px;transform:translateY(45px)}.hero p{font-size:18px}.features,.pricing,.showcase-inner{grid-template-columns:1fr}.section{padding:55px 24px}.features{gap:20px}.showcase-inner{gap:28px;padding:45px 24px}.legal{margin:20px 16px 50px;padding:28px 22px}.legal h1{font-size:36px}.legal p{overflow-wrap:anywhere}footer{padding:26px 24px}.plan{padding:24px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
