:root{--ink:#10213d;--muted:#637087;--blue:#1769e0;--cyan:#20c8d8;--soft:#f4f7fb;--line:#dfe6f0;--orange:#ff8a45;--radius:24px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:#fff}a{color:inherit;text-decoration:none}button,input{font:inherit}.nav{height:78px;max-width:1240px;margin:auto;padding:0 24px;display:flex;align-items:center;justify-content:space-between;position:relative;z-index:20}.logo{display:flex;align-items:center;gap:10px;font-size:21px;font-weight:900;letter-spacing:.5px}.logo span{display:grid;place-items:center;width:35px;height:35px;color:#fff;background:linear-gradient(135deg,var(--blue),var(--cyan));border-radius:11px}.nav nav{display:flex;gap:32px;font-size:14px;font-weight:650}.nav nav a:hover{color:var(--blue)}.nav-actions{display:flex;align-items:center;gap:12px}.ghost{font-weight:700;font-size:14px}.button{display:inline-flex;align-items:center;justify-content:center;gap:14px;border:0;border-radius:13px;padding:16px 23px;color:#fff;background:linear-gradient(135deg,#1769e0,#1152ba);font-weight:800;box-shadow:0 12px 30px #1769e030;cursor:pointer}.button.small{padding:11px 17px;border-radius:10px;font-size:13px}.button.light{background:#fff;color:var(--blue);box-shadow:none}.nav>button{display:none;background:none;border:0;font-size:25px}.hero{min-height:680px;display:grid;grid-template-columns:minmax(0,1fr) minmax(520px,1.1fr);align-items:center;gap:50px;max-width:1240px;margin:auto;padding:55px 24px 85px;position:relative}.hero-copy{position:relative;z-index:2}.eyebrow{font-size:12px;text-transform:uppercase;letter-spacing:2.2px;color:var(--blue);font-weight:900}.hero h1,.section h2,.dark h2,.security h2,.cta h2{font-size:clamp(44px,5.2vw,76px);line-height:.99;letter-spacing:-3px;margin:18px 0 24px}.hero h1 em,.dark h2 em{font-style:normal;background:linear-gradient(90deg,var(--blue),var(--cyan));-webkit-background-clip:text;color:transparent}.lead{font-size:20px;line-height:1.6;color:var(--muted);max-width:570px}.hero-actions{display:flex;align-items:center;gap:28px;margin:34px 0}.play{display:flex;align-items:center;gap:10px;font-weight:800}.play i{display:grid;place-items:center;width:40px;height:40px;border-radius:50%;background:#eef4ff;color:var(--blue);font-style:normal;font-size:12px}.trust{display:flex;gap:20px;flex-wrap:wrap;color:#58667a;font-size:13px;font-weight:650}.trust span::first-letter{color:#20a66a}.hero-visual{position:relative;z-index:2;perspective:1100px}.screen{background:#fff;border:8px solid #15223a;border-radius:25px;box-shadow:0 40px 90px #1c4b9440;overflow:hidden;transform:rotateY(-6deg) rotateX(2deg)}.screen-top{height:42px;padding:0 18px;background:#132541;color:#fff;display:flex;align-items:center;justify-content:space-between;font-size:11px}.screen-body{height:390px;display:grid;grid-template-columns:42px 1fr 170px;background:#f1f5fa}.screen-body aside{background:#1a3152;display:flex;flex-direction:column;align-items:center;gap:20px;padding-top:30px}.screen-body aside i{width:18px;height:18px;border:2px solid #7c91ae;border-radius:5px}.products{padding:18px}.hello{font-size:17px;font-weight:850}.hello small{display:block;margin-top:3px;color:#778399;font-size:10px}.stats{display:grid;grid-template-columns:1.5fr 1fr;gap:8px;margin:15px 0}.stats article{background:#fff;padding:11px;border-radius:10px}.stats small{display:block;color:#778399;font-size:8px}.stats strong{font-size:15px}.stats span{font-size:8px;color:#18a66b;margin-left:4px}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.grid b{min-height:70px;background:#fff;border-top:4px solid #ffc94a;border-radius:8px;padding:9px;font-size:10px}.grid small{display:block;color:#637087;margin-top:22px}.grid .orange{border-color:#ff8a45}.grid .green{border-color:#30be85}.grid .purple{border-color:#9f7aea}.grid .blue{border-color:#3b82f6}.grid .pink{border-color:#f472b6}.ticket{background:#fff;padding:17px;border-left:1px solid #e7ebf1}.ticket h3{font-size:12px}.ticket p{display:flex;justify-content:space-between;font-size:8px;padding:6px 0;border-bottom:1px solid #eee}.total{display:flex;justify-content:space-between;align-items:end;margin-top:30px;font-size:11px}.total strong{font-size:17px}.ticket button{width:100%;margin-top:14px;padding:11px;border:0;border-radius:8px;background:var(--blue);color:#fff;font-weight:800;font-size:9px}.float-card{position:absolute;right:-20px;bottom:-25px;display:flex;align-items:center;gap:12px;background:#fff;padding:14px 18px;border-radius:15px;box-shadow:0 18px 50px #1b315830}.float-card>span{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:#ddf8e9;color:#149356}.float-card b{font-size:11px}.float-card small{display:block;color:#778399;margin-top:3px}.glow{position:absolute;border-radius:50%;filter:blur(2px);z-index:0}.glow.one{width:410px;height:410px;right:0;background:#dff8fb}.glow.two{width:220px;height:220px;left:-150px;top:120px;background:#edf3ff}.logos{background:var(--soft);padding:30px 24px;text-align:center}.logos p{text-transform:uppercase;letter-spacing:1.7px;color:#8b96a8;font-size:10px;font-weight:800}.logos div{max-width:1000px;margin:22px auto 0;display:flex;justify-content:space-between;flex-wrap:wrap;gap:20px;color:#526077;font-weight:800}.section{max-width:1180px;margin:auto;padding:110px 24px}.section-head{text-align:center;max-width:720px;margin:0 auto 55px}.section h2,.dark h2,.security h2,.cta h2{font-size:clamp(36px,4vw,58px)}.section-head>p:last-child{font-size:18px;color:var(--muted);line-height:1.6}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.feature{min-height:240px;padding:28px;background:var(--soft);border:1px solid transparent;border-radius:var(--radius)}.feature:hover{transform:translateY(-3px);border-color:#cdd9ea;transition:.25s}.feature>span{display:grid;place-items:center;width:46px;height:46px;border-radius:14px;background:#e5efff;color:var(--blue);font-size:21px}.feature h3{margin:25px 0 10px}.feature p{color:var(--muted);line-height:1.6}.feature.featured{color:#fff;background:linear-gradient(145deg,#1769e0,#0d4fac)}.feature.featured>span{background:#ffffff24;color:#fff}.feature.featured p{color:#d9e8ff}.mini-pos{display:flex;align-items:center;justify-content:space-between;background:#fff;color:var(--ink);border-radius:12px;padding:10px 12px}.mini-pos button{border:0;border-radius:8px;padding:8px 14px;background:#21bd7b;color:#fff;font-weight:800}.dark{max-width:1180px;margin:20px auto 90px;padding:75px;display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center;color:#fff;background:#10213d;border-radius:34px;overflow:hidden}.dark>div>p:not(.eyebrow){color:#a9b8cd;line-height:1.7;font-size:17px}.dark ul{padding:0;margin:32px 0 0;list-style:none}.dark li{display:flex;gap:18px;padding:16px 0;border-bottom:1px solid #ffffff1c;font-weight:750}.dark li span{color:#55d6df}.rings{position:relative;min-height:420px}.ring{position:absolute;border:1px solid #48cbd744;border-radius:50%;inset:50%;transform:translate(-50%,-50%)}.r1{width:170px;height:170px}.r2{width:290px;height:290px}.r3{width:410px;height:410px}.orb{position:absolute;inset:50%;transform:translate(-50%,-50%);width:100px;height:100px;display:grid;place-items:center;border-radius:28px;background:linear-gradient(135deg,var(--blue),var(--cyan));font-size:55px;font-weight:900;box-shadow:0 0 60px #20c8d866}.tag{position:absolute;background:#fff;color:var(--ink);padding:10px 15px;border-radius:10px;font-size:12px;font-weight:850}.t1{top:8%;left:39%}.t2{top:38%;right:0}.t3{bottom:12%;left:46%}.t4{top:48%;left:1%}.billing-tabs{width:max-content;margin:0 auto 42px;padding:5px;background:#eef2f7;border-radius:13px}.billing-tabs button{border:0;background:transparent;padding:11px 20px;border-radius:10px;color:#66738a;font-weight:800;cursor:pointer}.billing-tabs button.active{background:#fff;color:var(--ink);box-shadow:0 4px 14px #1c355315}.billing-tabs span{font-size:9px;color:#159760}.plans{display:grid;grid-template-columns:repeat(2,minmax(0,420px));justify-content:center;gap:22px}.plan{padding:34px;border:1px solid var(--line);border-radius:25px;position:relative;background:#fff}.plan.pro{border:2px solid var(--blue);box-shadow:0 22px 60px #1769e01a}.badge{position:absolute;top:-14px;right:25px;background:var(--blue);color:#fff;border-radius:20px;padding:7px 13px;font-size:10px;font-weight:850}.plan h3{font-size:27px;margin:8px 0}.plan .desc{color:var(--muted);min-height:45px}.price{font-size:46px;font-weight:900;letter-spacing:-2px;margin:25px 0}.price small{font-size:13px;color:var(--muted);font-weight:600;letter-spacing:0}.plan ul{list-style:none;padding:0;margin:25px 0}.plan li{padding:8px 0;color:#4b5870;font-size:14px}.plan li::before{content:'✓';color:#15a066;font-weight:900;margin-right:10px}.plan .button{width:100%}.security{max-width:1180px;margin:20px auto 100px;padding:65px 75px;display:grid;grid-template-columns:1.3fr .7fr;align-items:center;gap:60px;background:#eff8f9;border-radius:30px}.security>div>p:not(.eyebrow){color:var(--muted);font-size:17px;line-height:1.7}.security-points{display:flex;gap:32px;margin-top:30px}.security-points span{font-size:11px;color:#617087}.security-points b{display:block;font-size:21px;color:var(--ink)}.shield{margin:auto;position:relative;width:180px;height:210px;display:grid;place-items:center;color:#fff;font-size:70px;background:linear-gradient(145deg,var(--blue),var(--cyan));border-radius:50% 50% 45% 45%;clip-path:polygon(50% 0,100% 18%,91% 73%,50% 100%,9% 73%,0 18%);filter:drop-shadow(0 25px 30px #1769e035)}.cta{max-width:1180px;margin:0 auto 80px;padding:55px 65px;border-radius:28px;background:linear-gradient(110deg,#1769e0,#147abb,#20bfcf);color:#fff;display:flex;justify-content:space-between;align-items:center}.cta .eyebrow{color:#bff7fb}.cta h2{max-width:700px;margin:10px 0;font-size:43px;letter-spacing:-2px}footer{padding:50px max(24px,calc((100% - 1180px)/2));background:#0e1b30;color:#fff;display:grid;grid-template-columns:1fr auto;gap:20px;align-items:center}footer>p{color:#91a0b7}footer>div{display:flex;gap:24px;font-size:13px}footer>small{grid-column:1/-1;border-top:1px solid #ffffff18;padding-top:20px;color:#74849b}.loading{text-align:center;grid-column:1/-1;color:var(--muted)}dialog{width:min(760px,calc(100% - 24px));max-height:94vh;border:0;border-radius:26px;padding:0;box-shadow:0 30px 100px #06132766}dialog::backdrop{background:#07152bbd;backdrop-filter:blur(5px)}dialog form{padding:34px;position:relative}.close{position:absolute;right:20px;top:18px;border:0;background:#eef2f7;width:36px;height:36px;border-radius:50%;font-size:23px;cursor:pointer}dialog h2{margin:8px 0 20px}.selection{display:flex;justify-content:space-between;padding:15px;background:#f4f7fb;border-radius:13px;margin-bottom:20px}.selection strong{color:var(--blue)}fieldset{border:1px solid var(--line);border-radius:14px;padding:14px;margin:0 0 18px}legend{font-weight:850;padding:0 7px}.module-list{display:grid;grid-template-columns:1fr 1fr;gap:8px;max-height:190px;overflow:auto}.module-item{display:flex;align-items:flex-start;gap:8px;padding:9px;border-radius:10px;background:#f7f9fc;font-size:12px}.module-item input{width:18px;height:18px}.module-item b,.module-item small{display:block}.module-item small{color:var(--muted);margin-top:2px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px}.form-grid label{display:grid;gap:6px;font-size:12px;font-weight:800}.form-grid input{width:100%;padding:12px;border:1px solid #ced8e6;border-radius:10px;outline:none}.form-grid input:focus{border-color:var(--blue);box-shadow:0 0 0 3px #1769e015}.form-grid .wide{grid-column:1/-1}.form-grid small{font-weight:500;color:var(--muted)}.terms{display:flex;gap:10px;align-items:flex-start;margin:17px 0;font-size:12px;color:#56647a}.terms input{width:18px;height:18px}.checkout-total{display:flex;align-items:center;justify-content:space-between;padding:14px 0;border-top:1px solid var(--line)}.checkout-total strong{font-size:25px}.pay{width:100%}.secure{text-align:center;font-size:10px;color:#7b8799}.error{color:#bd2c3b;font-size:12px;margin:8px 0}.order-page{min-height:100vh;display:grid;place-items:center;background:radial-gradient(circle at top,#e8f8fa,#edf3fc 55%,#fff);padding:20px}.order-card{width:min(620px,100%);background:#fff;border-radius:28px;padding:50px;text-align:center;box-shadow:0 30px 90px #1a477b20}.order-card .logo{justify-content:center;margin-bottom:36px}.order-icon{width:80px;height:80px;display:grid;place-items:center;margin:auto;border-radius:50%;background:#edf3fc;color:var(--blue);font-size:25px;font-weight:900}.order-icon.success{background:#dcf8e9;color:#11955a}.order-card h1{font-size:34px}.order-card>p{color:var(--muted);line-height:1.6}.license{margin:25px 0;padding:20px;background:#f3f7ff;border-radius:15px}.license small,.license strong{display:block}.license strong{font-size:20px;margin-top:8px;word-break:break-all}.hint{font-size:11px}
@media(max-width:900px){.nav nav,.nav-actions{display:none}.nav>button{display:block}.nav.open nav{position:absolute;display:grid;top:70px;left:16px;right:16px;padding:22px;background:#fff;border-radius:15px;box-shadow:0 15px 45px #15243b2b}.hero{grid-template-columns:1fr;padding-top:40px}.hero-copy{text-align:center}.lead{margin:auto}.hero-actions,.trust{justify-content:center}.hero-visual{max-width:690px;margin:auto}.feature-grid{grid-template-columns:1fr 1fr}.dark{grid-template-columns:1fr;padding:50px}.rings{min-height:350px}.security{margin-inline:20px;padding:45px}.cta{margin-inline:20px}.cta{display:grid;gap:20px}.plans{padding:0 10px}}
@media(max-width:620px){.hero{display:block;padding-bottom:55px}.hero h1{letter-spacing:-2px}.hero-visual{margin-top:45px}.screen{border-width:5px}.screen-body{height:300px;grid-template-columns:32px 1fr 115px}.products{padding:10px}.ticket{padding:10px}.grid b{min-height:55px}.float-card{right:0}.logos div{justify-content:center}.section{padding:75px 18px}.feature-grid,.plans{grid-template-columns:1fr}.dark{margin-inline:12px;padding:35px 22px}.rings{transform:scale(.8);margin:-30px}.security{grid-template-columns:1fr;padding:35px 24px}.security-points{flex-wrap:wrap}.shield{width:130px;height:150px}.cta{padding:35px 25px}.cta h2{font-size:34px}footer{grid-template-columns:1fr}footer>div{flex-wrap:wrap}.module-list,.form-grid{grid-template-columns:1fr}.order-card{padding:35px 22px}.billing-tabs button{padding:10px}.billing-tabs{max-width:100%}}
