:root{--navy:#071b55;--blue:#125bd7;--violet:#7235b9;--gold:#ffc426;--text:#15213a;--muted:#65708a;--bg:#f6f8fd}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font:16px/1.5 Inter,Arial,sans-serif}header{height:82px;display:flex;align-items:center;gap:28px;padding:0 max(20px,calc((100vw - 1180px)/2));background:#fff;position:sticky;top:0;z-index:5;box-shadow:0 2px 16px #102a7010}.brand{display:flex;align-items:center;gap:9px;color:var(--navy);text-decoration:none;font-weight:900;line-height:1;font-size:1rem}.brand img{width:48px;height:48px;border-radius:14px}.brand small{font-size:.65rem;letter-spacing:.08em}nav{display:flex;gap:21px;margin-left:auto}nav a{color:#344262;text-decoration:none;font-weight:700}.login,.gold,.outline{padding:11px 16px;border-radius:11px;text-decoration:none;font-weight:850}.login{background:var(--navy);color:#fff}.hero{background:radial-gradient(circle at 85% 22%,#8341c9 0,transparent 22%),radial-gradient(circle at 58% 95%,#167cd2 0,transparent 29%),linear-gradient(120deg,#06133d,#113e97);min-height:570px;color:#fff;display:flex;align-items:center;justify-content:space-between;gap:40px;padding:70px max(20px,calc((100vw - 1180px)/2));overflow:hidden}.hero>div{max-width:630px}.eyebrow{font-size:.78rem;letter-spacing:.12em;font-weight:900;color:#dba915;margin:0 0 9px}.hero .eyebrow{color:#ffe678}.hero h1{font-size:clamp(3rem,7vw,6.1rem);line-height:.92;margin:0;letter-spacing:-.055em}.hero h1 em{font-style:normal;color:var(--gold)}.hero p:not(.eyebrow){font-size:1.15rem;color:#d9e6ff;max-width:560px;margin:23px 0 0}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}.gold{background:linear-gradient(100deg,#ffd449,#f6ac19);color:#17213b}.outline{border:1px solid #ffffff75;color:#fff}.mark{width:300px;min-width:300px;position:relative}.mark img{width:100%;border-radius:50px;box-shadow:0 25px 70px #0006}.mark span{position:absolute;right:-15px;bottom:-20px;font-weight:950;color:#ffe56f;font-size:3rem}section:not(.hero){max-width:1180px;margin:auto;padding:82px 20px}.intro{max-width:870px!important;text-align:center}.intro h2,.services h2,.apps h2,.contact h2{font-size:clamp(2rem,4vw,3.4rem);line-height:1.06;letter-spacing:-.04em;margin:0}.intro>p:last-child{color:var(--muted);font-size:1.12rem;max-width:680px;margin:18px auto}.services{background:#fff;max-width:none!important;padding-left:max(20px,calc((100vw - 1180px)/2))!important;padding-right:max(20px,calc((100vw - 1180px)/2))!important}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:28px}.grid article{background:var(--bg);border:1px solid #e1e6f0;border-radius:20px;padding:24px;min-height:210px}.grid b{color:var(--blue);font-size:1.45rem}.grid h3{margin:28px 0 6px;font-size:1.35rem}.grid p{margin:0;color:var(--muted)}.apps{display:flex;gap:60px;align-items:center}.apps>div{flex:1}.apps p:not(.eyebrow){color:var(--muted)}.appbuttons{display:grid;gap:12px}.appbuttons a{padding:19px;background:linear-gradient(110deg,#102d74,#1b5eca);color:#fff;border-radius:18px;text-decoration:none;display:grid;grid-template-columns:1fr auto}.appbuttons a:nth-child(2){background:linear-gradient(110deg,#552594,#9546ca)}.appbuttons strong{font-size:1.3rem}.appbuttons span{color:#dbe8ff}.appbuttons i{grid-row:1/3;grid-column:2;align-self:center;font-size:1.8rem;font-style:normal}.contact{text-align:center}.contact h2{margin-bottom:26px}.contact>p:last-child{color:var(--muted);margin-top:24px}.contact a:not(.gold){color:var(--blue)}footer{background:#081b50;color:#cad8f1;display:flex;justify-content:space-between;gap:16px;padding:25px max(20px,calc((100vw - 1180px)/2));font-size:.85rem}@media(max-width:760px){header{height:70px;padding:0 15px}nav{display:none}.login{margin-left:auto;font-size:.8rem;padding:9px 10px}.hero{min-height:610px;padding:55px 22px;align-items:flex-start;position:relative}.hero h1{font-size:3.3rem}.mark{position:absolute;width:160px;min-width:160px;right:-30px;bottom:35px}.grid{grid-template-columns:1fr}.apps{flex-direction:column;gap:28px;align-items:stretch}section:not(.hero){padding:58px 20px}footer{flex-direction:column}.brand img{width:41px;height:41px}}
