:root{
  --navy:#101b70;--blue:#0758ff;--cyan:#00eaff;--purple:#7430ff;--pink:#ef12ad;--orange:#ff7600;--yellow:#ffe000;
  --text:#141b3e;--muted:#687294;--line:#e5e9f5;--shadow:0 22px 60px rgba(31,43,115,.12);--radius:26px;
  --rainbow:linear-gradient(110deg,#00eaff 0%,#1761ff 18%,#7135ff 38%,#d51dff 55%,#ff159d 70%,#ff5c18 86%,#ffe600 100%);
  --dock-height:70px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;color:var(--text);background:#fff;line-height:1.55;-webkit-font-smoothing:antialiased}
body.modal-lock{overflow:hidden}
a{text-decoration:none;color:inherit}
button,input,select,textarea{font:inherit}
button{cursor:pointer}
.container{width:min(1280px,calc(100% - 72px));margin-inline:auto}

/* Rainbow scrollbar */
body::-webkit-scrollbar{width:13px}
body::-webkit-scrollbar-track{background:linear-gradient(180deg,#07114d,#161b63,#0b1550)}
body::-webkit-scrollbar-thumb{border-radius:20px;border:3px solid #0b1550;background:linear-gradient(180deg,#00eaff,#174cff 22%,#a323ff 48%,#ff18a9 68%,#ff7200 84%,#ffe100);box-shadow:inset 0 0 5px rgba(255,255,255,.85),0 0 10px rgba(79,54,255,.5)}
body::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#fff,#00eaff,#7432ff,#ff20b1,#ff9500)}
.rainbow-progress{height:3px;position:fixed;inset:0 0 auto;z-index:200;background:linear-gradient(90deg,#00d8ff,#174dff,#b51cff,#ff1cae,#ff7600,#ffd300,#00d878,#00d8ff);background-size:300% 100%;animation:rainbowFlow 5s linear infinite}

/* Header / desktop navigation */
.site-header{position:sticky;top:3px;z-index:80;background:rgba(255,255,255,.88);backdrop-filter:blur(18px);border-bottom:1px solid rgba(229,233,245,.8)}
.nav{min-height:84px;display:flex;align-items:center;gap:28px}
.brand{display:block;flex:0 0 auto}.brand img{display:block;width:190px;height:auto;max-height:70px;object-fit:contain}
.nav-links{display:flex;align-items:center;justify-content:center;gap:8px;flex:1}
.nav-links a{display:flex;align-items:center;gap:7px;padding:11px 10px;border-radius:12px;font-size:13px;font-weight:800;color:#4c587d;white-space:nowrap;transition:transform .18s,background .18s,color .18s}
.nav-links a:hover{color:#182ca2;background:rgba(239,243,255,.72);transform:translateY(-1px)}
.ico,.mobile-tabbar i,.menu-icon{display:inline-block;font-style:normal;font-weight:900;line-height:1;color:transparent;background-image:linear-gradient(145deg,#00eaff,#1761ff 22%,#8c31ff 43%,#ff18b0 63%,#ff6814 82%,#ffe500);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;text-shadow:2px 0 rgba(0,234,255,.65),-2px 0 rgba(255,24,176,.5),0 3px 4px rgba(20,28,100,.25);filter:drop-shadow(0 4px 6px rgba(74,42,220,.18));transition:transform .18s,filter .18s}
.ico{font-size:16px}.nav-links a:hover .ico{transform:translateY(-1px) scale(1.08);filter:drop-shadow(0 6px 9px rgba(74,42,220,.34))}

/* Buttons — one consistent 3D rainbow/glasses system */
.btn,.nav-order,.wa-launcher,.wa-choices a{position:relative;isolation:isolate;overflow:hidden;border:1px solid rgba(255,255,255,.9);transition:transform .18s,filter .18s,box-shadow .18s}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:50px;padding:14px 22px;border-radius:15px;font-weight:900;color:#fff!important;background:var(--rainbow);background-size:260% 100%;animation:rainbowFlow 5s linear infinite;box-shadow:inset 0 2px 3px rgba(255,255,255,.95),inset 0 -8px 16px rgba(20,25,105,.28),0 13px 30px rgba(81,42,224,.28);text-shadow:0 1px 1px rgba(18,22,90,.35)}
.btn::before,.nav-order::before,.wa-launcher::before,.wa-choices a::before{content:"";position:absolute;inset:1px;z-index:-1;border-radius:inherit;background:linear-gradient(125deg,rgba(255,255,255,.78),rgba(255,255,255,.18) 17%,transparent 34%,transparent 66%,rgba(255,255,255,.28) 82%,rgba(255,255,255,.65));pointer-events:none;mix-blend-mode:screen}
.btn::after,.nav-order::after,.wa-launcher::after,.wa-choices a::after{content:"";position:absolute;z-index:0;top:-45%;left:-35%;width:28%;height:190%;transform:rotate(22deg);background:linear-gradient(90deg,transparent,rgba(255,255,255,.72),transparent);filter:blur(1px);animation:buttonShine 3.8s ease-in-out infinite;pointer-events:none}
.btn>*{position:relative;z-index:1}.btn:hover,.nav-order:hover,.wa-launcher:hover,.wa-choices a:hover{transform:translateY(-2px) scale(1.01);filter:saturate(1.18) brightness(1.05)}
.btn-mini,.nav-order{min-height:48px;padding:13px 18px;border-radius:14px;font-size:13px;color:#fff!important;background:var(--rainbow);background-size:260% 100%;animation:rainbowFlow 5s linear infinite;box-shadow:inset 0 2px 3px rgba(255,255,255,.95),inset 0 -7px 13px rgba(20,25,105,.28),0 12px 28px rgba(81,42,224,.28)}
.btn-glass{background:var(--rainbow);background-size:260% 100%;color:#fff!important}
.btn-card{width:100%;margin-top:auto;min-height:54px;font-size:14px}
.btn-wa{background:var(--rainbow);background-size:260% 100%;color:#fff!important}

/* Hero */
.hero{position:relative;overflow:hidden;padding:105px 0 90px;background:radial-gradient(circle at 84% 20%,#dffaff 0,transparent 30%),radial-gradient(circle at 18% 30%,#f0eaff 0,transparent 34%),linear-gradient(#fcfdff,#fff)}
.hero-grid{display:grid;grid-template-columns:1.02fr .98fr;align-items:center;gap:70px}.hero-copy{text-align:left}
.eyebrow{font-size:12px;letter-spacing:2.5px;font-weight:900;color:#59679c;margin-bottom:13px}.eyebrow span{font-size:13px}
.hero h1,h2{color:var(--navy)}.hero h1{font-size:clamp(58px,5.2vw,82px);line-height:.98;letter-spacing:-3.8px;margin:0 0 22px}.hero h1 span{background:linear-gradient(90deg,#0758ff,#a124ff 42%,#ff19a9 66%,#ff7900);-webkit-background-clip:text;background-clip:text;color:transparent}
.lead{font-size:18px;color:#626c8e;max-width:700px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin:30px 0}.trust-row{display:flex;gap:28px}.trust-row div{display:flex;flex-direction:column}.trust-row b{font-size:18px;color:#18266e}.trust-row span{font-size:10px;color:#8991aa}
.hero-art{min-height:470px;position:relative;display:grid;place-items:center}.rainbow-orb{position:absolute;width:370px;height:370px;border-radius:50%;background:conic-gradient(#00eaff,#1955ff,#b523ff,#ff16a7,#ff7900,#ffe000,#12d979,#00eaff);filter:blur(1px);opacity:.18;box-shadow:0 0 80px rgba(67,57,255,.3)}.glass-orb{position:absolute;width:280px;height:280px;border-radius:50%;background:radial-gradient(circle at 30% 25%,#fff,rgba(255,255,255,.2) 15%,rgba(49,226,255,.15) 40%,rgba(145,37,255,.2));backdrop-filter:blur(8px);opacity:.65}
.server-card{position:relative;width:min(390px,82%);padding:18px 20px 22px;border:1px solid rgba(255,255,255,.6);border-radius:28px;background:linear-gradient(135deg,#101b70,#11172e);box-shadow:0 32px 70px rgba(20,28,95,.35),inset 0 1px rgba(255,255,255,.25);transform:perspective(900px) rotateY(-9deg) rotateX(4deg)}
.server-top{height:26px;display:flex;gap:7px;align-items:center}.server-top i{width:8px;height:8px;border-radius:50%;background:#21d8ff;box-shadow:0 0 10px #21d8ff}.server-top span{margin-left:auto;width:45px;height:5px;border-radius:10px;background:#3b49a0}.server-unit{margin-top:12px;padding:16px;border-radius:14px;border:1px solid rgba(255,255,255,.13);background:linear-gradient(100deg,#202d8c,#10162f);display:flex;justify-content:space-between;color:#fff}.server-unit b{font-size:10px;letter-spacing:2px}.lights{display:flex;gap:6px}.lights i{width:7px;height:7px;border-radius:50%;background:#1be4ff;box-shadow:0 0 12px #1be4ff}.lights i:nth-child(3){background:#61ff66}.lights i:nth-child(4){background:#ffd83c}
.floating-tag{position:absolute;color:#fff;font-weight:900;padding:11px 17px;border-radius:14px;border:1px solid rgba(255,255,255,.6);box-shadow:0 15px 35px rgba(24,33,100,.2)}.tag-cpanel{top:60px;right:4%;background:linear-gradient(135deg,#ff8c00,#ff19a9)}.tag-php{left:1%;top:145px;background:linear-gradient(135deg,#0758ff,#7b28ff)}.tag-wp{bottom:95px;left:7%;background:linear-gradient(135deg,#08c7ff,#1551ff);font-size:22px}.tag-sql{right:8%;bottom:45px;background:linear-gradient(135deg,#00a889,#07526d);font-size:12px}

/* General sections */
.section{padding:105px 0}.soft{background:#f7f9ff}.section-heading{text-align:center;max-width:850px;margin:0 auto 55px}.section-heading h2,.about-grid h2,.testimonial-grid h2,.order-grid h2,.contact-grid h2{font-size:clamp(36px,3.4vw,54px);line-height:1.08;letter-spacing:-1.8px;margin:0 0 13px}.section-heading p,.muted{color:var(--muted);font-size:15px}
.about-grid,.free-grid,.testimonial-grid,.order-grid,.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}.about-points{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:22px}.about-points span{padding:11px 13px;border-radius:13px;background:#f4f7ff;color:#304070;font-size:11px;font-weight:800}
.glass-card{padding:34px;border:1px solid rgba(222,228,244,.9);border-radius:28px;background:linear-gradient(135deg,#fff,#f2f6ff 55%,#f9efff);box-shadow:var(--shadow);text-align:center}.about-card img{width:min(100%,280px);height:auto;margin:0 auto 16px;display:block}.about-card b{display:block;color:var(--navy);font-size:17px}.about-card small{display:block;color:var(--muted);font-size:11px;margin-top:5px}

/* Pricing cards: flex layout keeps all CTAs aligned */
.cards-3{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;align-items:stretch}.price-card{position:relative;display:flex;flex-direction:column;min-height:100%;padding:34px;border-radius:26px;background:#fff;border:1px solid var(--line);box-shadow:var(--shadow);overflow:hidden}.price-card:before{content:"";position:absolute;left:0;right:0;top:0;height:6px;background:linear-gradient(90deg,#00d8ff,#0758ff)}.price-card.orange:before{background:linear-gradient(90deg,#ff7400,#ffd200)}.price-card.purple:before{background:linear-gradient(90deg,#742cff,#ef12ad)}.price-card.featured{transform:translateY(-9px)}.price-card>em{position:absolute;right:18px;top:18px;font-style:normal;font-size:8px;letter-spacing:.8px;color:#fff;padding:6px 8px;border-radius:99px;background:linear-gradient(90deg,#ff7600,#ff19a8)}.badge{display:inline-block;align-self:flex-start;margin-top:2px;padding:7px 11px;border-radius:99px;background:#edf4ff;color:#0758ff;font-size:11px;font-weight:900}.orange .badge{background:#fff1e6;color:#ed6900}.purple .badge{background:#f1eaff;color:#7131e7}.price-card h3{font-size:44px;letter-spacing:-2px;color:var(--navy);margin:20px 0}.price-card h3 small{font-size:12px;letter-spacing:0;color:#78829f;margin-left:4px}.price-card ul{list-style:none;padding:0;margin:0 0 24px}.price-card li{padding:11px 0;border-bottom:1px dashed #e6eaf4;font-size:14px}.price-card li:before{content:"✓";display:inline-grid;place-items:center;width:20px;height:20px;border-radius:50%;background:#edf5ff;color:#0758ff;margin-right:8px;font-weight:900}.orange li:before{background:#fff0e5;color:#ef6a00}.purple li:before{background:#f1eaff;color:#7131e7}

/* Free hosting */
.free-section{background:linear-gradient(110deg,#f7fbff,#fff7ff)}.free-specs{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:22px 0}.free-specs span{padding:13px 7px;border:1px solid #e1e6f3;border-radius:14px;background:#fff;text-align:center;font-size:9px;color:#78819c}.free-specs b{display:block;color:#18276c;font-size:14px}.qr-card{max-width:390px;margin-left:auto}.qr-card img{width:180px;height:180px;display:block;margin:0 auto 15px;border-radius:16px}.qr-card b{display:block;color:var(--navy);font-size:14px}.qr-card small{display:block;color:var(--muted);font-size:10px;margin:5px 0 15px}.qr-card .btn{width:100%}

/* Features / testimonials / FAQ / forms */
.feature-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:13px}.feature{padding:28px 18px;text-align:center;background:#fff;border:1px solid var(--line);border-radius:20px;box-shadow:0 12px 30px rgba(32,43,110,.05)}.feature>div{width:52px;height:52px;display:grid;place-items:center;margin:0 auto 14px;border-radius:17px;color:#fff;font-size:22px;background:var(--rainbow);box-shadow:inset 0 1px 3px #fff,0 10px 20px rgba(78,46,235,.2)}.feature h3{font-size:16px;margin:0 0 5px}.feature p{font-size:12px;color:var(--muted);margin:0}
.testimonial-stage{display:flex;justify-content:flex-end}.quote-card{display:flex;align-items:center;gap:12px;width:min(100%,500px);padding:18px;border-radius:22px;background:linear-gradient(125deg,#fff,#eef8ff 40%,#fff0fa 78%,#fff7dc);border:1px solid #e7eaf5;box-shadow:var(--shadow)}.quote-avatar{width:48px;height:48px;flex:0 0 48px;display:grid;place-items:center;border-radius:15px;color:#fff;font-weight:900;background:var(--rainbow);background-size:260% 100%;animation:rainbowFlow 5s linear infinite}.quote-card div:nth-child(2){display:flex;flex-direction:column;min-width:0}.quote-card b{font-size:12px;color:var(--navy)}.quote-card small{font-size:11px;color:var(--muted);margin-top:3px}.quote-check{margin-left:auto;color:#fff;background:#17b968;border-radius:50%;width:23px;height:23px;display:grid;place-items:center;font-size:12px}
.faq-list{max-width:900px;margin:auto;display:grid;gap:12px}.faq-list details{padding:0 20px;border:1px solid var(--line);border-radius:18px;background:#fff;box-shadow:0 8px 25px rgba(32,43,110,.04)}.faq-list summary{cursor:pointer;list-style:none;padding:19px 0;font-weight:900;color:var(--navy)}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary:after{content:"+";float:right;color:#744cff;font-size:20px}.faq-list details[open] summary:after{content:"−"}.faq-list p{margin:0 0 18px;color:var(--muted);font-size:13px}
.form-card{display:grid;gap:14px;padding:30px;border-radius:28px;background:#fff;border:1px solid var(--line);box-shadow:var(--shadow)}.form-card label{display:grid;gap:7px;font-size:12px;font-weight:900;color:#33406c}.form-card input,.form-card select,.form-card textarea{width:100%;border:1px solid #dfe4f2;border-radius:13px;padding:13px 14px;outline:0;color:var(--text);background:#fbfcff}.form-card input:focus,.form-card select:focus,.form-card textarea:focus{border-color:#6d56ff;box-shadow:0 0 0 4px rgba(109,86,255,.09)}.form-card .btn{width:100%}.contact-info{display:grid;gap:10px;margin-top:22px}.contact-info span{padding:12px 14px;border-radius:13px;background:#f4f7ff;color:#304070;font-size:12px}

/* Social proof toast */
.purchase-toast{position:fixed;left:18px;bottom:28px;z-index:70;display:flex;align-items:center;gap:10px;min-width:260px;max-width:330px;padding:11px 14px;border-radius:18px;border:1px solid rgba(255,255,255,.95);background:linear-gradient(125deg,rgba(255,255,255,.98),rgba(237,248,255,.95) 38%,rgba(255,240,252,.94) 72%,rgba(255,250,226,.96));backdrop-filter:blur(18px);box-shadow:0 22px 55px rgba(21,31,98,.22),inset 0 1px 3px #fff,0 0 0 1px rgba(113,49,255,.08);opacity:0;transform:translateX(-34px) scale(.95);pointer-events:none}.purchase-toast.show{animation:purchaseIn 10.5s cubic-bezier(.2,.8,.2,1) forwards}.purchase-icon{width:38px;height:38px;flex:0 0 38px;border-radius:13px;display:grid;place-items:center;color:#fff;font-weight:900;background:var(--rainbow);background-size:260% 100%;animation:rainbowFlow 5s linear infinite;box-shadow:inset 0 1px 3px #fff,2px 0 rgba(0,234,255,.4),-2px 0 rgba(255,24,176,.35),0 10px 22px rgba(91,48,230,.28)}.purchase-toast div{display:flex;flex-direction:column;min-width:0}.purchase-toast b{font-size:11px;color:#18245e}.purchase-toast small{font-size:10px;color:#687294;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.purchase-toast em{font-style:normal;font-size:8px;color:#12a45d;font-weight:900;margin-top:2px}

/* Floating WhatsApp: one launcher, two contacts expand upward */
.floating-wa{position:fixed;right:22px;bottom:22px;z-index:95}.wa-launcher{width:62px;height:62px;padding:0;display:grid;place-items:center;border-radius:50%;background:var(--rainbow);background-size:260% 100%;animation:rainbowFlow 5s linear infinite;color:#fff;box-shadow:inset 0 2px 3px #fff,0 14px 35px rgba(65,45,220,.3)}.wa-logo{width:50px;height:50px;display:grid;place-items:center;border-radius:50%;background:#fff;color:#0aa75e}.wa-logo svg,.wa-choice-icon svg{display:block;fill:currentColor}.wa-logo svg{width:32px;height:32px}.wa-choices{position:absolute;right:0;bottom:calc(100% + 11px);display:grid;gap:8px;width:max-content;opacity:0;transform:translateY(10px) scale(.96);transform-origin:bottom right;pointer-events:none;transition:opacity .22s ease,transform .22s ease}.wa-choices.open{opacity:1;transform:none;pointer-events:auto}.wa-choices a{display:flex;align-items:center;gap:8px;padding:8px 11px;border-radius:999px;color:#fff;font-size:10px;box-shadow:inset 0 1px 2px rgba(255,255,255,.8),0 9px 20px rgba(20,30,90,.18)}.wa-main{background:linear-gradient(100deg,#13c66a,#079852)}.wa-info{background:linear-gradient(100deg,#078fa2,#0878ba)}.wa-choice-icon{width:28px;height:28px;flex:0 0 28px;display:grid;place-items:center;border-radius:50%;background:#fff;color:#0aa75e}.wa-choice-icon svg{width:18px;height:18px}

/* Mobile/tablet app navigation */
.mobile-tabbar,.mobile-sheet{display:none}

/* Free hosting modal */
.modal{position:fixed;inset:0;z-index:150;display:grid;place-items:center;padding:20px;visibility:hidden;opacity:0;pointer-events:none;transition:opacity .2s ease,visibility 0s linear .2s}.modal.is-open{visibility:visible;opacity:1;pointer-events:auto;transition:opacity .2s ease}.modal-backdrop{position:absolute;inset:0;background:rgba(10,18,66,.68);backdrop-filter:blur(8px)}.modal-card{position:relative;z-index:1;width:min(520px,100%);max-height:calc(100dvh - 40px);overflow:auto;padding:34px 28px 20px;border-radius:28px;background:linear-gradient(145deg,#fff,#fbfcff 55%,#fff8ff);border:1px solid rgba(255,255,255,.9);box-shadow:0 35px 100px rgba(8,16,72,.35),inset 0 1px 3px #fff;text-align:center}.modal-card:before{content:"";position:absolute;top:0;left:28px;right:28px;height:5px;border-radius:0 0 8px 8px;background:linear-gradient(90deg,#00eaff,#1761ff,#8c31ff,#ff18b0,#ff6814,#ffe500)}.modal-close{position:absolute;top:14px;right:14px;width:38px;height:38px;border:0;border-radius:50%;background:#eef2fa;color:#243264;font-size:24px;line-height:1}.modal-card h2{font-size:31px;line-height:1.08;margin:0 0 10px}.modal-card>p{max-width:410px;margin:0 auto;color:var(--muted);font-size:12px}.modal-specs{margin:18px 0 20px}.modal-qr-wrap{display:flex;flex-direction:column;align-items:center;gap:14px}.modal-qr{display:block;width:210px;height:210px;padding:8px;border-radius:18px;background:#fff;border:1px solid #e3e8f4;object-fit:contain}.modal-join{width:min(340px,100%);min-height:52px}.modal-timer{margin-top:14px;color:#8991aa;font-size:10px}.modal-timer b{color:#4f5bc3}.wa-icon{position:relative;z-index:1;display:grid;place-items:center}.wa-icon svg{width:19px;height:19px;fill:currentColor}

/* Footer */
.footer{position:relative;overflow:hidden;padding:75px 0 22px;color:#eaf0ff;background:radial-gradient(circle at 10% 0%,rgba(0,225,255,.25),transparent 26%),radial-gradient(circle at 82% 12%,rgba(255,22,174,.22),transparent 28%),radial-gradient(circle at 50% 100%,rgba(255,119,0,.18),transparent 30%),linear-gradient(135deg,#071046,#11166d 45%,#24105f 72%,#081e58);border-top:2px solid transparent;border-image:linear-gradient(90deg,#00eaff,#2056ff,#bd20ff,#ff1cac,#ff8a00,#ffe000) 1}.footer:before{content:"";position:absolute;inset:-50% -10%;background:conic-gradient(from 30deg,transparent,#00eaff22,#a326ff20,#ff159d22,#ff8b0022,transparent);animation:footerGlow 16s linear infinite;pointer-events:none}.footer>*{position:relative;z-index:1}.footer-grid{display:grid;grid-template-columns:1.3fr 1fr 1.2fr 1fr;gap:34px}.footer-brand img{display:block;width:180px;height:auto;max-height:90px;object-fit:contain;background:#fff;border-radius:18px;padding:8px}.footer-brand p{max-width:280px;font-size:12px;color:#b9c4ea}.footer h3{font-size:14px;margin:0 0 13px;color:#fff}.footer-grid>div:not(.footer-brand){display:flex;flex-direction:column;gap:9px}.footer a{font-size:12px;color:#c9d2ef;transition:color .18s,transform .18s}.footer a:hover{color:#fff;transform:translateX(2px)}.footer-bottom{margin-top:45px;padding-top:18px;border-top:1px solid rgba(255,255,255,.14);text-align:center;color:#aeb9df;font-size:11px}.footer-bottom a{color:#fff;font-weight:800;text-decoration:underline;text-decoration-color:rgba(255,255,255,.55);text-underline-offset:3px}

/* Focus accessibility */
:focus-visible{outline:3px solid rgba(0,153,255,.42);outline-offset:3px}.modal-close:focus-visible{outline-color:#7430ff}

/* Animations */
@keyframes rainbowFlow{to{background-position:260% 0}}@keyframes buttonShine{0%,18%{left:-35%;opacity:0}30%{opacity:1}58%{left:120%;opacity:.85}70%,100%{left:120%;opacity:0}}@keyframes purchaseIn{0%{opacity:0;transform:translateX(-34px) scale(.95)}10%{opacity:1;transform:translateX(0) scale(1)}92%{opacity:1;transform:translateX(0) scale(1)}100%{opacity:0;transform:translateX(-18px) scale(.98)}}@keyframes footerGlow{to{transform:rotate(360deg)}}

/* Tablet + mobile: intentionally switch to app-like UI */
@media (max-width:1024px){
  body{background:#f5f7fc;padding-bottom:calc(var(--dock-height) + env(safe-area-inset-bottom))}.container{width:min(920px,calc(100% - 42px))}
  .site-header{background:rgba(255,255,255,.82);box-shadow:0 8px 30px rgba(20,30,90,.06)}.nav{height:68px;justify-content:center}.brand{margin-inline:auto}.brand img{width:132px;max-height:56px}.nav-links,.nav-order{display:none}
  .mobile-tabbar{position:fixed;left:0;right:0;bottom:0;width:100%;height:var(--dock-height);display:grid;grid-template-columns:repeat(4,1fr);z-index:100;padding:6px 10px calc(6px + env(safe-area-inset-bottom));border:0;border-radius:22px 22px 0 0;background:rgba(255,255,255,.94);backdrop-filter:blur(24px);box-shadow:0 -12px 40px rgba(20,32,100,.18)}
  .mobile-tabbar a,.mobile-tabbar button{border:0;background:transparent;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;color:#6e7898;font-size:9px;font-weight:800}.mobile-tabbar i{font-size:21px}.mobile-tabbar a:active,.mobile-tabbar button:active{background:rgba(241,244,255,.9);border-radius:14px}
  .mobile-sheet{position:fixed;left:14px;right:14px;bottom:calc(var(--dock-height) + 14px);z-index:110;padding:48px 16px 16px;border-radius:25px;background:rgba(255,255,255,.96);backdrop-filter:blur(24px);box-shadow:0 25px 70px rgba(18,30,98,.28);border:1px solid #e0e5f2;display:grid;grid-template-columns:1fr 1fr;gap:9px;visibility:hidden;opacity:0;pointer-events:none;transform:translateY(18px) scale(.98);transform-origin:bottom center;transition:opacity .24s ease,transform .28s cubic-bezier(.2,.8,.2,1),visibility 0s linear .28s}.mobile-sheet.is-open{visibility:visible;opacity:1;pointer-events:auto;transform:none;transition:opacity .24s ease,transform .28s cubic-bezier(.2,.8,.2,1)}
  .mobile-sheet a{display:flex;align-items:center;gap:10px;padding:13px 10px;border-radius:14px;background:transparent;color:#243264;font-size:11px;font-weight:800}.mobile-sheet a:hover{background:linear-gradient(90deg,rgba(0,234,255,.08),rgba(255,24,176,.08),rgba(255,229,0,.08))}.menu-icon{min-width:28px;text-align:center;font-size:22px}.sheet-close{position:absolute;top:9px;right:11px;width:33px;height:33px;border:0;background:transparent;font-size:26px;color:#243264}
  .hero{padding:70px 0 55px}.section{padding:70px 0}.price-card,.form-card,.glass-card,.feature{border-radius:22px;box-shadow:0 10px 35px rgba(31,43,115,.09)}
  .floating-wa{right:16px;bottom:calc(var(--dock-height) + 16px)}.wa-launcher{width:58px;height:58px}.wa-logo{width:45px;height:45px}.wa-logo svg{width:30px;height:30px}.wa-choices{bottom:calc(100% + 10px)}
  .purchase-toast{left:12px;bottom:calc(var(--dock-height) + 24px);min-width:235px;max-width:290px}
}

@media (min-width:721px) and (max-width:1024px){
  .hero-grid,.about-grid,.free-grid,.order-grid,.contact-grid,.testimonial-grid{grid-template-columns:1fr 1fr;gap:28px}.hero-copy{text-align:left}.hero-actions,.trust-row{justify-content:flex-start}.hero h1{font-size:55px}.hero-art{min-height:390px}.cards-3{grid-template-columns:repeat(3,1fr);gap:14px}.price-card{padding:20px 17px}.price-card h3{font-size:28px}.price-card li{font-size:11px}.feature-grid{grid-template-columns:repeat(5,1fr)}.feature{padding:18px 10px}.feature h3{font-size:12px}.free-grid{grid-template-columns:1fr 1fr}.footer-grid{grid-template-columns:1.3fr 1fr 1.2fr 1fr}
}

@media (max-width:720px){
  .container{width:min(100% - 26px,700px)}.hero{padding:55px 0 42px}.hero-copy{text-align:center}.hero h1{font-size:42px;letter-spacing:-2.5px}.lead{font-size:14px;margin-inline:auto}.hero-actions{justify-content:center}.hero-actions .btn{width:100%}.hero-art{min-height:335px}.server-card{width:85%}.floating-tag{transform:scale(.84)}.section{padding:66px 0}.section-heading h2,.about-grid h2,.testimonial-grid h2,.order-grid h2,.contact-grid h2{font-size:31px}.about-grid,.free-grid,.testimonial-grid,.order-grid,.contact-grid{grid-template-columns:1fr;gap:25px}.about-grid>div:first-child,.testimonial-grid>div:first-child,.order-grid>div:first-child,.contact-grid>div:first-child{text-align:center}.about-points{grid-template-columns:1fr 1fr}.cards-3{grid-template-columns:1fr;gap:14px}.price-card.featured{transform:none}.price-card{padding:23px}.price-card h3{font-size:34px}.free-specs{grid-template-columns:1fr 1fr}.feature-grid{grid-template-columns:1fr 1fr}.feature{padding:19px 11px}.feature:last-child{grid-column:1/-1}.contact-info{text-align:left}.footer-grid{grid-template-columns:1fr;text-align:center}.footer-brand img{margin:auto}.footer a{font-size:11px}.footer-brand p{margin-inline:auto}
  .purchase-toast{max-width:270px;padding:9px 11px}.purchase-icon{width:34px;height:34px;flex-basis:34px}.purchase-toast small{font-size:9px}.purchase-toast b{font-size:10px}
  .wa-launcher{width:58px;height:58px}.wa-logo{width:45px;height:45px}.wa-logo svg{width:30px;height:30px}
  .modal{padding:10px}.modal-card{width:min(440px,100%);padding:27px 16px 18px;border-radius:27px;max-height:calc(100dvh - 20px)}.modal-card:before{left:18px;right:18px}.modal-card h2{font-size:25px}.modal-card>p{font-size:11px;max-width:330px}.modal-specs{margin:16px 0 18px}.modal-qr{width:160px;height:160px}.modal-join{width:min(300px,100%);min-height:50px}.modal-timer{margin-top:12px}
}
@media(max-width:400px){.hero h1{font-size:37px}.trust-row{gap:15px}.free-specs{gap:6px}.feature-grid{gap:8px}.purchase-toast{left:9px;max-width:260px}.floating-wa{right:10px}}

@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.rainbow-progress,.btn,.nav-order,.wa-launcher,.purchase-icon{animation:none}.btn::after,.nav-order::after,.wa-launcher::after,.wa-choices a::after,.footer:before{animation:none}.mobile-sheet,.modal{transition:none}}