:root{--blue:#1748f5;--ink:#101423;--muted:#6c7387;--line:#e8eaf2;--soft:#f4f6fb}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);font-family:Manrope,Arial,sans-serif}a{text-decoration:none;color:inherit}.header{height:84px;max-width:1240px;margin:auto;padding:0 28px;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:11px;font-size:22px;font-weight:800}.brand img{border-radius:12px}.header nav{display:flex;gap:34px;color:#51586c;font-size:14px;font-weight:600}.header nav a:hover{color:var(--blue)}.button{display:inline-flex;background:var(--blue);color:#fff;padding:16px 24px;border-radius:15px;font-weight:700;box-shadow:0 12px 28px #1748f533;transition:.2s}.button:hover{transform:translateY(-2px)}.button.small{padding:11px 19px;font-size:14px}.wrap{max-width:1240px;margin:auto;padding:110px 28px}.hero{min-height:700px;padding-top:70px;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:70px}.label{display:flex;align-items:center;gap:9px;color:var(--blue);font-size:11px;font-weight:800;letter-spacing:1.8px;text-transform:uppercase}.label i{width:24px;height:2px;background:currentColor}.hero h1,h2{font-size:68px;line-height:1.04;letter-spacing:-4px;margin:21px 0 24px}.hero h1 em{font-style:normal;color:var(--blue)}.hero-copy>p{max-width:560px;color:var(--muted);font-size:18px;line-height:1.7}.actions{display:flex;align-items:center;gap:28px;margin-top:34px;font-size:14px;font-weight:700}.note{display:flex;align-items:center;gap:13px;margin-top:42px;color:var(--muted);font-size:12px;line-height:1.5}.note b{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:#eaf0ff;color:var(--blue)}.note strong{color:var(--ink)}.hero-art{position:relative;min-height:590px;display:grid;place-items:center;border-radius:50px;background:linear-gradient(145deg,#f2f5ff,#e3eaff);overflow:hidden}.circle{position:absolute;width:380px;height:380px;border-radius:50%;background:var(--blue);top:105px;right:60px;box-shadow:0 40px 90px #1748f54d}.phone{z-index:2;width:270px;height:550px;padding:9px;background:#11131a;border-radius:45px;box-shadow:0 38px 75px #13226059;transform:rotate(-2deg)}.screen{height:100%;padding:17px 16px;background:#f7f8fc;border-radius:37px}.status{display:flex;justify-content:space-between;font-size:9px;padding:0 7px 16px}.app-brand{display:flex;align-items:center;gap:9px}.app-brand img{border-radius:10px}.screen>small{display:block;color:#8a90a2;font-size:8px;margin:22px 0 8px}.pass{height:195px;color:#fff;border-radius:23px;padding:18px;background:linear-gradient(135deg,#1748f5,#6382f6);display:flex;align-items:center;flex-direction:column;box-shadow:0 18px 32px #1748f542}.pass div{width:100%;display:flex;justify-content:space-between;font-size:9px}.pass>span{display:grid;place-items:center;width:53px;height:53px;margin:20px 0 10px;border-radius:50%;background:#ffffff26;border:1px solid #ffffff47;font-size:25px}.pass>strong{font-size:13px}.pass>small{font-size:9px;margin-top:5px;opacity:.7}.phone-row{margin-top:10px;padding:12px;display:flex;align-items:center;gap:10px;background:#fff;border:1px solid #eceef5;border-radius:16px}.phone-row>b{display:grid;place-items:center;width:29px;height:29px;border-radius:9px;background:#e9efff;color:var(--blue)}.phone-row span{flex:1}.phone-row strong,.phone-row small{display:block}.phone-row strong{font-size:9px}.phone-row small{font-size:7px;color:#9196a5;margin-top:3px}.phone-row i{font-style:normal}.bubble{position:absolute;z-index:3;display:flex;align-items:center;gap:11px;padding:13px 15px;background:#fffffff0;border-radius:15px;box-shadow:0 18px 40px #23326e29}.bubble>b{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:#eaf0ff;color:var(--blue)}.bubble strong,.bubble small{display:block}.bubble strong{font-size:11px}.bubble small{font-size:8px;color:#8b91a3;margin-top:3px}.access{right:22px;top:92px}.plastic{left:20px;bottom:100px}.ticker{padding:28px;border-block:1px solid var(--line);display:flex;justify-content:center;align-items:center;gap:28px;color:#757d91;font-size:11px;font-weight:800}.ticker i{width:4px;height:4px;border-radius:50%;background:#ccd1dc}.heading{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:50px}.heading h2{font-size:48px;margin:18px 0 0}.heading>p{max-width:390px;color:var(--muted);line-height:1.7}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.cards article{position:relative;min-height:320px;padding:32px;border:1px solid var(--line);border-radius:28px}.cards article>small{position:absolute;right:27px;top:26px;opacity:.55}.cards article>b{display:grid;place-items:center;width:56px;height:56px;border-radius:17px;background:#edf1ff;color:var(--blue);font-size:25px}.cards h3{margin:66px 0 14px;font-size:21px}.cards p{color:var(--muted);font-size:14px;line-height:1.7}.cards .active{background:var(--blue);color:#fff;border:0}.cards .active>b{background:#ffffff26;color:#fff}.cards .active p{color:#ffffffbd}.modes{padding:110px max(28px,calc((100vw - 1184px)/2));display:grid;grid-template-columns:1fr 1.2fr;gap:100px;background:#11172b;color:#fff}.light{color:#7d99ff}.modes h2{font-size:48px;letter-spacing:-2.7px}.modes>div>p{max-width:450px;color:#9ca4b9;line-height:1.8}.mode-list article{display:grid;grid-template-columns:auto 1fr auto;gap:22px;padding:30px 0;border-bottom:1px solid #293046}.mode-list article:first-child{padding-top:0}.mode-list article>b{display:grid;place-items:center;width:58px;height:58px;border-radius:18px;background:#1d2c63;color:#7b99ff;font-size:23px}.mode-list h3{margin:1px 0 8px}.mode-list p{margin:0;color:#959eb5;font-size:13px;line-height:1.7}.mode-list small{color:#697186}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;padding:0;list-style:none}.steps li{padding:30px;background:var(--soft);border-radius:24px}.steps li>b{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:var(--blue);color:#fff}.steps h3{margin:44px 0 12px}.steps p{color:var(--muted);font-size:13px;line-height:1.7}.download{max-width:1184px;margin:0 auto 70px;padding:65px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:40px;border-radius:38px;background:linear-gradient(135deg,#1748f5,#456dff);color:#fff}.download>img{width:96px;border-radius:24px;box-shadow:0 20px 45px #03197140}.download h2{font-size:45px;margin:12px 0 15px;letter-spacing:-2.5px}.download p{margin:0;color:#ffffffb3;font-size:13px}.stores{display:flex;flex-direction:column;gap:10px}.stores a{min-width:166px;padding:11px 18px;background:#10131b;border-radius:13px}.stores small,.stores strong{display:block}.stores small{font-size:8px}.stores strong{font-size:16px}footer{max-width:1240px;margin:auto;padding:28px;display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line);color:#7b8294;font-size:11px}footer .brand{color:var(--ink);font-size:18px}footer>a:last-child{color:var(--ink);font-weight:700}@media(max-width:900px){.header nav{display:none}.hero{grid-template-columns:1fr;padding-top:45px}.hero-copy{text-align:center}.label,.actions,.note{justify-content:center}.hero-copy>p{margin-inline:auto}.heading{align-items:flex-start;flex-direction:column}.cards,.steps{grid-template-columns:1fr}.modes{grid-template-columns:1fr;gap:55px}.download{margin-inline:28px;grid-template-columns:1fr;text-align:center}.download>img{margin:auto}.stores{flex-direction:row;justify-content:center}}@media(max-width:600px){.header{height:72px;padding:0 18px}.header .button{display:none}.wrap{padding:75px 18px}.hero{padding-top:30px;gap:45px}.hero h1{font-size:43px;letter-spacing:-2.5px}.hero-copy>p{font-size:16px}.actions{flex-direction:column}.hero-art{min-height:510px;border-radius:30px}.phone{width:230px;height:470px}.pass{height:158px}.pass>span{margin:10px 0 7px}.access{right:6px}.plastic{left:6px}.ticker{gap:13px;flex-wrap:wrap}.ticker i{display:none}.heading h2,.modes h2,.download h2{font-size:36px;letter-spacing:-2px}.modes{padding-block:75px}.mode-list article{grid-template-columns:auto 1fr}.mode-list small{display:none}.download{margin:0 18px 50px;padding:45px 24px}.stores{flex-direction:column}footer{flex-direction:column;gap:20px;text-align:center}}