:root { --ink:#0a1730; --paper:#f5f7fa; --white:#fff; --blue:#2c69f1; --cyan:#31bde8; --green:#56d69d; --muted:#64718a; --line:#dbe1ea; }
* { box-sizing:border-box; } html { scroll-behavior:smooth; } body { margin:0; color:var(--ink); background:var(--paper); font-family:"Manrope",Arial,sans-serif; -webkit-font-smoothing:antialiased; } a { color:inherit; text-decoration:none; }
.shell { max-width:1120px; margin:0 auto; padding:0 32px; }.site-header { min-height:86px; display:flex; align-items:center; justify-content:space-between; gap:22px; }.brand { display:inline-flex; align-items:center; gap:9px; color:#122343; font-size:18px; font-weight:800; letter-spacing:-.7px; }.brand-mark { display:grid; place-items:center; width:27px; height:27px; border-radius:8px; color:#fff; background:var(--blue); font-size:15px; }.brand span span { color:var(--blue); }.nav { display:flex; gap:24px; color:#59667c; font-size:13px; font-weight:700; }.nav a:hover,.text-link { color:var(--blue); }
.button { display:inline-flex; justify-content:center; align-items:center; gap:12px; min-height:48px; padding:0 18px; border-radius:7px; font-size:13px; font-weight:800; transition:transform .15s ease; }.button:hover { transform:translateY(-2px); }.button-primary { color:#fff; background:var(--blue); box-shadow:0 10px 22px rgba(44,105,241,.2); }.button-secondary { color:#33425d; background:#fff; border:1px solid var(--line); }
.hero { padding:84px 0 72px; text-align:center; }.eyebrow { margin:0 0 17px; color:#5e6e8e; font-family:"DM Mono",monospace; font-size:11px; font-weight:500; letter-spacing:.9px; text-transform:uppercase; }.eyebrow::before { content:""; display:inline-block; width:7px; height:7px; margin:0 8px 1px 0; border-radius:50%; background:var(--green); box-shadow:0 0 0 4px rgba(86,214,157,.14); }h1,h2,h3,p { margin-top:0; } h1,h2,h3 { letter-spacing:-2px; line-height:1.06; }h1 { max-width:840px; margin:0 auto 21px; font-size:clamp(44px,6vw,74px); }h1 em,h2 em { color:var(--blue); font-family:Georgia,serif; font-weight:400; }.lead { max-width:680px; margin:0 auto; color:#526078; font-size:17px; line-height:1.72; }.actions { display:flex; justify-content:center; flex-wrap:wrap; gap:12px; margin-top:29px; }.microcopy { margin:16px 0 0; color:#8390a4; font-size:11px; }
.download-card { display:grid; grid-template-columns:1.05fr .95fr; overflow:hidden; margin:15px auto 0; border:1px solid #cbd5e3; border-radius:17px; background:#fff; box-shadow:0 20px 48px rgba(13,31,69,.1); text-align:left; }.download-copy { padding:47px; }.download-copy h2 { margin-bottom:14px; font-size:31px; }.download-copy p { max-width:450px; color:var(--muted); font-size:14px; line-height:1.72; }.platform-list { display:grid; gap:11px; margin:26px 0; }.platform { display:flex; align-items:center; gap:12px; padding:12px 14px; border:1px solid var(--line); border-radius:9px; }.platform b { display:grid; place-items:center; width:30px; height:30px; border-radius:7px; color:#1767aa; background:#d9eff8; font-size:15px; }.platform strong,.platform span { display:block; }.platform strong { color:#1d3153; font-size:13px; }.platform span { margin-top:2px; color:#74839a; font-size:11px; }.download-visual { position:relative; min-height:410px; display:grid; place-items:center; overflow:hidden; background:radial-gradient(circle at 48% 42%,#315b97,#152747 48%,#0d1c36 100%); }.download-visual::before { content:""; position:absolute; width:305px; height:305px; border:1px solid rgba(119,190,250,.25); border-radius:50%; }.window { position:relative; z-index:1; width:76%; padding:10px; border:1px solid #c9d0dd; border-radius:16px; background:#e7edf5; box-shadow:18px 22px 0 rgba(130,163,207,.35),0 25px 45px rgba(2,12,30,.3); transform:rotate(2.5deg); }.window-bar { height:23px; display:flex; align-items:center; gap:4px; padding:0 8px; border-radius:7px 7px 0 0; background:#172a4b; }.window-bar i { width:5px; height:5px; border-radius:50%; background:#5e7da9; }.window-bar span { margin-left:5px; color:#c3d4eb; font-family:"DM Mono",monospace; font-size:7px; }.window-content { min-height:200px; padding:18px; background:#f4f8fc; }.status { display:inline-flex; gap:6px; align-items:center; padding:5px 7px; color:#18709a; background:#d5f1fa; border-radius:5px; font-family:"DM Mono",monospace; font-size:7px; }.status::before { content:""; width:5px; height:5px; border-radius:50%; background:var(--green); }.window-content h3 { margin:23px 0 7px; color:#15294a; font-size:18px; }.window-content p { color:#6f819c; font-size:9px; line-height:1.6; }.progress { height:7px; margin-top:18px; overflow:hidden; border-radius:99px; background:#dce6f1; }.progress b { display:block; width:75%; height:100%; border-radius:inherit; background:var(--blue); }
.band { padding:23px; color:#dce9fc; background:var(--ink); text-align:center; font-family:"DM Mono",monospace; font-size:11px; letter-spacing:.7px; text-transform:uppercase; }.band span { margin:0 13px; color:var(--cyan); }.section { padding:100px 0; }.section-heading { max-width:710px; }.section-heading h2 { margin-bottom:13px; font-size:clamp(33px,4.3vw,52px); }.section-heading p { color:var(--muted); font-size:15px; line-height:1.75; }.grid { display:grid; grid-template-columns:repeat(3,1fr); gap:18px; margin-top:47px; }.card { min-height:230px; padding:25px; border:1px solid var(--line); border-radius:11px; background:rgba(255,255,255,.68); }.card b { display:grid; place-items:center; width:40px; height:40px; margin-bottom:36px; border-radius:10px; color:#146ba9; background:#d8eff9; font-size:17px; }.card h3 { margin-bottom:10px; font-size:22px; }.card p { margin-bottom:0; color:var(--muted); font-size:13px; line-height:1.7; }
.soft { background:#fff; }.steps { max-width:840px; margin:42px auto 0; }.step { display:grid; grid-template-columns:56px 1fr; gap:22px; padding:24px 0; border-bottom:1px solid var(--line); }.step:last-child { border-bottom:0; }.num { padding-top:3px; color:var(--blue); font-family:"DM Mono",monospace; font-size:12px; }.step h3 { margin-bottom:6px; font-size:21px; }.step p { margin-bottom:0; color:var(--muted); font-size:14px; line-height:1.7; }.faq { max-width:840px; margin-top:43px; }.faq details { margin-bottom:11px; overflow:hidden; border:1px solid var(--line); border-radius:10px; background:#fff; }.faq summary { display:flex; align-items:center; justify-content:space-between; gap:18px; padding:18px 21px; color:#203452; cursor:pointer; font-size:16px; font-weight:700; list-style:none; }.faq summary::-webkit-details-marker { display:none; }.faq summary::after { content:"+"; color:var(--blue); font-size:23px; font-weight:400; }.faq details[open] summary::after { content:"−"; }.answer { padding:0 21px 20px; color:var(--muted); font-size:14px; line-height:1.72; }.cta { padding:104px 32px; color:#fff; background:radial-gradient(circle at 52% 30%,#244d9e 0,#13284e 35%,#07142c 74%); text-align:center; }.cta h2 { max-width:720px; margin:0 auto 15px; font-size:clamp(39px,5vw,61px); }.cta h2 em { color:#59cef1; }.cta p { max-width:595px; margin:0 auto; color:#b8cced; font-size:16px; line-height:1.7; }.cta .button-primary { color:var(--blue); background:#fff; box-shadow:none; }.cta .button-secondary { color:#fff; border-color:rgba(255,255,255,.4); background:transparent; }footer { display:flex; align-items:center; justify-content:space-between; gap:20px; min-height:123px; color:#7d899c; font-size:12px; }.footer-links { display:flex; flex-wrap:wrap; gap:16px; }.footer-links a:hover { color:var(--blue); }
@media(max-width:800px) { .shell { padding:0 21px; }.nav { display:none; }.hero { padding-top:60px; }.download-card { grid-template-columns:1fr; }.download-copy { padding:33px 27px; }.download-visual { min-height:330px; }.grid { grid-template-columns:1fr; }.section { padding:76px 0; }footer { flex-direction:column; align-items:flex-start; justify-content:center; padding:27px 0; }.site-header { min-height:75px; } }.@media(max-width:440px) { .actions .button { width:100%; }.step { grid-template-columns:36px 1fr; gap:12px; }.download-copy h2 { font-size:28px; } }