@font-face{font-family:Manrope;src:url('/assets/fonts/manrope-latin.woff2') format('woff2');font-display:swap;font-weight:200 800}
:root{--navy:#090724;--navy2:#15104a;--violet:#5324d6;--cyan:#38e8ff;--pink:#ff4ec3;--yellow:#ffe15a;--ink:#fff;--muted:#bbb7db;--line:rgba(255,255,255,.13);--wrap:min(1240px,calc(100% - 40px))}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--navy);color:var(--ink);font-family:Manrope,sans-serif;line-height:1.55}a{color:inherit}button{font:inherit}.online4-skip{position:fixed;left:14px;top:-70px;z-index:100;background:var(--cyan);color:#081020;padding:10px 14px}.online4-skip:focus{top:14px}.online4-header{position:sticky;top:0;z-index:50;background:rgba(9,7,36,.9);backdrop-filter:blur(16px);border-bottom:1px solid var(--line)}.online4-header__in{width:var(--wrap);height:80px;margin:auto;display:flex;align-items:center;gap:27px}.online4-brand{display:flex;align-items:center;gap:11px;text-decoration:none;margin-right:auto}.online4-brand img{width:49px;height:49px;border-radius:14px;box-shadow:0 0 0 2px var(--cyan),0 0 25px rgba(56,232,255,.28)}.online4-brand strong{display:block;font-size:16px}.online4-brand small{display:block;color:var(--cyan);font-size:8px;letter-spacing:.16em;text-transform:uppercase}.online4-nav{display:flex;gap:22px}.online4-nav a{text-decoration:none;font-size:11px;color:#dedbf5}.online4-nav a:hover{color:var(--cyan)}.online4-headcta,.online4-cta{border:0;border-radius:12px;background:linear-gradient(115deg,var(--cyan),#61ff9c);color:#071326;font-weight:850;cursor:pointer}.online4-headcta{padding:12px 16px}.online4-hero{position:relative;overflow:hidden;background:radial-gradient(circle at 18% 20%,rgba(83,36,214,.8),transparent 35%),radial-gradient(circle at 74% 55%,rgba(255,78,195,.28),transparent 39%),var(--navy)}.online4-hero:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(56,232,255,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(56,232,255,.04) 1px,transparent 1px);background-size:38px 38px;mask-image:linear-gradient(90deg,#000,transparent)}.online4-hero__in{width:var(--wrap);margin:auto;min-height:690px;display:grid;grid-template-columns:1fr 530px;align-items:center;gap:55px}.online4-hero__copy{position:relative;z-index:2}.online4-label{color:var(--cyan);font-size:10px;font-weight:800;letter-spacing:.16em;text-transform:uppercase}.online4-hero h1{font-size:clamp(57px,7.2vw,102px);line-height:.84;letter-spacing:-.065em;text-transform:uppercase;margin:24px 0}.online4-hero h1 span{display:block;color:var(--pink);text-shadow:0 0 30px rgba(255,78,195,.35)}.online4-hero__copy>p{max-width:560px;color:var(--muted);font-size:17px}.online4-actions{display:flex;align-items:center;gap:18px;flex-wrap:wrap;margin-top:31px}.online4-cta{padding:17px 24px}.online4-actions a{font-size:12px}.online4-poster{height:610px;align-self:end;position:relative;overflow:hidden;border-radius:180px 180px 0 0;border:1px solid rgba(56,232,255,.35);border-bottom:0;box-shadow:0 0 80px rgba(83,36,214,.45)}.online4-poster>img{width:100%;height:100%;object-fit:cover;object-position:center 72%}.online4-poster:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(9,7,36,.78),transparent 30%)}.online4-poster__badge{position:absolute;z-index:2;left:20px;bottom:20px;right:20px;background:rgba(9,7,36,.85);border:1px solid var(--line);border-radius:14px;padding:12px;font-size:9px;color:var(--muted);text-align:center}.online4-quick{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:#0f0c36}.online4-quick__in{width:var(--wrap);margin:auto;display:grid;grid-template-columns:repeat(4,1fr)}.online4-quick div{padding:23px;border-right:1px solid var(--line)}.online4-quick div:last-child{border:0}.online4-quick b{display:block;color:var(--cyan)}.online4-quick span{font-size:9px;color:var(--muted);text-transform:uppercase;letter-spacing:.11em}.online4-library{padding:95px 0;background:linear-gradient(#0b082b,#17104d)}.online4-section{width:var(--wrap);margin:auto}.online4-title{display:grid;grid-template-columns:1fr 430px;gap:50px;align-items:end;margin-bottom:40px}.online4-title h2{font-size:clamp(43px,5.5vw,72px);line-height:.9;letter-spacing:-.05em;margin:12px 0}.online4-title p{color:var(--muted)}.online4-appgrid{display:grid;grid-template-columns:repeat(10,1fr);gap:15px}.online4-app{position:relative}.online4-app img{display:block;width:100%;aspect-ratio:1;border-radius:18px;object-fit:cover;box-shadow:0 13px 28px rgba(0,0,0,.3);transition:transform .25s,box-shadow .25s}.online4-app:hover img{transform:translateY(-7px);box-shadow:0 18px 34px rgba(56,232,255,.16)}.online4-app span{display:block;text-align:center;font-size:9px;color:var(--muted);margin-top:9px}.online4-feature{padding:100px 0}.online4-feature__in{width:var(--wrap);margin:auto;display:grid;grid-template-columns:1.15fr .85fr;gap:20px}.online4-featureCard{min-height:440px;position:relative;border-radius:28px;overflow:hidden;background:#17104b;border:1px solid var(--line)}.online4-featureCard img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.online4-featureCard:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(9,7,36,.97),rgba(9,7,36,.08) 68%)}.online4-featureCard div{position:absolute;z-index:2;left:30px;right:30px;bottom:28px}.online4-featureCard h3{font-size:30px;line-height:1;margin:7px 0}.online4-featureCard p{color:var(--muted);margin:0}.online4-download{background:linear-gradient(120deg,var(--violet),#a122bd);padding:80px 20px}.online4-download__in{width:var(--wrap);margin:auto;display:grid;grid-template-columns:1fr 430px;gap:70px;align-items:center}.online4-download h2{font-size:50px;line-height:.94;margin:13px 0}.online4-download p{color:#e8d9fb}.online4-file{background:rgba(9,7,36,.64);border:1px solid rgba(255,255,255,.22);border-radius:22px;padding:25px}.online4-file small{display:block;color:var(--cyan);text-transform:uppercase;letter-spacing:.12em}.online4-file b{display:block;font-size:12px;overflow-wrap:anywhere;margin:11px 0 22px}.online4-file .online4-cta{width:100%}.online4-safe{width:var(--wrap);margin:95px auto;display:grid;grid-template-columns:320px 1fr;gap:70px}.online4-safe h2{font-size:45px;line-height:1;margin:13px 0}.online4-safe__list{display:grid;grid-template-columns:1fr 1fr;gap:13px}.online4-safe article{border:1px solid var(--line);background:#11103c;border-radius:16px;padding:21px}.online4-safe article h3{color:var(--cyan);margin:0 0 7px}.online4-safe article p{color:var(--muted);font-size:12px}.online4-faq{width:min(850px,calc(100% - 40px));margin:90px auto}.online4-faq h2{font-size:43px}.online4-faq details{border-top:1px solid var(--line);padding:18px 0}.online4-faq summary{cursor:pointer;font-weight:800}.online4-faq p{color:var(--muted)}.online4-docHero{min-height:470px;position:relative;overflow:hidden;background:var(--navy2);display:grid;grid-template-columns:1fr 430px;align-items:center;padding:50px max(20px,calc((100% - 1240px)/2))}.online4-docHero:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 15% 40%,rgba(83,36,214,.8),transparent 35%)}.online4-docHero__copy{position:relative;z-index:2;padding-right:45px}.online4-docHero h1{font-size:clamp(49px,7vw,86px);line-height:.88;letter-spacing:-.06em;margin:18px 0}.online4-docHero p{color:var(--muted);font-size:17px}.online4-docHero__art{height:370px;position:relative;z-index:2;border-radius:190px 190px 20px 20px;overflow:hidden}.online4-docHero__art img{width:100%;height:100%;object-fit:cover;object-position:center 75%}.online4-doc{width:var(--wrap);margin:75px auto 100px;display:grid;grid-template-columns:270px 1fr;gap:75px}.online4-doc__rail{position:sticky;top:110px;align-self:start}.online4-doc__icons{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-bottom:25px}.online4-doc__icons img{width:100%;border-radius:13px}.online4-doc__rail nav{border:1px solid var(--line);border-radius:17px;padding:18px}.online4-doc__rail a{display:block;text-decoration:none;color:var(--muted);font-size:11px;padding:9px 0;border-bottom:1px solid var(--line)}.online4-doc__main section{padding-bottom:38px;margin-bottom:38px;border-bottom:1px solid var(--line)}.online4-doc__main h2{font-size:31px;margin:0 0 12px;color:var(--cyan)}.online4-doc__main p{color:var(--muted)}.online4-doc__main a{color:var(--cyan)}.online4-footer{border-top:1px solid var(--line);padding:40px 20px 100px}.online4-footer__in{width:var(--wrap);margin:auto;display:flex;justify-content:space-between;color:var(--muted);font-size:11px}.online4-footer a{margin-left:14px}.tpm-back-to-top{position:fixed;right:17px;bottom:17px;width:45px;height:45px;border:0;border-radius:13px;background:var(--cyan);color:#071326;opacity:0;pointer-events:none;z-index:60}.tpm-back-to-top.is-visible{opacity:1;pointer-events:auto}
@media(max-width:900px){.online4-nav{display:none}.online4-hero__in{grid-template-columns:1fr 410px}.online4-appgrid{grid-template-columns:repeat(5,1fr)}.online4-title{grid-template-columns:1fr}.online4-feature__in{grid-template-columns:1fr}.online4-download__in{grid-template-columns:1fr}.online4-safe{grid-template-columns:1fr}.online4-doc{grid-template-columns:1fr}.online4-doc__rail{position:static}}
@media(max-width:650px){:root{--wrap:calc(100% - 26px)}.online4-header__in{height:72px}.online4-brand small{display:none}.online4-headcta{font-size:10px;padding:10px 11px}.online4-hero__in{display:flex;flex-direction:column;gap:0;padding-top:55px;min-height:0}.online4-hero h1{font-size:58px}.online4-hero__copy>p{font-size:14px}.online4-poster{width:100%;height:520px;margin-top:30px;border-radius:150px 150px 0 0}.online4-quick__in{grid-template-columns:1fr 1fr}.online4-quick div:nth-child(2){border-right:0}.online4-quick div:nth-child(-n+2){border-bottom:1px solid var(--line)}.online4-library{padding:70px 0}.online4-appgrid{grid-template-columns:repeat(3,1fr);gap:12px}.online4-feature{padding:70px 0}.online4-featureCard{min-height:380px}.online4-download{padding:65px 0}.online4-download h2{font-size:43px}.online4-safe{margin:70px auto;gap:30px}.online4-safe__list{grid-template-columns:1fr}.online4-docHero{grid-template-columns:1fr;padding:70px 14px 0}.online4-docHero__copy{padding:0}.online4-docHero h1{font-size:51px}.online4-docHero__art{height:390px;margin-top:28px}.online4-doc{margin-top:50px;gap:35px}.online4-footer__in{display:block}.online4-footer__in div:last-child{margin-top:14px}.online4-footer a{margin:0 13px 0 0}}
