@import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap');
:root{--bg:#090d15;--card:#202631;--yellow:#ffe600;--white:#f8fafc;--muted:#a8b0bb;--line:#2c3441;--violet:#8261ff}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;overflow-x:hidden;background:var(--bg);color:var(--white);font-family:'Plus Jakarta Sans',sans-serif;line-height:1.5;border-inline:none!important;border-left:none!important;border-right:none!important}a{color:inherit;text-decoration:none}.material-symbols-outlined{vertical-align:middle;font-variation-settings:'FILL' 0,'wght' 600,'GRAD' 0,'opsz' 24}.section-shell{width:min(100%,1190px);margin:auto;padding-inline:28px}.site-header{width:min(100%,1190px);height:64px;margin:auto;padding-inline:28px;display:flex;align-items:center;justify-content:space-between;position:relative;z-index:5}.brand{display:flex;align-items:center;gap:6px;font-size:.82rem;font-weight:800}.brand-mark{display:grid;place-items:center;width:20px;height:20px;border-radius:5px;background:var(--yellow);color:#111722}.brand-mark .material-symbols-outlined{font-size:13px}.brand-mark.small{width:18px;height:18px}.brand-mark.small .material-symbols-outlined{font-size:12px}.site-nav{display:flex;align-items:center;gap:28px;color:#bac1ca;font-size:.63rem;font-weight:800}.site-nav a:hover{color:var(--yellow)}.nav-cta{padding:9px 15px;border-radius:8px;background:var(--yellow);color:#141923!important}.account-button,.menu-toggle{padding:0;border:0;background:none;color:inherit;cursor:pointer}.account-button .material-symbols-outlined{font-size:18px}.menu-toggle{display:none}.hero{min-height:428px;display:grid;grid-template-columns:1.15fr .85fr;gap:38px;align-items:center;padding-block:28px 52px}.eyebrow{margin:0 0 10px;color:var(--yellow);font-size:.54rem;font-weight:800;letter-spacing:.07em;text-transform:uppercase}.eyebrow-dot{display:inline-block;width:5px;height:5px;margin:0 5px 1px 0;border-radius:99px;background:var(--yellow)}.hero h1{max-width:630px;margin:0;font-size:clamp(2rem,3.45vw,3.25rem);line-height:1.07;letter-spacing:-.067em}.hero h1 em{font-style:normal;color:var(--yellow)}.hero-intro{max-width:590px;margin:13px 0 17px;color:#b5bdc8;font-size:.7rem}.stats{display:flex;margin-bottom:18px}.stats div{display:grid;min-width:105px;padding-left:11px;border-left:1px solid #353d49}.stats strong{font-size:1rem}.stats span:not(.material-symbols-outlined){font-size:.48rem;color:var(--muted)}.star-fill{color:var(--yellow);font-variation-settings:'FILL' 1}.button{display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:11px 14px;border-radius:6px;font-size:.59rem;font-weight:800;transition:transform .2s}.button:hover{transform:translateY(-2px)}.button-primary{background:var(--yellow);color:#121722}.trust-line{display:flex;gap:4px;align-items:center;margin:8px 0 0;color:#9da6b3;font-size:.46rem}.trust-line .material-symbols-outlined{font-size:.85rem;color:var(--yellow)}
.hero-visual{position:relative;display:grid;min-height:300px;place-items:center}.visual-glow{position:absolute;width:245px;height:245px;border-radius:50%;background:var(--yellow);filter:blur(82px);opacity:.19}.product-stage{position:relative;z-index:1;width:252px;height:275px}.review-card{position:absolute;inset:0;width:252px;height:252px;padding:12px 13px;overflow:hidden;border:4px solid #272c39;border-radius:14px;background:linear-gradient(140deg,#e33543 8%,#ec7e26 37%,#f5e932 57%,#1187e8 95%);box-shadow:0 22px 26px #000a}.review-card:before{content:'';position:absolute;right:-42px;bottom:-48px;width:190px;height:180px;border-radius:50%;background:#0057c9;opacity:.65}.card-topline{position:relative;z-index:1;display:flex;align-items:center;gap:5px;color:white;font-size:.5rem;font-weight:800}.card-topline .brand-mark{display:none}.card-topline span:nth-child(2){font-size:0}.card-topline span:nth-child(2):before{content:'Google';font-size:.6rem}.card-more{margin-left:auto}.card-rating{position:absolute;z-index:1;top:88px;left:18px;display:flex}.card-rating .material-symbols-outlined{font-size:15px;color:white}.card-title{position:absolute;z-index:1;left:18px;top:46px;font-size:0}.card-title:after{content:'Berikan Ulasan anda\A Google Review';display:block;width:172px;padding:12px 9px;border-radius:13px;background:white;color:#242931;box-shadow:0 3px 8px #0002;font-size:.55rem;font-weight:700;line-height:1.4;text-align:center;white-space:pre}.card-bottom{position:absolute;z-index:1;right:16px;bottom:15px;left:16px;display:grid;grid-template-columns:1fr 68px;align-items:center;color:white;font-size:.35rem;font-weight:700}.card-bottom:before{content:'Tempelkan Hp';position:absolute;top:-17px;left:0;padding:3px 7px;border-radius:4px;background:white;color:#343943;font-size:.36rem}.qr-pattern{width:60px;height:60px;border:6px solid white;border-radius:7px;background:repeating-conic-gradient(#10151f 0 25%,#fff 0 50%) 50%/10px 10px}.nfc-chip{position:absolute;z-index:2;right:-12px;bottom:20px;display:flex;align-items:center;gap:5px;padding:7px 8px;border-radius:10px;background:white;color:#29313a;box-shadow:0 9px 16px #0007}.nfc-chip .material-symbols-outlined{font-size:25px}.nfc-chip small{font-size:.38rem;font-weight:800;line-height:1.1}.floating-note{position:absolute;z-index:2;right:24px;bottom:-6px;color:var(--yellow);font-size:.4rem;font-weight:800}.floating-note small{display:none}
.section-light{background:transparent;color:var(--white)}.benefits,.steps{padding-block:47px 46px;border-top:1px solid #111722}.section-heading{max-width:610px;margin:0 auto 25px;text-align:center}.section-heading .eyebrow{margin-bottom:7px}.section-heading h2,.order-banner h2{margin:0;font-size:clamp(1.28rem,2.1vw,1.85rem);line-height:1.08;letter-spacing:-.063em}.section-heading>p:last-child{max-width:620px;margin:9px auto 0;color:#aab2bc;font-size:.57rem}.feature-grid,.step-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.feature-card,.step-card{min-height:143px;padding:15px;border:1px solid var(--line);border-radius:7px;background:var(--card)}.feature-icon{display:grid;place-items:center;width:22px;height:22px;border-radius:5px;background:#151b25;color:var(--yellow)}.feature-icon .material-symbols-outlined{font-size:13px}.feature-card h3,.step-card h3{margin:11px 0 5px;font-size:.68rem;line-height:1.2}.feature-card p,.step-card p{margin:0;color:#b0b8c3;font-size:.48rem}.feature-card b,.step-card b{display:flex;align-items:center;gap:4px;margin-top:8px;color:var(--yellow);font-size:.43rem}.feature-card b .material-symbols-outlined,.step-card b .material-symbols-outlined{font-size:.75rem;color:var(--yellow)}.comparison{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:14px;padding:14px 16px;border:1px solid var(--line);border-radius:7px;background:#171c25}.comparison-column{padding:0;background:transparent!important}.comparison-column h3{margin:0 0 8px;font-size:.64rem}.comparison-column h3 .material-symbols-outlined{font-size:.8rem}.comparison-column.old h3 .material-symbols-outlined{color:#f26a73}.comparison-column.new h3 .material-symbols-outlined{color:var(--yellow)}.comparison-column ul{margin:0;padding-left:12px;color:#aab3bf;font-size:.46rem}.comparison-column li::marker{color:var(--yellow)}.steps{padding-top:44px}.step-card{min-height:125px}.step-number{display:grid;place-items:center;width:25px;height:25px;border-radius:5px;background:var(--yellow);color:#161b25;font-size:.63rem;font-weight:800}.order-banner{display:flex;justify-content:space-between;align-items:center;gap:34px;margin-bottom:48px;padding-block:27px;border:1px solid #303743;border-radius:10px;background:radial-gradient(circle at 82% 20%,#766f2a66,transparent 36%),var(--card)}.order-banner .eyebrow{margin-bottom:6px}.order-banner h2{max-width:590px;font-size:1.5rem}.order-banner p:not(.eyebrow){margin:8px 0 0;color:#b4bcc7;font-size:.54rem}.order-actions{display:grid;min-width:186px;gap:8px}.button-dark{background:var(--yellow);color:#111722}.button-outline{border:1px solid #373e49;color:#e9ecf0}.order-actions small{color:var(--yellow);font-size:.4rem}.faq{padding-block:25px 45px}.faq-list{max-width:770px;margin:auto}.faq details{margin-top:5px;padding:8px 12px;border:1px solid #2a313d;border-radius:6px;background:var(--card)}summary{display:flex;justify-content:space-between;cursor:pointer;list-style:none;font-size:.55rem;font-weight:700}summary::-webkit-details-marker{display:none}.faq details p{color:#aab2bc;font-size:.53rem}.site-footer{padding-top:28px;border-top:1px solid #161c27;background:#080c14}.footer-grid{display:grid;grid-template-columns:1.5fr .9fr 1.15fr;gap:55px;padding-bottom:22px}.footer-grid>div:first-child p{max-width:280px;margin:10px 0;color:#8f99a6;font-size:.48rem}.footer-grid h3{margin:2px 0 9px;font-size:.47rem;text-transform:uppercase}.footer-grid>div:not(:first-child){display:grid;gap:5px}.footer-grid>div:not(:first-child)>a{color:#a7b0bc;font-size:.48rem}.footer-grid a small{display:block;padding-left:18px;color:#75808e;font-size:.42rem}.footer-grid a .material-symbols-outlined{font-size:.72rem;color:var(--yellow)}.footer-badge{display:inline-block;padding:5px 7px;border:1px solid #655c093d;border-radius:4px;background:#ffe6000d;color:var(--yellow);font-size:.42rem}.footer-bottom{display:flex;justify-content:space-between;padding-block:11px 12px;border-top:1px solid #202732;color:#77818e;font-size:.41rem}.footer-bottom a{margin-left:14px}.reveal{opacity:0;transform:translateY(15px);transition:.65s}.reveal.visible{opacity:1;transform:none}.reveal-delay{transition-delay:.1s}.reveal-delay-2{transition-delay:.2s}@media(max-width:800px){body{border-inline:none!important;border-inline-width:0!important;border-left:none!important;border-right:none!important}.section-shell,.site-header{padding-inline:18px}.site-header{height:60px}.menu-toggle{display:block}.site-nav{display:none;position:absolute;top:58px;right:12px;left:12px;flex-direction:column;align-items:stretch;padding:8px;border:1px solid var(--line);border-radius:8px;background:#171c25}.site-nav.is-open{display:flex}.site-nav a,.account-button{padding:10px 12px;text-align:left}.hero{grid-template-columns:1fr;gap:16px;padding-block:32px 42px}.hero h1{font-size:2rem}.hero-visual{min-height:270px}.product-stage{transform:scale(.88)}.feature-grid,.step-grid,.comparison{grid-template-columns:1fr}.feature-card,.step-card{min-height:0}.order-banner{display:grid;gap:20px}.order-actions{min-width:0}.footer-grid{grid-template-columns:1fr;gap:25px}.footer-bottom{display:grid;gap:7px}.footer-bottom a{margin:0 12px 0 0}}