:root{--font-main: "Plus Jakarta Sans", sans-serif;--bg-body: #F8FAFC;--bg-surface: #FFFFFF;--primary: #0F172A;--accent: #2563EB;--text-main: #0F172A;--text-muted: #64748B;--border-color: #E2E8F0;--chat-bg-in: #F1F5F9;--chat-bg-out: #2563EB;--chat-text-out: #FFFFFF;--pattern-color: #cbd5e1;--footer-bg: #FFFFFF;--footer-text: #0F172A;--footer-border: #E2E8F0}[data-theme=dark]{--bg-body: #020617;--bg-surface: #0F172A;--primary: #FFFFFF;--accent: #38BDF8;--text-main: #F8FAFC;--text-muted: #94A3B8;--border-color: #1E293B;--chat-bg-in: #1E293B;--chat-bg-out: #38BDF8;--chat-text-out: #0F172A;--pattern-color: #1e293b;--footer-bg: #020617;--footer-text: #F8FAFC;--footer-border: #1E293B}body{font-family:var(--font-main);background-color:var(--bg-body);color:var(--text-main);line-height:1.6;transition:background-color .3s ease,color .3s ease;background-image:radial-gradient(var(--pattern-color) 1.5px,transparent 1.5px);background-size:32px 32px}h1,h2,h3,h4,h5,h6,.btn,.navbar-brand{font-family:var(--font-main);letter-spacing:-.025em}.text-muted{color:var(--text-muted)!important}*,.btn,.card,.navbar{box-shadow:none!important}.navbar{background-color:var(--bg-surface);border-bottom:1px solid var(--border-color);padding:1rem 0;transition:all .3s ease}.navbar-brand{font-weight:800;font-size:1.25rem;color:var(--text-main)!important;display:flex;align-items:center;gap:12px}.icon-box-brand{width:36px;height:36px;background:var(--text-main);color:var(--bg-surface);border-radius:8px;display:flex;align-items:center;justify-content:center}.nav-link{color:var(--text-muted)!important;font-weight:600;font-size:.95rem;margin:0 8px;transition:color .2s}.nav-link:hover,.nav-link.active{color:var(--text-main)!important}.btn{border-radius:8px;font-weight:600;padding:12px 24px;transition:all .2s;border:1px solid transparent}.btn:active{transform:scale(.98)}.btn-moon{background-color:var(--text-main);color:var(--bg-surface)}.btn-moon:hover{background-color:var(--accent);color:#fff;border-color:var(--accent)}[data-theme=dark] .btn-moon:hover{color:#0f172a}.btn-outline-moon{border-color:var(--border-color);color:var(--text-main);background:var(--bg-surface)}.btn-outline-moon:hover{border-color:var(--text-main);background:var(--bg-body)}.hero-badge{display:inline-flex;align-items:center;padding:4px 6px;background:var(--bg-surface);border:1px solid var(--border-color);border-radius:100px;margin-bottom:24px;font-size:.85rem}.hero-badge .badge-pill{background:var(--accent);color:#fff;padding:4px 12px;border-radius:100px;font-weight:700;margin-right:10px;display:inline-block}[data-theme=dark] .hero-badge .badge-pill{color:#0f172a}.hero-title{font-size:3.5rem;font-weight:800;line-height:1.1;color:var(--text-main);margin-bottom:1.5rem}.hero-subtitle{font-size:1.125rem;color:var(--text-muted);margin-bottom:2.5rem;max-width:500px}.chat-mockup{background:var(--bg-surface);border-radius:24px;border:2px solid var(--border-color);overflow:hidden;max-width:340px;margin:0 auto;position:relative}.chat-mockup:before{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);width:40%;height:18px;background:var(--bg-surface);border-bottom-left-radius:12px;border-bottom-right-radius:12px;border:1px solid var(--border-color);border-top:0;z-index:10}.chat-header{background:var(--bg-surface);padding:24px 20px 15px;border-bottom:1px solid var(--border-color);display:flex;align-items:center;gap:12px}.chat-body{background:var(--bg-body);padding:20px;height:340px;display:flex;flex-direction:column;gap:12px;overflow-y:auto;scrollbar-width:none}.chat-body::-webkit-scrollbar{display:none}.msg{padding:10px 16px;border-radius:12px;font-size:.9rem;max-width:85%;font-weight:500;flex-shrink:0}.msg-in{background:var(--chat-bg-in);align-self:flex-start;border-top-left-radius:2px;color:var(--text-main);border:1px solid var(--border-color)}.msg-out{background:var(--chat-bg-out);align-self:flex-end;border-top-right-radius:2px;color:var(--chat-text-out)}.feature-card{background:var(--bg-surface);padding:2rem;border-radius:12px;border:1px solid var(--border-color);height:100%;transition:border-color .3s}.feature-card:hover{border-color:var(--accent)}.icon-box{width:48px;height:48px;background-color:var(--bg-body);border:1px solid var(--border-color);border-radius:8px;display:flex;align-items:center;justify-content:center;color:var(--accent);margin-bottom:1.25rem}.stats-section{background-color:var(--bg-surface);padding:60px 0;border-top:1px solid var(--border-color);border-bottom:1px solid var(--border-color)}#harga{background-color:var(--bg-body);background-image:linear-gradient(to right,var(--pattern-color) 1px,transparent 1px),linear-gradient(to bottom,var(--pattern-color) 1px,transparent 1px);background-size:50px 50px;border-top:1px solid var(--border-color);border-bottom:1px solid var(--border-color)}.pricing-toggle-container{display:inline-flex;background:var(--bg-surface);border:1px solid var(--border-color);border-radius:50px;padding:4px;margin-bottom:2rem}.pricing-toggle-btn{padding:10px 24px;border-radius:50px;font-weight:600;cursor:pointer;transition:all .3s ease;color:var(--text-muted)}.pricing-toggle-btn.active{background:var(--text-main);color:var(--bg-surface)}.pricing-card{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:16px;padding:2rem;height:100%;display:flex;flex-direction:column;opacity:0;animation:fadeInCard .5s ease forwards}@keyframes fadeInCard{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.pricing-card.popular{border:2px solid var(--accent);position:relative}.pricing-card.coming-soon{border-style:dashed;background:var(--bg-body)}.popular-tag{background:var(--accent);color:var(--chat-text-out);position:absolute;top:0;left:50%;transform:translate(-50%,-50%);padding:4px 16px;border-radius:50px;font-size:.75rem;font-weight:700;letter-spacing:.5px}.price-text{font-size:2.5rem;font-weight:800;color:var(--text-main);margin:1rem 0;display:flex;align-items:baseline;gap:5px}.price-period{font-size:1rem;color:var(--text-muted);font-weight:500}.check-icon{color:var(--accent);font-size:18px;margin-right:10px}footer{background-color:var(--footer-bg);color:var(--footer-text);padding:80px 0 40px;border-top:1px solid var(--footer-border);background-image:radial-gradient(var(--pattern-color) 1.5px,transparent 1.5px);background-size:32px 32px}footer h5{color:var(--text-main);font-weight:700;font-size:.9rem;text-transform:uppercase;letter-spacing:.5px;margin-bottom:1.25rem}footer a{color:var(--text-muted);text-decoration:none;display:block;margin-bottom:12px;font-size:.95rem}footer a:hover{color:var(--accent)}.subfooter{margin-top:60px;padding-top:30px;border-top:1px solid var(--border-color);display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:20px}.theme-toggle{cursor:pointer;width:42px;height:42px;border-radius:8px;background:var(--bg-body);border:1px solid var(--border-color);color:var(--text-main);display:flex;align-items:center;justify-content:center;transition:all .2s}.theme-toggle:hover{border-color:var(--text-main)}@media(max-width:768px){.hero-title{font-size:2.5rem;text-align:center}.hero-subtitle{text-align:center;margin:0 auto 2rem}.hero-badge{margin:0 auto 24px}.hero-btns{justify-content:center}.subfooter{flex-direction:column;text-align:center}.chat-mockup{margin-top:60px}}