:root{--amber:#f5a623;--amber-hover:#e08e12;--amber-dark:#ff7a18;--amber-grad:linear-gradient(100deg, #ff7a18, #f5a623);--amber-text:#a5670a;--ink:#1c1c1a;--on-amber:#1c1c1a;--heading:#1c1c1a;--text:#3b3a35;--muted:#78736a;--tint:#fdf3e1;--surface:#fff;--bg:#fafaf9;--border:#e9e6df;--nav-bg:#fafaf9e6;--maxw:1120px}[data-theme=dark]{--amber-hover:#f7b23e;--amber-text:#f0a62a;--heading:#fbf6ec;--text:#dcd6ca;--muted:#a29a8b;--tint:#211c12;--surface:#1b1811;--bg:#13110d;--border:#2c271d;--nav-bg:#13110de6}*{box-sizing:border-box}html{scroll-behavior:smooth}body{color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;margin:0;font-family:Plus Jakarta Sans,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;line-height:1.65;transition:background .3s,color .3s}h1,h2,h3{color:var(--heading);letter-spacing:-.025em;margin:0;font-weight:800;line-height:1.14}h2{font-weight:700}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.container{max-width:var(--maxw);margin:0 auto;padding:0 20px}.teks-merek{color:var(--amber-dark);background:var(--amber-grad);-webkit-background-clip:text;background-clip:text}@supports ((-webkit-background-clip:text) or (background-clip:text)){.teks-merek{color:#0000}}.btn{cursor:pointer;border:none;border-radius:14px;align-items:center;gap:8px;padding:13px 22px;font-size:15px;font-weight:700;transition:transform .15s,background .15s,border-color .15s,color .15s;display:inline-flex}.btn:active{transform:scale(.98)}.btn-primary{background:var(--amber);color:var(--on-amber);box-shadow:0 6px 18px #f5a62347}.btn-primary:hover{background:var(--amber-hover)}.btn-wa{color:#fff;background:#059669;box-shadow:0 6px 18px #05966947}.btn-wa:hover{background:#047857}.btn-outline{background:var(--surface);color:var(--heading);border:1px solid var(--border)}.btn-outline:hover{border-color:var(--amber);color:var(--amber-text)}.section{padding:88px 0}.eyebrow{color:var(--amber-text);letter-spacing:.15em;text-transform:uppercase;font-size:12.5px;font-weight:700}.js .reveal{opacity:0;transition:opacity .6s,transform .6s;transform:translateY(20px)}.js .reveal.is-visible{opacity:1;transform:none}@media (prefers-reduced-motion:reduce){.js .reveal{opacity:1;transition:none;transform:none}body{transition:none}}@media (width<=640px){.section{padding:60px 0}}.nav{z-index:50;background:var(--nav-bg);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-bottom:1px solid var(--border);position:sticky;top:0}.nav-inner{align-items:center;gap:16px;height:64px;display:flex}.brand{margin-right:auto;display:inline-flex}.nav-links{align-items:center;gap:24px;display:flex}.nav-links a{color:var(--text);font-size:15px}.nav-links a:hover{color:var(--amber-text)}.nav-actions{align-items:center;gap:8px;display:flex}.theme-toggle{cursor:pointer;color:var(--text);background:0 0;border:none;border-radius:8px;align-items:center;padding:6px;display:inline-flex}.theme-toggle:hover{background:var(--tint);color:var(--amber-text)}.nav-toggle{cursor:pointer;color:var(--amber-text);background:0 0;border:none;display:none}@media (width<=760px){.nav-toggle{display:inline-flex}.nav-links{background:var(--surface);border-bottom:1px solid var(--border);flex-direction:column;gap:16px;padding:20px;display:none;position:absolute;top:64px;left:0;right:0}.nav-links.open{display:flex}}.hero{border-bottom:1px solid var(--border);background:var(--bg);position:relative;overflow:hidden}.hero-grid{z-index:1;grid-template-columns:1.05fr 1fr;align-items:center;gap:48px;padding-top:72px;padding-bottom:84px;display:grid;position:relative}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.blob{filter:blur(64px);pointer-events:none;z-index:0;border-radius:50%;position:absolute}.blob-a{background:#f5a6234d;width:300px;height:300px;animation:15s ease-in-out infinite blobFloat;top:-90px;left:-70px}.blob-b{background:#ff7a1833;width:260px;height:260px;animation:18s ease-in-out -7s infinite blobFloat;bottom:-120px;right:22%}@keyframes blobFloat{0%,to{transform:translate(0)scale(1)}50%{transform:translate(18px,-22px)scale(1.08)}}.hero-pill{color:var(--amber-text);letter-spacing:.02em;background:#fff7e8;border:1px solid #f6d9a6;border-radius:999px;padding:7px 15px;font-size:12px;font-weight:700;display:inline-block}.hero h1{margin:18px 0 0;font-size:50px}.hero-rotate{color:var(--muted);margin:14px 0 0;font-size:17px}.rot-word{color:var(--amber-text);font-weight:700;animation:.4s both rotIn;display:inline-block}@keyframes rotIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.hero-sub{color:var(--muted);max-width:460px;margin:12px 0 26px;font-size:17px}.hero-actions{flex-wrap:wrap;gap:12px;display:flex}.hero-stats{border-top:1px solid var(--border);gap:36px;margin:34px 0 0;padding-top:22px;display:flex}.hero-stats dd{margin:0}.hero-stats b{color:var(--heading);letter-spacing:-.02em;font-size:28px;font-weight:800;line-height:1;display:block}.hero-stats span{color:var(--muted);font-size:13px}.hero-visual{position:relative}.hv-stack{aspect-ratio:4/3;width:100%;max-width:380px;margin:0 auto;position:relative}.hv-tile{background:var(--surface);border:1px solid var(--border);border-radius:26px;flex-direction:column;justify-content:space-between;padding:26px;display:flex;position:absolute;inset:0;box-shadow:0 26px 54px #1c1c1a29}.hv-tile img{width:54px;height:54px}.hv-body{flex-direction:column;display:flex}.hv-eyebrow{letter-spacing:.14em;text-transform:uppercase;color:var(--amber-text);font-size:11px;font-weight:700}.hv-body b{color:var(--heading);letter-spacing:-.02em;margin-top:3px;font-size:23px}.hv-tag{color:var(--muted);margin-top:5px;font-size:14px}@keyframes tumpukan{0%,28%{opacity:1;z-index:3;transform:translate(0)rotate(-2deg)scale(1)}33.33%{opacity:.75;z-index:1;transform:translate(13%,22px)rotate(7deg)scale(.88)}61.66%{opacity:.75;z-index:1;transform:translate(13%,22px)rotate(7deg)scale(.88)}66.66%,95%{opacity:.9;z-index:2;transform:translate(7%,11px)rotate(3deg)scale(.94)}to{opacity:1;z-index:3;transform:translate(0)rotate(-2deg)scale(1)}}.tumpukan{animation:12s cubic-bezier(.65,0,.35,1) infinite tumpukan;animation-delay:calc(var(--tumpuk-i,0) * -4s)}@media (prefers-reduced-motion:reduce){.blob,.rot-word{animation:none}.tumpukan{transform:translate(calc(var(--tumpuk-i,0) * 7%), calc(var(--tumpuk-i,0) * 11px)) rotate(calc(-2deg + var(--tumpuk-i,0) * 5deg)) scale(calc(1 - var(--tumpuk-i,0) * .06));opacity:calc(1 - var(--tumpuk-i,0) * .1);z-index:calc(3 - var(--tumpuk-i,0));animation:none}}@media (width<=900px){.hero-grid{grid-template-columns:1fr;gap:34px;padding-top:52px;padding-bottom:60px}.hero h1{font-size:38px}.hv-stack{max-width:320px}}@media (width<=640px){.hero h1{font-size:32px}.hero-stats{gap:24px}.hero-stats b{font-size:24px}}.marquee-wrap{padding:34px 0 0}.marquee{border-top:1px solid var(--border);border-bottom:1px solid var(--border);background:var(--surface);padding:18px 0;position:relative;overflow:hidden}.marquee:before,.marquee:after{content:"";z-index:2;pointer-events:none;width:70px;position:absolute;top:0;bottom:0}.marquee:before{background:linear-gradient(90deg, var(--surface), transparent);left:0}.marquee:after{background:linear-gradient(270deg, var(--surface), transparent);right:0}.marquee-label{text-align:center;color:var(--muted);letter-spacing:.18em;text-transform:uppercase;margin-bottom:14px;font-size:12px}.marquee-track{width:max-content;animation:44s linear infinite slide;display:flex}.marquee:hover .marquee-track{animation-play-state:paused}.marquee-item{color:var(--text);white-space:nowrap;align-items:center;gap:9px;margin:0 22px;font-size:15px;font-weight:600;display:inline-flex}.marquee-item img{width:32px;height:32px}@keyframes slide{0%{transform:translate(0)}to{transform:translate(-50%)}}@media (prefers-reduced-motion:reduce){.marquee-track{animation:none}}.about{text-align:center}.about h2{margin-bottom:8px;font-size:30px}.about-body{max-width:680px;margin:20px auto 0}.about-body p{color:var(--muted);margin:0 0 16px;font-size:17px}.biz{background:var(--bg)}.biz-head{text-align:center;margin-bottom:38px}.biz-head h2{font-size:32px}.biz-head--digital{margin-top:64px}.biz-sub{color:var(--muted);margin-top:8px;font-size:15px}.biz-grid{grid-template-columns:repeat(auto-fit,minmax(224px,1fr));gap:18px;display:grid}.biz-card{background:var(--surface);border:1px solid var(--border);text-align:center;border-radius:24px;padding:30px 24px;transition:transform .18s,box-shadow .18s,border-color .18s}.biz-card:hover{border-color:#f6d9a6;transform:translateY(-4px);box-shadow:0 18px 40px #1c1c1a1a}.biz-icon{background:var(--tint);width:56px;height:56px;color:var(--amber-text);border-radius:14px;justify-content:center;align-items:center;margin:0 auto 16px;display:flex}.biz-badge{border-radius:15px;width:58px;height:58px;margin:0 auto 16px;transition:transform .25s;display:block}.biz-card{position:relative;overflow:hidden}.biz-card:before{content:"";background:var(--amber);opacity:.08;filter:blur(28px);border-radius:50%;width:150px;height:150px;transition:opacity .25s;position:absolute;top:-50px;left:50%;transform:translate(-50%)}.biz-card:hover:before{opacity:.2}.biz-card:hover .biz-badge{transform:translateY(-3px)}.biz-card h3{margin-bottom:8px;font-size:19px}.biz-card p{color:var(--muted);min-height:44px;margin:0 0 16px;font-size:15px}.biz-visit{color:var(--amber-text);font-size:15px;font-weight:600}.why-head{text-align:center;margin-bottom:36px}.why-head h2{font-size:30px}.why-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:24px;display:grid}.why-item{text-align:center;padding:8px}.why-num{background:var(--amber);width:44px;height:44px;color:var(--on-amber);border-radius:50%;justify-content:center;align-items:center;margin:0 auto 14px;font-weight:700;display:flex}.why-item h3{margin-bottom:6px;font-size:18px}.why-item p{color:var(--muted);margin:0;font-size:15px}.clients{border-top:1px solid var(--border);border-bottom:1px solid var(--border);background:var(--surface);padding:44px 0}.clients-label{text-align:center;color:var(--muted);letter-spacing:.06em;margin:0 0 22px;font-size:12.5px;font-weight:600}.clients-row{flex-wrap:wrap;justify-content:center;align-items:center;gap:20px 44px;display:flex}.client-name{letter-spacing:-.01em;color:var(--muted);opacity:.7;white-space:nowrap;font-size:20px;font-weight:800;transition:opacity .2s,color .2s}.client-name:hover{opacity:1;color:var(--heading)}.client-logo{opacity:.75;filter:grayscale();width:auto;height:34px;transition:opacity .2s,filter .2s}.client-logo:hover{opacity:1;filter:grayscale(0)}@media (width<=640px){.clients-row{gap:16px 28px}.client-name{font-size:16px}}.contact{background:var(--ink);color:#e9e3d6}.contact h2{color:#fff;font-size:30px}.contact .eyebrow{color:var(--amber)}.contact-grid{grid-template-columns:1fr 1fr;gap:32px;margin-top:28px;display:grid}.contact-item{align-items:flex-start;gap:12px;margin-bottom:16px;display:flex}.contact-item a{color:#fff;font-weight:600}.contact-item span{color:#c7bfb0}.contact-links a{color:#e9e3d6;margin-bottom:10px;display:block}.contact-links a:hover{color:var(--amber)}.footer{border-top:1px solid #ffffff26;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-top:40px;padding-top:24px;display:flex}.footer small{color:#a79e8e}@media (width<=640px){.contact-grid{grid-template-columns:1fr}}.fab-wa{z-index:60;color:#fff;background:#25d366;border-radius:999px;align-items:center;gap:8px;padding:12px 18px;font-size:15px;font-weight:600;display:inline-flex;position:fixed;bottom:20px;right:20px;box-shadow:0 6px 20px #0000002e}.fab-wa:hover{background:#1ebe5a;transform:translateY(-2px)}.fab-wa{transition:transform .15s,background .15s;animation:2.8s ease-in-out infinite waPulse}@keyframes waPulse{0%,to{box-shadow:0 6px 20px #0000002e,0 0 #25d36673}50%{box-shadow:0 6px 20px #0000002e,0 0 0 12px #25d36600}}@media (prefers-reduced-motion:reduce){.fab-wa{animation:none}}@media (width<=640px){.fab-wa .fab-wa-label{display:none}.fab-wa{padding:14px}}