:root{--bg:#0a1226;--panel:#121e36;--line:#2d4162;--muted:#91a0b9;--text:#f2f6ff;--cyan:#19d4c5;--blue:#4f8cff}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 75% 0,#162951,transparent 34%),var(--bg);color:var(--text);font:15px/1.6 Inter,system-ui,sans-serif}a{color:inherit;text-decoration:none}.wrap{width:min(1160px,calc(100% - 40px));margin:auto}.nav{height:76px;display:flex;align-items:center;justify-content:space-between;gap:24px;border-bottom:1px solid #ffffff12}.brand{display:flex;align-items:center;gap:9px;font-size:21px;font-weight:900;letter-spacing:-.06em}.brand>span:last-child{color:var(--cyan)}.brand-mark{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:#d99b2c;color:#081324;font-weight:950}.nav nav{display:flex;gap:25px;color:#a7b6ce;font-size:12px;font-weight:800}.button{display:inline-flex;justify-content:center;align-items:center;gap:8px;padding:13px 19px;border:1px solid transparent;border-radius:10px;background:var(--cyan);color:#061923;font-size:12px;font-weight:900;cursor:pointer}.button.small{padding:9px 13px;background:#16243e;border-color:#35476a;color:#d7e5ff}.button.muted{background:#101b32;border-color:#3a4d72;color:#b1c0d9}.hero{min-height:620px;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:50px;padding:58px 0 80px}.eyebrow{margin:0 0 17px;color:#7d91b0;font-size:10px;font-weight:900;letter-spacing:.16em;text-transform:uppercase}.hero h1,.intro h2,.purchase h2{max-width:650px;margin:0;font-size:clamp(40px,6vw,74px);line-height:1.03;letter-spacing:-.075em}.hero h1 em{color:var(--cyan);font-style:normal}.lead{max-width:520px;margin:27px 0;color:#a5b2c7;font-size:17px;line-height:1.75}.actions{display:flex;gap:12px;flex-wrap:wrap}.proof{display:flex;gap:18px;margin-top:45px;color:#8496b0;font-size:10px}.proof span+span{border-left:1px solid #31415e;padding-left:18px}.proof b{display:block;color:#f4f7ff;font-size:12px}.visual{height:430px;position:relative}.visual:before{content:"";position:absolute;inset:30px 8px;background:radial-gradient(circle,#146b76,#151e4e 64%,transparent 70%);filter:blur(15px)}.card{position:absolute;background:linear-gradient(145deg,#1b2943,#121d35);border:1px solid #334564;border-radius:17px;padding:20px;box-shadow:0 25px 60px #0008}.card small{display:block;color:#91a4c1;font-size:9px;font-weight:900;letter-spacing:.08em}.card small b{float:right;color:var(--cyan)}.card h3{margin:25px 0 3px;font-size:13px}.card>strong{font-size:27px}.card p{display:flex;gap:7px;margin:11px 0 0;padding-top:8px;border-top:1px solid #ffffff12;color:#93a4bd;font-size:10px}.card p b{margin-left:auto;color:#fff}.laundry-card{width:270px;right:8px;top:25px;transform:rotate(5deg)}.toko-card{width:335px;left:0;top:133px;z-index:2}.bars{display:flex;align-items:end;height:105px;gap:9px;margin:20px 0 12px;border-bottom:1px solid #ffffff19}.bars i{flex:1;background:linear-gradient(var(--cyan),#227f9b);border-radius:4px 4px 0 0}.bars i:nth-child(1){height:36%}.bars i:nth-child(2){height:55%}.bars i:nth-child(3){height:43%}.bars i:nth-child(4){height:75%}.bars i:nth-child(5){height:60%}.bars i:nth-child(6){height:90%}.bars i:nth-child(7){height:77%}.green{background:#21d59d}.blue{background:#4f8cff}.yellow{background:#f6bd3c}.card p i{width:7px;height:7px;border-radius:50%}.positive{color:var(--cyan)!important}.notice{position:absolute;right:0;bottom:15px;z-index:3;display:flex;gap:10px;padding:13px 16px;border:1px solid #34496d;border-radius:12px;background:#0d182f;font-size:11px}.notice small{display:block;color:#899bb7;font-size:9px}.strip{background:#0d172d;border-block:1px solid #263858}.strip-inner{display:flex;justify-content:space-between;align-items:center;min-height:72px;color:#8396b3;font-size:11px;font-weight:800}.strip-inner span:before{content:'•';color:var(--cyan);margin-right:8px}.section{padding:110px 0}.intro>p:last-child{max-width:470px;color:var(--muted);margin-top:18px}.products{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:42px}.product{padding:34px;border:1px solid var(--line);border-radius:18px;background:linear-gradient(145deg,#15233f,#101a31)}.product small{color:#8aa0c1;font-size:10px;font-weight:900;letter-spacing:.1em}.product h3{margin:28px 0 10px;font-size:31px}.product p,.product li{color:#9eabc2}.product ul{padding:15px 0 0;border-top:1px solid #ffffff14;list-style:none;line-height:2}.product-link,.text-link{display:inline-block;margin-top:18px;color:var(--cyan);font-size:12px;font-weight:900}.purchase{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;margin-bottom:110px;padding:50px 55px;border:1px solid var(--line);border-radius:20px;background:linear-gradient(135deg,#101d38,#0c172e)}.purchase h2{font-size:clamp(32px,4vw,50px)}.purchase p{color:var(--muted)}.purchase-list{display:grid;gap:12px}.purchase-list a{display:flex;align-items:center;gap:13px;padding:16px;border:1px solid #304567;border-radius:13px;background:#14223d}.purchase-list a:hover{border-color:var(--cyan)}.purchase-list a>span:nth-child(2){flex:1}.purchase-list b,.purchase-list small{display:block}.purchase-list small{color:#8295b4;font-size:10px}.purchase-list strong{color:var(--cyan);font-size:20px}.purchase-icon{display:grid;place-items:center;width:38px;height:38px;border-radius:11px;background:#164c50;color:var(--cyan);font-weight:950}.toko-icon{background:#1e376b;color:#8db6ff}.faq{max-width:1160px}.faq details{max-width:650px;margin-left:auto;padding:17px 0;border-bottom:1px solid var(--line)}summary{display:flex;justify-content:space-between;gap:20px;cursor:pointer;font-weight:900}summary span{color:var(--cyan);font-size:20px}.faq p{color:var(--muted);font-size:12px}footer{padding-top:60px;border-top:1px solid #ffffff10;background:#070e1d}.footer{display:grid;grid-template-columns:2fr 1fr 1fr;gap:50px;padding-bottom:50px}.footer p{max-width:300px;color:#8394ae;font-size:12px}.footer b{font-size:11px;text-transform:uppercase;letter-spacing:.12em;color:#7186a7}.footer a,.footer span{display:block;margin-top:9px;color:#aebbd0;font-size:12px}.copyright{padding:18px 0;border-top:1px solid #ffffff12;color:#71839f;font-size:10px}.onboarding{min-height:100vh;display:grid;place-items:center;padding:28px}.onboarding-card{width:min(560px,100%);padding:38px;border:1px solid var(--line);border-radius:22px;background:linear-gradient(145deg,#121f39,#0d172e);box-shadow:0 25px 80px #0008}.onboarding-card.wide{width:min(700px,100%)}.onboarding-card h1{margin:8px 0;font-size:34px;letter-spacing:-.05em}.subtext,.safe-note{color:var(--muted);font-size:13px}.back{display:inline-block;margin-bottom:27px;color:#9eb1cb;font-size:12px}.brand-center{display:flex;align-items:center;gap:10px;margin-bottom:28px;font-size:22px}.brand-center b span{color:var(--cyan)}label{display:block;margin-top:16px;color:#aec0db;font-size:12px;font-weight:800}input,textarea{display:block;width:100%;margin-top:7px;padding:13px 14px;border:1px solid #34496d;border-radius:10px;background:#0a1428;color:#fff;font:inherit;outline:none}textarea{min-height:86px;resize:vertical}input:focus,textarea:focus{border-color:var(--cyan)}.consent{display:flex;gap:8px;align-items:flex-start;font-weight:500}.consent input{width:auto;margin-top:3px}.consent a{color:var(--cyan);text-decoration:underline}.full{width:100%;margin-top:22px}.message{min-height:20px;color:var(--cyan);font-size:12px}.message.error{color:#ff8295}.modal{position:fixed;inset:0;display:grid;place-items:center;background:#030817cc;padding:20px}.hidden{display:none}.modal-box{width:min(400px,100%);padding:28px;border:1px solid var(--line);border-radius:18px;background:#14223d}.modal-box h2{margin:0}.link-button{display:block;margin:15px auto 0;border:0;background:none;color:var(--cyan);cursor:pointer}.plans{display:grid;gap:12px;margin:25px 0}.plan{position:relative;display:flex;align-items:flex-start;gap:13px;width:100%;padding:18px;border:1px solid #304567;border-radius:14px;background:#14223d;color:#fff;text-align:left;cursor:pointer}.plan.active{border-color:var(--cyan);box-shadow:0 0 22px #19d4c522}.plan .radio{width:18px;height:18px;border:2px solid #758bad;border-radius:50%;margin-top:3px}.plan.active .radio{border-color:var(--cyan);box-shadow:inset 0 0 0 4px #14223d;background:var(--cyan)}.plan b,.plan strong,.plan small,.plan em{display:block}.plan strong{margin-top:5px;color:var(--cyan);font-size:18px}.plan small,.plan em{color:#9aabc4;font-size:11px;font-style:normal}.plan mark{position:absolute;right:13px;top:13px;padding:3px 7px;border-radius:5px;background:#d99b2c;color:#101827;font-size:9px}.safe-note{text-align:center}.result{text-align:center}.result-icon{display:grid;place-items:center;width:60px;height:60px;margin:0 auto 22px;border-radius:50%;background:#164c50;color:var(--cyan);font-size:30px}.result code{display:block;margin:22px 0;padding:15px;border:1px dashed #466185;border-radius:10px;color:#fff}@media(max-width:800px){.hero{grid-template-columns:1fr}.purchase{grid-template-columns:1fr;gap:25px;padding:34px 25px}.footer{grid-template-columns:1fr 1fr}}@media(max-width:560px){.wrap{width:calc(100% - 32px)}.nav nav{display:none}.hero h1{font-size:47px}.visual{height:330px}.laundry-card{width:230px;right:0}.toko-card{width:285px;top:110px}.strip-inner{display:grid;gap:7px;padding:17px 0}.products{grid-template-columns:1fr}.product{padding:26px}.section{padding:80px 0}.footer{grid-template-columns:1fr}.onboarding-card{padding:25px 20px}}
/* Google Material Symbols and layout cleanup */.brand{white-space:nowrap}.back .material-symbols-rounded{vertical-align:-.18em}.footer>p{grid-column:1/-1;margin:0;color:#8394ae;font-size:12px}.footer>p a{display:inline;color:var(--cyan)}
