:root{--ink: #0A0A0A;--ink-soft: #1C1C1E;--ink-muted: #2C2C2E;--border: #2A2A2C;--border-light:#E4E4E7;--text-primary: #FAFAFA;--text-secondary: rgba(250,250,250,.55);--text-tertiary: rgba(250,250,250,.3);--text-dark: #0A0A0A;--text-dark-soft: #52525B;--accent: #F97316;--accent-dim: rgba(249,115,22,.12);--accent-border:rgba(249,115,22,.25);--surface-1: #111113;--surface-2: #18181A;--surface-3: #1E1E20;--surface-light: #F4F4F5;--surface-white: #FFFFFF;--font-sans: "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, sans-serif;--font-mono: "JetBrains Mono", "Fira Code", "Courier New", monospace}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased}body{font-family:var(--font-sans);background:var(--surface-white);color:var(--text-dark);overflow-x:hidden;line-height:1.6}.container{max-width:1200px;margin:0 auto;padding:0 2rem}.navbar{position:fixed;top:0;left:0;right:0;z-index:100;padding:1.25rem 0;transition:background .3s,border-color .3s,padding .3s;border-bottom:1px solid transparent}.navbar.scrolled{background:#0a0a0af5;border-bottom-color:var(--border);-webkit-backdrop-filter:saturate(180%) blur(16px);backdrop-filter:saturate(180%) blur(16px);padding:.875rem 0}.nav-inner{display:flex;align-items:center;justify-content:space-between;gap:2rem}.navbar-brand{font-size:1.1rem;font-weight:700;color:var(--text-primary);text-decoration:none;letter-spacing:-.02em;display:flex;align-items:center;gap:.5rem}.navbar-brand .brand-dot{width:6px;height:6px;border-radius:50%;background:var(--accent);display:inline-block}.nav-links{display:flex;align-items:center;gap:2rem}.nav-link-item{color:var(--text-secondary);text-decoration:none;font-size:.875rem;font-weight:450;letter-spacing:.01em;transition:color .15s}.nav-link-item:hover{color:var(--text-primary)}.btn-nav-cta{font-size:.8rem;font-weight:600;padding:.5rem 1.1rem;border-radius:6px;background:var(--accent);color:#fff;text-decoration:none;letter-spacing:.01em;transition:opacity .15s,transform .15s;display:inline-flex;align-items:center;gap:.4rem}.btn-nav-cta:hover{opacity:.88;transform:translateY(-1px);color:#fff}.nav-toggle{display:none;background:none;border:1px solid var(--border);border-radius:6px;padding:.4rem .5rem;cursor:pointer;color:var(--text-secondary)}.nav-toggle:hover{border-color:var(--text-secondary);color:var(--text-primary)}.nav-mobile{display:none;padding:1rem 0 1.5rem;border-top:1px solid var(--border);margin-top:.875rem}.nav-mobile a{display:block;padding:.6rem 0;color:var(--text-secondary);text-decoration:none;font-size:.9rem;border-bottom:1px solid rgba(255,255,255,.05);transition:color .15s}.nav-mobile a:hover{color:var(--text-primary)}.nav-mobile a:last-child{border-bottom:none}#home{min-height:100vh;background:var(--ink);display:flex;align-items:center;padding-top:5rem;position:relative;overflow:hidden}#home:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:64px 64px;pointer-events:none}#home:after{content:"";position:absolute;top:-20%;right:-10%;width:600px;height:600px;background:radial-gradient(circle,rgba(249,115,22,.06) 0%,transparent 65%);pointer-events:none}.hero-bg-image{position:absolute;inset:0;background-size:cover;background-position:center;opacity:.04}.hero-inner{display:grid;grid-template-columns:1fr 1fr;gap:5rem;align-items:center;padding:5rem 0;position:relative;z-index:1}.hero-eyebrow{display:inline-flex;align-items:center;gap:.5rem;font-size:.72rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--accent);margin-bottom:1.5rem;font-family:var(--font-mono)}.hero-eyebrow:before{content:"";display:inline-block;width:20px;height:1px;background:var(--accent)}.hero-title{font-size:clamp(2.25rem,4.5vw,3.75rem);font-weight:700;line-height:1.1;letter-spacing:-.03em;color:var(--text-primary);margin-bottom:1.5rem}.hero-title em{font-style:normal;color:var(--accent)}.hero-subtitle{font-size:1rem;color:var(--text-secondary);line-height:1.75;max-width:480px;margin-bottom:2.5rem;font-weight:400}.hero-actions{display:flex;align-items:center;gap:1rem;flex-wrap:wrap}.btn-primary{display:inline-flex;align-items:center;gap:.5rem;background:var(--accent);color:#fff;padding:.75rem 1.5rem;border-radius:6px;font-weight:600;font-size:.9rem;text-decoration:none;transition:opacity .15s,transform .15s;border:none;cursor:pointer}.btn-primary:hover{opacity:.88;transform:translateY(-1px);color:#fff}.btn-ghost{display:inline-flex;align-items:center;gap:.4rem;color:var(--text-secondary);font-size:.875rem;font-weight:500;text-decoration:none;transition:color .15s;padding:.75rem 0}.btn-ghost:hover{color:var(--text-primary)}.btn-ghost svg{transition:transform .15s}.btn-ghost:hover svg{transform:translate(3px)}.hero-stats{display:flex;gap:2.5rem;margin-top:3.5rem;padding-top:2rem;border-top:1px solid var(--border);flex-wrap:wrap}.stat-item .stat-number{font-size:1.5rem;font-weight:700;color:var(--text-primary);letter-spacing:-.03em;line-height:1;font-family:var(--font-mono)}.stat-item .stat-label{font-size:.75rem;color:var(--text-tertiary);margin-top:.3rem;letter-spacing:.02em}.hero-visual{position:relative}.hero-terminal{background:var(--surface-2);border:1px solid var(--border);border-radius:10px;overflow:hidden;font-family:var(--font-mono)}.terminal-bar{background:var(--surface-3);padding:.75rem 1rem;display:flex;align-items:center;gap:.5rem;border-bottom:1px solid var(--border)}.t-dot{width:10px;height:10px;border-radius:50%}.t-dot-r{background:#ff5f56}.t-dot-y{background:#ffbd2e}.t-dot-g{background:#27c93f}.terminal-filename{margin-left:auto;font-size:.72rem;color:var(--text-tertiary);letter-spacing:.05em}.terminal-body{padding:1.25rem;font-size:.8rem;line-height:1.9}.t-comment{color:#525252}.t-key{color:#7dd3fc}.t-str{color:#86efac}.t-num{color:#fca5a5}.t-punct{color:var(--text-tertiary)}.t-acc{color:var(--accent);font-weight:600}.hero-chart-card{margin-top:1rem;background:var(--surface-2);border:1px solid var(--border);border-radius:10px;padding:1.25rem}.chart-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.25rem}.chart-title{font-size:.78rem;font-weight:600;color:var(--text-secondary);letter-spacing:.04em;text-transform:uppercase;font-family:var(--font-mono)}.chart-badge{font-size:.68rem;background:#27c93f1f;color:#27c93f;border:1px solid rgba(39,201,63,.2);padding:.2rem .5rem;border-radius:4px;font-family:var(--font-mono);font-weight:600}.sentiment-bar{display:flex;align-items:center;gap:.875rem;margin-bottom:.6rem}.sentiment-label{color:var(--text-tertiary);font-size:.72rem;width:62px;font-family:var(--font-mono);letter-spacing:.02em}.bar-track{flex:1;height:6px;background:var(--surface-3);border-radius:3px;overflow:hidden}.bar-fill{height:100%;border-radius:3px;transition:width 1.2s cubic-bezier(.4,0,.2,1)}.bar-positive{background:#27c93f}.bar-neutral{background:#ffbd2e}.bar-negative{background:#ff5f56}.bar-value{color:var(--text-secondary);font-size:.72rem;font-family:var(--font-mono);width:32px;text-align:right}.logo-strip{background:var(--surface-light);border-top:1px solid var(--border-light);border-bottom:1px solid var(--border-light);padding:1.5rem 0;overflow:hidden}.logo-strip-inner{display:flex;align-items:center;gap:3rem;justify-content:center;flex-wrap:wrap}.strip-label{font-size:.72rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:#a1a1aa}.strip-item{font-size:.78rem;font-weight:600;color:#a1a1aa;letter-spacing:.05em;font-family:var(--font-mono);display:flex;align-items:center;gap:.4rem}.strip-item span{color:var(--accent)}.section{padding:6rem 0}.section-alt{background:var(--surface-light)}.section-dark{background:var(--ink)}.section-label{display:inline-flex;align-items:center;gap:.5rem;font-size:.72rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--accent);margin-bottom:1rem;font-family:var(--font-mono)}.section-label:before{content:"";display:inline-block;width:16px;height:1px;background:var(--accent)}.section-label.dark{color:var(--accent)}.section-title{font-size:clamp(1.75rem,3vw,2.5rem);font-weight:700;letter-spacing:-.025em;line-height:1.15;color:var(--text-dark);margin-bottom:1rem}.section-title.light{color:var(--text-primary)}.section-subtitle{font-size:1rem;color:var(--text-dark-soft);line-height:1.75;max-width:520px}.section-subtitle.light{color:var(--text-secondary)}#tentang{background:var(--surface-white)}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:5rem;align-items:center}.about-image-wrap{position:relative}.about-image-wrap img{width:100%;border-radius:8px;border:1px solid var(--border-light);display:block}.about-image-placeholder{width:100%;aspect-ratio:4/3;background:var(--surface-light);border-radius:8px;border:1px solid var(--border-light);display:flex;align-items:center;justify-content:center}.about-counter{position:absolute;bottom:-1.25rem;right:-1.25rem;background:var(--ink);border:1px solid var(--border);border-radius:8px;padding:1rem 1.25rem;text-align:center}.about-counter .num{font-size:1.5rem;font-weight:700;color:var(--accent);letter-spacing:-.04em;font-family:var(--font-mono);display:block}.about-counter .lbl{font-size:.68rem;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.08em;margin-top:.1rem}.about-features{display:flex;flex-direction:column;gap:1.25rem;margin-top:2rem}.about-feature{display:flex;align-items:flex-start;gap:.875rem;padding:1rem;border:1px solid var(--border-light);border-radius:8px;background:var(--surface-white);transition:border-color .2s}.about-feature:hover{border-color:var(--accent)}.about-feature-icon{width:36px;height:36px;border-radius:6px;background:var(--accent-dim);border:1px solid var(--accent-border);display:flex;align-items:center;justify-content:center;flex-shrink:0}.about-feature-title{font-size:.875rem;font-weight:600;color:var(--text-dark);margin-bottom:.15rem}.about-feature-desc{font-size:.8rem;color:var(--text-dark-soft);line-height:1.5}#produk{background:var(--surface-light)}.products-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1.5rem}.product-card{background:var(--surface-white);border:1px solid var(--border-light);border-radius:8px;overflow:hidden;display:flex;flex-direction:column;transition:border-color .2s,box-shadow .2s;cursor:pointer}.product-card:hover{border-color:#d4d4d8;box-shadow:0 8px 32px #00000012}.product-card-image{height:200px;overflow:hidden;background:var(--ink);position:relative}.product-card-image img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transition:transform .4s ease}.product-card:hover .product-card-image img{transform:scale(1.03)}.product-card-image-placeholder{height:200px;background:var(--surface-2);display:flex;align-items:center;justify-content:center}.product-badge{position:absolute;top:.75rem;left:.75rem;background:var(--accent);color:#fff;font-size:.65rem;font-weight:700;padding:.2rem .6rem;border-radius:4px;letter-spacing:.08em;text-transform:uppercase;font-family:var(--font-mono)}.product-card-body{padding:1.5rem;flex:1;display:flex;flex-direction:column}.product-card-title{font-size:1rem;font-weight:650;color:var(--text-dark);margin-bottom:.4rem;letter-spacing:-.01em}.product-card-desc{font-size:.85rem;color:var(--text-dark-soft);line-height:1.6;flex:1;margin-bottom:1.25rem}.product-card-actions{display:flex;gap:.75rem}.btn-outline{display:inline-flex;align-items:center;gap:.4rem;padding:.55rem 1rem;border:1px solid var(--border-light);border-radius:5px;font-size:.8rem;font-weight:600;color:var(--text-dark);text-decoration:none;transition:border-color .15s,color .15s}.btn-outline:hover{border-color:var(--text-dark);color:var(--text-dark)}.btn-solid{display:inline-flex;align-items:center;gap:.4rem;padding:.55rem 1rem;background:#16a34a;border:1px solid #16A34A;border-radius:5px;font-size:.8rem;font-weight:600;color:#fff;text-decoration:none;transition:background .15s,border-color .15s}.btn-solid:hover{background:#15803d;border-color:#15803d;color:#fff}#faq{background:var(--ink)}.faq-list{max-width:720px;margin:0 auto}.faq-item{border-bottom:1px solid var(--border)}.faq-item:first-child{border-top:1px solid var(--border)}.faq-question{display:flex;justify-content:space-between;align-items:center;padding:1.25rem 0;cursor:pointer;color:var(--text-primary);font-size:.9rem;font-weight:550;gap:1.5rem;transition:color .15s;-webkit-user-select:none;-moz-user-select:none;user-select:none}.faq-question:hover,.faq-item.active .faq-question{color:var(--accent)}.faq-icon{width:20px;height:20px;flex-shrink:0;color:var(--text-tertiary);transition:transform .3s,color .15s;display:flex;align-items:center;justify-content:center}.faq-item.active .faq-icon{transform:rotate(45deg);color:var(--accent)}.faq-answer{max-height:0;overflow:hidden;transition:max-height .35s cubic-bezier(.4,0,.2,1)}.faq-answer-inner{padding:0 0 1.25rem;color:var(--text-secondary);font-size:.875rem;line-height:1.8}#testimoni{background:var(--surface-white)}.testimonials-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.25rem}.testimonial-card{background:var(--surface-white);border:1px solid var(--border-light);border-radius:8px;padding:1.75rem;transition:border-color .2s,box-shadow .2s}.testimonial-card:hover{border-color:#d4d4d8;box-shadow:0 4px 20px #0000000f}.testimonial-stars{display:flex;gap:.15rem;margin-bottom:1rem}.star{color:var(--accent);font-size:.85rem}.star.empty{color:var(--border-light)}.testimonial-content{font-size:.875rem;color:var(--text-dark-soft);line-height:1.75;margin-bottom:1.5rem}.testimonial-author{display:flex;align-items:center;gap:.75rem}.testimonial-avatar{width:38px;height:38px;border-radius:50%;background:var(--ink);color:var(--text-primary);display:flex;align-items:center;justify-content:center;font-size:.8rem;font-weight:700;flex-shrink:0;font-family:var(--font-mono)}.testimonial-name{font-size:.85rem;font-weight:650;color:var(--text-dark)}.testimonial-role{font-size:.75rem;color:#a1a1aa}.rating-summary{display:flex;align-items:center;gap:1.5rem;padding:1.25rem 1.5rem;background:var(--surface-light);border:1px solid var(--border-light);border-radius:8px;margin-bottom:2.5rem;width:-moz-fit-content;width:fit-content}.rating-big{font-size:2.5rem;font-weight:700;color:var(--text-dark);letter-spacing:-.04em;font-family:var(--font-mono);line-height:1}.rating-stars-row{display:flex;gap:.15rem;margin:.25rem 0}.rating-count{font-size:.75rem;color:#a1a1aa}.rating-divider{width:1px;height:40px;background:var(--border-light)}.rating-note{font-size:.8rem;color:var(--text-dark-soft);max-width:180px;line-height:1.5}#kontak{background:var(--surface-light)}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:start}.contact-info-item{display:flex;align-items:flex-start;gap:1rem;padding:1rem 0;border-bottom:1px solid var(--border-light)}.contact-info-item:first-child{border-top:1px solid var(--border-light)}.contact-icon{width:38px;height:38px;border-radius:6px;background:var(--surface-white);border:1px solid var(--border-light);display:flex;align-items:center;justify-content:center;flex-shrink:0}.contact-icon svg{width:16px;height:16px;color:var(--text-dark)}.contact-label{font-size:.7rem;font-weight:600;color:#a1a1aa;text-transform:uppercase;letter-spacing:.08em}.contact-value{font-size:.875rem;font-weight:550;color:var(--text-dark);margin-top:.1rem}.contact-value a{color:var(--text-dark);text-decoration:none;transition:color .15s}.contact-value a:hover{color:var(--accent)}.social-links{display:flex;gap:.5rem;margin-top:2rem}.social-btn{width:38px;height:38px;border:1px solid var(--border-light);border-radius:6px;display:flex;align-items:center;justify-content:center;color:#a1a1aa;text-decoration:none;transition:border-color .15s,color .15s}.social-btn:hover{border-color:var(--accent);color:var(--accent)}.social-btn svg{width:16px;height:16px}.wa-cta{display:inline-flex;align-items:center;gap:.6rem;background:#25d366;color:#fff;padding:.75rem 1.5rem;border-radius:6px;font-size:.875rem;font-weight:600;text-decoration:none;margin-top:1.5rem;transition:opacity .15s}.wa-cta:hover{opacity:.88;color:#fff}.maps-wrapper{border-radius:8px;overflow:hidden;border:1px solid var(--border-light)}.maps-wrapper iframe{width:100%;height:360px;border:none;display:block}footer{background:var(--ink);border-top:1px solid var(--border);padding:3rem 0 1.5rem}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:3rem;padding-bottom:2.5rem;border-bottom:1px solid var(--border);margin-bottom:1.5rem}.footer-brand-name{font-size:1rem;font-weight:700;color:var(--text-primary);letter-spacing:-.02em;margin-bottom:.75rem;display:flex;align-items:center;gap:.4rem}.footer-desc{font-size:.825rem;color:var(--text-tertiary);line-height:1.7;max-width:280px}.footer-heading{font-size:.7rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--text-tertiary);margin-bottom:1rem;font-family:var(--font-mono)}.footer-links{display:flex;flex-direction:column;gap:.5rem}.footer-link{font-size:.825rem;color:var(--text-secondary);text-decoration:none;transition:color .15s}.footer-link:hover{color:var(--text-primary)}.footer-bottom{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:1rem}.footer-copy{font-size:.775rem;color:var(--text-tertiary);font-family:var(--font-mono)}.footer-admin-link{font-size:.7rem;color:var(--text-tertiary);text-decoration:none;font-family:var(--font-mono);transition:color .15s}.footer-admin-link:hover{color:var(--text-secondary)}.back-to-top{position:fixed;bottom:2rem;right:2rem;width:40px;height:40px;background:var(--surface-2);border:1px solid var(--border);border-radius:6px;display:flex;align-items:center;justify-content:center;color:var(--text-secondary);text-decoration:none;opacity:0;visibility:hidden;transition:all .25s;z-index:99}.back-to-top:hover{border-color:var(--text-secondary);color:var(--text-primary)}.back-to-top.visible{opacity:1;visibility:visible}.fade-up{opacity:0;transform:translateY(20px);transition:opacity .5s ease,transform .5s ease}.fade-up.visible{opacity:1;transform:translateY(0)}.fade-left{opacity:0;transform:translate(-20px);transition:opacity .5s ease,transform .5s ease}.fade-left.visible{opacity:1;transform:translate(0)}.fade-right{opacity:0;transform:translate(20px);transition:opacity .5s ease,transform .5s ease}.fade-right.visible{opacity:1;transform:translate(0)}@media(max-width:900px){.hero-inner{grid-template-columns:1fr;gap:3rem}.hero-visual{display:none}.about-grid{grid-template-columns:1fr;gap:3rem}.about-image-wrap{display:none}.contact-grid{grid-template-columns:1fr;gap:2.5rem}.footer-grid{grid-template-columns:1fr;gap:2rem}}@media(max-width:640px){.container{padding:0 1.25rem}.section{padding:4rem 0}.nav-links,.btn-nav-cta{display:none}.nav-toggle{display:flex}.hero-stats{gap:1.5rem}.products-grid,.testimonials-grid{grid-template-columns:1fr}.rating-summary{flex-direction:column;gap:1rem}.rating-divider{width:80px;height:1px}.footer-bottom{flex-direction:column;text-align:center}}.hero-slideshow{position:relative;border-radius:10px;overflow:hidden;background:var(--surface-2);border:1px solid var(--border);-webkit-user-select:none;-moz-user-select:none;user-select:none}.slides-track{position:relative;width:100%;aspect-ratio:16 / 10;overflow:hidden}.slide{position:absolute;inset:0;opacity:0;transition:opacity .6s cubic-bezier(.4,0,.2,1);pointer-events:none}.slide.active{opacity:1;pointer-events:auto}.slide img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:block}.slide-caption{position:absolute;bottom:0;left:0;right:0;padding:2rem 1.25rem 1rem;background:linear-gradient(to top,rgba(0,0,0,.65) 0%,transparent 100%)}.slide-caption span{font-size:.825rem;color:#ffffffe0;font-weight:500;line-height:1.5;letter-spacing:.01em}.slide-progress{height:2px;background:#ffffff14;position:relative;overflow:hidden}.slide-progress-bar{height:100%;background:var(--accent);width:0%;transition:width linear}.slide-controls{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;background:var(--surface-3);border-top:1px solid var(--border)}.slide-dots{display:flex;align-items:center;gap:.4rem}.slide-dot{width:6px;height:6px;border-radius:50%;border:none;background:#fff3;cursor:pointer;padding:0;transition:background .2s,transform .2s,width .25s}.slide-dot.active{background:var(--accent);width:18px;border-radius:3px}.slide-dot:hover:not(.active){background:#ffffff73}.slide-arrows{display:flex;align-items:center;gap:.5rem}.slide-arrow{width:28px;height:28px;border-radius:5px;border:1px solid var(--border);background:transparent;color:var(--text-secondary);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:border-color .15s,color .15s,background .15s}.slide-arrow:hover{border-color:var(--accent);color:var(--accent);background:var(--accent-dim)}.slide-counter{font-size:.7rem;color:var(--text-tertiary);font-family:var(--font-mono);letter-spacing:.05em;min-width:32px;text-align:center}.hero-slideshow.paused .slide-progress-bar{animation-play-state:paused}.search-box{display:flex;align-items:center;gap:.6rem;background:#fff;border:1px solid #e2e8f0;border-radius:999px;padding:.65rem 1.1rem;min-width:260px;transition:border-color .2s ease,box-shadow .2s ease}.search-box:focus-within{border-color:#16a34a;box-shadow:0 0 0 3px #16a34a1f}.search-box svg{color:#94a3b8;flex-shrink:0;transition:color .2s ease}.search-box:focus-within svg{color:#16a34a}.search-box input{border:none;outline:none;font-size:.9rem;width:100%;background:transparent;color:#1e293b}.search-box input::-moz-placeholder{color:#94a3b8}.search-box input::placeholder{color:#94a3b8}@media(max-width:640px){.search-box{width:100%}}