:root{--ink:#eef5ff;--muted:#9eb0cd;--navy:#061329;--panel:#0c1c3a;--blue:#397cff;--cyan:#44d7e8;--line:rgba(159,185,225,.16);--shadow:0 28px 80px rgba(0,0,0,.28)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-height:100vh;background:var(--navy);color:var(--ink);font:16px/1.55 "DM Sans",sans-serif;overflow-x:hidden}button,input,textarea,select{font:inherit}button{cursor:pointer}.ambient{position:fixed;border-radius:50%;filter:blur(100px);pointer-events:none;opacity:.16}.ambient.one{width:500px;height:500px;background:#226cff;right:-180px;top:-180px}.ambient.two{width:420px;height:420px;background:#23d7c7;left:-220px;bottom:-50px}.topbar{height:78px;display:flex;align-items:center;justify-content:space-between;max-width:1220px;margin:auto;padding:0 28px;position:relative;z-index:10}.brand{border:0;background:none;padding:0;display:flex;align-items:center;gap:11px;color:#fff;font:700 1.08rem "Manrope",sans-serif}.brand b{color:var(--cyan)}.brand-mark{width:40px;height:40px;display:grid;place-items:center;border-radius:13px;background:linear-gradient(145deg,var(--blue),var(--cyan));box-shadow:0 10px 30px rgba(57,124,255,.35);font-weight:800}.top-actions{display:flex;align-items:center;gap:9px}.top-actions>a{color:#c6d4ea;text-decoration:none;font-size:.82rem;font-weight:700;padding:9px 12px}.install{border:1px solid var(--line);background:rgba(255,255,255,.07);color:#fff;border-radius:12px;padding:10px 14px;font-weight:700}.network{display:flex;align-items:center;gap:6px;color:#9db0cf;font-size:.72rem}.network i{width:7px;height:7px;border-radius:50%;background:#43ddad;box-shadow:0 0 0 4px rgba(67,221,173,.1)}.network.offline i{background:#ff9566}.network.offline span{color:#ffb28e}main{max-width:1220px;margin:auto;padding:42px 28px 120px;position:relative;z-index:1}.view{display:none;animation:enter .35s ease both}.view.active{display:block}@keyframes enter{from{opacity:0;transform:translateY(9px)}to{opacity:1;transform:none}}.eyebrow{display:flex;align-items:center;gap:9px;color:#a8bbda;text-transform:uppercase;letter-spacing:.13em;font-size:.75rem;font-weight:700;margin:0 0 18px}.eyebrow i{width:24px;height:2px;background:var(--cyan);display:inline-block}h1,h2{font-family:"Manrope",sans-serif;letter-spacing:-.045em;line-height:1.08;margin:0}h1{font-size:clamp(2.8rem,5.8vw,5.3rem)}h2{font-size:clamp(2rem,4vw,3.3rem)}h3{font-family:"Manrope",sans-serif}.btn{border:0;border-radius:14px;padding:14px 20px;font-weight:700;display:inline-flex;align-items:center;justify-content:center;gap:16px;transition:.2s;color:#fff}.btn:hover{transform:translateY(-2px)}.primary{background:linear-gradient(135deg,var(--blue),#2666ee);box-shadow:0 14px 34px rgba(57,124,255,.25)}.ghost{background:rgba(255,255,255,.055);border:1px solid var(--line)}.actions{display:flex;gap:12px;flex-wrap:wrap}.hero{display:grid;grid-template-columns:1.05fr .95fr;gap:68px;align-items:center;min-height:610px}.lead{font-size:1.1rem;color:var(--muted);max-width:650px;margin:24px 0 30px}.badges{display:flex;gap:9px;flex-wrap:wrap;margin-top:27px}.badges span{border:1px solid var(--line);background:rgba(255,255,255,.035);border-radius:999px;padding:8px 11px;color:#bccbe0;font-size:.76rem}.dashboard{background:linear-gradient(160deg,rgba(20,45,85,.97),rgba(8,22,50,.97));border:1px solid var(--line);border-radius:28px;padding:18px;box-shadow:var(--shadow);transform:rotate(1deg)}.dash-head{display:flex;justify-content:space-between;padding:2px 3px 16px;color:#aebed7;font-size:.74rem}.dash-head i{display:inline-block;width:7px;height:7px;border-radius:50%;background:#43ddad;margin-right:7px}.dash-screen{min-height:340px;border-radius:19px;padding:42px 34px;background:radial-gradient(circle at 95% 0,#bcecff,transparent 43%),#f4f8ff;color:#09203f}.dash-screen>small{font-size:.64rem;letter-spacing:.18em;font-weight:800;color:#52708f}.dash-screen h2{font-size:2.1rem}.metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-top:42px}.metrics div{background:#fff;border-radius:12px;padding:12px;box-shadow:0 8px 25px rgba(20,60,100,.08)}.metrics b,.metrics span{display:block}.metrics b{font:800 1.05rem "Manrope"}.metrics span{font-size:.63rem;color:#6d819a}.bars{display:flex;align-items:flex-end;gap:8px;height:80px;margin-top:24px}.bars i{flex:1;background:#c9d8eb;border-radius:8px;height:45%}.bars i:nth-child(2){height:85%;background:var(--blue)}.bars i:nth-child(3){height:65%;background:#73dcd6}.mini{width:100%;border:0;background:rgba(255,255,255,.05);color:#fff;border-radius:15px;margin-top:13px;padding:13px;display:flex;align-items:center;gap:12px;text-align:left}.mini>span:first-child{width:34px;height:34px;display:grid;place-items:center;border-radius:10px;background:rgba(68,215,232,.13);color:var(--cyan)}.mini>span:nth-child(2){flex:1}.mini b,.mini small{display:block}.mini small{color:var(--muted)}.section-head{margin:70px 0 30px}.section-head.split{display:flex;justify-content:space-between;gap:30px;align-items:end}.section-head p:last-child{color:var(--muted);max-width:680px}.quick-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.quick-grid button{min-height:230px;text-align:left;border:1px solid var(--line);background:linear-gradient(150deg,rgba(17,39,75,.92),rgba(8,24,52,.92));color:#fff;border-radius:20px;padding:22px;position:relative;transition:.2s}.quick-grid button:hover{transform:translateY(-3px);border-color:rgba(68,215,232,.5)}.quick-grid em{position:absolute;right:18px;top:16px;color:#52709b;font-style:normal;font-size:.7rem}.quick-grid>button>span{width:44px;height:44px;display:grid;place-items:center;border-radius:13px;background:rgba(68,215,232,.1);color:var(--cyan);font-size:1.2rem;margin-bottom:28px}.quick-grid b,.quick-grid small,.quick-grid strong{display:block}.quick-grid small{color:var(--muted);margin-top:6px}.quick-grid strong{color:var(--cyan);font-size:.78rem;margin-top:20px}.process{display:grid;grid-template-columns:.75fr 1.25fr;gap:55px;margin-top:70px;border:1px solid var(--line);border-radius:26px;padding:38px;background:rgba(12,29,59,.77)}.process>div>p:last-child{color:var(--muted)}.steps{display:grid;grid-template-columns:1fr 1fr;gap:12px}.steps article{display:flex;gap:14px;background:rgba(255,255,255,.035);border-radius:15px;padding:16px}.steps span{color:var(--cyan);font-size:.7rem}.steps b{font:700 .95rem "Manrope"}.steps p{margin:3px 0;color:var(--muted);font-size:.8rem}.package-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.package{padding:28px;border:1px solid var(--line);background:linear-gradient(150deg,rgba(17,40,77,.95),rgba(9,25,54,.95));border-radius:22px;transition:.2s}.package:hover,.package.selected{border-color:rgba(68,215,232,.55);transform:translateY(-3px)}.package.selected{box-shadow:0 0 0 2px rgba(68,215,232,.08)}.package-top{display:flex;justify-content:space-between}.package-icon{width:46px;height:46px;border-radius:14px;background:rgba(68,215,232,.1);color:var(--cyan);display:grid;place-items:center;font-size:1.25rem}.package-top em{align-self:start;background:var(--cyan);color:#062140;border-radius:999px;padding:5px 9px;font-size:.62rem;font-weight:800;font-style:normal}.package h3{font-size:1.3rem;margin:17px 0 7px}.price{font:800 1.8rem "Manrope"}.price small{font:400 .72rem "DM Sans";color:var(--muted)}.package>p{color:var(--muted)}.package-meta{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:16px 0}.package-meta span{background:rgba(255,255,255,.035);border:1px solid var(--line);border-radius:12px;padding:10px;color:#c6d4ea;font-size:.75rem}.package-meta b{display:block;color:var(--cyan);font-size:.63rem;text-transform:uppercase;letter-spacing:.08em;margin-bottom:4px}.package ul{list-style:none;padding:0;margin:18px 0}.package li{margin:9px 0;font-size:.88rem}.package li:before{content:"✓";color:var(--cyan);margin-right:9px}.package-actions{display:flex;align-items:center;gap:13px;flex-wrap:wrap}.text-button{border:0;background:none;color:var(--cyan);font-weight:700;padding:10px}.included{display:grid;grid-template-columns:.85fr 1.15fr;gap:42px;margin-top:54px;border:1px solid var(--line);border-radius:24px;padding:34px;background:rgba(11,29,59,.82)}.included>div:last-child{display:grid;grid-template-columns:1fr 1fr;gap:9px}.included>div:last-child span{padding:13px;border-radius:12px;background:rgba(255,255,255,.035);font-size:.82rem}.included>div:last-child span:before{content:"✓";color:var(--cyan);margin-right:9px}.notice{display:flex;align-items:center;gap:16px;border:1px solid rgba(68,215,232,.22);background:rgba(68,215,232,.055);border-radius:17px;padding:17px 20px;margin-top:14px}.notice>span{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:rgba(68,215,232,.12);color:var(--cyan);font-weight:800}.notice div{flex:1}.notice p{margin:2px 0;color:var(--muted);font-size:.82rem}.notice button{border:0;background:none;color:var(--cyan);font-weight:700}.filters{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:22px}.filters button{border:1px solid var(--line);background:rgba(255,255,255,.035);color:var(--muted);border-radius:999px;padding:9px 14px;font-weight:700}.filters button.active{background:var(--blue);border-color:var(--blue);color:#fff}.work-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.work-card{border:1px solid var(--line);border-radius:22px;overflow:hidden;background:rgba(12,29,59,.85)}.preview{min-height:300px;padding:26px;color:#09203f;position:relative}.preview.pearl{background:linear-gradient(135deg,#fff0e8,#f3d9ec)}.preview.noir{background:linear-gradient(135deg,#171717,#363049);color:#fff}.preview.sunset{background:linear-gradient(135deg,#ffd167,#ff8577)}.preview.royal{background:linear-gradient(135deg,#c4d6ff,#edf4ff)}.preview.mint{background:linear-gradient(135deg,#bdf3dc,#f1fffa)}.preview.violet{background:linear-gradient(135deg,#d9c7ff,#ffddf7)}.dots{display:flex;gap:5px}.dots i{width:7px;height:7px;border-radius:50%;background:currentColor;opacity:.25}.preview>span{display:block;margin-top:52px;font-size:.65rem;text-transform:uppercase;letter-spacing:.15em;font-weight:800}.preview h3{font-size:2rem;margin:5px 0}.mock{display:flex;gap:8px;margin-top:32px}.mock i{height:54px;flex:1;border-radius:9px;background:currentColor;opacity:.12}.mock i:nth-child(2){opacity:.3}.preview>b{position:absolute;right:24px;bottom:20px;font-size:.73rem}.work-copy{padding:20px}.work-copy>span{font-size:.62rem;color:var(--cyan);letter-spacing:.12em}.work-copy h3{margin:4px 0}.work-copy p{color:var(--muted);margin:0 0 12px}.work-copy button{border:0;background:none;color:var(--cyan);padding:0;font-weight:700}.work-cta{margin-top:30px;border-radius:24px;padding:34px;display:flex;align-items:end;justify-content:space-between;gap:25px;background:linear-gradient(120deg,#183c7a,#0e6c7b)}.work-cta p:last-child{margin-bottom:0;color:#c2d4e9}.form-shell{display:grid;grid-template-columns:.78fr 1.22fr;gap:50px;background:rgba(12,30,62,.86);border:1px solid var(--line);border-radius:28px;padding:38px}.form-shell>aside>p:not(.eyebrow){color:var(--muted)}.selected{margin-top:26px;border:1px solid var(--line);border-radius:16px;padding:16px;background:rgba(255,255,255,.035)}.selected span,.selected strong{display:block}.selected span{color:var(--muted);font-size:.73rem}.selected strong{margin:4px 0 10px}.selected button{border:0;background:none;padding:0;color:var(--cyan);font-weight:700}.tips{display:grid;gap:7px;margin-top:18px;color:var(--muted);font-size:.79rem}.tips b{color:#fff}form{display:grid;gap:17px}.form-title{display:flex;align-items:center;gap:11px;margin-top:8px}.form-title>span{width:30px;height:30px;display:grid;place-items:center;border-radius:9px;background:rgba(68,215,232,.11);color:var(--cyan);font-weight:800;font-size:.76rem}.form-title b,.form-title small{display:block}.form-title small{color:var(--muted)}.field-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}label,legend{font-weight:600;font-size:.88rem}input,textarea,select{width:100%;display:block;margin-top:7px;background:#071832;color:#fff;border:1px solid var(--line);border-radius:12px;padding:13px 14px;outline:none;resize:vertical}input:focus,textarea:focus,select:focus{border-color:var(--cyan);box-shadow:0 0 0 3px rgba(68,215,232,.1)}input::placeholder,textarea::placeholder{color:#64799b}select{appearance:none}option{background:#071832}fieldset{border:0;padding:0}.choices{display:flex;gap:8px;flex-wrap:wrap;margin-top:8px}.choices input{position:absolute;opacity:0;width:1px}.choices label span{display:block;border:1px solid var(--line);padding:9px 13px;border-radius:11px;color:var(--muted)}.choices input:checked+span{background:rgba(57,124,255,.15);border-color:var(--blue);color:#fff}.form-actions{display:flex;gap:10px;justify-content:flex-end}.privacy-note{text-align:center;color:var(--muted);font-size:.75rem;margin:0}.pay-shell{max-width:580px;margin:20px auto;text-align:center}.pay-icon{width:70px;height:70px;margin:0 auto 24px;border-radius:22px;background:linear-gradient(135deg,var(--blue),var(--cyan));display:grid;place-items:center;font-size:1.8rem;font-weight:800}.center{justify-content:center}.pay-shell>p:not(.eyebrow){color:var(--muted)}.checkout{text-align:left;margin-top:28px;background:rgba(12,30,62,.92);border:1px solid var(--line);border-radius:22px;padding:24px}.checkout>div{display:flex;justify-content:space-between;padding:10px 0;border-bottom:1px solid var(--line)}.checkout span{color:var(--muted)}.checkout label{display:block;margin:20px 0}.checkout .btn{width:100%}.checkout>p{text-align:center;font-size:.76rem;color:var(--muted);margin:12px 0 0}.safety{margin:14px 0;text-align:left;border:1px solid var(--line);border-radius:16px;padding:16px 18px;background:rgba(68,215,232,.055)}.safety p{font-size:.8rem;margin:5px 0;color:var(--muted)}.more-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:18px}.more-grid>div{display:grid;gap:18px}.install-card{display:grid;grid-template-columns:150px 1fr;gap:26px;align-items:center;border:1px solid var(--line);background:rgba(12,29,59,.84);border-radius:22px;padding:28px}.phone{width:130px;height:230px;border:7px solid #1b3764;border-radius:28px;background:linear-gradient(145deg,var(--blue),var(--cyan));display:grid;place-items:center;font:800 4rem "Manrope";box-shadow:var(--shadow)}.install-card h3{font-size:1.5rem;margin:0}.install-card p:not(.eyebrow){color:var(--muted)}.faq-card,.contact{border:1px solid var(--line);background:rgba(12,29,59,.84);border-radius:22px;padding:24px}.faq-card>h3{margin-top:0}.faq{border-top:1px solid var(--line)}.faq>button{width:100%;display:flex;justify-content:space-between;gap:20px;text-align:left;border:0;background:none;color:#fff;padding:16px 0;font-weight:700}.faq>button b{color:var(--cyan)}.faq>p{display:none;color:var(--muted);margin:0 0 16px}.faq.open>p{display:block}.contact{text-align:center;height:max-content;position:sticky;top:20px}.contact-mark{width:64px;height:64px;margin:auto;border-radius:20px;background:linear-gradient(145deg,var(--blue),var(--cyan));display:grid;place-items:center;font:800 1.7rem "Manrope"}.contact h3{font-size:1.4rem}.contact>p{color:var(--muted)}.contact .btn{width:100%;text-decoration:none}.contact-link{display:block;color:var(--cyan);margin:15px}.contact hr{border:0;border-top:1px solid var(--line);margin:20px 0}.menu-link{width:100%;display:flex;justify-content:space-between;border:0;background:none;color:#fff;padding:13px 5px;border-bottom:1px solid var(--line)}.contact>small{display:block;color:#62799c;margin-top:20px}.legal{max-width:850px;margin:auto}.back{border:0;background:none;color:var(--cyan);padding:0;margin-bottom:30px;font-weight:700}.legal>div{margin-top:30px;border:1px solid var(--line);background:rgba(12,29,59,.84);border-radius:22px;padding:30px}.legal h3{margin:25px 0 5px}.legal h3:first-child{margin-top:0}.legal p{color:var(--muted)}.bottom-nav{position:fixed;z-index:20;left:50%;bottom:16px;transform:translateX(-50%);display:flex;gap:4px;background:rgba(6,19,41,.9);border:1px solid var(--line);backdrop-filter:blur(18px);padding:7px;border-radius:18px;box-shadow:0 18px 50px rgba(0,0,0,.4)}.bottom-nav button{min-width:76px;border:0;background:transparent;color:#8498b8;border-radius:12px;padding:8px 14px;font-size:.68rem;font-weight:700}.bottom-nav button span{display:block;font-size:1.02rem;line-height:1.1}.bottom-nav button.active{background:#18345f;color:#fff}.toast{position:fixed;left:50%;bottom:100px;z-index:50;transform:translate(-50%,20px);background:#eef5ff;color:#0a1c3b;padding:12px 18px;border-radius:12px;box-shadow:var(--shadow);opacity:0;pointer-events:none;transition:.25s}.toast.show{opacity:1;transform:translate(-50%,0)}
@media(max-width:900px){.hero{grid-template-columns:1fr;gap:35px}.dashboard{max-width:650px;transform:none}.quick-grid{grid-template-columns:1fr 1fr}.process,.included,.form-shell,.more-grid{grid-template-columns:1fr}.contact{position:static}.work-cta{align-items:start;flex-direction:column}.form-shell{gap:30px}}
@media(max-width:620px){.topbar{height:68px;padding:0 17px}.brand-mark{width:35px;height:35px}.top-actions>a,.network{display:none}.install{font-size:.74rem;padding:8px 10px}main{padding:20px 17px 105px}h1{font-size:2.55rem}h2{font-size:2rem}.hero{min-height:auto}.lead{font-size:1rem}.actions .btn{flex:1}.dashboard{padding:12px;border-radius:22px}.dash-screen{min-height:285px;padding:32px 21px}.dash-screen h2{font-size:1.7rem}.metrics div{padding:9px}.metrics b{font-size:.88rem}.section-head,.section-head.split{margin:52px 0 24px;align-items:start;flex-direction:column}.quick-grid,.steps,.package-grid,.work-grid,.included>div:last-child{grid-template-columns:1fr}.quick-grid button{min-height:190px}.process,.included{padding:23px;gap:25px}.notice{align-items:flex-start;flex-wrap:wrap}.notice button{padding-left:50px}.package{padding:23px}.package-meta{grid-template-columns:1fr}.preview{min-height:250px}.form-shell{padding:23px 17px;border-radius:21px}.field-row{grid-template-columns:1fr}.form-actions{flex-direction:column-reverse}.form-actions .btn{width:100%}.install-card{grid-template-columns:1fr;text-align:center;padding:23px}.phone{width:95px;height:165px;border-width:5px;border-radius:21px;font-size:3rem;margin:auto}.bottom-nav{bottom:8px;width:calc(100% - 18px);justify-content:space-around}.bottom-nav button{min-width:0;flex:1;padding:7px 3px}.legal>div{padding:22px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}}