:root{--blue:#2058c2;--dark:#0d2f7b;--navy:#14233f;--green:#177a4e;--lightgreen:#e8f6ee;--muted:#62718b;--line:#e0e8f3;--bg:#f4f7fc;--white:#fff}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--navy);font:16px/1.65 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}a{color:inherit}a:focus-visible{outline:3px solid #2ea660;outline-offset:4px} .wrap{max-width:1130px;padding:0 24px;margin:0 auto} .skip{position:absolute;left:-1000px;top:0;background:#fff;color:#123;padding:12px;z-index:99}.skip:focus{left:12px;top:12px}
header{background:#fff;border-bottom:1px solid var(--line)}.nav{min-height:82px;display:flex;justify-content:space-between;align-items:center;gap:20px}.brand{display:flex;align-items:center;gap:12px;text-decoration:none;font-size:20px;font-weight:850;letter-spacing:-.5px}.brand strong{color:var(--blue)}.brand-mark{display:grid;place-items:center;width:46px;height:46px;border-radius:13px;color:#fff;background:linear-gradient(140deg,var(--blue),#154099);box-shadow:0 8px 18px #123c9325;font-size:25px}.links{display:flex;gap:26px;align-items:center;flex-wrap:wrap}.links a{font-size:14px;color:#334664;text-decoration:none;font-weight:650}.links a:hover{color:var(--blue)}
.hero{position:relative;overflow:hidden;color:#fff;background:linear-gradient(123deg,#122c70,#265bcb 75%,#3079da)}.hero:after{content:"";position:absolute;border:1px solid #ffffff24;width:620px;height:620px;border-radius:50%;right:-280px;top:-340px;box-shadow:0 0 0 85px #ffffff0a,0 0 0 175px #ffffff07;pointer-events:none}.hero-inner{min-height:500px;display:grid;grid-template-columns:1.2fr .8fr;gap:55px;align-items:center;padding-top:76px;padding-bottom:84px;position:relative;z-index:1}.eyebrow{text-transform:uppercase;letter-spacing:2px;font-weight:850;font-size:12px;display:inline-block;border:1px solid #ffffff6b;border-radius:999px;padding:6px 14px;background:#ffffff16}.hero h1{font-size:clamp(38px,5vw,64px);line-height:1.13;letter-spacing:-2px;max-width:680px;margin:20px 0}.hero p{color:#e5edff;max-width:640px;font-size:18px;margin:0 0 28px}.actions{display:flex;gap:12px;flex-wrap:wrap}.btn{display:inline-block;padding:12px 21px;border-radius:11px;font-weight:750;text-decoration:none;border:1px solid transparent;transition:transform .15s}.btn:hover{transform:translateY(-2px)}.btn-white{background:#fff;color:#17459f}.btn-outline{border-color:#b5cdfb;color:#fff;background:#ffffff10}.btn-blue{background:var(--blue);color:#fff}
.mockup{border-radius:23px;border:1px solid #ffffff63;background:#ffffff18;padding:23px;box-shadow:0 22px 55px #0b20545b;backdrop-filter:blur(8px)}.mockup-top{display:flex;align-items:center;gap:12px;margin-bottom:22px}.mockup-top .symbol{border-radius:13px;background:#fff;color:#2761c6;width:46px;height:46px;display:grid;place-items:center;font-size:25px}.mockup-top strong{display:block}.mockup-top small{color:#d8e5ff;display:block}.mockup-panel{background:#fff;color:var(--navy);border-radius:13px;padding:17px;margin-top:12px}.mockup-panel h3{margin:0 0 8px;font-size:17px}.mockup-panel p{color:#56647e;font-size:14px;line-height:1.5;margin:0}.dot{width:9px;height:9px;display:inline-block;border-radius:50%;background:#268752;margin-right:8px}.mockup-row{display:flex;justify-content:space-between;align-items:center;gap:12px}.pill{font-size:11px;font-weight:750;color:#176d47;background:var(--lightgreen);border-radius:30px;padding:4px 9px}
.section{padding:70px 0}.section-light{background:#fff}.section-head{max-width:740px;margin:0 0 28px}.kicker{text-transform:uppercase;color:var(--green);font-size:12px;font-weight:850;letter-spacing:2px}.section h2{font-size:clamp(27px,3vw,37px);line-height:1.2;letter-spacing:-1px;margin:9px 0 12px}.section-head p,.intro{color:var(--muted);margin:0}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.card{background:#fff;border:1px solid var(--line);border-radius:17px;padding:25px;box-shadow:0 7px 25px #23416d08}.card .symbol{font-size:24px;margin-bottom:12px;display:grid;place-items:center;background:#e8f0ff;color:var(--blue);border-radius:13px;width:49px;height:49px}.card h3{font-size:18px;margin:0 0 6px}.card p{margin:0;color:var(--muted);font-size:14px}.notice{border:1px solid #bfe3cf;background:var(--lightgreen);border-radius:16px;padding:22px 24px;margin-top:24px;color:#1a573d}.notice p{margin:5px 0 0;color:#35634b}
.platforms{display:grid;grid-template-columns:1fr 1fr;gap:20px}.platform{border:1px solid var(--line);border-radius:18px;background:#fff;padding:28px}.platform h3{font-size:22px;margin:8px 0}.platform p{color:var(--muted);margin:0 0 16px}.platform a{font-weight:750;color:var(--blue)}.platform small{display:block;color:var(--muted);margin-top:12px}.hint{margin-top:20px;font-size:14px;color:var(--muted)}
.contact{display:flex;gap:30px;justify-content:space-between;align-items:center;background:linear-gradient(120deg,#132f75,#245fc7);border-radius:22px;color:#fff;padding:36px}.contact h2{margin:0 0 8px;color:#fff;font-size:27px}.contact p{color:#dce9ff;margin:0}.contact a{flex-shrink:0}.legal{background:#e9f0fa;border-top:1px solid var(--line);padding:25px 0;color:#55647b;font-size:13px}.footerline{display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;align-items:center}.footerline a{color:var(--blue);text-decoration:none}.footerline a:hover{text-decoration:underline}
@media(max-width:850px){.hero-inner{grid-template-columns:1fr;gap:26px;min-height:unset}.mockup{max-width:520px}.grid{grid-template-columns:repeat(2,1fr)}.contact{align-items:flex-start;flex-direction:column}}
@media(max-width:610px){.wrap{padding:0 18px}.nav{align-items:flex-start;flex-direction:column;padding:17px 0}.links{gap:14px}.hero-inner{padding-top:48px;padding-bottom:55px}.hero h1{letter-spacing:-1px}.section{padding:48px 0}.grid,.platforms{grid-template-columns:1fr}.card,.platform{padding:22px}.contact{padding:25px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.btn{transition:none}}