@font-face{font-family:Nunito;src:url('demo/fonts/Nunito.woff2') format('woff2');font-display:swap}@font-face{font-family:Lilita;src:url('demo/fonts/LilitaOne.woff2') format('woff2');font-display:swap}
:root{--purple:#2f7df6;--purple-dark:#1d5fd0;--orange:#ffc21a;--green:#35b98a;--coral:#ff8066;--ink:#13265c;--muted:#5a6a8f;--cream:#fffcf7;--line:#e1ecfa;--shadow:0 18px 50px rgba(52,43,111,.10)}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:88px}body{margin:0;background:#fff;color:var(--ink);font-family:Nunito,Arial,sans-serif;font-size:16px;line-height:1.6}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}.wrap{width:min(1160px,calc(100% - 44px));margin:auto}.narrow{max-width:920px}.center{text-align:center}.muted{color:var(--muted)}.tiny{font-size:12px}.topbar{height:78px;background:rgba(255,255,255,.94);backdrop-filter:blur(12px);position:sticky;top:0;z-index:20;border-bottom:1px solid rgba(238,234,245,.8)}.nav{height:100%;display:flex;align-items:center;gap:30px}.brand{display:flex;align-items:center;gap:9px;font-family:Lilita;font-size:25px;color:var(--purple)}.brand img{width:42px;height:42px;object-fit:contain}.nav nav{display:flex;gap:28px;margin-left:auto;font-weight:800;font-size:14px}.nav nav a:hover,.text-link:hover{color:var(--purple)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:14px;background:var(--purple);color:#fff;padding:15px 22px;border-radius:14px;font-weight:900;box-shadow:0 8px 18px #2f7df633;transition:.2s;cursor:pointer;border:0}.btn:hover{background:var(--purple-dark);transform:translateY(-2px)}.btn span{font-size:20px}.btn-small{padding:10px 16px;font-size:13px;border-radius:11px}.menu-toggle{display:none;border:0;background:none;font-size:25px;color:var(--ink)}.hero{background:var(--cream);position:relative;overflow:hidden;padding:76px 0 24px}.hero-grid{display:grid;grid-template-columns:1.02fr .98fr;align-items:center;gap:40px}.eyebrow{font-size:11px;letter-spacing:1.7px;font-weight:1000;color:var(--purple);margin-bottom:14px}.spark{color:var(--orange);font-size:18px}.hero h1{font-family:Lilita;font-size:clamp(44px,5.6vw,70px);line-height:1.04;letter-spacing:-.5px;margin:0 0 20px;max-width:600px}.hero h1 em,h2 em{font-style:normal;color:var(--purple)}.hero-lead{font-size:18px;color:#5d5b70;max-width:560px;margin:0 0 27px}.hero-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.hero-primary{font-size:16px;padding:17px 23px;box-shadow:0 10px 24px #2f7df644}.hero-secondary{background:#fff;color:var(--purple);border:1.5px solid #cfe2ff;box-shadow:none;font-size:14px;padding:16px 19px}.hero-secondary:hover{background:#eaf3ff;color:var(--purple-dark)}.hero-offer-note{font-size:12px;color:var(--muted);font-weight:800;margin:13px 0 0}.trust-row{display:flex;gap:15px;flex-wrap:wrap;margin-top:27px;color:#5c8b78;font-size:12px;font-weight:900}.hero-art{position:relative;min-height:420px;display:grid;place-items:center}.hero-blob{position:absolute;width:420px;height:390px;background:#e3f0ff;border-radius:48% 52% 56% 44%;transform:rotate(-10deg)}.hero-game{position:relative;width:min(100%,510px);border-radius:26px;box-shadow:0 25px 60px #312b6b35;transform:rotate(2deg);border:7px solid #fff}.floating-note,.floating-pill{position:absolute;background:#fff;box-shadow:var(--shadow);border-radius:16px;z-index:2}.floating-note{left:-8px;bottom:30px;display:flex;align-items:center;gap:10px;padding:12px 16px}.floating-note b,.floating-note small{display:block}.floating-note b{font-size:13px}.floating-note small{font-size:11px;color:var(--muted)}.note-icon{background:#fff2d9;color:#d88a12;width:38px;height:38px;border-radius:11px;display:grid;place-items:center;font-size:22px}.floating-pill{right:-8px;top:35px;padding:10px 16px;color:var(--purple);font-size:12px;font-weight:1000;transform:rotate(5deg)}.hero-bottom{display:flex;align-items:center;justify-content:center;gap:15px;color:#8a8799;font-size:12px;font-weight:800;margin-top:48px}.dot{width:5px;height:5px;background:var(--orange);border-radius:50%}.section{padding:92px 0}.section h2,.final-cta h2{font-family:Lilita;font-size:clamp(32px,4vw,48px);line-height:1.13;margin:0 0 16px;letter-spacing:-.2px}.pain{background:#fff}.pain .muted{max-width:650px;margin:0 auto}.pain-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:42px;text-align:left}.pain-grid article{padding:25px;background:#fff;border:1px solid var(--line);border-radius:19px}.pain-emoji{font-size:28px}.pain-grid h3{font-size:17px;margin:12px 0 5px}.pain-grid p{font-size:13px;color:var(--muted);margin:0}.solution{background:#f2f8ff}.solution-grid{display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:center}.solution-grid>div:first-child p{max-width:470px;margin-bottom:25px}.btn-dark{background:var(--ink)}.feature-stack{display:grid;gap:14px}.feature{display:flex;gap:17px;align-items:flex-start;background:#fff;border-radius:18px;padding:20px 22px;box-shadow:0 8px 30px #40358b0c}.feature-icon{flex:0 0 48px;height:48px;border-radius:14px;display:grid;place-items:center;font-size:23px}.purple{background:#e3f0ff}.orange{background:#fff1d8}.green{background:#e3f8ef}.feature h3{margin:0 0 4px;font-size:17px}.feature p{margin:0;color:var(--muted);font-size:13px}.games-section{background:#fff}.section-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:32px}.section-head h2{margin-bottom:8px}.section-head p{margin:0}.game-count{width:84px;height:84px;border-radius:50%;background:#fff4df;display:grid;place-content:center;text-align:center;color:#bc7813;font-family:Lilita;font-size:30px;line-height:1}.game-count small{font:900 8px Nunito;letter-spacing:1px}.games-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:18px}.game-card{border:1px solid var(--line);border-radius:17px;overflow:hidden;background:#fff;transition:.2s}.game-card:hover{transform:translateY(-5px);box-shadow:var(--shadow)}.game-card img{width:100%;aspect-ratio:1.48;object-fit:cover}.game-card div{padding:14px 15px 17px}.game-card h3{font-size:15px;line-height:1.25;margin:0 0 5px}.game-card p{font-size:12px;color:var(--muted);margin:0;line-height:1.45}.demo-section{background:#13265c;color:#fff}.demo-grid{display:grid;grid-template-columns:1fr;gap:24px;align-items:start}.demo-copy{max-width:760px}.demo-copy h2{max-width:680px}.demo-frame-wrap{width:100%}.demo-section .eyebrow{color:#9cc4ff}.demo-section .muted{color:#c4c2d1}.demo-copy h2{font-size:44px}.check-list{list-style:none;padding:0;margin:24px 0;color:#d9e6f8;font-weight:800;font-size:14px}.check-list li{margin:10px 0}.demo-frame-wrap{background:#fff;padding:12px;border-radius:20px;box-shadow:0 24px 70px #0005}.demo-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:2px 3px 10px}.demo-label{color:#1d5fd0;font-size:10px;font-weight:1000;letter-spacing:1.3px;padding:3px 8px}.live-dot{display:inline-block;width:7px;height:7px;background:#35b98a;border-radius:50%;margin-right:6px}.demo-fullscreen{border:0;border-radius:10px;background:#e3f0ff;color:#1d5fd0;padding:10px 14px;font:900 12px Nunito,Arial,sans-serif;cursor:pointer;white-space:nowrap}.demo-fullscreen:hover{background:#d6e7ff}.demo-frame-wrap iframe{display:block;width:100%;height:clamp(620px,78vh,820px);border:0;border-radius:12px;background:#101426}.demo-hint{margin:10px 4px 0;color:#5a6a8f;font-size:12px}.demo-frame-wrap:fullscreen{background:#fff;padding:14px;border-radius:0;display:flex;flex-direction:column}.demo-frame-wrap:fullscreen iframe{height:calc(100vh - 86px);flex:1}.demo-frame-wrap:fullscreen .demo-hint{display:none}.notepad-section{background:#fff9ed}.notepad-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:90px;align-items:center}.notepad-image{position:relative;max-width:390px;margin:auto}.notepad-image img{height:390px;width:100%;object-fit:contain;object-position:center;background:#fff;border-radius:22px;box-shadow:var(--shadow);padding:12px}.image-caption{position:absolute;bottom:-12px;left:50%;transform:translateX(-50%);white-space:nowrap;background:var(--orange);color:#52360b;font-size:10px;letter-spacing:1px;font-weight:1000;padding:9px 15px;border-radius:30px}.mini-benefit{display:flex;gap:13px;align-items:center;margin-top:25px}.mini-benefit>span{width:42px;height:42px;border-radius:12px;background:#ffedc9;display:grid;place-items:center;font-size:21px}.mini-benefit b,.mini-benefit small{display:block}.mini-benefit small{color:var(--muted);font-size:12px}.dashboard-section{background:#f2f8ff}.dashboard-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:65px;align-items:center}.dashboard-points{font-weight:800;font-size:14px;color:#57546d}.dashboard-shot{padding:13px;background:#fff;border-radius:20px;box-shadow:var(--shadow)}.dashboard-shot img{width:100%;border-radius:12px}.steps-section{background:#fff}.steps-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:38px;text-align:left}.steps-grid article{padding:26px;border:1px solid var(--line);border-radius:18px}.steps-grid article>span{font-family:Lilita;color:var(--purple);font-size:35px}.steps-grid h3{margin:5px 0;font-size:18px}.steps-grid p{color:var(--muted);font-size:13px;margin:0}.value-section{background:#f2f8ff}.value-grid{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.value-list{display:grid;grid-template-columns:1fr 1fr;gap:12px}.value-list div{background:#fff;padding:16px;border-radius:13px;font-size:13px;display:flex;gap:10px;align-items:center}.pricing-section{background:#fff;padding-top:100px;padding-bottom:100px}.price-card{background:var(--purple);border-radius:28px;padding:48px 55px;color:#fff;display:grid;grid-template-columns:1fr 300px;gap:50px;align-items:center;position:relative;overflow:hidden}.price-card:after{content:'✦';position:absolute;font-size:250px;color:#ffffff0b;right:240px;top:-100px}.price-copy .eyebrow{color:#d6e7ff}.price-copy h2{max-width:560px}.price-copy>p{color:#d6e7ff}.price-trust{display:flex;gap:16px;flex-wrap:wrap;font-size:12px;color:#e3f0ff;font-weight:800;margin-top:25px}.price-box{position:relative;z-index:1;background:#fff;color:var(--ink);border-radius:20px;padding:25px;text-align:center;box-shadow:0 15px 35px #28205b40}.price-box>small{font-size:10px;color:var(--muted);font-weight:900;letter-spacing:1px}.price{font-family:Lilita;font-size:35px;color:var(--purple);line-height:1.2;margin:6px 0}.price span{font-size:70px}.price-box>b{display:block;font-size:12px;margin-bottom:18px}.btn-white{background:var(--orange);color:#352508;box-shadow:none}.btn-white:hover{background:#ffd04d;color:#352508}.price-note{display:block;margin-top:12px!important;letter-spacing:0!important}.faq-section{background:#fff}.faq-grid{display:grid;grid-template-columns:.7fr 1.3fr;gap:70px}.faqs details{border-bottom:1px solid var(--line);padding:17px 0}.faqs summary{font-weight:900;cursor:pointer;list-style:none;position:relative;padding-right:30px}.faqs summary::-webkit-details-marker{display:none}.faqs summary:after{content:'+';position:absolute;right:0;top:-4px;color:var(--purple);font-size:23px}.faqs details[open] summary:after{content:'−'}.faqs details p{font-size:13px;color:var(--muted);margin:10px 25px 0 0}.final-cta{padding:85px 0;background:#fff3dd}.final-cta h2{max-width:760px;margin:0 auto 15px}.final-cta p{color:#6d6659;margin-bottom:25px}.final-cta small{display:block;color:#817766;font-size:11px;margin-top:14px}footer{padding:32px 0 90px;background:#13265c;color:#fff}.footer-inner{display:flex;align-items:center;gap:20px;flex-wrap:wrap}.footer-brand{color:#fff}.footer-brand img{width:34px;height:34px}.footer-inner p{color:#c5c2d2;font-size:13px;margin-right:auto}.footer-inner>small{color:#aaa7ba;font-size:11px}.mobile-bar{display:none}
@media(max-width:900px){.nav nav{gap:15px}.hero-grid{gap:15px}.hero-art{min-height:340px}.hero-blob{width:320px;height:310px}.games-grid{grid-template-columns:repeat(3,1fr)}.solution-grid,.notepad-grid{gap:45px}.demo-grid{gap:30px}.price-card{grid-template-columns:1fr 260px;padding:38px}.faq-grid{gap:35px}}
@media(max-width:650px){.wrap{width:min(100% - 34px,520px)}.topbar{height:66px}.brand{font-size:22px}.brand img{width:36px;height:36px}.menu-toggle{display:block;margin-left:auto}.nav nav{display:none;position:absolute;left:0;right:0;top:65px;background:#fff;padding:18px 24px 24px;box-shadow:0 15px 20px #13265c12;flex-direction:column;gap:15px}.nav nav.open{display:flex}.nav-cta{display:none}.hero{padding:48px 0 18px}.hero-grid{grid-template-columns:1fr;gap:8px}.hero h1{font-size:48px}.hero-lead{font-size:16px}.hero-art{min-height:300px;margin:0 5px}.hero-game{max-width:430px}.hero-blob{width:290px;height:270px}.floating-note{left:-4px;bottom:12px;padding:9px 11px}.floating-pill{right:-3px;top:10px}.hero-bottom{gap:8px;flex-wrap:wrap;margin-top:20px;font-size:10px}.section{padding:65px 0}.section h2,.final-cta h2{font-size:36px}.pain-grid{grid-template-columns:1fr;gap:12px;margin-top:28px}.pain-grid article{padding:18px}.solution-grid,.notepad-grid,.dashboard-grid,.demo-grid,.value-grid,.faq-grid{grid-template-columns:1fr;gap:30px}.solution-grid>div:first-child{text-align:center}.solution-grid>div:first-child p{margin-left:auto;margin-right:auto}.feature{padding:16px}.section-head{align-items:center}.section-head h2{font-size:34px}.game-count{width:64px;height:64px;font-size:24px;flex-shrink:0}.games-grid{grid-template-columns:repeat(2,1fr);gap:12px}.game-card div{padding:11px}.game-card h3{font-size:13px}.game-card p{font-size:11px}.demo-copy h2{font-size:38px}.demo-frame-wrap iframe{height:clamp(540px,68svh,700px)}.demo-fullscreen{padding:10px 11px}.demo-fullscreen span{display:inline}.demo-toolbar{align-items:center}.demo-frame-wrap:fullscreen iframe{height:calc(100svh - 75px)}.notepad-image img{height:330px}.dashboard-shot{padding:8px}.steps-grid{grid-template-columns:1fr;gap:12px;margin-top:25px}.steps-grid article{padding:20px}.value-list{grid-template-columns:1fr}.price-card{grid-template-columns:1fr;padding:28px 22px;gap:25px;border-radius:20px}.price-copy h2{font-size:34px}.price-trust{display:grid;gap:8px}.price-box{max-width:330px;width:100%;margin:auto}.faq-grid{gap:10px}.final-cta{padding:65px 0}.footer-inner{gap:10px}.footer-inner p{width:100%;margin:0}.mobile-bar{display:flex;position:fixed;bottom:0;left:0;right:0;z-index:30;background:#fff;padding:10px 16px calc(10px + env(safe-area-inset-bottom));box-shadow:0 -5px 25px #13265c18;align-items:center;justify-content:space-between;gap:10px}.mobile-bar span b,.mobile-bar span small{display:block}.mobile-bar span b{font-family:Lilita;font-size:22px;color:var(--purple);line-height:1}.mobile-bar span small{font-size:10px;color:var(--muted)}.mobile-bar .btn{padding:12px 15px;font-size:12px;border-radius:11px}footer{padding-bottom:105px}}
/* HERO v3 — palette & bentuk diambil dari game (biru langit, kuning, merah, hijau; butang brick 3D) */
:root{--sky:#2f7df6;--sky-d:#1d5fd0;--navy:#13265c;--yel:#ffc21a;--yel-d:#d99a00;--red:#e8404a;--red-d:#b92a33;--grn:#3fbf5a;--grn-d:#2a9143}
.hero3{background:linear-gradient(180deg,#dff0ff 0%,#f3f9ff 62%,#fffdf6 100%);padding:56px 0 64px;position:relative;overflow:hidden}
.hero3::after{content:"";position:absolute;left:0;right:0;bottom:0;height:18px;background:repeating-linear-gradient(90deg,var(--grn) 0 36px,#35ad50 36px 72px)}
.hero3-grid{display:grid;grid-template-columns:.95fr 1.05fr;gap:28px;align-items:center}
.h3-eyebrow{font-size:12px;font-weight:900;letter-spacing:1.4px;color:var(--sky-d);margin-bottom:14px}
.hero3 h1{font-family:Lilita,Nunito,sans-serif;font-size:clamp(40px,5.2vw,66px);line-height:1.04;margin:0 0 18px;color:var(--navy);font-weight:400;max-width:none}
.hero3 h1 em{font-style:normal;color:var(--sky);text-shadow:0 3px 0 #fff}
.h3-lead{font-size:18px;line-height:1.55;color:#33466f;max-width:520px;margin:0 0 24px}
.h3-actions{display:flex;align-items:center;gap:18px;flex-wrap:wrap;margin-bottom:22px}
/* butang brick 3D + stud, sama gaya butang Play dalam game */
.brick{position:relative;display:inline-block;font-family:Lilita,Nunito,sans-serif;font-size:22px;color:var(--navy);background:var(--yel);padding:16px 28px;border-radius:16px;box-shadow:0 6px 0 var(--yel-d),0 14px 22px #d99a0050;transition:transform .12s,box-shadow .12s}
.brick::before,.brick::after{content:"";position:absolute;top:-7px;width:22px;height:9px;background:var(--yel);border-radius:6px 6px 0 0;box-shadow:inset 0 -2px 0 #f2b300}
.brick::before{left:24%}.brick::after{right:24%}
.brick:hover{transform:translateY(2px);box-shadow:0 4px 0 var(--yel-d),0 8px 16px #d99a0050}
.brick:active{transform:translateY(6px);box-shadow:0 0 0 var(--yel-d)}
.h3-buy{display:flex;align-items:center;gap:10px;background:#fff;border:2px solid #cfe2ff;border-radius:16px;padding:9px 16px;box-shadow:0 4px 0 #cfe2ff;color:var(--navy);line-height:1.15}
.h3-buy:hover{border-color:var(--sky)}
.h3-old{font-weight:800;color:#8a97b5;text-decoration:line-through;text-decoration-thickness:2px;font-size:17px}
.h3-new{font-family:Lilita,Nunito,sans-serif;font-size:36px;color:var(--sky-d)}
.h3-buy small{font-size:11px;font-weight:800;color:#5a6a8f;line-height:1.25}
.h3-badges{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,auto);gap:10px 14px;justify-content:start}
.h3-badges li{display:grid;grid-template-columns:34px 1fr;column-gap:8px;align-items:center;background:#fff;border-radius:14px;padding:9px 12px;box-shadow:0 2px 10px #1d5fd01a}
.h3-badges i{grid-row:span 2;font-style:normal;font-size:20px;background:#eaf3ff;border-radius:10px;width:34px;height:34px;display:grid;place-items:center}
.h3-badges b{font-size:13px;color:var(--navy);line-height:1.2}
.h3-badges small{font-size:11px;color:#5a6a8f;font-weight:700;line-height:1.2}
.h3-guarantee{margin:14px 0 0;font-size:13px;font-weight:900;color:var(--grn-d)}
/* seni peranti */
.hero3-art{position:relative;min-height:440px;display:grid;place-items:center}
.h3-sky{position:absolute;inset:6% 0 4% 4%;background:radial-gradient(circle at 30% 30%,#fff 0 14%,transparent 15%),radial-gradient(circle at 78% 22%,#fff 0 9%,transparent 10%),linear-gradient(160deg,#8fc4ff,#4f9bff);border-radius:34px;opacity:.55;transform:rotate(-2deg)}
.tablet{position:relative;z-index:2;margin:0;width:min(100%,560px);background:#161b2e;padding:14px;border-radius:30px;box-shadow:0 28px 50px #13265c4d,inset 0 0 0 2px #2b3350}
.tablet img{border-radius:16px;width:100%;aspect-ratio:4/3;object-fit:cover}
.h3-tag{position:absolute;left:50%;transform:translateX(-50%);bottom:-14px;background:var(--navy);color:#fff;font-size:11px;font-weight:900;letter-spacing:.8px;padding:6px 14px;border-radius:99px;white-space:nowrap}
.phone{position:absolute;z-index:3;margin:0;width:112px;background:#161b2e;padding:6px;border-radius:22px;box-shadow:0 18px 34px #13265c55}
.phone img{border-radius:16px;width:100%;aspect-ratio:9/20;object-fit:cover;object-position:top}
.phone-l{left:-4px;bottom:34px;transform:rotate(-5deg)}
.phone-r{right:-6px;top:20px;transform:rotate(4deg)}
/* mini soalan interaktif */
.miniquiz{position:absolute;z-index:4;right:4px;bottom:0;width:206px;background:#fff;border-radius:20px;padding:12px 14px 12px;box-shadow:0 16px 34px #13265c40;border:3px solid #fff;outline:2px solid #cfe2ff}
.mq-q{font-size:12px;font-weight:900;color:#5a6a8f;text-align:center}.mq-q b{display:block;font-family:Lilita,Nunito,sans-serif;font-weight:400;font-size:28px;color:var(--navy);line-height:1.1}
.mq-a{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin:8px 0 6px}
.mq-a button{font-family:Lilita,Nunito,sans-serif;font-size:19px;color:#fff;border:0;border-radius:11px;padding:9px 0;cursor:pointer;min-height:44px;transition:transform .1s}
.mq-r{background:var(--red);box-shadow:0 4px 0 var(--red-d)}.mq-b{background:var(--sky);box-shadow:0 4px 0 var(--sky-d)}.mq-y{background:var(--yel);color:var(--navy)!important;box-shadow:0 4px 0 var(--yel-d)}.mq-g{background:var(--grn);box-shadow:0 4px 0 var(--grn-d)}
.mq-a button:active{transform:translateY(3px)}
.mq-msg{font-size:12px;font-weight:900;text-align:center;color:#5a6a8f;min-height:18px}
.miniquiz.win .mq-msg{color:var(--grn-d)}.miniquiz.win{animation:pop .45s}.miniquiz.lose{animation:shake .35s}
@keyframes pop{40%{transform:scale(1.07)}}@keyframes shake{25%{transform:translateX(-6px)}75%{transform:translateX(6px)}}
@media(prefers-reduced-motion:reduce){.miniquiz.win,.miniquiz.lose{animation:none}.brick{transition:none}}
/* bar harga mobile: hanya selepas hero */
.mobile-bar{transition:transform .25s}
@media(max-width:650px){.mobile-bar{transform:translateY(110%)}.mobile-bar.show{transform:none}.mobile-bar span b{color:var(--sky-d)}}
@media(max-width:900px){
 .hero3{padding:28px 0 44px}.hero3-grid{grid-template-columns:1fr;gap:34px}
 .hero3-art{min-height:0;padding-bottom:30px}.tablet{width:100%}.phone{display:none}
 .miniquiz{position:relative;right:auto;bottom:auto;margin:-26px auto 0;width:min(92%,300px)}
 .hero3-art{display:block}.tablet{margin:0 auto}
}
@media(max-width:650px){
 .hero3 h1{font-size:40px}.h3-lead{font-size:16px}
 .h3-actions{gap:12px}.brick{font-size:20px;padding:15px 22px}
 .h3-badges{grid-template-columns:1fr;gap:8px}
 .h3-badges li{grid-template-columns:34px 1fr}
}
/* mobile: gambar game naik sebelum lencana supaya nampak hampir di fold */
@media(max-width:900px){
 .hero3-copy{display:contents}
 .h3-eyebrow{order:1;margin:0}.hero3 h1{order:2;margin:0}.h3-lead{order:3;margin:0}.h3-actions{order:4;margin:0}
 .hero3-art{order:5}.h3-badges{order:6}.h3-guarantee{order:7;margin:0}
 .hero3-grid{gap:18px}
 .h3-badges{margin-top:10px}
}
@media(max-width:650px){
 .h3-lead{font-size:15px}
 .h3-buy small{font-size:10.5px}
}
/* Gaya halaman v3 — selaras dengan hero v3 (palette & butang brick dari game) */
body{color:var(--navy);background:#fff}
.btn{background:var(--sky)}.btn:hover{background:var(--sky-d)}
.nav-cta{background:var(--yel);color:var(--navy);box-shadow:0 3px 0 var(--yel-d)}.nav-cta:hover{background:#ffcf45}
.brick-sm{font-size:16px;padding:12px 18px;border-radius:13px}
.brick-sm::before,.brick-sm::after{width:16px;height:7px;top:-5px}
section.demo-section,.demo-section{background:var(--navy)}
.section h2,.final-cta h2{color:inherit}
.muted{color:#4d5f86}
/* topik */
.topic-chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:6px}
.topic-chips span{background:#eaf3ff;color:var(--navy);font-weight:800;font-size:14px;padding:7px 13px;border-radius:99px}
/* kad game: potong butang Play yang dibakar dalam thumbnail */
.game-card img{aspect-ratio:2.3/1;object-fit:cover;object-position:top;width:100%;height:auto}
.game-card p{font-size:14px;line-height:1.45}
/* notepad: sepasang telefon */
.notepad-section{background:#fffbea}
.notepad3-grid{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center}
.pair{display:flex;align-items:center;justify-content:center;gap:14px}
.phone-s{margin:0;text-align:center;width:min(220px,40%)}
.phone-s .frame{background:#161b2e;padding:6px;border-radius:24px;box-shadow:0 20px 40px #13265c33}.phone-s img{width:100%;height:auto;border-radius:18px;display:block}
.phone-s figcaption{margin-top:12px;font-size:14px;font-weight:800;color:var(--navy)}
.pair-arrow{font-size:30px;color:var(--yel-d);font-weight:900}
.mini-benefit{display:flex;gap:12px;align-items:center;background:#fff;border-radius:16px;padding:14px 16px;box-shadow:0 6px 20px #13265c14;margin-top:20px}
.mini-benefit small{display:block;color:#4d5f86;font-size:14px}
/* dashboard sebenar */
.dash3-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:56px;align-items:center}
.dash-points{list-style:none;margin:22px 0 0;padding:0;display:grid;gap:14px}
.dash-points li{display:grid;gap:2px;padding-left:34px;position:relative}
.dash-points li::before{content:"✓";position:absolute;left:0;top:1px;width:24px;height:24px;border-radius:8px;background:var(--grn);color:#fff;font-weight:900;display:grid;place-items:center;font-size:14px}
.dash-points b{font-size:16px;color:var(--navy)}.dash-points span{font-size:14px;color:#4d5f86;line-height:1.45}
.dash-note{font-size:13px;font-weight:800;color:#4d5f86;margin-top:18px}
.dash3-shot{margin:0}
.browser{display:flex;align-items:center;gap:6px;background:#dbe8fb;border-radius:16px 16px 0 0;padding:10px 14px}
.browser span{width:10px;height:10px;border-radius:50%;background:#aac4ec}
.browser b{margin-left:8px;font-size:12px;color:#4d5f86;font-weight:800}
.dash3-crop{position:relative;max-height:560px;overflow:hidden;background:#f4f8ff;border-radius:0 0 16px 16px;box-shadow:0 24px 50px #13265c26}
.dash3-crop::after{content:"";position:absolute;left:0;right:0;bottom:0;height:90px;background:linear-gradient(transparent,#f2f8ff)}
.dash3-crop img{width:100%;height:auto}
.dash3-shot figcaption{margin-top:12px;font-size:13px;font-weight:800;color:#4d5f86;text-align:center}
/* kepercayaan */
.trust-section{background:#fff}
.trust-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:34px}
.trust-grid article{background:#f2f8ff;border-radius:20px;padding:22px;border-bottom:4px solid #cfe2ff}
.trust-grid i{font-style:normal;font-size:26px;display:block;margin-bottom:8px}
.trust-grid h3{margin:0 0 6px;font-size:17px;color:var(--navy)}
.trust-grid p{margin:0;font-size:14px;color:#4d5f86;line-height:1.5}
.maker{max-width:680px;margin:30px auto 0;font-size:15px;color:#33466f}
.support-row{margin-top:20px}.btn-wa{background:#25b35a;box-shadow:0 4px 0 #1b8a44}.btn-wa:hover{background:#1b8a44}
.testi-wrap{margin-top:40px}.testi-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px;margin-top:16px}
.testi-grid figure{margin:0;background:#fffbea;border-radius:18px;padding:20px}.testi-grid blockquote{margin:0 0 10px;font-weight:800;font-size:16px}.testi-grid figcaption{font-size:13px;color:#4d5f86}
/* langkah */
.steps-section{background:#f2f8ff}
.steps-grid article{border-bottom:4px solid #cfe2ff}.steps-grid article span{color:var(--sky)}
.steps-grid p{font-size:14px}
/* harga */
.pricing-section{background:#fff}
.price-card{background:linear-gradient(160deg,#2f7df6,#1d5fd0)!important;position:relative}
.price-list{list-style:none;margin:18px 0 0;padding:0;display:grid;gap:8px;color:#fff;font-weight:800;font-size:15px}
.pay-row{margin-top:20px}.pay-row small{display:block;color:#cfe2ff;font-weight:800;margin-bottom:6px;font-size:12px}
#payChips{display:flex;flex-wrap:wrap;gap:8px}#payChips span{background:#ffffff26;color:#fff;font-weight:800;font-size:13px;padding:6px 12px;border-radius:99px}
.price-box{display:flex;flex-direction:column;align-items:center;gap:6px}
.price-box .brick{margin:14px 0 8px;font-size:21px}
.price-box .price-note{font-size:12px;color:#4d5f86;font-weight:800;letter-spacing:0}
.price-box>b{font-size:13px}
.price-box .price{color:var(--sky-d)}
/* FAQ, CTA akhir */
.faq-section details p{font-size:15px;line-height:1.6;color:#4d5f86}
.final-cta{background:linear-gradient(180deg,#dff0ff,#f3f9ff);color:var(--navy)}
.final-cta p{color:#33466f}.final-cta small{display:block;margin-top:18px;color:#4d5f86;font-weight:800;font-size:13px}
.final-cta .brick{margin-top:12px}
footer a{text-decoration:underline}
.mobile-bar{border-top:3px solid #cfe2ff}
.mobile-bar span b{display:block}.mobile-bar span s{font-size:12px;color:#8a97b5;font-family:Nunito,sans-serif}
.mobile-bar .brick-sm span{white-space:nowrap}
/* responsif */
@media(max-width:900px){
 .notepad3-grid,.dash3-grid{grid-template-columns:1fr;gap:34px}
 .trust-grid{grid-template-columns:1fr 1fr}
 .dash3-crop{max-height:440px}
}
@media(max-width:650px){
 .trust-grid{grid-template-columns:1fr}
 .section{padding:64px 0}
 .pair{gap:6px}.phone-s{width:42%}.pair-arrow{font-size:22px}
 .price-box .brick{width:100%;text-align:center}
}
/* atribut width/height pada <img> tidak boleh mengatasi aspect-ratio/lebar CSS */
.tablet img,.phone img{height:auto}
.tablet img{aspect-ratio:4/3;object-fit:cover}
.phone img{aspect-ratio:9/20}
button{font:inherit}button.brick{border:0;cursor:pointer;line-height:1.35}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #e8404a;outline-offset:5px}button.brick:focus-visible{outline:3px solid #13265c}.hero3 h1{font-size:clamp(40px,4.6vw,62px)}.hero3-art{min-height:360px}.hero3-grid{gap:40px}.hero-price{font-size:15px;color:#33466f}.hero-price b{display:block;color:#1d5fd0}.quick-trust{font-size:13px;font-weight:800;color:#2a7149;margin:20px 0 0}.h3-actions{gap:24px}.demo-grid-v4{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}.demo-section{color:white}.demo-section .eyebrow{color:#aecfff}.demo-section p{color:#e0eaff}.demo-section .tiny{font-size:13px;margin-top:20px}.demo-tags{font-weight:800;font-size:14px}.demo-preview{background:#fff;border-radius:24px;padding:12px;box-shadow:0 20px 50px #0003;transform:rotate(2deg)}.demo-preview img{width:100%;height:auto;border-radius:16px}.demo-preview span{display:block;padding:12px 8px 4px;text-align:center;color:#13265c;font-weight:800;font-size:13px}.demo-section .brick{margin-top:14px}.age-picker{display:flex;justify-content:center;gap:12px;margin:30px 0 24px}.age-picker button{background:#edf4ff;color:#13265c;border:2px solid #cfe2ff;border-radius:16px;padding:12px 24px;font-weight:900;font-size:18px;cursor:pointer;min-height:48px}.age-picker button[aria-pressed=true]{background:#13265c;border-color:#13265c;color:white;box-shadow:0 4px 0 #ffc21a}.age-topics{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;max-width:850px;margin:auto;min-height:120px;align-content:center}.age-topics span{padding:12px 18px;background:#f2f8ff;border-radius:12px;font-weight:800;border:1px solid #dbe8fb}.screenshot-link{display:block;text-align:center;color:#1d5fd0;font-weight:800;font-size:14px;margin-top:10px;text-decoration:underline}.feedback-section{background:#fffbea}.feedback-section .testi-grid{max-width:760px;margin:28px auto 0}.feedback-section .testi-grid figure{background:white;border:1px solid #f0e3af;padding:28px;border-radius:20px;box-shadow:0 8px 30px #13265c0a}.feedback-section blockquote{font-size:23px;line-height:1.5}.featured-games{grid-template-columns:repeat(4,1fr)}.more-games{margin-top:24px}.more-games>summary{width:fit-content;margin:0 auto 24px;padding:12px 22px;border:2px solid #cfe2ff;border-radius:12px;color:#1d5fd0;font-weight:900;cursor:pointer;min-height:48px}.more-games .games-grid{grid-template-columns:repeat(3,1fr)}.game-card img{aspect-ratio:16/9;object-fit:cover;object-position:top}.inline-link{color:#1d5fd0;text-decoration:underline;white-space:nowrap}.access-terms{font-size:14px;line-height:1.6;color:#e8f1ff;max-width:560px;margin-bottom:0}.price-box .checkout-status{font-size:13px;font-weight:700;color:#4d5f86;line-height:1.5;margin:10px 0 0;text-align:center}.price-box .brick{font-size:20px}.price-box #payChips span{background:#edf4ff;color:#13265c}.delivery-note{margin-top:24px;background:#f2f8ff;border-radius:18px;padding:22px 26px;font-size:14px}.delivery-note p{margin:8px 0 0;color:#4d5f86}.delivery-note a,.faqs a{text-decoration:underline;color:#1d5fd0}.final-price{display:block;margin:24px auto 0;font-weight:900;color:#1d5fd0;width:fit-content}.mobile-bar .brick-sm{font-size:16px}.mobile-bar>span small{font-size:10px}.mobile-bar>span b{font-size:17px}dialog#demoDialog{padding:0;border:0;border-radius:18px;background:#13265c;color:white;width:min(1200px,96vw);height:min(900px,94dvh);max-height:94dvh;max-width:96vw;overflow:hidden}#demoDialog::backdrop{background:#06132bd9;backdrop-filter:blur(5px)}.play-toolbar{display:flex;align-items:center;gap:16px;height:62px;padding:8px 14px;background:white;color:#13265c}.play-toolbar h2{font-family:Nunito,sans-serif;font-size:16px;margin:0 auto 0 0;line-height:1.3}.play-toolbar a{font-size:12px;font-weight:800;text-decoration:underline}.play-toolbar button{background:#edf4ff;color:#13265c;border:0;border-radius:10px;width:44px;height:44px;cursor:pointer;flex-shrink:0}.play-toolbar a{padding:10px 0}#gameDemo{display:block;border:0;width:100%;height:calc(100% - 62px);background:#13265c}#demoLoading{position:absolute;top:65px;left:20px;color:white;pointer-events:none}.demo-open{overflow:hidden}.demo-open .mobile-bar{display:none}.demo-open .topbar{visibility:hidden}
@media(max-width:900px){.hero3-grid{gap:20px}.hero3-art{min-height:0}.quick-trust{order:5;margin:0}.hero3-art{order:6}.demo-grid-v4{grid-template-columns:1fr;gap:30px}.demo-preview{max-width:640px;margin:auto;transform:none}.featured-games{grid-template-columns:repeat(2,1fr)}.more-games .games-grid{grid-template-columns:repeat(2,1fr)}.hero-price b{display:inline}.h3-actions{gap:18px}.hero3 .h3-actions{align-items:flex-start;flex-direction:column}}
@media(max-width:650px){.hero3 h1{font-size:41px}.hero3 .h3-actions .brick{font-size:19px;padding:16px 20px}.hero-price{font-size:14px}.quick-trust{font-size:11px}.hero3-art{padding-bottom:16px}.tablet{padding:8px;border-radius:22px}.h3-tag{font-size:10px}.age-picker{gap:8px}.age-picker button{font-size:16px;padding:12px 19px}.age-topics{min-height:190px;gap:8px}.age-topics span{font-size:14px;padding:10px 12px}.feedback-section blockquote{font-size:20px}.game-card h3{font-size:16px}.game-card>div{padding:14px}.game-card p{font-size:13px}.section{padding:56px 0}.dash3-crop{max-height:400px}.price-card{padding:26px 20px!important}.price-list{font-size:14px}.price-box .brick{font-size:18px}.price-box{padding:24px 16px}.mobile-bar{gap:10px}.mobile-bar .brick-sm{padding:12px 15px}.play-toolbar{gap:10px}.play-toolbar h2{font-size:13px}.play-toolbar a{font-size:10px}dialog#demoDialog{width:100vw;max-width:100vw;height:100dvh;max-height:100dvh;border-radius:0;margin:0}.footer-inner{padding-bottom:34px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important}}

.hero-price{flex:0 0 auto;white-space:nowrap}
/* v5: parent context, a visible catalog, image previews and a complete footer. */
[hidden]{display:none!important}.hero-price{line-height:1.35}.hero-price .launch-label{display:block;font-size:10px;letter-spacing:1px;font-weight:900;margin-bottom:3px}.hero-price s{color:#657395;font-weight:800;margin-right:7px}.hero-price b{display:inline;font-size:30px;font-family:Lilita,Nunito,sans-serif}.hero-price small{display:block;font-size:12px;margin-top:4px}.hero3-art{padding:12px 12px 22px}.hero3-art .phone-l{left:-10px;bottom:0}.hero3-art .phone-r{right:-12px;top:-8px}.hero3-art .tablet{width:94%}.hero3-art .phone{width:96px}.h3-tag{font-size:10px}.parent-pain{padding:38px 0;background:#fff}.parent-pain h2{font-family:Lilita,Nunito,sans-serif;font-size:clamp(26px,3vw,34px);line-height:1.2;margin:0 0 22px}.parent-pain .eyebrow{margin-bottom:8px}.pain-compact{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.pain-compact article{display:flex;gap:12px}.pain-compact article>span{font-size:25px;flex-shrink:0}.pain-compact h3{font-size:15px;line-height:1.4;margin:0 0 5px}.pain-compact p{font-size:13px;line-height:1.5;color:#4d5f86;margin:0}.games-section{padding:46px 0;background:#f2f8ff}.games-section .section-head{margin-bottom:22px}.games-section h2{font-size:clamp(30px,3.5vw,42px)}.games-section .section-head p{margin-bottom:0}.all-games{grid-template-columns:repeat(5,minmax(0,1fr));gap:14px}.game-preview-button{display:block;width:100%;height:100%;padding:0;border:0;background:white;color:#13265c;text-align:left;cursor:pointer;border-radius:16px;overflow:hidden}.game-preview-button>div{padding:12px 13px}.game-preview-button h3{font-size:15px;line-height:1.3;margin:0 0 5px}.game-preview-button img{aspect-ratio:1.9/1;height:auto;width:100%;object-fit:cover;object-position:top}.game-preview-button:hover{background:#fffbea}.game-card{border-radius:16px;transition:transform .15s,box-shadow .15s}.game-card:hover{transform:translateY(-3px);box-shadow:0 8px 24px #13265c1a}.card-preview-label{font-size:11px;font-weight:800;color:#1d5fd0}.catalog-note{text-align:center;font-size:12px;color:#4d5f86;margin:20px 0 0}.text-button{border:0;background:none;cursor:pointer;font:inherit;text-decoration:underline;color:#1d5fd0}.demo-section h2 em{color:#ffc21a;font-style:normal}.dashboard-section .dash3-crop{max-height:430px}.dashboard-section .dash-points{gap:10px}.dashboard-section .dash3-grid{gap:40px}.trust-section{padding:48px 0}.trust-section h2{font-size:clamp(28px,3vw,38px)}.trust-grid{margin-top:24px;gap:12px}.trust-grid article{padding:18px}.trust-grid i{font-size:22px;margin-bottom:5px}.trust-grid h3{font-size:16px}.trust-grid p{font-size:13px}.price-anchor{display:flex;gap:10px;align-items:center;justify-content:center;margin-top:6px}.price-anchor s{font-size:20px;font-weight:800;color:#647393}.price-anchor span{font-size:12px;font-weight:900;background:#fff0ba;color:#715000;padding:4px 10px;border-radius:99px}.price-box>small{font-size:11px;font-weight:900;color:#1d5fd0}.access-terms{font-size:13px}.content-dialog{border:0;padding:0;border-radius:20px;background:white;color:#13265c;width:min(980px,94vw);max-width:94vw;height:min(900px,92dvh);max-height:92dvh;overflow:hidden}.content-dialog::backdrop{background:#071633dc;backdrop-filter:blur(5px)}.content-dialog .play-toolbar{border-bottom:1px solid #dbe6fb}.preview-body{overflow:auto;height:calc(100% - 62px);padding:24px;overscroll-behavior:contain}.preview-body>p{font-size:14px;color:#4d5f86;margin:0 0 20px}.preview-body>img{display:block;width:100%;height:auto;border-radius:12px}.preview-actions{display:flex;gap:22px;align-items:center;flex-wrap:wrap;margin:28px 0 12px}.preview-actions a{font-weight:800;text-decoration:underline;color:#1d5fd0}.preview-actions .brick{font-size:18px}.report-preview{width:min(900px,94vw)}.info-dialog{width:min(720px,94vw);height:auto;max-height:90dvh}.info-body{max-height:calc(90dvh - 62px);overflow:auto;padding:26px 32px;font-size:15px}.info-body h3{font-size:18px;margin:20px 0 8px}.info-body h3:first-child{margin-top:0}.info-body p{margin:0 0 16px;color:#4d5f86}.info-body a{color:#1d5fd0;text-decoration:underline}.site-footer{padding:48px 0 24px;background:#101f48;color:#ecf3ff}.footer-grid{display:grid;grid-template-columns:1.4fr 1fr 1.15fr;gap:60px}.site-footer .brand{color:white;width:fit-content;text-decoration:none;font-size:27px}.site-footer .brand img{width:48px;height:48px;background:#fff;border-radius:12px;padding:3px}.footer-company>p{font-size:14px;color:#c5d1eb;max-width:300px;line-height:1.6;margin:16px 0}.footer-company>b{display:block;font-size:14px;margin-bottom:6px}.footer-company>small{display:block;font-size:12px;line-height:1.7;color:#b9c9e9}.footer-grid h2{font-family:Nunito,sans-serif;font-size:15px;letter-spacing:.3px;margin:8px 0 18px;font-weight:900}.footer-grid>div>a:not(.brand),.footer-grid button{display:block;background:none;border:0;padding:6px 0;margin:0;color:#cbd8f2;font-size:14px;text-decoration:none;cursor:pointer;line-height:1.5;text-align:left;min-height:34px}.footer-grid>div>a:hover,.footer-grid button:hover{color:#fff;text-decoration:underline}.footer-grid .footer-wa{color:#101f48!important;background:#ffc21a!important;font-weight:900;border-radius:10px;padding:11px 14px!important;margin-top:16px!important;width:fit-content}.footer-bottom{display:flex;justify-content:space-between;gap:14px;border-top:1px solid #ffffff24;padding-top:20px;margin-top:34px;font-size:12px;color:#b9c9e9}
@media(max-width:1050px){.all-games{grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}.game-preview-button h3{font-size:13px}.game-preview-button>div{padding:10px}.footer-grid{gap:32px}}
@media(max-width:900px){.hero3-art{padding:14px 20px 24px}.hero3-art .phone{display:block;width:95px}.hero3-art .phone-l{bottom:2px;left:-4px}.hero3-art .phone-r{right:-3px;top:0}.hero3-art .tablet{width:90%}.pain-compact{gap:18px}.all-games{grid-template-columns:repeat(5,minmax(0,1fr))}.game-preview-button h3{font-size:12px}.card-preview-label{font-size:10px}.footer-grid{grid-template-columns:1.2fr 1fr;gap:30px}.footer-company{grid-row:span 2}}
@media(max-width:650px){.hero3 h1{font-size:40px;line-height:1.07}.hero3 .h3-actions{flex-direction:row;align-items:center;gap:15px}.hero3 .h3-actions .brick{font-size:17px;padding:15px 16px}.hero-price{white-space:nowrap}.hero-price b{font-size:27px}.hero-price .launch-label{font-size:9px}.hero-price small{font-size:10px}.hero-price s{font-size:12px}.quick-trust{font-size:10px;line-height:1.7}.hero3-art{padding:8px 7px 18px}.hero3-art .tablet{width:94%}.hero3-art .phone-l{display:none}.hero3-art .phone-r{width:72px;top:24px;right:-3px;transform:rotate(4deg)}.hero3-art .h3-tag{font-size:9px}.parent-pain{padding:30px 0}.parent-pain h2{font-size:27px}.pain-compact{grid-template-columns:1fr;gap:16px}.pain-compact article>span{font-size:22px}.pain-compact h3{font-size:14px}.pain-compact p{font-size:12px}.all-games{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.game-preview-button h3{font-size:14px}.card-preview-label{font-size:10px}.game-preview-button>div{padding:10px 11px}.games-section{padding:36px 0}.games-section .section-head{margin-bottom:20px}.games-section h2{font-size:31px}.games-section .section-head p{font-size:14px}.section{padding:44px 0}.demo-section h2{font-size:33px}.demo-section .demo-grid-v4{gap:22px}.dashboard-section .dash3-grid{gap:26px}.dashboard-section .dash3-crop{max-height:320px}.dash-points b{font-size:15px}.dash-points span{font-size:13px}.dash-note{font-size:12px}.trust-grid{grid-template-columns:1fr 1fr;gap:10px}.trust-grid article{padding:14px}.trust-grid h3{font-size:14px}.trust-grid p{font-size:12px}.trust-grid i{font-size:20px}.trust-section h2{font-size:30px}.maker{font-size:13px}.content-dialog{width:100vw;max-width:100vw;height:100dvh;max-height:100dvh;border-radius:0;margin:0}.preview-body{padding:16px}.preview-actions .brick{font-size:17px}.info-dialog{height:100dvh;max-height:100dvh}.info-body{max-height:calc(100dvh - 62px);padding:22px}.site-footer{padding:34px 0 26px}.footer-grid{grid-template-columns:1fr 1fr;gap:26px 18px}.footer-company{grid-row:auto;grid-column:1/-1}.footer-company>p{max-width:360px}.footer-grid h2{font-size:13px;margin:0 0 12px}.footer-grid>div>a:not(.brand),.footer-grid button{font-size:12px;min-height:36px}.footer-grid .footer-wa{font-size:11px!important;padding:10px!important;overflow-wrap:anywhere}.footer-bottom{flex-direction:column;gap:4px;margin-top:26px;padding-top:18px;font-size:11px}.feedback-section blockquote{font-size:20px}.feedback-section .testi-grid figure{padding:22px}.price-box .price{line-height:1.15}}
@media(max-width:360px){.hero3 .h3-actions{flex-direction:column;align-items:flex-start}.hero3 h1{font-size:35px}.quick-trust{font-size:9px}.hero3-art .phone-r{width:62px}.footer-grid{grid-template-columns:1fr}.footer-company{grid-column:auto}.all-games{gap:9px}.game-preview-button h3{font-size:12px}}

.mobile-bar.context-hidden{display:none}

.image-pan{overflow:auto;max-width:100%;border-radius:12px}.image-pan img{display:block;width:100%;height:auto;border-radius:12px;max-width:none}.report-preview.is-zoomed .image-pan img{width:max(100%,760px)}.play-toolbar #reportZoom{width:auto;padding:0 12px;font-size:12px;font-weight:900;white-space:nowrap}
/* Section redesign based on the supplied visual references. */
:root{--v6-blue:#3e6ef4;--v6-ink:#192a55;--v6-soft:#f0f4ff;--v6-line:#dfe6fb}
.section-intro{max-width:820px;margin:0 auto 38px}.section-intro h2,.notepad-v6 h2,.privacy-v6 h2,.final-v6 h2{font-family:Nunito,Arial,sans-serif;font-weight:1000;letter-spacing:-.8px;line-height:1.14;font-size:clamp(30px,3.5vw,44px)}.section-intro p{font-size:17px;line-height:1.7;color:#546587;max-width:780px;margin:16px auto 0}.section-intro .eyebrow{margin-bottom:12px}.pain-v6{background:#fbfcff;padding:64px 0}.pain-cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.pain-cards article{background:white;padding:25px 22px;border:1px solid var(--v6-line);border-radius:22px;box-shadow:0 12px 34px #203c7909}.pain-icon{width:82px;height:82px;display:grid;place-items:center;border-radius:26px;margin-bottom:20px}.pain-icon svg{width:46px;height:46px}.pain-icon.tone-0{background:#fff1d7;color:#c38a12}.pain-icon.tone-1{background:#ffebe7;color:#d05b49}.pain-icon.tone-2{background:#edf2ff;color:#6555e6}.pain-icon.tone-3{background:#e9f9ee;color:#42ad70}.pain-cards h3{font-size:18px;line-height:1.3;font-weight:1000;letter-spacing:-.35px;margin:0 0 12px}.pain-cards p{color:#56668a;font-size:15px;line-height:1.65;margin:0}.solution-v6{background:var(--v6-soft);padding:58px 0}.solution-v6 .section-intro{margin-bottom:32px}.solution-points{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.solution-points article{background:white;border:1px solid var(--v6-line);border-radius:20px;display:flex;align-items:center;gap:16px;padding:20px;box-shadow:0 12px 24px #22396d08}.solution-points b{font-size:15px;line-height:1.6}.icon-tile{width:48px;height:48px;display:grid;place-items:center;border-radius:14px;background:var(--v6-blue);color:white;flex-shrink:0}.icon-tile svg{width:26px;height:26px}.icon-tile.green,.icon-tile.tone-1,.icon-tile.tone-5{background:#45ad6d}.icon-tile.tone-2{background:#bd3826}.icon-tile.tone-3{background:#ba7905}.games-section{background:#fff;padding:58px 0}.game-overview{background:white;border:1px solid var(--v6-line);box-shadow:0 6px 22px #203c7906;transition:none}.game-overview:hover{transform:none;box-shadow:0 6px 22px #203c7906}.game-overview img{width:100%;height:auto;aspect-ratio:2.15/1;object-fit:cover;object-position:top}.game-overview>div{padding:16px 15px 18px}.game-overview h3{font-size:16px;line-height:1.35;font-weight:1000;margin:0 0 8px}.game-overview p{font-size:13px;line-height:1.6;color:#56668a;margin:0}.all-games{gap:16px}.catalog-note{margin-top:23px;font-size:13px}.demo-v6{background:#2d286a!important;padding:62px 0;color:white}.demo-v6 .section-intro{max-width:850px;margin-bottom:30px}.demo-v6 .section-intro h2{color:white;font-size:clamp(30px,3.4vw,42px)}.demo-v6 .section-intro p{color:#e2e2f8;font-size:16px}.demo-v6 .eyebrow{color:#c6d5ff}.demo-poster{position:relative;width:min(100%,950px);margin:auto;border-radius:24px;overflow:hidden;border:3px solid #ffffff24;background:#171a42;box-shadow:0 22px 45px #14122e30}.demo-poster>img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover}.demo-poster-shade{position:absolute;inset:0;background:#13204796}.demo-poster-action{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;padding:22px;text-align:center}.demo-poster-action .brick{font-size:21px;padding:17px 30px;box-shadow:0 5px 0 #d99a00,0 10px 20px #0002}.demo-poster-action>span{color:white;font-size:13px;font-weight:900;text-shadow:0 2px 6px #0008}.demo-caption{color:#deddf4!important;text-align:center;max-width:700px;margin:20px auto 32px;font-size:13px!important;line-height:1.7}.demo-bundle{max-width:1030px;margin:auto;border:1px solid #ffffff38;background:#ffffff0d;border-radius:24px;padding:26px 30px;display:flex;gap:26px;justify-content:space-between;align-items:center}.demo-bundle h3{font-family:Nunito,sans-serif;font-weight:1000;font-size:21px;line-height:1.3;margin:0 0 7px;color:white}.demo-bundle p{font-size:14px;margin:0;color:#deddf4}.demo-bundle .brick{font-size:18px;flex-shrink:0}.steps-v6{background:#fbfcff;padding:62px 0}.setup-cards{list-style:none;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px;margin:50px 0 0}.setup-cards li{position:relative;border:1px solid var(--v6-line);background:white;border-radius:20px;padding:38px 18px 24px;text-align:center;box-shadow:0 10px 30px #22396d06}.step-number{position:absolute;top:-22px;left:calc(50% - 22px);width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:var(--v6-blue);color:white;border:4px solid #fbfcff;font-size:22px;font-weight:1000}.step-icon{width:54px;height:54px;border-radius:16px;background:#edf2ff;color:var(--v6-blue);display:grid;place-items:center;margin:0 auto 16px}.step-icon svg{width:28px;height:28px}.setup-cards h3{font-size:16px;line-height:1.4;margin:0 0 7px;font-weight:1000}.setup-cards p{font-size:13px;color:#56668a;line-height:1.6;margin:0}.devices-v6{background:#fbfcff}.device-showcase{display:grid;grid-template-columns:1.55fr 1fr .47fr;gap:30px;align-items:end;max-width:1060px;margin:42px auto}.device-showcase figure{margin:0;text-align:center;min-width:0}.device-showcase figcaption{font-size:13px;color:#546587;font-weight:900;margin-top:18px}.laptop-screen{border:9px solid #192a55;border-radius:20px 20px 5px 5px;overflow:hidden;box-shadow:0 18px 30px #192a5515;background:#192a55}.laptop-screen img{width:100%;height:auto;aspect-ratio:16/10;object-fit:cover}.laptop-base{height:12px;background:linear-gradient(#d4d9e7,#aeb7cf);border-radius:0 0 80px 80px;width:108%;margin-left:-4%}.device-tablet>div{padding:8px;border-radius:23px;background:#192a55;box-shadow:0 18px 30px #192a5515}.device-tablet img{width:100%;height:auto;border-radius:15px;aspect-ratio:4/3;object-fit:cover}.device-phone>div{padding:7px;border-radius:25px;background:#192a55;box-shadow:0 18px 30px #192a5515}.device-phone img{width:100%;height:auto;border-radius:18px}.device-details{display:grid;grid-template-columns:1fr 1.1fr;gap:38px;align-items:center;max-width:1030px;margin:auto}.device-details>ul,.privacy-panel>ul{padding:0;list-style:none;display:grid;gap:10px;font-size:14px;color:#384d79;margin:0}.device-details>ul li::before,.privacy-panel>ul li::before{content:'✓';display:inline-grid;place-items:center;background:#49ad72;color:white;width:18px;height:18px;font-size:12px;border-radius:50%;margin-right:9px;font-weight:900}.sync-card{padding:22px;border:1px solid var(--v6-line);border-radius:20px;background:white;box-shadow:0 12px 30px #22396d08}.sync-card h3{font-weight:1000;font-size:17px;margin:0 0 14px}.sync-card>div{display:grid;grid-template-columns:1fr 1fr;gap:10px}.sync-card article{padding:14px;border-radius:13px;background:#eaf8ee;color:#287747}.sync-card article+article{background:#fff2e9;color:#9f4b2a}.sync-card b{font-size:13px}.sync-card p{font-size:12px;line-height:1.6;margin:6px 0 0;color:#56668a}.features-v6{background:var(--v6-soft);padding:58px 0}.feature-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.feature-cards article{border:1px solid var(--v6-line);padding:22px 24px;background:white;border-radius:21px;box-shadow:0 12px 30px #22396d08}.feature-cards h3{font-size:17px;line-height:1.35;font-weight:1000;margin:16px 0 6px}.feature-cards p{font-size:14px;color:#56668a;line-height:1.6;margin:0}.notepad-v6{background:var(--v6-soft);padding:20px 0 30px}.notepad-panel{display:grid;grid-template-columns:1.4fr .55fr 1fr;gap:28px;align-items:center;background:var(--v6-blue);border-radius:28px;padding:42px;color:white}.notepad-copy h2{font-size:clamp(28px,3vw,37px);margin:20px 0 16px;color:white}.notepad-copy>p{font-size:15px;color:#eef3ff;line-height:1.7;margin:0}.feature-pill{display:inline-flex;align-items:center;gap:7px;background:#ffffff26;border:1px solid #ffffff20;border-radius:30px;padding:8px 13px;font-size:12px;font-weight:900}.feature-pill svg{width:17px;height:17px}.notepad-callout{border:1px solid #ffffff42;background:#ffffff19;padding:18px;border-radius:17px;margin-top:24px}.notepad-callout b{font-size:15px}.notepad-callout p{font-size:13px;line-height:1.7;margin:6px 0 0;color:#f0f4ff}.notepad-device{margin:0;padding:7px;background:#192a55;border-radius:24px;box-shadow:0 15px 30px #192a5526}.notepad-device img{width:100%;height:auto;border-radius:18px}.notepad-steps{padding:0;margin:0;list-style:none;display:grid;gap:12px}.notepad-steps li{background:white;color:#192a55;border-radius:15px;padding:20px;display:flex;gap:12px}.notepad-steps li>span{font-size:15px;font-weight:1000;color:#2a54ad}.notepad-steps h3{font-size:16px;font-weight:1000;margin:0 0 7px}.notepad-steps p{font-size:12px;line-height:1.6;margin:0;color:#56668a}.privacy-v6{padding:0 0 58px;background:var(--v6-soft)}.privacy-panel{padding:30px 34px;background:#f7fff9;border:1px solid #afd4bf;border-radius:24px}.privacy-title{display:flex;gap:16px;align-items:center;margin-bottom:22px}.privacy-title h2{font-size:23px;margin:0;letter-spacing:-.45px;line-height:1.4}.privacy-panel>ul{grid-template-columns:1fr 1fr;gap:12px 20px}.privacy-panel>p{font-size:12px;line-height:1.7;color:#56668a;margin:20px 0 12px}.privacy-panel .text-button{font-size:13px;font-weight:900;padding:5px 0}.final-v6{background:var(--v6-blue);color:white;padding:56px 0}.final-thumbs{display:flex;justify-content:center;gap:10px;margin:0 auto 28px;max-width:540px}.final-thumbs img{width:calc(25% - 8px);height:auto;aspect-ratio:16/9;object-fit:cover;border:2px solid white;border-radius:12px;box-shadow:0 10px 20px #192a5520;transform:rotate(-4deg)}.final-thumbs img:nth-child(even){transform:rotate(4deg)}.final-v6 h2{color:white;font-size:clamp(30px,3.5vw,43px)}.final-v6 p{color:#edf2ff;margin:16px 0}.final-launch{font-size:18px;font-weight:900;margin:22px 0 26px}.final-launch strong{display:inline-block;padding:4px 12px;background:#ffcf35;border-radius:10px;color:#192a55;margin-left:6px}.final-v6 .final-demo-link{display:block;margin:22px auto 0;background:none;border:0;color:white;font-size:14px;font-weight:900;text-decoration:underline;padding:8px;cursor:pointer}.final-v6 small{color:#e1eaff!important;font-size:12px;margin-top:14px}.site-footer .footer-grid h2{font-family:Nunito,sans-serif}
@media(max-width:1050px){.pain-cards{gap:14px}.pain-cards article{padding:22px 18px}.pain-cards h3{font-size:17px}.notepad-panel{padding:32px;gap:22px;grid-template-columns:1.2fr .6fr 1fr}.notepad-steps li{padding:16px}.demo-bundle{flex-direction:column;text-align:center}.game-overview h3{font-size:14px}}
@media(max-width:800px){.pain-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.solution-points{grid-template-columns:1fr;gap:12px}.solution-points article{padding:16px 20px}.setup-cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:36px 18px}.device-showcase{gap:22px}.device-details{gap:20px;grid-template-columns:1fr}.feature-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.notepad-panel{grid-template-columns:1.2fr .6fr;gap:24px}.notepad-copy{grid-column:1}.notepad-device{grid-column:2;grid-row:1/3;max-width:200px;justify-self:center}.notepad-steps{grid-column:1;grid-template-columns:1fr}.notepad-copy h2{font-size:30px}.privacy-title h2{font-size:21px}.all-games{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:650px){.section-intro{margin-bottom:26px}.section-intro h2{font-size:30px;letter-spacing:-.6px}.section-intro p{font-size:15px;margin-top:14px}.pain-v6,.solution-v6,.steps-v6,.devices-v6,.features-v6{padding:44px 0}.pain-v6 .section-intro h2 br{display:none}.pain-cards{gap:12px}.pain-cards article{padding:18px 14px;border-radius:18px}.pain-icon{width:60px;height:60px;border-radius:20px;margin-bottom:17px}.pain-icon svg{width:34px;height:34px}.pain-cards h3{font-size:16px;line-height:1.35;margin-bottom:9px}.pain-cards p{font-size:13px;line-height:1.6}.solution-points b{font-size:14px}.solution-points .icon-tile{width:43px;height:43px;border-radius:13px}.games-section{padding:44px 0}.all-games{gap:12px}.game-overview>div{padding:13px 12px 16px}.game-overview h3{font-size:15px;margin-bottom:7px}.game-overview p{font-size:12px;line-height:1.6}.game-overview img{aspect-ratio:2/1}.catalog-note{font-size:12px}.demo-v6{padding:44px 0}.demo-v6 .section-intro h2{font-size:31px}.demo-v6 .section-intro p{font-size:14px}.demo-poster{border-radius:19px;border-width:2px}.demo-poster>img{aspect-ratio:1.48/1}.demo-poster-action{padding:16px;gap:16px}.demo-poster-action .brick{font-size:18px;padding:16px 20px}.demo-poster-action>span{font-size:11px;max-width:270px;line-height:1.6}.demo-caption{font-size:12px!important;margin:18px auto 26px}.demo-bundle{padding:22px 18px;border-radius:20px;gap:20px}.demo-bundle h3{font-size:20px}.demo-bundle p{font-size:13px}.demo-bundle .brick{font-size:16px;padding:15px 18px}.setup-cards{gap:34px 12px}.setup-cards li{padding:34px 13px 21px;border-radius:18px}.setup-cards h3{font-size:15px}.setup-cards p{font-size:12px}.setup-cards .step-icon{width:48px;height:48px}.device-showcase{grid-template-columns:1.45fr 1fr .48fr;gap:13px;margin:28px auto}.device-showcase figcaption{font-size:10px;margin-top:13px}.laptop-screen{border-width:4px;border-radius:10px 10px 2px 2px}.laptop-base{height:5px}.device-tablet>div{padding:4px;border-radius:11px}.device-tablet img{border-radius:8px}.device-phone>div{padding:3px;border-radius:12px}.device-phone img{border-radius:8px}.device-details>ul{font-size:13px;gap:9px}.sync-card{padding:18px}.sync-card h3{font-size:16px}.sync-card article{padding:12px}.feature-cards{gap:12px}.feature-cards article{padding:18px 15px;border-radius:18px}.feature-cards h3{font-size:16px;margin-top:14px}.feature-cards p{font-size:12px}.feature-cards .icon-tile{width:44px;height:44px;border-radius:13px}.notepad-v6{padding:0 0 24px}.notepad-panel{display:grid;grid-template-columns:1fr;padding:26px 20px;border-radius:23px;gap:24px}.notepad-copy{grid-column:auto}.notepad-copy h2{font-size:30px}.notepad-copy>p{font-size:14px}.notepad-callout{margin-top:20px;padding:16px}.notepad-device{grid-column:auto;grid-row:auto;max-width:150px;justify-self:center;border-radius:22px}.notepad-device img{border-radius:15px}.notepad-steps{grid-column:auto;gap:10px}.notepad-steps li{padding:15px 17px;align-items:flex-start}.notepad-steps h3{font-size:15px;margin-bottom:4px}.privacy-v6{padding-bottom:44px}.privacy-panel{padding:23px 20px;border-radius:22px}.privacy-title{gap:12px;align-items:flex-start}.privacy-title h2{font-size:20px;letter-spacing:-.4px}.privacy-title .icon-tile{width:42px;height:42px;border-radius:12px}.privacy-panel>ul{grid-template-columns:1fr;font-size:12px;gap:11px}.privacy-panel>p{font-size:11px;line-height:1.8}.final-v6{padding:44px 0}.final-v6 h2{font-size:30px}.final-thumbs{gap:8px;margin-bottom:24px}.final-thumbs img{border-radius:8px}.final-v6 p{font-size:14px}.final-launch{font-size:16px}.final-v6 .brick{font-size:19px}.final-v6 .final-demo-link{font-size:13px}}
@media(max-width:360px){.pain-cards{grid-template-columns:1fr}.pain-cards article{display:grid;grid-template-columns:56px 1fr;gap:0 14px;padding:19px}.pain-icon{grid-row:span 2;width:56px;height:56px;margin:0}.pain-cards h3{font-size:16px}.pain-cards p{font-size:13px}.section-intro h2,.demo-v6 .section-intro h2{font-size:28px}.notepad-copy h2{font-size:27px}.sync-card>div{grid-template-columns:1fr}.feature-cards{grid-template-columns:1fr}.feature-cards article{display:grid;grid-template-columns:44px 1fr;gap:0 14px}.feature-cards .icon-tile{grid-row:span 2}.feature-cards h3{margin:0 0 6px}.setup-cards h3{font-size:14px}.device-showcase{gap:10px}.device-showcase figcaption{font-size:9px}}
/* Copy and visual refinements requested after the v6 review. */
:root{--v7-purple:#6655d6;--v7-dark:#26253b}
.quick-trust{display:flex;flex-wrap:wrap;gap:7px 16px;font-size:12px;line-height:1.6}.quick-trust span{white-space:nowrap}.pain-v6{background:#fffcf8}.game-thumbnail{background:#fff;border:1px solid #dfe6fb;box-shadow:0 6px 22px #203c7906;transition:none}.game-thumbnail:hover{transform:none;box-shadow:0 6px 22px #203c7906}.game-thumbnail>div{padding:14px 12px 16px}.game-thumbnail h3{font-size:15px;font-weight:1000;line-height:1.35;margin:0}.game-thumbnail img{width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;object-position:top}.notepad-panel{background:var(--v7-purple)}.notepad-copy>p{font-size:16px;line-height:1.7}.notepad-callout{border-color:#ffffff48;background:#ffffff1a;border-radius:20px}.notepad-callout b{font-weight:1000;font-size:16px}.notepad-callout p{font-size:15px;line-height:1.65}.demo-bundle h3{max-width:630px}.feedback-section{background:#fffcf7;padding:62px 0}.feedback-section>.wrap{max-width:1000px}.feedback-section h2{font-family:Nunito,Arial,sans-serif;font-size:clamp(30px,3.4vw,43px);font-weight:1000;line-height:1.16;letter-spacing:-.7px;max-width:850px;margin-left:auto;margin-right:auto}.feedback-section .testi-grid{max-width:760px;margin:34px auto 0}.feedback-section .testi-grid figure{background:#fffdf9;border:1px dashed #d8d5ed;border-radius:22px;box-shadow:none;padding:28px 32px}.feedback-section blockquote{font-size:23px;line-height:1.6;color:#3c4265;font-weight:700}.feedback-section blockquote::before{content:'“';display:block;color:#aba0eb;font-family:Georgia,serif;font-size:58px;height:42px;line-height:1}.feedback-section figcaption{font-weight:900;margin-top:18px;font-size:13px;color:#64627e}.feedback-section .tiny{font-size:12px;color:#6c6a85}.final-v7{background:var(--v7-purple);position:relative;overflow:hidden;padding:56px 0 60px}.final-v7::before{content:'';position:absolute;width:300px;height:300px;background:#f0b48c30;border-radius:50%;left:-130px;bottom:-120px;pointer-events:none}.final-v7>.wrap{position:relative;z-index:1}.final-v7 h2{max-width:1000px;font-size:clamp(30px,3.5vw,44px);line-height:1.2}.final-v7 p{font-size:17px;color:#efecff;margin:20px auto;line-height:1.65}.final-v7 .final-launch{font-size:20px;margin:26px 0 30px}.final-v7 .final-launch strong{background:#ffbd4d;color:#262542;padding:4px 14px}.final-v7 .final-purchase{border-radius:999px;background:#ffbd4d;color:#252440;font-family:Nunito,Arial,sans-serif;font-weight:1000;text-transform:uppercase;letter-spacing:.1px;font-size:18px;min-width:220px;padding:17px 28px;box-shadow:0 5px 0 #db9730,0 12px 20px #26253b14;margin:0}.final-v7 .final-purchase::before,.final-v7 .final-purchase::after{display:none}.final-v7 .final-purchase:hover{background:#ffca68;box-shadow:0 4px 0 #db9730,0 10px 18px #26253b14}.final-v7 small{display:block;margin-top:24px;color:#e8e2ff!important;font-size:13px}.final-v7 .final-purchase-note{font-size:12px;color:#e8e2ff;margin:8px auto 0}.final-v7 .final-thumbs{max-width:590px;margin-bottom:30px}.footer-v7{background:var(--v7-dark);padding:46px 0 26px}.footer-v7 .footer-grid{grid-template-columns:1.45fr 1fr 1fr;gap:70px}.footer-v7 .footer-wordmark{display:block;width:165px;padding:0!important;margin:0!important;min-height:0!important}.footer-v7 .footer-wordmark img{display:block;width:165px;height:auto;max-width:100%;background:none;padding:0;border-radius:0}.footer-v7 .footer-company>p{max-width:355px;margin:14px 0 18px;font-size:14px;line-height:1.75;color:#d2d1df}.footer-v7 .footer-company>b{font-size:13px;color:#e4e2ed}.footer-v7 .footer-company>small{color:#bdbbce;font-size:12px}.footer-v7 .footer-grid h2{font-size:15px;margin:10px 0 20px;color:#fff}.footer-v7 .footer-grid>div>a:not(.footer-wordmark),.footer-v7 .footer-grid button{font-size:14px;line-height:1.6;padding:7px 0;min-height:36px;color:#d4d2e2}.footer-v7 .footer-contact{margin-top:12px!important;color:#e3d8ff!important;font-size:13px!important;text-decoration:underline!important}.footer-v7 .footer-bottom{border-color:#ffffff24;margin-top:34px;padding-top:22px;color:#c9c6da;font-weight:700}
@media(max-width:1050px){.footer-v7 .footer-grid{gap:36px}.game-thumbnail h3{font-size:13px}.notepad-copy>p{font-size:15px}}
@media(max-width:800px){.footer-v7 .footer-grid{grid-template-columns:1.2fr 1fr;gap:30px}.footer-v7 .footer-company{grid-row:span 2}.all-games{grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}.game-thumbnail>div{padding:11px 9px 13px}.game-thumbnail h3{font-size:12px}.notepad-callout p{font-size:14px}}
@media(max-width:650px){.quick-trust{font-size:11px;gap:6px 12px}.all-games{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.game-thumbnail h3{font-size:14px}.game-thumbnail>div{padding:12px 11px 14px}.notepad-copy>p{font-size:14px}.notepad-callout b{font-size:15px}.notepad-callout p{font-size:14px;line-height:1.7}.feedback-section{padding:44px 0}.feedback-section h2{font-size:30px}.feedback-section .testi-grid{margin-top:26px}.feedback-section .testi-grid figure{padding:24px 22px}.feedback-section blockquote{font-size:20px}.feedback-section figcaption{font-size:12px;line-height:1.7}.feedback-section .tiny{font-size:11px;line-height:1.7}.final-v7{padding:44px 0 46px}.final-v7 h2{font-size:31px;letter-spacing:-.6px}.final-v7 p{font-size:14px}.final-v7 .final-launch{font-size:17px;margin:22px 0 28px}.final-v7 .final-purchase{font-size:17px;min-width:205px;padding:15px 25px}.final-v7 small{font-size:11px}.final-v7 .final-purchase-note{font-size:11px}.final-v7::before{width:230px;height:230px;left:-140px;bottom:-100px}.footer-v7{padding:32px 0 24px}.footer-v7 .footer-grid{grid-template-columns:1fr 1fr;gap:30px 20px}.footer-v7 .footer-company{grid-column:1/-1;grid-row:auto}.footer-v7 .footer-wordmark,.footer-v7 .footer-wordmark img{width:150px}.footer-v7 .footer-company>p{font-size:13px;max-width:360px}.footer-v7 .footer-grid h2{font-size:14px;margin:0 0 12px}.footer-v7 .footer-grid>div>a:not(.footer-wordmark),.footer-v7 .footer-grid button{font-size:13px;min-height:39px}.footer-v7 .footer-contact{font-size:11px!important;line-height:1.8!important;overflow-wrap:anywhere}.footer-v7 .footer-bottom{font-size:11px;line-height:1.7;margin-top:28px}}
@media(max-width:360px){.quick-trust{font-size:10px;gap:6px 9px}.game-thumbnail h3{font-size:12px}.footer-v7 .footer-grid{grid-template-columns:1fr}.footer-v7 .footer-company{grid-column:auto}.final-v7 .final-launch{font-size:15px}.feedback-section h2{font-size:27px}.feedback-section blockquote{font-size:19px}}

.footer-v7 .footer-wordmark img{border-radius:12px}
/* Shorter copy and a cropped top view of the notepad. */
.pain-cards article{padding-bottom:24px}.pain-cards h3{margin-bottom:0}.solution-v6 .section-intro{margin-bottom:30px}.notepad-device{width:100%;max-width:210px;justify-self:center;aspect-ratio:353/500;overflow:hidden;align-self:center;display:block}.notepad-device img{height:auto;width:100%;max-width:none;display:block;border-radius:15px 15px 0 0}.notepad-panel{padding-top:34px;padding-bottom:34px}.notepad-steps li{padding:22px 20px;align-items:center}.notepad-steps h3{margin:0}.notepad-callout{margin-top:22px}.dash-points{gap:18px}.dash-points li{min-height:26px;align-content:center}.footer-v7 .footer-wordmark img{background:transparent;border-radius:0;object-fit:contain}
@media(max-width:800px){.notepad-device{max-width:200px}.notepad-panel{grid-template-columns:1.2fr .65fr}.notepad-copy{grid-row:1}.notepad-device{grid-row:1/3}.notepad-steps{grid-column:1}.notepad-steps li{padding:18px}}
@media(max-width:650px){.pain-cards article{padding:18px 14px 22px}.pain-cards h3{margin-bottom:0}.notepad-panel{grid-template-columns:1fr;padding:26px 20px;gap:22px}.notepad-copy{grid-column:auto;grid-row:auto}.notepad-device{grid-column:auto;grid-row:auto;width:190px;max-width:70%;border-radius:21px;aspect-ratio:353/500}.notepad-steps{grid-column:auto}.notepad-steps li{padding:17px}.dash-points{gap:15px}.section-intro:has(>h2:only-child){margin-bottom:28px}.privacy-v6{padding-top:0}}
@media(max-width:360px){.pain-cards article{grid-template-columns:56px 1fr;align-items:center;min-height:108px}.pain-icon{grid-row:auto}.notepad-device{width:180px}}
@media(min-width:651px) and (max-width:900px){.nav{gap:16px}.nav .brand{font-size:22px}.nav nav{gap:12px;font-size:12px}.nav nav a,.nav-cta{white-space:nowrap}.nav .nav-cta{font-size:12px;padding:10px 13px}}
/* v9 — pindaan selepas audit */
h1,h2,h3{text-wrap:balance}
/* Hero: harga lebih besar */
.hero-price{background:#fff;border:2px solid #cfe2ff;border-radius:18px;padding:10px 18px 11px;box-shadow:0 8px 22px #1d5fd01a;color:#33466f}
.hero-price b{font-size:46px;line-height:1;vertical-align:-4px;color:#1d5fd0}
.hero-price s{font-size:17px}
.hero-price .launch-label{font-size:10px}
.hero-price small{font-size:12px;color:#1d5fd0;font-weight:800}
@media(max-width:650px){
 .hero3 .h3-actions{flex-direction:column;align-items:stretch;gap:12px}
 .hero3 .h3-actions .brick{width:100%;text-align:center;justify-content:center}
 .hero-price{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:9px 14px;white-space:normal}
 .hero-price .launch-label{margin:0;flex:1 1 100%}
 .hero-price b{font-size:38px;vertical-align:baseline}
 .hero-price small{margin:0;font-size:11px;text-align:right}
 .hero-price{flex-wrap:wrap}
 .hero-price .pp{display:flex;align-items:baseline;gap:8px}
 body{padding-bottom:76px}
}
/* Cabaran + penyelesaian digabung */
.bridge{margin-top:46px;padding-top:40px;border-top:2px dashed #e3dcc8}
.bridge h3{font-family:Nunito,Arial,sans-serif;font-weight:1000;text-align:center;font-size:clamp(22px,2.6vw,30px);line-height:1.2;letter-spacing:-.4px;max-width:640px;margin:0 auto 26px;color:#13265c}
@media(max-width:650px){.bridge{margin-top:34px;padding-top:30px}.bridge h3{font-size:22px;margin-bottom:20px}}
/* Demo: gelapkan poster, kaburkan butang Play dalam gambar */
.demo-poster>img{filter:brightness(.42) saturate(.8) blur(2px);transform:scale(1.04)}
.demo-poster-shade{background:linear-gradient(180deg,#0b1030d9,#0b1030c2 50%,#0b1030e6)}
.demo-poster-action>span{font-size:14px;color:#e9ecff;text-shadow:none}
@media(max-width:650px){.demo-poster-action>span{font-size:12px}}
/* Topik ikut umur (dinaikkan, selepas demo) */
.topik-section{background:#f4f8ff}
.topik-cta{max-width:900px;margin:34px auto 0;background:#fff;border:2px solid #cfe2ff;border-radius:24px;padding:22px 28px;display:flex;gap:22px;align-items:center;justify-content:space-between;box-shadow:0 10px 30px #13265c0d}
.topik-cta h3{font-family:Nunito,sans-serif;font-weight:1000;font-size:21px;line-height:1.25;margin:0 0 5px;color:#13265c}
.topik-cta p{margin:0;font-size:14px;color:#5a6a8f}
.topik-cta .brick{flex-shrink:0;font-size:18px}
@media(max-width:800px){.topik-cta{flex-direction:column;text-align:center;padding:22px 18px;gap:16px}.topik-cta .brick{font-size:16px;padding:15px 18px;width:100%;text-align:center}}
.age-topics{min-height:0}
/* Testimoni dalam kad harga */
.price-testi{margin:16px 0 0;padding:14px 16px;background:#fffbea;border-radius:14px;text-align:left}
.price-testi blockquote{margin:0 0 6px;font-size:14px;line-height:1.5;font-weight:800;color:#33466f}
.price-testi figcaption{font-size:12px;font-weight:900;color:#64627e}
.price-testi[hidden]{display:none!important}

.pain-v6 .section-intro h2 .ln{display:block}

/* v10 */
/* Header: logo transparan lebih besar + teks dua warna */
.topbar .brand{gap:6px}
.topbar .brand img{width:auto;height:58px;object-fit:contain}
.brand-text{font-family:Lilita,Nunito,sans-serif;font-size:27px;line-height:1;letter-spacing:.2px;display:inline-flex}
.brand-text i{font-style:normal;color:#2f7df6}
.brand-text b{font-weight:400;color:#ffb800;text-shadow:0 1.5px 0 #c98a00}
@media(max-width:650px){.topbar .brand img{height:50px}.brand-text{font-size:24px}.topbar .brand{font-size:24px;gap:4px}}
/* Eyebrow hero */
.h3-eyebrow{font-size:13px;letter-spacing:1.3px}
.h3-eyebrow .age{color:#13265c;font-weight:900;background:linear-gradient(transparent 60%,#ffe27a 60%);padding:0 3px;margin-left:-3px}
.h3-eyebrow .sep{color:#8aa0c8}
.h3-eyebrow .lang{color:#4d6aa6;font-weight:800}
@media(max-width:650px){.h3-eyebrow{font-size:12px;letter-spacing:1.1px}}
/* Harga hero pada mobile: padat dan seimbang */
@media(max-width:650px){
 .hero-price{display:flex;flex-direction:column;align-items:center;justify-content:center;flex-wrap:nowrap;width:fit-content;max-width:100%;margin:0 auto;padding:10px 26px 11px;gap:2px;text-align:center;white-space:nowrap}
 .hero-price .launch-label{flex:none;margin:0;font-size:10px}
 .hero-price .pp{display:flex;align-items:baseline;justify-content:center;gap:10px}
 .hero-price s{font-size:16px;margin:0}
 .hero-price b{font-size:40px}
 .hero-price small{margin:2px 0 0;text-align:center;font-size:11.5px}
}
/* Mockup telefon hero pada mobile: lebih besar, sudut lebih kecil, tidak menutup soalan */
@media(max-width:650px){
 .hero3-art{padding:10px 8px 150px}
 .hero3-art .tablet{width:96%;padding:7px;border-radius:18px}
 .hero3-art .tablet img{border-radius:11px}
 .hero3-art .phone{padding:4px;border-radius:14px;box-shadow:0 12px 26px #13265c55}
 .hero3-art .phone img{border-radius:10px}
 .hero3-art .phone-r{display:none}
 .hero3-art .phone-l{display:block;width:114px;left:6px;right:auto;top:auto;bottom:8px;transform:rotate(-3deg)}
 .hero3-art .h3-tag{left:auto;right:8px;transform:none;bottom:136px;font-size:9px;padding:5px 11px}
}
/* Toast */
.toast{position:fixed;left:50%;bottom:calc(86px + env(safe-area-inset-bottom));transform:translateX(-50%);z-index:60;background:#13265c;color:#fff;font-weight:800;font-size:14px;line-height:1.45;padding:12px 18px;border-radius:14px;box-shadow:0 12px 30px #13265c55;max-width:min(92vw,420px);text-align:center}
.toast[hidden]{display:none!important}
@media(max-width:650px){
 .hero3-art{padding:10px 8px 200px}
 .hero3-art .phone-l{width:118px;left:6px;bottom:6px}
 .hero3-art .h3-tag{left:auto;right:6px;transform:none;bottom:-46px}
}
@media(min-width:651px) and (max-width:900px){.hero3-art .phone-l{left:10px}.hero3-art .phone-r{right:8px}}
.toast{width:max-content}


/* Conversion update: headline, game descriptions and real parent feedback */
.hero3 h1{max-width:650px;letter-spacing:-.8px}
.hero3 .h3-lead{max-width:560px}
.game-thumbnail p{font-size:12px;line-height:1.5;color:#5a6a8f;margin:7px 0 0}
.feedback-section .testi-grid{max-width:1000px;grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch}
.feedback-section .testi-grid figure{height:100%;display:flex;flex-direction:column;justify-content:space-between}
.feedback-section .testi-grid blockquote{font-size:18px;line-height:1.55}
.feedback-section .testi-grid figcaption{margin-top:18px;padding-top:12px;border-top:1px solid #eee8d8}
.price-testi blockquote{font-size:13px;line-height:1.55}
@media(max-width:650px){
 .hero3 h1{font-size:clamp(36px,10vw,43px);line-height:1.08;letter-spacing:-.7px}
 .hero3 .h3-lead{font-size:15px;line-height:1.6}
 .feedback-section .testi-grid{grid-template-columns:1fr;gap:12px}
 .feedback-section .testi-grid figure{padding:22px 20px}
 .feedback-section .testi-grid blockquote{font-size:18px}
 .game-thumbnail p{font-size:12px;line-height:1.45}
}


/* Update: compact game gallery, mobile testimonial carousel and gentle motion */
.game-thumbnail p{display:none!important}
.checkout-pending{opacity:.72;cursor:not-allowed!important;filter:saturate(.75)}
.checkout-pending:hover{transform:none!important;box-shadow:inherit}
.testi-carousel{display:flex;align-items:center;gap:12px;max-width:1000px;margin:34px auto 0}
.testi-carousel .testi-grid{flex:1;min-width:0;margin:0;max-width:none}
.testi-arrow{display:none;flex:0 0 40px;width:40px;height:40px;border:1px solid #d9d5eb;border-radius:50%;background:#fff;color:#4c4777;font-size:28px;line-height:1;cursor:pointer;box-shadow:0 4px 12px #2524400d}
.testi-dots{display:none;justify-content:center;align-items:center;gap:8px;margin:16px auto 0}
.testi-dot{width:8px;height:8px;padding:0;border:0;border-radius:50%;background:#c9c4dc;cursor:pointer;transition:width .2s ease,background .2s ease}
.testi-dot.active{width:23px;border-radius:10px;background:#6658b8}
@media(max-width:650px){
 .testi-carousel{gap:8px;margin-top:26px}
 .testi-arrow{display:grid;place-items:center;flex-basis:32px;width:32px;height:32px;font-size:24px}
 .feedback-section .testi-grid{display:flex;gap:12px;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scroll-behavior:smooth;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding:2px 2px 8px}
 .feedback-section .testi-grid::-webkit-scrollbar{display:none}
 .feedback-section .testi-grid figure{flex:0 0 88%;min-width:0;height:auto;scroll-snap-align:center;scroll-snap-stop:always}
 .testi-dots{display:flex}
}
@media(min-width:651px){.testi-dots{display:none!important}}

.reveal-on-scroll{opacity:0;transform:translateY(22px);transition:opacity .65s ease var(--reveal-delay,0ms),transform .65s cubic-bezier(.2,.7,.2,1) var(--reveal-delay,0ms)}
.reveal-on-scroll.is-visible{opacity:1;transform:translateY(0)}
.game-thumbnail{transition:transform .28s ease,box-shadow .28s ease,border-color .28s ease}
.game-thumbnail:hover{transform:translateY(-5px);box-shadow:0 14px 30px #203c7912;border-color:#c8d5f5}
.checkout:not(.checkout-pending),.brick:not(.checkout-pending){transition:transform .2s ease,box-shadow .2s ease,filter .2s ease}
.checkout:not(.checkout-pending):hover,.brick:not(.checkout-pending):hover{transform:translateY(-2px);filter:brightness(1.025)}
@media(prefers-reduced-motion:no-preference){
 .hero3-art .tablet{animation:ady-float 6.5s ease-in-out infinite}
 .hero3-art .phone-l{animation:ady-float 5.8s ease-in-out -1.2s infinite}
 .hero3-art .phone-r{animation:ady-float 6.2s ease-in-out -2.4s infinite}
}
@keyframes ady-float{0%,100%{translate:0 0}50%{translate:0 -9px}}
@media(prefers-reduced-motion:reduce){
 *,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}
 .reveal-on-scroll{opacity:1;transform:none}
}

/* Keep the pending payment CTA fully opaque while its gateway URL is not configured. */
.checkout-pending{opacity:1!important;filter:none!important;}
.checkout-pending:hover{filter:none!important;}



/* ===== v6: carousel feedback + hero mobile ===== */
/* -- Kad testimoni -- */
.feedback-section .testi-carousel{display:block;max-width:1000px;margin:34px auto 0;gap:0}
.feedback-section .testi-grid{position:relative;display:grid;grid-template-columns:repeat(var(--cols,3),minmax(0,1fr));gap:18px;max-width:none;margin:0;padding:0;overflow:visible;scroll-snap-type:none;align-items:stretch}
.feedback-section .testi-grid[data-n="1"]{--cols:1;max-width:560px;margin-inline:auto}
.feedback-section .testi-grid[data-n="2"]{--cols:2;max-width:760px;margin-inline:auto}
.feedback-section .testi-grid[data-n="3"]{--cols:3}
.feedback-section .testi-grid .testi-card{display:flex;flex-direction:column;gap:14px;height:auto;margin:0;padding:22px 22px 20px;background:#fff;border:1px solid #e1ebf9;border-radius:20px;box-shadow:0 10px 28px #13265c0e;text-align:left;justify-content:flex-start}
.feedback-section .testi-card blockquote{margin:0;font-size:16.5px;line-height:1.62;font-weight:700;color:#33466f}
.feedback-section .testi-card blockquote::before{content:none;display:none}
.feedback-section .testi-card blockquote strong{font-weight:900;color:#13265c;background:linear-gradient(transparent 62%,#ffe9a3 62%);padding:0 2px;margin:0 -2px}
.feedback-section .testi-card figcaption.testi-person{display:flex;align-items:center;gap:12px;margin:0;padding:0;border:0;font-size:inherit;color:inherit}
.testi-avatar{flex:0 0 42px;width:42px;height:42px;border-radius:50%;display:grid;place-items:center;font-family:Lilita,Nunito,sans-serif;font-size:20px;color:#13265c;background:#dbe9ff}
.testi-avatar.tone-1{background:#ffe9a3}.testi-avatar.tone-2{background:#d4f3e5}
.testi-who{display:flex;flex-direction:column;gap:1px;min-width:0}
.testi-who b{font-size:15px;font-weight:900;color:#13265c;line-height:1.3}
.testi-who span{font-size:13px;font-weight:700;color:#64779c;line-height:1.35}
.testi-games{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin-top:auto;padding-top:14px;border-top:1px solid #edf2fb}
.testi-games-label{flex:1 1 100%;font-size:10.5px;font-weight:900;letter-spacing:1px;text-transform:uppercase;color:#8294b8;margin-bottom:2px}
.testi-chip{font-size:12px;font-weight:900;color:#1d5fd0;background:#eef4ff;border-radius:99px;padding:4px 11px}
/* -- Anak panah (hanya desktop bila testimoni > 3) -- */
.feedback-section .testi-arrow{display:none;flex:0 0 44px;width:44px;height:44px;border-radius:50%;border:2px solid #cfe2ff;background:#fff;color:#13265c;box-shadow:0 4px 12px #13265c14;cursor:pointer;place-items:center;padding:0;transition:background .2s,border-color .2s,opacity .2s}
.feedback-section .testi-arrow:hover:not(:disabled){background:#eef4ff;border-color:#9fc3ff}
.feedback-section .testi-arrow:disabled{opacity:.35;cursor:default}
.feedback-section .testi-dots{display:none}
.testi-dot{width:8px;height:8px;background:#cdd9ee}
.testi-dot.active{width:24px;background:#2f7df6}
/* Mod skrol: tablet/mobile, atau desktop bila testimoni > 3 */
@media(min-width:901px){
 .feedback-section .testi-carousel.many{display:flex;align-items:center;gap:14px}
 .feedback-section .testi-carousel.many .testi-arrow{display:grid}
 .feedback-section .testi-carousel.many .testi-grid{flex:1;min-width:0;display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding:4px 2px 14px;margin:0;max-width:none}
 .feedback-section .testi-carousel.many .testi-grid::-webkit-scrollbar{display:none}
 .feedback-section .testi-carousel.many .testi-card{flex:0 0 calc((100% - 36px)/3);scroll-snap-align:start}
}
@media(max-width:900px){
 .feedback-section .testi-grid,.feedback-section .testi-grid[data-n]{display:flex;max-width:none;margin:0;gap:12px;padding:4px 18px 14px;scroll-padding-inline:18px;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;scrollbar-width:none}
 .feedback-section .testi-grid::-webkit-scrollbar{display:none}
 .feedback-section .testi-grid .testi-card{flex:0 0 46%;scroll-snap-align:start;scroll-snap-stop:always;opacity:.62;transform:scale(.985);transition:opacity .25s ease,transform .25s ease}
 .feedback-section .testi-grid .testi-card.is-active{opacity:1;transform:none}
 .feedback-section .testi-dots{display:flex;justify-content:center;align-items:center;gap:8px;margin:6px auto 0}
 .feedback-section .testi-carousel{margin-top:26px}
}
@media(max-width:650px){
 .feedback-section .testi-carousel{margin-inline:-17px}
 .feedback-section .testi-grid .testi-card{flex-basis:84%;padding:20px 20px 18px}
 .feedback-section .testi-card blockquote{font-size:16px}
}
@media(prefers-reduced-motion:reduce){.feedback-section .testi-grid .testi-card{transition:none}}

/* -- Hero mobile: satu perataan, harga sebagai baris teks -- */
@media(max-width:650px){
 .hero3 .h3-actions{gap:14px;align-items:stretch}
 .hero3 .h3-actions .brick::before{left:32%}
 .hero3 .h3-actions .brick::after{right:32%}
 .hero-price{display:flex;flex-direction:row;flex-wrap:wrap;align-items:baseline;justify-content:flex-start;gap:0 10px;width:auto;max-width:none;margin:0;padding:0;background:none;border:0;border-radius:0;box-shadow:none;text-align:left;white-space:normal}
 .hero-price .launch-label{flex:1 1 100%;order:-1;margin:0 0 2px;font-size:10px;letter-spacing:1.2px;color:#4d6aa6}
 .hero-price .pp{display:flex;align-items:baseline;gap:8px}
 .hero-price s{font-size:16px;margin:0}
 .hero-price b{font-size:38px;line-height:1;vertical-align:baseline}
 .hero-price small{margin:0;font-size:12.5px;text-align:left;color:#1d5fd0;font-weight:800}
 .quick-trust{margin-top:2px}
}
@media(max-width:360px){
 .h3-eyebrow .sep,.h3-eyebrow .lang{display:none}
 .hero-price b{font-size:34px}
 .hero-price small{font-size:11.5px}
}
@keyframes ady-float-sm{0%,100%{translate:0 0}50%{translate:0 -4px}}
@media(max-width:650px) and (prefers-reduced-motion:no-preference){
 .hero3-art .tablet,.hero3-art .phone-l,.hero3-art .phone-r{animation-name:ady-float-sm}
}

/* v6 pelarasan: bayang kad tidak terpotong, jajaran kepala kad */
.feedback-section .testi-card figcaption.testi-person{min-height:60px}
@media(max-width:900px){.feedback-section .testi-grid,.feedback-section .testi-grid[data-n]{padding-top:6px;padding-bottom:28px}.feedback-section .testi-dots{margin-top:0}}
@media(min-width:901px){.feedback-section .testi-carousel.many .testi-grid{padding-bottom:28px}}


/* ===== v7: hero berdasarkan ujian telefon sebenar ===== */
.hero3 h1 em{color:#1d5fd0;text-shadow:none}
.hero3 h1 .q{display:contents}
@media(max-width:650px){
 .topbar{height:60px}
 .topbar .brand img{height:48px}
 .brand-text{display:none}
 .hero3{padding-top:18px}
 .hero3 h1{font-size:38px;line-height:1.06;letter-spacing:-.4px;text-wrap:balance}
 .hero3 h1 .q,.hero3 h1 em{display:block}
 .hero3 h1 em{margin-top:2px}
 .hero3 .h3-lead{font-size:16px;line-height:1.5}
 .hero-price{margin-top:8px}
 .hero3-grid{gap:14px}
 /* Visual: tablet + dua telefon seimbang */
 .h3-sky{inset:4% 2% 2% 2%;border-radius:26px;transform:none;opacity:.5}
 .hero3-art{padding:4px 6px 212px}
 .hero3-art .tablet{width:96%}
 .hero3-art .phone{display:block;width:104px;top:auto}
 .hero3-art .phone-l{left:10px;right:auto;bottom:46px;transform:rotate(-3deg)}
 .hero3-art .phone-r{right:10px;left:auto;bottom:6px;transform:rotate(3deg)}
}

/* v7 pelarasan fold + visual */
@media(max-width:650px){
 .hero3{padding-top:14px}
 .hero3-grid{gap:10px}
 .hero3 h1{font-size:36px}
 .hero-price .launch-label{display:none}
 .hero-price{margin-top:6px}
 .hero3-art{padding:4px 6px 232px}
 .hero3-art .phone-l{bottom:62px}
 .hero3-art .phone-r{bottom:4px}
}
@media(max-width:650px){.hero3 .h3-lead{margin-top:4px!important}}
.hero3 .h3-lead{text-wrap:balance}

/* v8: clear launch-period context in the offer card */
.launch-period-note{margin:8px 0 0!important;font-size:12px!important;font-weight:900;color:#8b5a00!important}