:root{--ink:#152348;--muted:#63708d;--line:#e5eaf4;--violet:#7c3aed;--blue:#3b82f6;--cyan:#22d3c5}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:#fff;font-family:'DM Sans',Arial,sans-serif;font-size:16px;line-height:1.6}a{color:inherit;text-decoration:none}.section-wrap{width:min(1120px,calc(100% - 48px));margin-inline:auto}.site-header{height:82px;width:min(1240px,calc(100% - 48px));margin:auto;display:flex;align-items:center;justify-content:space-between}.brand{font:800 19px/1 Manrope,Arial,sans-serif;letter-spacing:.09em;color:#24345f}.brand span{color:#4194e9}.header-login{font-size:12px;font-weight:700;letter-spacing:.12em;color:#33416a}.header-login span{font-size:17px;margin-left:7px;color:var(--blue)}.hero{min-height:535px;margin-top:28px;border-radius:28px;padding:72px 7%;display:flex;align-items:center;position:relative;overflow:hidden;color:white;background:linear-gradient(112deg,#702ce2 0%,#416cf0 52%,#25cfc1 112%);box-shadow:0 20px 45px #3b82f62b}.hero:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 15% 5%,#ffffff26,transparent 34%),radial-gradient(circle at 90% 85%,#ffffff1c,transparent 35%)}.hero-copy{position:relative;z-index:1;width:54%;max-width:560px}.eyebrow{margin:0 0 18px;font-size:11px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:#d9eaff}.eyebrow-dark{color:#5e72a2}h1,h2{font-family:Manrope,Arial,sans-serif;letter-spacing:-.045em;line-height:1.08;margin:0}h1{font-size:clamp(38px,5vw,63px);max-width:590px}h1 strong{color:#b9fff4;font-weight:800}.hero-text{color:#eaf1ff;max-width:470px;margin:25px 0 31px;font-size:17px}.button{display:inline-flex;align-items:center;gap:25px;border-radius:9px;padding:14px 19px;font-size:11px;font-weight:700;letter-spacing:.1em;transition:transform .2s,box-shadow .2s}.button:hover{transform:translateY(-2px)}.button:focus-visible,.header-login:focus-visible,.brand:focus-visible{outline:3px solid #13bdb3;outline-offset:5px}.button-light{color:#253362;background:white;box-shadow:0 8px 20px #132d6325}.button span{font-size:19px;line-height:0}.hero-art{position:absolute;right:3%;top:7%;width:48%;height:86%;opacity:.9}.hero-art svg{position:absolute;width:100%;height:100%;inset:0}.route{fill:none;stroke:#b8fff6;stroke-width:2;stroke-dasharray:6 8;opacity:.65}.route-two{stroke:#fff;opacity:.32}.node{fill:#fff;stroke:#b8fff6;stroke-width:4}.node-alt{fill:#7c3aed;stroke:#fff}.orbit{position:absolute;border:1px solid #ffffff38;border-radius:50%;transform:rotate(-25deg)}.orbit-one{width:360px;height:180px;left:6%;top:25%}.orbit-two{width:270px;height:130px;left:20%;top:36%;transform:rotate(35deg)}.mini-panel{position:absolute;background:#ffffff18;border:1px solid #ffffff4d;backdrop-filter:blur(8px);border-radius:8px;padding:10px 13px;font-size:9px;letter-spacing:.12em;font-weight:700}.panel-top{top:20%;right:6%}.panel-bottom{bottom:18%;left:10%;font-size:11px;letter-spacing:.04em}.panel-bottom span{color:#b8fff6;margin-right:6px}.panel-dot{display:inline-block;width:7px;height:7px;background:#9affe7;border-radius:50%;margin-right:7px}.capabilities{padding:105px 0 112px}.section-heading{text-align:center;max-width:570px;margin:0 auto 42px}.section-heading h2,.closing h2{font-size:clamp(30px,4vw,43px)}.section-heading>p:last-child{color:var(--muted);margin:16px auto 0}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.card{padding:25px 22px 26px;border:1px solid var(--line);border-radius:13px;background:#fff;box-shadow:0 8px 25px #27478309}.card-icon{display:grid;place-items:center;width:38px;height:38px;border-radius:10px;color:#4b6ded;background:#edf2ff;font-size:21px;margin-bottom:20px}.card h3{font:700 15px Manrope,Arial,sans-serif;text-transform:uppercase;letter-spacing:.02em;margin:0 0 10px}.card p{font-size:14px;color:var(--muted);line-height:1.55;margin:0}.closing{display:flex;align-items:center;justify-content:space-between;gap:30px;padding:52px 7%;border-radius:22px;color:white;background:linear-gradient(110deg,#263d92,#5167dc 52%,#26bdb6);box-shadow:0 18px 38px #3357be24}.closing h2{max-width:510px}.closing>div>p:last-child{color:#e1eaff;max-width:560px;margin:14px 0 0}.button-outline{color:white;border:1px solid #ffffff9e;white-space:nowrap}.button-outline:hover{background:#ffffff17}.site-footer{display:flex;justify-content:space-between;gap:50px;padding:70px 0 48px;color:#667493;font-size:13px}.footer-brand p{max-width:280px;margin:18px 0 0;line-height:1.55}.footer-company{text-align:right;max-width:390px}.footer-company p{margin:0 0 8px}.footer-company strong{color:var(--ink)}
@media(max-width:800px){.hero{padding:57px 8%;min-height:650px}.hero-copy{width:100%;max-width:600px;align-self:flex-start}.hero-art{width:90%;height:45%;right:5%;top:auto;bottom:2%}.cards{grid-template-columns:repeat(2,1fr)}.closing{align-items:flex-start;flex-direction:column}.site-footer{flex-direction:column;gap:30px}.footer-company{text-align:left}}
@media(max-width:520px){.section-wrap,.site-header{width:calc(100% - 32px)}.site-header{height:70px}.header-login{font-size:10px}.hero{margin-top:16px;border-radius:20px;padding:46px 25px;min-height:680px}h1{font-size:39px}.hero-text{font-size:15px}.button-light{width:100%;justify-content:space-between}.hero-art{width:108%;right:-8%;height:43%}.mini-panel{font-size:8px}.cards{grid-template-columns:1fr}.capabilities{padding:78px 0}.closing{padding:38px 25px}.button-outline{width:100%;justify-content:space-between;white-space:normal}.site-footer{padding:55px 0 35px}.brand{font-size:17px}}