:root{--navy: #0a1f33;--navy-2: #0d2a45;--navy-3: #11334f;--blue: #1c87d9;--blue-light: #5bb5ee;--cream: #f0e9dc;--ink: #21303f;--muted: #5c6b7a;--line: rgba(10, 31, 51, .1);--cta: #25d366;--cta-ink: #ffffff;--danger: #e05252;--radius: 14px;--font: "Poppins", system-ui, sans-serif;--mono: "IBM Plex Mono", monospace}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:var(--font);color:var(--ink);background:#fff;line-height:1.65;-webkit-font-smoothing:antialiased}img{display:block;max-width:100%}a{color:inherit;text-decoration:none}.wrap{max-width:1100px;margin:0 auto;padding:0 24px}.label{font-family:var(--mono);font-size:11px;font-weight:500;letter-spacing:.22em;text-transform:uppercase;color:var(--blue);display:flex;align-items:center;gap:14px;margin-bottom:18px}.label:before{content:"";width:34px;height:1px;background:var(--blue);flex:0 0 auto}.on-dark .label{color:var(--blue-light)}.on-dark .label:before{background:var(--blue-light)}h1,h2{font-weight:700;letter-spacing:-.02em;line-height:1.14;text-wrap:balance}h2{font-size:clamp(28px,4.6vw,44px);color:var(--navy)}.on-dark h2{color:#fff}em.accent{font-style:italic;color:var(--blue-light);font-weight:600}h2 em.accent{color:var(--blue)}.on-dark h2 em.accent{color:var(--blue-light)}.lead{font-size:clamp(15px,1.8vw,18px);color:var(--muted);max-width:60ch;text-wrap:pretty}.on-dark .lead{color:#ffffffbf}.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;font-family:var(--font);font-weight:600;font-size:16px;padding:16px 30px;border-radius:999px;border:0;cursor:pointer;background:var(--cta);color:var(--cta-ink);box-shadow:0 10px 28px #0a1f3338;transition:transform .16s ease,box-shadow .16s ease,filter .16s ease}.btn:hover{transform:translateY(-2px);filter:brightness(1.06);box-shadow:0 14px 34px #0a1f334d}.btn:active{transform:translateY(0)}.btn svg{flex:0 0 auto}.btn-note{font-size:13px;color:var(--muted);margin-top:12px;display:flex;align-items:center;gap:7px}.on-dark .btn-note{color:#ffffffa6}.btn-note .dot{width:7px;height:7px;border-radius:50%;background:var(--cta);flex:0 0 auto;animation:pulse 1.8s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.35}}.urgency{background:var(--cream);color:var(--navy);font-size:13.5px;font-weight:500;text-align:center;padding:9px 16px}.urgency b{font-weight:700;color:var(--blue)}header.top{background:var(--navy);position:sticky;top:0;z-index:50;border-bottom:1px solid rgba(255,255,255,.08)}header.top .wrap{display:flex;align-items:center;justify-content:space-between;height:62px}header.top img.logo{height:40px;width:auto}.btn-header{font-size:13.5px;padding:9px 20px;box-shadow:none}.hero{position:relative;background:var(--navy);color:#fff;overflow:hidden}.hero .bg{position:absolute;inset:0;background-size:cover;background-position:center 30%;opacity:.85}.hero .bg:after{content:"";position:absolute;inset:0;background:linear-gradient(95deg,#0a1f33f7 32%,#0a1f339e 68%,#0a1f334d)}.hero .wrap{position:relative;padding-top:72px;padding-bottom:56px}.hero h1{font-size:clamp(34px,6.2vw,62px);font-weight:800;max-width:16ch}.hero .lead{margin:22px 0 30px}.hero-stats{display:grid;grid-template-columns:repeat(3,auto);gap:clamp(20px,5vw,56px);justify-content:start;margin-top:46px;padding-top:28px;border-top:1px solid rgba(255,255,255,.14)}.hero-stats .stat{min-width:0}.stat .num{font-size:clamp(26px,3.4vw,38px);font-weight:700;color:#fff;line-height:1}.stat .num sup{font-size:.5em;color:var(--blue-light)}.stat .cap{font-family:var(--mono);font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:#ffffff8c;margin-top:8px}section{padding:clamp(64px,9vw,110px) 0}.sec-head{max-width:720px;margin-bottom:clamp(36px,5vw,56px)}.sec-head .lead{margin-top:16px}.pain-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:18px}.pain-card{border:1px solid var(--line);border-radius:var(--radius);padding:26px 24px;background:#fff}.pain-card .x{width:34px;height:34px;border-radius:50%;background:#e052521a;color:var(--danger);display:grid;place-items:center;font-weight:700;font-size:15px;margin-bottom:16px}.pain-card h3{font-size:17px;color:var(--navy);margin-bottom:6px}.pain-card p{font-size:14px;color:var(--muted)}.pain-close{margin-top:36px;font-size:clamp(17px,2.2vw,21px);font-weight:600;color:var(--navy);max-width:56ch;text-wrap:pretty}.pain-close em{color:var(--blue)}.solusi{background:var(--cream)}.solusi-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:clamp(32px,5vw,64px);align-items:center}.check-list{list-style:none;display:grid;gap:16px;margin:28px 0 34px}.check-list li{display:flex;gap:14px;align-items:flex-start;background:#fff;border-radius:var(--radius);padding:18px 20px;box-shadow:0 4px 18px #0a1f330f}.check-list .v{flex:0 0 auto;width:28px;height:28px;border-radius:50%;background:var(--blue);color:#fff;display:grid;place-items:center;font-size:13px;font-weight:700;margin-top:2px}.check-list b{color:var(--navy);display:block;font-size:15.5px}.check-list span.d{font-size:13.5px;color:var(--muted)}.solusi-photo{border-radius:var(--radius);overflow:hidden;box-shadow:0 24px 60px #0a1f3338;position:relative}.solusi-photo img{width:100%;height:100%;object-fit:contain;aspect-ratio:1 / 1;background:#fff}.feat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:18px}.feat-card{border:1px solid var(--line);border-radius:var(--radius);padding:28px 26px;transition:border-color .16s ease,transform .16s ease,box-shadow .16s ease}.feat-card:hover{border-color:var(--blue);transform:translateY(-3px);box-shadow:0 14px 34px #0a1f331a}.feat-card .no{font-family:var(--mono);font-size:11px;letter-spacing:.18em;color:var(--blue);margin-bottom:14px;display:block}.feat-card h3{font-size:17.5px;color:var(--navy);margin-bottom:6px}.feat-card p{font-size:14px;color:var(--muted)}.galeri{background:var(--navy)}.galeri-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.galeri-card{background:var(--navy-2);border-radius:16px;display:flex;flex-direction:column}.galeri-foto{display:block;position:relative;border-radius:16px;overflow:hidden}.galeri-foto img{width:100%;aspect-ratio:4 / 5;object-fit:cover;transition:transform .3s ease}.galeri-foto:hover img{transform:scale(1.05)}.galeri-foto .fade{position:absolute;inset:auto 0 0;height:38%;pointer-events:none;background:linear-gradient(to top,var(--navy-2) 0%,rgba(13,42,69,.82) 26%,rgba(13,42,69,0) 100%)}.galeri-card figcaption{padding:0 18px 18px;color:#fff}.galeri-card .judul{font-size:16px;font-weight:600;line-height:1.35;padding-bottom:16px;border-bottom:1px solid rgba(255,255,255,.16)}.galeri-card .pemilik{margin-top:14px;font-size:14.5px;color:#ffffffd1}.galeri-card .kategori{margin-top:2px;font-size:12.5px;font-weight:600;background:linear-gradient(90deg,var(--blue-light),var(--blue));background-clip:text;-webkit-background-clip:text;color:transparent;-webkit-text-fill-color:transparent}.cta-final{background:var(--navy-2)}.cta-final .inner{max-width:680px;margin:0 auto;text-align:center}.cta-final .label{justify-content:center}.cta-final h2{font-size:clamp(30px,5vw,48px)}.cta-final .lead{margin:18px auto 30px}.cta-final .btn-note{justify-content:center}.slot-box{background:#ffffff0f;border:1px solid rgba(255,255,255,.12);border-radius:var(--radius);padding:22px 26px;margin:0 auto 34px;text-align:left}.slot-box .slot-row{display:flex;justify-content:space-between;align-items:baseline;font-family:var(--mono);font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:#fff9;margin-bottom:12px}.slot-box .slot-row b{color:#fff;font-size:15px;letter-spacing:0}.slot-bar{height:8px;border-radius:99px;background:#ffffff1f;overflow:hidden}.slot-bar .fill{height:100%;border-radius:99px;background:linear-gradient(90deg,var(--blue),var(--blue-light));transition:width .5s ease}footer{background:var(--navy);color:#ffffff8c;padding:44px 0 110px;font-size:13px;border-top:1px solid rgba(255,255,255,.08)}footer .wrap{display:grid;gap:18px}footer img.logo{height:36px;width:auto}footer .disc{font-size:12px;color:#ffffff61;max-width:62ch}.wa-float{position:fixed;right:20px;bottom:20px;z-index:90;width:58px;height:58px;border-radius:50%;background:var(--cta);color:#fff;display:grid;place-items:center;border:0;cursor:pointer;box-shadow:0 12px 30px #0a1f3359;transition:transform .16s ease}.wa-float:hover{transform:scale(1.08)}.wa-sticky-bar{display:none}@media(max-width:760px){.hero-stats{grid-template-columns:repeat(3,1fr);gap:14px}.stat .cap{letter-spacing:.1em;line-height:1.5}.solusi-grid{grid-template-columns:1fr}.solusi-photo{order:-1;max-width:440px}.galeri-grid{grid-template-columns:repeat(2,1fr);gap:14px}.galeri-card figcaption{padding:0 14px 14px}.galeri-card .judul{font-size:14.5px;padding-bottom:12px}.galeri-card .pemilik{margin-top:10px;font-size:13px}.wa-float{display:none}.wa-sticky-bar{display:block;position:fixed;left:0;right:0;bottom:0;z-index:90;padding:10px 14px calc(10px + env(safe-area-inset-bottom));background:#0a1f33eb;backdrop-filter:blur(8px);border-top:1px solid rgba(255,255,255,.1)}.wa-sticky-bar .btn{width:100%;padding:14px 20px;font-size:15px}footer{padding-bottom:130px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}