:root{--navy:#0a0a0a;--blue:#d4af37;--gold:#d4af37;--gold-light:#f0d77a;--gold-dark:#9c7c19;--text:#f5f5f5;--muted:#9b9b9b;--line:#292929;--bg:#080808;--white:#151515;--green:#d4af37;--radius:22px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--text);font-family:Arial,Helvetica,sans-serif;background:#080808}a{text-decoration:none;color:inherit}button{font-family:inherit}.container{width:min(1160px,calc(100% - 40px));margin:auto}.site-header{position:-webkit-sticky;position:sticky;top:0;z-index:50;background:rgba(7,7,7,.96);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-bottom:1px solid rgba(212,175,55,.16)}.nav-wrap{min-height:82px;gap:24px}.brand,.nav-wrap{display:flex;align-items:center}.brand{gap:12px;min-width:280px}.brand-logo{width:58px;height:58px;object-fit:contain;flex:none;border-radius:50%;filter:drop-shadow(0 0 8px rgba(212,175,55,.18))}.brand-info{display:flex;flex-direction:column;justify-content:center}.brand strong{display:block;color:#f5f5f5;font-size:17px;font-weight:900;letter-spacing:.5px;line-height:1.1}.brand small{display:block;color:#d4af37;font-size:9px;margin-top:6px;white-space:nowrap}.brand-mark{display:grid;place-items:center;width:52px;height:52px;border-radius:50%;background:#111;color:var(--gold);font-weight:900;font-size:20px;border:1px solid rgba(212,175,55,.5);box-shadow:0 0 15px rgba(212,175,55,.1)}.nav-links{display:flex;align-items:center;justify-content:center;gap:25px;flex:1 1;font-size:13px;color:#aaa}.nav-links a{padding:30px 0;border-bottom:2px solid transparent;transition:.2s}.nav-links a:hover{color:var(--gold)}.nav-links .active{color:var(--gold);border-bottom-color:var(--gold)}.nav-cta{display:inline-flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--gold-light),var(--gold));color:#080808;padding:13px 20px;border-radius:12px;font-size:12px;font-weight:900;white-space:nowrap;box-shadow:0 6px 20px rgba(212,175,55,.15)}.nav-cta:hover{transform:translateY(-1px);box-shadow:0 8px 25px rgba(212,175,55,.25)}.mobile-menu{display:none;border:0;background:transparent;color:var(--gold);font-size:28px;cursor:pointer;padding:4px}.eyebrow{display:inline-flex;color:var(--gold);font-weight:800;font-size:11px;letter-spacing:.5px;background:rgba(212,175,55,.1);padding:8px 12px;border-radius:999px;border:1px solid rgba(212,175,55,.18)}.section{padding:85px 0;background:#080808}.section-head h2{color:#f5f5f5;font-size:34px;letter-spacing:-1px;margin:10px 0}.section-head h2 span{color:var(--gold)}.section-head p{color:var(--muted);max-width:650px;line-height:1.6}.center{text-align:center}.center p{margin:0 auto}.hero{background:radial-gradient(circle at 75% 35%,rgba(212,175,55,.1),transparent 32%),linear-gradient(180deg,#080808,#0d0d0d);overflow:hidden}.hero-grid{min-height:560px;display:grid;grid-template-columns:1fr 1fr;align-items:center;grid-gap:25px;gap:25px}.hero h1{color:#f5f5f5;font-size:56px;line-height:1.04;letter-spacing:-2.5px;margin:18px 0}.hero h1 span{color:var(--gold)}.hero-copy>p{max-width:570px;color:#a3a3a3;font-size:16px;line-height:1.75;margin:0 0 25px}.hero-actions{display:flex;gap:12px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:14px 18px;border-radius:10px;font-size:13px;font-weight:800}.btn.primary{background:linear-gradient(135deg,var(--gold-light),var(--gold));color:#080808}.btn.secondary{border:1px solid #333;background:#151515;color:#eee}.btn.secondary:hover{border-color:var(--gold);color:var(--gold)}.trust-row{display:flex;gap:30px;margin-top:35px}.trust-row>div{display:flex;gap:9px;align-items:center}.trust-row b{color:var(--gold);font-size:18px}.trust-row small,.trust-row strong{display:block}.trust-row strong{font-size:11px;color:#eee}.trust-row small{color:#777;font-size:9px;margin-top:3px}.hero-visual{height:450px;position:relative}.glow{width:430px;height:430px;border-radius:50%;right:0;top:10px;background:radial-gradient(circle,rgba(212,175,55,.2) 0,rgba(212,175,55,.06) 50%,transparent 70%)}.device,.glow{position:absolute}.device{background:#111;border:8px solid #292929;box-shadow:0 25px 60px rgba(0,0,0,.55)}.laptop{width:390px;height:260px;right:40px;top:60px;border-radius:15px 15px 8px 8px;transform:perspective(800px) rotateY(-7deg)}.laptop:after{content:"";position:absolute;left:-45px;right:-45px;bottom:-28px;height:25px;background:#292929;border-radius:4px 4px 15px 15px}.screen{height:100%;background:#151515;padding:18px}.screen-title{font-size:12px;font-weight:800;color:#eee}.chart{height:110px;margin-top:20px;display:flex;align-items:end;gap:12px;padding:10px;border:1px solid #292929;background:#101010}.chart i{display:block;width:30px;background:linear-gradient(#f0d77a,#b88a16);border-radius:4px 4px 0 0}.chart i:first-child{height:30%}.chart i:nth-child(2){height:55%}.chart i:nth-child(3){height:45%}.chart i:nth-child(4){height:75%}.chart i:nth-child(5){height:62%}.chart i:nth-child(6){height:88%}.mini-lines{margin-top:15px;display:flex;gap:10px}.mini-lines i{height:10px;background:#292929;flex:1 1;border-radius:4px}.phone{width:115px;height:220px;left:55px;top:145px;border-radius:20px;transform:rotate(-8deg)}.phone-screen{height:100%;background:#151515;padding:18px 10px}.phone-top{width:35px;height:5px;background:#555;border-radius:10px;margin:auto}.phone-card{margin-top:20px;padding:10px;background:#1d1d1d;border-radius:10px;font-size:8px;color:#999}.phone-card b{display:block;color:#eee;font-size:13px;margin-top:5px}.qris-card{position:absolute;right:5px;bottom:30px;width:145px;padding:15px;background:#151515;border:1px solid #333;border-radius:12px;box-shadow:0 18px 40px rgba(0,0,0,.45);transform:rotate(3deg)}.qris-label{font-weight:900;font-size:15px;color:#eee}.qr{font-size:60px;text-align:center;line-height:1;margin:8px;color:var(--gold)}.qris-card small{font-size:8px;color:#777}.receipt{position:absolute;width:62px;height:115px;right:125px;bottom:20px;background:repeating-linear-gradient(#171717 0 10px,#292929 11px 12px);box-shadow:0 12px 25px rgba(0,0,0,.4);transform:rotate(6deg)}.services-section{background:#0d0d0d}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:18px;gap:18px;margin-top:35px}.service-card{background:#131313;border:1px solid #292929;padding:26px;border-radius:18px;min-height:320px;transition:.2s;box-shadow:0 10px 30px rgba(0,0,0,.25)}.service-card:hover{transform:translateY(-4px);box-shadow:0 20px 40px rgba(0,0,0,.45);border-color:rgba(212,175,55,.35)}.service-top{display:flex;justify-content:space-between}.service-number{font-size:11px;color:#777;font-weight:800}.service-icon{width:40px;height:40px;border-radius:12px;display:grid;place-items:center}.service-card.green .service-icon,.service-card.violet .service-icon,.service-icon{background:rgba(212,175,55,.1);color:var(--gold)}.service-card h3{color:#f5f5f5;font-size:19px;margin:20px 0 10px}.service-card p{color:#999;line-height:1.6;font-size:13px;min-height:63px}.service-card ul{padding:0;margin:15px 0 20px;list-style:none}.service-card li{font-size:11px;margin:8px 0;color:#999}.service-card li:before{content:"✓";color:var(--gold);margin-right:8px;font-weight:700}.all-link,.portfolio-card a,.service-card a{color:var(--gold);font-weight:800;font-size:11px}.stats{background:#111;color:#fff;border-top:1px solid #292929;border-bottom:1px solid #292929}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);padding:30px 0}.stats-grid div{text-align:center;border-right:1px solid rgba(255,255,255,.1)}.stats-grid div:last-child{border:0}.stats span,.stats strong{display:block}.stats strong{color:var(--gold);font-size:28px}.stats span{font-size:11px;color:#999;margin-top:6px}.about-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:70px;gap:70px;align-items:center}.lead{color:#999;line-height:1.7;max-width:500px;margin-bottom:25px}.benefits{display:grid;grid-template-columns:1fr 1fr;grid-gap:22px;gap:22px}.benefit{display:flex;gap:12px}.benefit>span{width:34px;height:34px;border-radius:10px;background:rgba(212,175,55,.1);color:var(--gold);display:grid;place-items:center;font-weight:700;flex:none}.benefit strong{color:#eee;font-size:12px}.benefit p{font-size:10px;color:#999;line-height:1.5;margin:5px 0 0}.portfolio-section{background:#0d0d0d}.portfolio-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:18px;gap:18px;margin-top:25px}.portfolio-card{background:#131313;border:1px solid #292929;border-radius:16px;overflow:hidden;padding-bottom:18px}.portfolio-art{height:170px;background:linear-gradient(135deg,#181818,#0d0d0d);display:grid;place-items:center}.portfolio-art span{font-size:70px;color:var(--gold)}.portfolio-card a,.portfolio-card h3,.portfolio-card small{margin-left:18px}.portfolio-card small{display:block;margin-top:16px;color:var(--gold);font-size:9px;font-weight:800}.portfolio-card h3{color:#eee;font-size:16px;margin-top:7px;margin-bottom:13px}.all-link{display:block;text-align:center;margin-top:25px}.cta-section{padding:0 0 75px}.cta{background:radial-gradient(circle at 80% 50%,rgba(212,175,55,.12),transparent 40%),#111;color:#fff;border:1px solid #292929;border-radius:18px;padding:27px 35px;justify-content:space-between;gap:20px}.cta,.cta>div{display:flex;align-items:center}.cta>div{gap:15px}.cta-bubble{width:45px;height:45px;background:var(--gold);color:#080808;display:grid;place-items:center;border-radius:13px}.cta h2{color:#fff;font-size:20px;margin:0}.cta p{font-size:11px;color:#999;margin:6px 0 0}.btn.whatsapp{background:var(--gold);color:#080808}.footer{background:#050505;color:#fff;padding:60px 0 25px;border-top:1px solid #292929}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;grid-gap:50px;gap:50px}.footer-brand{color:#fff}.footer p{color:#888;font-size:11px;line-height:1.7;max-width:300px;margin-top:18px}.footer h4{color:var(--gold);font-size:12px;margin:0 0 15px}.footer-grid>div:not(:first-child) a{display:block;color:#888;font-size:11px;margin:10px 0}.footer-grid>div:not(:first-child) a:hover{color:var(--gold)}.footer-bottom{border-top:1px solid rgba(255,255,255,.1);margin-top:40px;padding-top:20px;color:#666;font-size:10px}.service-detail-hero{padding:100px 0 85px;background:radial-gradient(circle at 80% 40%,rgba(212,175,55,.12),transparent 35%),#080808}.service-detail-hero h1{color:#f5f5f5;max-width:800px;font-size:52px;line-height:1.08;letter-spacing:-2px;margin:20px 0}.service-detail-hero h1 span{color:var(--gold)}.service-detail-hero p{max-width:720px;color:#999;font-size:16px;line-height:1.8}@media(max-width:900px){.container{width:min(100% - 32px,1160px)}.nav-wrap{min-height:76px;gap:10px}.brand{min-width:0;flex:1 1;gap:10px}.brand-logo{width:52px;height:52px}.brand strong{font-size:15px}.brand small{font-size:8px}.nav-links{display:none}.nav-cta{padding:11px 14px;font-size:11px}.mobile-menu{display:block}.about-grid,.hero-grid{grid-template-columns:1fr}.hero{padding-top:40px}.hero h1{font-size:44px}.hero-visual{height:400px}.portfolio-grid,.service-grid{grid-template-columns:1fr}.stats-grid{grid-template-columns:1fr 1fr;gap:25px}.stats-grid div:nth-child(2){border:0}.footer-grid{grid-template-columns:1fr 1fr}.cta{align-items:flex-start;flex-direction:column}.benefits{grid-template-columns:1fr 1fr}.service-detail-hero h1{font-size:44px}}@media(max-width:560px){.container{width:min(100% - 28px,1160px)}.brand-logo,.brand-mark{width:48px;height:48px}.brand strong{font-size:14px}.brand small{font-size:7px}.nav-cta{padding:10px 12px;font-size:10px}.mobile-menu{font-size:25px}.hero h1{font-size:39px}.hero-copy>p{font-size:14px}.hero-actions{flex-direction:column}.trust-row{gap:12px;flex-wrap:wrap}.hero-visual{transform:scale(.82);transform-origin:left center;margin-bottom:-55px}.benefits,.footer-grid,.stats-grid{grid-template-columns:1fr}.stats-grid div{border:0!important}.section{padding:65px 0}.section-head h2{font-size:29px}.cta{padding:25px}.cta>div{align-items:flex-start}.cta .btn{width:100%}.service-detail-hero{padding:75px 0 60px}.service-detail-hero h1{font-size:39px}.service-detail-hero p{font-size:14px}}.platform-grid{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:22px;gap:22px;margin-top:35px}.platform-card{background:radial-gradient(circle at top right,rgba(212,175,55,.08),transparent 38%),#111;border:1px solid #2c2c2c;border-radius:22px;padding:28px;transition:.25s}.platform-card:hover{border-color:rgba(212,175,55,.65);transform:translateY(-3px);box-shadow:0 20px 45px rgba(0,0,0,.35)}.platform-logo-wrap{width:92px;height:92px;border-radius:20px;background:#fff;display:grid;place-items:center;overflow:hidden;margin-bottom:22px}.platform-logo{width:100%;height:100%;object-fit:contain}.platform-label{color:#d4af37;font-size:9px;font-weight:900;letter-spacing:1px}.platform-content h2{font-size:28px;color:#f5f5f5;margin:8px 0 12px}.platform-content p{color:#999;line-height:1.7;font-size:13px}.platform-content ul{padding:0;list-style:none;margin:20px 0}.platform-content li{color:#bbb;font-size:12px;margin:10px 0}.platform-content li:before{content:"✓";color:#d4af37;font-weight:900;margin-right:9px}.platform-wa{width:100%;min-height:48px;padding:12px 16px;border-radius:11px;border:1px solid #d4af37;color:#d4af37;display:flex;align-items:center;justify-content:center;text-align:center;font-size:12px;font-weight:900;transition:.2s}.platform-wa:hover{background:#d4af37;color:#080808}.ppob-products{background:#0d0d0d}.product-mini-grid{display:grid;grid-template-columns:repeat(6,1fr);grid-gap:12px;gap:12px;margin-top:35px}.product-mini{background:#131313;border:1px solid #292929;border-radius:16px;padding:22px 12px;text-align:center}.product-mini strong{display:block;font-size:28px;margin-bottom:12px}.product-mini h3{font-size:12px;margin:0;color:#eee}.product-mini small{color:#777;display:block;margin-top:5px;font-size:9px}.ppob-benefits{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:12px;gap:12px;margin-top:30px}.ppob-benefits div{background:#131313;border:1px solid #292929;padding:17px 18px;border-radius:12px;color:#bbb;font-size:12px}.ppob-benefits div:first-letter{color:#d4af37}.ppob-steps{background:#0d0d0d}.step-list{max-width:760px;margin:35px auto 0;display:grid;grid-gap:12px;gap:12px}.step-item{background:#131313;border:1px solid #292929;border-radius:14px;padding:17px;display:flex;gap:15px;align-items:center}.step-item b{width:36px;height:36px;flex:none;background:#d4af37;color:#080808;display:grid;place-items:center;border-radius:50%}.step-item h3{margin:0;color:#eee;font-size:14px}.step-item p{margin:4px 0 0;color:#888;font-size:11px}.ppob-final-cta{background:radial-gradient(circle at 80% 20%,rgba(212,175,55,.12),transparent 40%),#111;border:1px solid rgba(212,175,55,.35);border-radius:22px;padding:45px;text-align:center}.ppob-final-cta h2{color:#fff;font-size:30px;margin:15px 0 10px}.ppob-final-cta p{color:#999;max-width:620px;margin:0 auto 25px;line-height:1.7}.platform-wa.final{max-width:400px;margin:auto;background:linear-gradient(135deg,#f0d77a,#d4af37);color:#080808;border:0}@media(max-width:900px){.platform-grid{grid-template-columns:1fr}.product-mini-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:560px){.platform-grid{grid-template-columns:1fr;gap:16px}.platform-card{padding:22px}.platform-logo-wrap{width:82px;height:82px}.platform-content h2{font-size:24px}.platform-content p,.platform-wa{font-size:12px}.platform-wa{min-height:52px}.product-mini-grid{grid-template-columns:repeat(2,1fr)}.product-mini{padding:20px 10px}.ppob-benefits{grid-template-columns:1fr}.ppob-final-cta{padding:30px 20px}.ppob-final-cta h2{font-size:25px}}