
@import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap');
.premium-site{font-family:'Plus Jakarta Sans',Inter,system-ui,sans-serif;background:#f8faff;color:#18375f}
.premium-site .top{height:82px;padding:0 max(4.5vw,24px);border-bottom:1px solid #eaf0fa;background:#ffffffee;backdrop-filter:blur(18px)}
.premium-site .brand{font-size:24px;letter-spacing:-1.2px}.brand-symbol{display:inline-flex;justify-content:center;align-items:center;width:34px;height:34px;background:linear-gradient(145deg,#2c70ed,#8867e9);color:#fff;border-radius:11px;margin-right:4px;font-size:19px}
.premium-site .top nav{gap:30px;color:#466080}.premium-site .top nav a:hover{color:#2368dc}
.premium-site .nav-contact{padding:13px 19px;background:#2869dc;color:white!important;border-radius:12px;box-shadow:0 8px 17px #3271df2c}
.mobile-nav-button{display:none}
.premium-site .hero{max-width:1440px;min-height:620px;margin:26px auto 0;padding:75px 6.1%;border-radius:30px;grid-template-columns:1fr 1.05fr;gap:34px;position:relative;overflow:hidden;background:radial-gradient(circle at 65% 22%,#fff9 0,transparent 37%),linear-gradient(116deg,#e3edff 0%,#ebe9ff 59%,#def9ef 100%)}
.premium-site .hero:before{content:'';position:absolute;width:520px;height:520px;border:1px solid #ffffff8a;border-radius:50%;right:-180px;top:-190px;pointer-events:none}
.hero-copy{position:relative;z-index:2}.premium-site .eyebrow{font-size:11px;letter-spacing:2px;font-weight:800;color:#3972c8}
.live-dot{display:inline-block;width:8px;height:8px;background:#32b899;border-radius:50%;margin-right:9px;box-shadow:0 0 0 5px #42c5a91b}
.premium-site h1{font-size:clamp(39px,4.4vw,68px);line-height:1.13;letter-spacing:-3px;margin:23px 0 23px;max-width:700px;font-weight:800;color:#143967}
.premium-site .hero p{font-size:16px;line-height:1.85;max-width:545px;color:#627d9f}
.premium-site .actions{margin-top:33px}.premium-site .btn{padding:15px 23px;border-radius:13px;background:#296ee6;border-color:#296ee6;box-shadow:0 8px 18px #3473dc21;transition:transform .2s,box-shadow .2s}.premium-site .btn:hover{transform:translateY(-2px);box-shadow:0 12px 22px #3473dc2f;filter:none}.premium-site .btn.outline{background:white;color:#285da9;border-color:#d9e5f7;box-shadow:none}
.hero-proof{display:flex;align-items:center;gap:9px;flex-wrap:wrap;color:#527397;font-size:11px;font-weight:700;margin-top:39px}.proof-icon{color:#16a57e;font-weight:900}.proof-sep{color:#afc1d9}
.hero-visual{position:relative;min-width:0;display:flex;align-items:center;justify-content:center;min-height:440px;perspective:1000px}
.mock-orbit{position:absolute;border:1px solid #ffffffbd;border-radius:50%;width:600px;height:600px;pointer-events:none}.orbit-two{width:490px;height:490px}
.mock-window{position:relative;z-index:2;width:100%;max-width:590px;height:385px;background:white;border:1px solid #fff;border-radius:18px;overflow:hidden;box-shadow:0 35px 80px #385aa535,0 3px 12px #385aa51a;transform:rotate(-1.7deg)}
.mock-top{height:48px;border-bottom:1px solid #edf1f8;display:flex;justify-content:space-between;align-items:center;padding:0 18px}.mock-brand{font-size:12px;font-weight:800;color:#224c85}.mock-brand strong{color:#4e83e7}.mock-top-actions{color:#9eafc7}
.mock-body{display:grid;grid-template-columns:145px 1fr;height:calc(100% - 48px)}.mock-side{border-right:1px solid #edf2f9;padding:22px 12px;background:#fcfdff}.mock-side-title{font-size:7px;letter-spacing:1.4px;color:#a0afc5;margin:0 9px 14px;font-weight:800}.mock-menu{font-size:9px;font-weight:700;color:#6780a0;padding:12px 9px;border-radius:7px;white-space:nowrap}.mock-menu span{font-size:12px;margin-right:6px}.mock-menu.selected{background:#3678ec;color:white}
.mock-content{padding:21px;min-width:0;background:#f8faff}.mock-welcome{background:linear-gradient(100deg,#e3eeff,#e9e4ff);border-radius:12px;padding:19px;display:flex;flex-direction:column;gap:7px}.mock-welcome span{font-size:7px;color:#658bc2;font-weight:800;letter-spacing:1px}.mock-welcome strong{font-size:17px;color:#20487e}.mock-welcome small{font-size:8px;color:#7690b0}
.mock-stat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-top:12px}.mock-stat{min-width:0;border-radius:10px;padding:12px;display:flex;flex-direction:column;gap:4px}.mock-stat span{font-size:17px}.mock-stat b{font-size:10px;color:#345781}.mock-stat i{font-style:normal;font-size:7px;color:#7b93ae}.mock-stat.blue{background:#e6f0ff}.mock-stat.lilac{background:#f0eaff}.mock-stat.mint{background:#e1f7f0}
.mock-chart{background:white;border:1px solid #ecf1f9;border-radius:10px;margin-top:12px;padding:13px 15px;display:flex;justify-content:space-between;gap:15px}.mock-chart b{font-size:10px;color:#345781}.mock-chart small{display:block;font-size:7px;color:#8ca0bb;margin-top:6px}.mock-bars{height:55px;display:flex;align-items:end;gap:6px;min-width:135px}.mock-bars span{width:13px;border-radius:4px 4px 0 0;background:linear-gradient(#6e98ef,#d3e1ff)}
.floating-pill{position:absolute;z-index:3;display:flex;align-items:center;gap:10px;background:#fff;padding:12px 15px;border-radius:13px;box-shadow:0 15px 30px #4766a529}.floating-pill-one{top:17px;right:-15px}.floating-pill-two{bottom:8px;left:-25px}.float-icon{width:33px;height:33px;display:grid;place-items:center;border-radius:10px;background:#e8efff;color:#3676e7;font-size:18px}.mint-icon{background:#e0f7ee;color:#1ea77c}.floating-pill b{display:block;font-size:10px;color:#2c527f}.floating-pill small{display:block;font-size:8px;color:#8ba1b9;margin-top:3px}
.trust-strip{max-width:1200px;margin:0 auto;padding:31px 20px;display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;border-bottom:1px solid #e8edf7}.trust-strip span{font-size:10px;letter-spacing:1.7px;font-weight:800;color:#8ba1bc}.trust-strip b{font-size:13px;color:#55718e}
.premium-site .section{max-width:1240px;padding:88px 24px}.premium-site .section h2{font-size:clamp(28px,3.2vw,42px);letter-spacing:-1.5px;line-height:1.2}.premium-site .section-head{margin-bottom:35px}.premium-site .section-head p{max-width:600px}.section-link{font-weight:800;color:#2d6ad6;font-size:13px}
.premium-site .cards{gap:18px}.premium-site .card{border:1px solid #e6ecf7;border-radius:20px;padding:25px;box-shadow:0 10px 30px #234b840b;transition:transform .2s,box-shadow .2s}.premium-site .card:hover{transform:translateY(-5px);box-shadow:0 20px 35px #234b8415}.premium-site .card .emoji{display:grid;place-items:center;width:55px;height:55px;background:#eaf2ff;border-radius:16px;font-size:27px}.premium-site .card h3{font-size:17px;line-height:1.3}.premium-site .card p{font-size:12px}.premium-site .card .btn{padding:11px 13px;font-size:12px;box-shadow:none}
.benefits-section{display:grid;grid-template-columns:.9fr 1.1fr;gap:60px;align-items:center}.benefit-intro p{color:#6d83a1;line-height:1.9;margin:18px 0 24px}.benefit-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.benefit-grid article{background:white;border:1px solid #e8eef9;border-radius:18px;padding:25px;box-shadow:0 10px 25px #234b8409}.benefit-icon{display:grid;place-items:center;width:46px;height:46px;background:#e8f1ff;color:#3e7aeb;border-radius:13px;font-size:22px}.benefit-icon.purple{background:#eee9ff;color:#8261d6}.benefit-icon.green{background:#e3f7ef;color:#29a17c}.benefit-icon.amber{background:#fff3e2;color:#c58b34}.benefit-grid h3{font-size:15px;margin:17px 0 8px}.benefit-grid p{font-size:12px;line-height:1.75;color:#7589a3;margin:0}
.premium-site .section.pale{max-width:none;background:#edf4ff;padding-left:max(calc((100vw - 1200px)/2),24px);padding-right:max(calc((100vw - 1200px)/2),24px)}.premium-site .plans-section .cards{grid-template-columns:repeat(3,minmax(0,1fr))}.premium-site .price{font-size:30px}
.premium-site .purchase-section{display:grid;grid-template-columns:.8fr 1.2fr;gap:55px;align-items:start}.purchase-intro{position:sticky;top:130px}.purchase-intro p{color:#7185a0;line-height:1.85}.purchase-points{display:grid;gap:15px;margin-top:30px;color:#3575c6;font-size:13px;font-weight:700}.purchase-content{min-width:0}.premium-site .tabs{margin:0 0 16px;display:grid;grid-template-columns:repeat(3,1fr);gap:6px;background:#edf3fc;padding:6px;border-radius:14px}.premium-site .tabs button{font-size:12px;border:0;border-radius:10px;padding:14px 9px;background:transparent}.premium-site .tabs button.active{background:#fff;color:#2a67ca;box-shadow:0 3px 10px #325e9b14}.premium-site .panel{max-width:none;border-radius:20px;padding:29px;box-shadow:0 10px 28px #254b830d}.premium-site input:focus,.premium-site select:focus{outline:3px solid #d4e5ff;border-color:#6294e9}
.cta-section{max-width:1200px;margin:20px auto 90px;padding:55px 65px;border-radius:27px;background:linear-gradient(110deg,#e1edff,#eeeaff,#e3f9f1);display:flex;justify-content:space-between;gap:20px;align-items:center;overflow:hidden}.cta-section h2{font-size:clamp(25px,3vw,38px);max-width:600px;letter-spacing:-1px;line-height:1.25}.cta-section p{color:#7087a5}.cta-art{font-size:180px;color:#6593eb50;line-height:1}.cta-section .muted{margin-top:15px;font-size:12px}
.premium-site footer{padding:50px max(5vw,25px);gap:25px;align-items:start;flex-wrap:wrap}.premium-site footer .brand{font-size:21px}.premium-site footer p{font-size:12px}.footer-links{display:flex;gap:20px;flex-wrap:wrap;font-weight:700}.premium-site footer small{width:100%;border-top:1px solid #eaf0f8;padding-top:23px}
@media(max-width:1100px){.premium-site .hero{grid-template-columns:1fr 1fr;padding:60px 4%}.premium-site h1{font-size:48px}.floating-pill-one{right:-8px}.floating-pill-two{left:-8px}.mock-window{height:345px}.mock-body{grid-template-columns:110px 1fr}.mock-side{padding:16px 6px}.mock-content{padding:12px}.premium-site .cards{grid-template-columns:repeat(2,minmax(0,1fr))}.benefits-section{gap:30px}}
@media(max-width:850px){.premium-site .hero{grid-template-columns:1fr;padding:55px 6%;gap:10px}.premium-site .hero-visual{min-height:370px;max-width:620px;width:100%;margin:auto}.premium-site h1{font-size:clamp(38px,6vw,56px)}.premium-site .benefits-section,.premium-site .purchase-section{grid-template-columns:1fr}.purchase-intro{position:static}.premium-site .plans-section .cards{grid-template-columns:repeat(2,minmax(0,1fr))}.premium-site .top nav{gap:17px}.premium-site .top{padding:0 20px}}
@media(max-width:650px){.premium-site .top{height:70px;min-height:70px;flex-wrap:nowrap;padding:0 17px}.premium-site .brand{font-size:21px}.brand-symbol{width:30px;height:30px}.mobile-nav-button{display:block;border:0;background:#e9f1ff;color:#245cae;border-radius:10px;padding:9px 12px;font-size:19px}.premium-site .top nav{display:none;position:absolute;top:69px;left:0;right:0;background:#fff;padding:15px 20px 22px;box-shadow:0 18px 24px #31568a17;flex-direction:column;align-items:stretch;gap:0}.premium-site .top nav.nav-open{display:flex}.premium-site .top nav a{padding:13px 7px}.premium-site .top nav .nav-contact{text-align:center;margin-top:10px}.premium-site .hero{margin:12px 12px 0;border-radius:22px;padding:40px 22px 25px;min-height:0}.premium-site h1{font-size:clamp(34px,9vw,44px);letter-spacing:-1.8px}.premium-site .hero p{font-size:13px}.premium-site .actions{gap:9px}.premium-site .actions .btn{font-size:12px;padding:13px 14px}.hero-proof{font-size:10px;margin-top:25px}.premium-site .heroart{display:block}.hero-visual{display:flex!important;min-height:265px;transform:scale(.93);transform-origin:center center}.mock-window{height:290px}.mock-top{height:34px;padding:0 9px}.mock-body{grid-template-columns:78px 1fr;height:calc(100% - 34px)}.mock-side{padding:11px 4px}.mock-menu{font-size:6px;padding:9px 3px}.mock-menu span{font-size:8px;margin-right:2px}.mock-side-title{font-size:5px;margin:0 3px 9px}.mock-content{padding:9px}.mock-welcome{padding:11px}.mock-welcome strong{font-size:12px}.mock-stat{padding:7px}.mock-stat span{font-size:12px}.mock-stat b{font-size:8px}.mock-chart{padding:8px}.mock-bars{min-width:72px;gap:3px}.mock-bars span{width:7px}.floating-pill{padding:7px 9px}.floating-pill-one{right:-14px;top:8px}.floating-pill-two{left:-13px;bottom:0}.floating-pill b{font-size:8px}.floating-pill small{font-size:6px}.float-icon{width:25px;height:25px;font-size:12px}.trust-strip{justify-content:center;gap:13px;padding:24px 12px}.trust-strip span{width:100%;text-align:center}.trust-strip b{font-size:10px}.premium-site .section{padding:55px 18px}.premium-site .section h2{font-size:29px}.premium-site .section-head{display:block}.section-link{display:inline-block;margin-top:10px}.premium-site .cards,.premium-site .plans-section .cards{grid-template-columns:1fr}.benefit-grid{gap:10px}.benefit-grid article{padding:16px}.benefit-grid h3{font-size:12px}.benefit-grid p{font-size:10px}.premium-site .purchase-section{gap:25px}.premium-site .panel{padding:20px}.premium-site .tabs button{font-size:10px;padding:13px 4px}.cta-section{margin:0 13px 45px;padding:36px 25px}.cta-art{display:none}.premium-site footer{padding:35px 20px}}
@media(prefers-reduced-motion:reduce){.premium-site *{scroll-behavior:auto!important;transition:none!important}}
