*{box-sizing:border-box} :root{--red:#ff242b;--red2:#ff454b;--bg:#080808;--panel:rgba(16,16,18,.82);--line:rgba(255,255,255,.13);--muted:#b8b8bf}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:#fff;font-family:Inter,Arial,sans-serif;min-height:100vh;padding:0 0 100px;overflow-x:hidden}button,input,select,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{color:inherit;cursor:pointer}.bg-video{position:fixed;inset:0;width:100%;height:100%;object-fit:cover;z-index:-3}.video-shade{position:fixed;inset:0;background:linear-gradient(145deg,rgba(0,0,0,.88),rgba(12,0,1,.79) 45%,rgba(0,0,0,.91));z-index:-2;pointer-events:none}.topbar{height:68px;display:flex;align-items:center;justify-content:space-between;padding:0 16px;border-bottom:1px solid var(--line);background:rgba(0,0,0,.55);backdrop-filter:blur(18px);position:sticky;top:0;z-index:15}.brand{display:flex;align-items:center;gap:9px;font:700 13px Orbitron,sans-serif;letter-spacing:.5px}.brand img{width:34px;height:34px;border-radius:50%;object-fit:cover;border:1px solid var(--red);box-shadow:0 0 13px #ff242b66}.brand b{color:var(--red)}.icon-btn{border:1px solid var(--line);background:#ffffff0c;width:38px;height:38px;border-radius:13px;display:grid;place-items:center;color:#fff;text-decoration:none}.icon-btn:hover{border-color:var(--red);color:var(--red)}main{max-width:1050px;margin:auto;padding:18px 15px 28px}.screen{display:none;animation:screenIn .3s ease both}.screen.active{display:block}@keyframes screenIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.hero-head{text-align:center;padding:17px 0 22px}.eyebrow{font:600 10px Orbitron,sans-serif;letter-spacing:2px;color:#ff656a}.hero-head h1,.page-title h1{font:800 clamp(25px,6vw,42px) Orbitron,sans-serif;letter-spacing:-1px;margin:12px 0 8px}.hero-head h1 span,.page-title h1 span{color:var(--red);text-shadow:0 0 22px #ff242b44}.hero-head p,.page-title p{color:#c3c3c9;font-size:13px;margin:0}.glass{background:rgba(255,255,255,.065);border:1px solid var(--line);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);box-shadow:0 12px 30px #0002}.stats{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:13px}.stat{padding:14px;border-radius:18px;min-width:0}.stat span{display:block;font:600 10px Orbitron,sans-serif;color:#ccc}.stat span i{color:var(--red);margin-right:4px}.stat strong{display:block;font:700 21px Orbitron,sans-serif;margin:11px 0 5px}.stat small{font-size:10px;color:#aaa}.primary,.secondary{display:inline-flex;justify-content:center;align-items:center;gap:9px;border:0;border-radius:13px;padding:13px 17px;font:700 11px Orbitron,sans-serif;text-decoration:none;transition:transform .2s,box-shadow .2s}.primary{background:linear-gradient(120deg,#ff171f,#a90008);box-shadow:0 5px 20px #ff151f35;color:#fff}.primary:hover{transform:translateY(-2px);box-shadow:0 8px 27px #ff151f55}.secondary{border:1px solid var(--line);background:#ffffff0c}.wide{width:100%;margin:0 0 15px}.ticker{display:flex;align-items:center;gap:10px;border-radius:14px;padding:9px;margin:2px 0 13px;overflow:hidden}.ticker>img{width:30px;height:30px;object-fit:cover;border-radius:50%;flex:none}.ticker-window{overflow:hidden;white-space:nowrap;flex:1}.ticker-track{display:flex;width:max-content;animation:marquee 30s linear infinite;font-size:11px;color:#eee}.ticker-track span{padding-right:40px}.ticker:hover .ticker-track{animation-play-state:paused}@keyframes marquee{to{transform:translateX(-50%)}}.banner{position:relative;min-height:155px;border-radius:20px;overflow:hidden;display:flex;align-items:center;margin-bottom:22px}.banner>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.36}.banner:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#050505ef,#0909098c,transparent)}.banner-content{position:relative;z-index:1;padding:20px;width:100%}.banner-content h2{font:700 clamp(18px,4vw,28px) Orbitron,sans-serif;margin:8px 0}.banner-content p{font-size:12px;color:#ddd}.clock{display:inline-flex;gap:7px;align-items:center;padding:7px 10px;border:1px solid #ffffff2a;border-radius:20px;background:#0008;font:600 11px Orbitron,sans-serif}.clock i{color:var(--red)}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:20px 0 11px}.section-heading h2{font:700 13px Orbitron,sans-serif;margin:0}.section-heading>span{font-size:10px;color:#aaa}.quick-scroll{display:flex;gap:10px;overflow-x:auto;padding:2px 0 12px;scroll-snap-type:x mandatory;scrollbar-width:thin}.quick{flex:0 0 105px;height:100px;border-radius:16px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:11px;scroll-snap-align:start;transition:.2s}.quick i{font-size:23px;color:var(--red)}.quick span{font-size:10px;font-weight:700;text-align:center}.quick:hover,.tool-card:hover{border-color:#ff242b88;transform:translateY(-2px)}.qris-card{width:100%;border-radius:17px;padding:12px;display:flex;align-items:center;gap:15px;text-align:left}.qris-card img{width:78px;height:90px;object-fit:cover;object-position:center;border-radius:8px;background:white}.qris-card span{font:700 12px Orbitron,sans-serif}.qris-card i{color:var(--red);margin-right:6px}.three-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.info-card{border-radius:16px;padding:14px 12px}.info-card>i{font-size:20px;color:var(--red);margin-bottom:13px}.info-card b{display:block;font-size:11px}.info-card p{font-size:10px;line-height:1.55;color:#bbb;margin-bottom:0}.page-title{padding:14px 0 22px}.page-title h1{font-size:clamp(24px,5vw,36px)}.product-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.product-card{border-radius:17px;padding:14px;display:flex;flex-direction:column;min-height:190px}.product-icon{width:38px;height:38px;border-radius:13px;display:grid;place-items:center;color:var(--red);background:#ff242b18;border:1px solid #ff242b35;font-size:17px}.product-card h3{font:700 11px Orbitron,sans-serif;line-height:1.45;margin:12px 0 7px}.product-card p{font-size:10px;color:#aaa;line-height:1.45;flex:1;margin:0 0 12px}.price{font:700 13px Orbitron,sans-serif;color:#ff5b60;margin-bottom:12px}.product-card .primary{width:100%;padding:11px 8px;font-size:10px}.form-card{border-radius:20px;padding:17px;max-width:650px;margin:0 auto}.form-card h2{font:700 14px Orbitron,sans-serif;line-height:1.6}.form-card label,.modal-panel label{display:block;margin:13px 0;color:#ddd;font-size:11px;font-weight:700}.form-card input,.form-card select,.modal-panel input,.modal-panel select,.tool-workspace input,.tool-workspace select,.tool-workspace textarea,.modal-panel textarea{display:block;width:100%;margin-top:7px;padding:12px;border-radius:11px;border:1px solid #ffffff22;background:#0c0c0e;color:#fff;outline:none;font-size:12px}.form-card input:focus,.form-card select:focus,.modal-panel input:focus{border-color:var(--red)}select option{background:#111}.tool-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.tool-card{border-radius:17px;padding:17px 13px;text-align:left;display:flex;flex-direction:column;gap:9px;transition:.2s}.tool-card i{font-size:23px;color:var(--red)}.tool-card b{font:700 11px Orbitron,sans-serif}.tool-card small{font-size:10px;color:#aaa;line-height:1.4}.tool-workspace{margin-top:14px}.tool-panel{padding:16px;border-radius:18px}.tool-panel h3{font:700 13px Orbitron,sans-serif}.tool-panel label{display:block;font-size:11px;color:#ddd;margin:12px 0}.tool-panel input,.tool-panel select,.tool-panel textarea{display:block;width:100%;padding:11px;margin-top:6px;background:#080808;color:white;border:1px solid var(--line);border-radius:10px}.tool-panel canvas{max-width:100%;height:auto;border-radius:12px;margin:12px 0}.tool-row{display:flex;gap:8px;flex-wrap:wrap}.tool-row>*{flex:1}.about-card{text-align:center;padding:22px;border-radius:20px}.about-card>img{width:85px;height:85px;object-fit:cover;border-radius:50%;border:2px solid var(--red);box-shadow:0 0 22px #ff242b33}.about-card h2{font:700 17px Orbitron,sans-serif}.about-card p{font-size:12px;line-height:1.7;color:#ccc}.link-button{margin:6px 3px}.faq-list{display:grid;gap:8px;margin-top:12px}.faq-list details{border-radius:13px;padding:14px;font-size:12px}.faq-list summary{cursor:pointer;font-weight:700}.faq-list p{color:#bbb;line-height:1.6}.bottom-nav{position:fixed;z-index:20;bottom:0;left:0;right:0;display:flex;justify-content:space-around;align-items:center;padding:8px 5px calc(8px + env(safe-area-inset-bottom));background:rgba(5,5,6,.91);border-top:1px solid #ffffff19;backdrop-filter:blur(20px)}.bottom-nav button{background:none;border:0;color:#aaa;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;min-width:0;flex:1;font-size:9px}.bottom-nav button i{font-size:17px}.bottom-nav button.active{color:#ff454b}.bottom-nav .nav-home{flex:1.15;margin-top:-24px}.bottom-nav .nav-home i{width:51px;height:51px;display:grid;place-items:center;border-radius:18px;background:linear-gradient(140deg,#ff2c34,#a60008);box-shadow:0 0 23px #ff242b65;color:white;font-size:21px;border:2px solid #ff8185}.modal{display:none;position:fixed;z-index:50;inset:0;background:#000c;backdrop-filter:blur(8px);align-items:center;justify-content:center;padding:16px}.modal.open{display:flex;animation:fade .2s}@keyframes fade{from{opacity:0}to{opacity:1}}.modal-panel{position:relative;width:min(100%,510px);max-height:90dvh;overflow:auto;border:1px solid #ffffff23;background:rgba(14,14,16,.97);border-radius:22px;padding:21px;box-shadow:0 0 45px #ff242b16}.modal-panel h2{font:700 15px Orbitron,sans-serif;margin:0 35px 15px 0}.close-modal{position:absolute;right:12px;top:12px;width:32px;height:32px;border:1px solid var(--line);border-radius:10px;background:#ffffff0c}.qris-modal img{display:block;width:min(100%,360px);max-height:55dvh;object-fit:contain;background:#fff;border-radius:10px;margin:0 auto 12px}.qris-modal .link-button{width:100%}.timer{padding:12px;border-radius:12px;background:#ff242b15;border:1px solid #ff242b40;font-size:11px;margin-bottom:12px}.timer strong{float:right;color:#ff6469;font:700 14px Orbitron,sans-serif}.fineprint{font-size:10px;color:#aaa;line-height:1.6}.hidden{display:none!important}.proof-preview img{width:100px;height:100px;object-fit:cover;border-radius:10px}.proof-preview{font-size:10px;color:#aaa}.result-card{padding:15px;border-radius:15px;margin-top:12px;font-size:12px;line-height:1.8}.good{border:1px solid #24d18b55}.bad{border:1px solid #ff242b55}.tag{display:inline-block;padding:5px 8px;border-radius:7px;background:#ff242b20;color:#ff7479;font-size:9px;font-weight:800}.tool-modal{width:min(100%,560px)}#toast{position:fixed;z-index:80;bottom:95px;left:50%;transform:translate(-50%,20px);opacity:0;pointer-events:none;max-width:90%;background:#202024;border:1px solid #ffffff26;border-radius:12px;padding:12px 16px;font-size:12px;transition:.2s}#toast.show{opacity:1;transform:translate(-50%,0)}.fine{font-size:10px;color:#aaa;line-height:1.6}.chat-log{height:220px;overflow:auto;padding:10px;border:1px solid var(--line);border-radius:12px;margin:10px 0}.chat-bubble{max-width:90%;padding:10px;border-radius:12px;background:#ffffff12;margin:7px 0;font-size:12px;line-height:1.5;white-space:pre-wrap}.chat-bubble.user{margin-left:auto;background:#9b1118}.sound-list{display:grid;gap:8px}.sound-item{display:flex;gap:10px;align-items:center;justify-content:space-between;padding:10px;border:1px solid var(--line);border-radius:12px;font-size:11px}.sound-item button{border:0;border-radius:9px;padding:9px 12px;background:#ff242b22;color:white}.phone-preview{background:#f3f3f7;color:#151515;border-radius:22px;padding:14px;max-width:310px;margin:12px auto;font-size:12px;min-height:210px}.phone-preview .bubble{background:#d9fdd3;padding:10px;border-radius:13px;margin:14px 0 0 auto;max-width:90%;width:max-content;white-space:pre-wrap}.phone-preview .status{display:flex;justify-content:space-between;font-weight:700}.phone-preview .concept{font-size:9px;text-align:center;color:#b00;margin-top:15px}.brat-preview{width:min(100%,300px);aspect-ratio:1;display:grid;place-items:center;margin:12px auto;background:#b6ff00;color:#111;padding:20px;font-weight:800;font-size:32px;text-align:center;overflow-wrap:anywhere}.brat-preview span{line-height:1.05}.no-scroll{overflow:hidden}@media(min-width:700px){main{padding:28px 24px}.hero-head{padding:26px 0}.stats{max-width:700px;margin:0 auto 15px}.wide{max-width:700px;display:flex;margin-left:auto;margin-right:auto}.quick{flex-basis:130px}.product-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.tool-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.banner{min-height:200px}.form-card{padding:23px}.bottom-nav{left:50%;right:auto;transform:translateX(-50%);width:min(100%,650px);border:1px solid #ffffff1c;border-bottom:0;border-radius:18px 18px 0 0}}@media(max-width:390px){.brand{font-size:10px}.brand img{width:30px;height:30px}.three-grid{grid-template-columns:1fr}.info-card{display:grid;grid-template-columns:30px 1fr;column-gap:8px}.info-card>i{grid-row:span 2}.info-card p{margin-top:5px}.product-card{padding:11px}.bottom-nav button{font-size:8px}.bottom-nav button i{font-size:15px}}