.landing-wrapper{color:#0f172a;background-color:#fff;width:100%;min-height:100vh;font-family:Outfit,sans-serif;overflow-x:hidden}.gradient-text{background:linear-gradient(135deg,#6366f1 0%,#a855f7 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text}.shadow-glow{box-shadow:0 4px 20px #6366f140}.btn-large{border-radius:14px!important;padding:14px 28px!important;font-size:15px!important}.navbar{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);z-index:999;background:#ffffffd9;border-bottom:1px solid #0f172a0f;width:100%;position:sticky;top:0;left:0}.navbar-container{justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto;padding:16px 24px;display:flex}.logo{color:#0f172a;align-items:center;gap:10px;font-size:19px;font-weight:700;text-decoration:none;display:flex}.logo-icon{color:#6366f1;background:#6366f11a;border:1px solid #6366f133;border-radius:10px;padding:7px;display:flex}.nav-links{gap:32px;display:flex}.nav-links a{color:#475569;font-size:14.5px;font-weight:600;text-decoration:none;transition:color .2s}.nav-links a:hover{color:#6366f1}.auth-ctas{align-items:center;gap:12px;display:flex}.btn-login{color:#475569;background:0 0;border:1px solid #0f172a1a}.btn-login:hover{color:#0f172a;background:#0f172a08;border-color:#0f172a33}.mobile-menu-toggle{color:#0f172a;cursor:pointer;background:0 0;border:none;display:none}.skeleton-btn{background:#0f172a0d;border-radius:12px;width:90px;height:38px;animation:1.5s infinite pulse}.hero{background:radial-gradient(circle at 80% 20%,#a855f70a 0%,#0000 50%),radial-gradient(circle at 10% 80%,#6366f108 0%,#0000 50%);padding:80px 24px 120px;position:relative}.hero-container{grid-template-columns:1.1fr .9fr;align-items:center;gap:60px;max-width:1200px;margin:0 auto;display:grid}.hero-content{flex-direction:column;align-items:flex-start;gap:24px;display:flex}.pill-badge{color:#6366f1;background:#6366f114;border:1px solid #6366f126;border-radius:30px;padding:6px 14px;font-size:12px;font-weight:700;display:flex}.hero-content h1{letter-spacing:-1.5px;color:#0f172a;text-align:left;font-size:48px;font-weight:800;line-height:1.15}.hero-content p{color:#475569;text-align:left;max-width:540px;font-size:17px;line-height:1.6}.hero-ctas{gap:16px;width:100%;margin-top:8px;display:flex}.hero-graphic{width:100%;position:relative}.graphic-container{background:#0f172ae6;border:1px solid #ffffff1a;border-radius:20px;width:100%;overflow:hidden;box-shadow:0 30px 60px -15px #0f172a4d;padding:0!important}.graphic-header{background:#0003;border-bottom:1px solid #ffffff0d;align-items:center;gap:16px;padding:12px 20px;display:flex}.dots{gap:6px;display:flex}.dot{border-radius:50%;width:10px;height:10px;display:inline-block}.dot-r{background-color:#f43f5e}.dot-y{background-color:#f59e0b}.dot-g{background-color:#10b981}.graphic-title{color:#fff6;text-transform:uppercase;letter-spacing:.5px;font-size:11px;font-weight:600}.graphic-body{flex-direction:column;gap:20px;padding:24px;display:flex}.dashboard-preview-stats{grid-template-columns:1fr 1fr;gap:16px;display:grid}.preview-stat{background:#ffffff08;border:1px solid #ffffff0d;border-radius:12px;flex-direction:column;gap:4px;padding:16px;display:flex}.preview-stat-lbl{text-transform:uppercase;color:#fff6;letter-spacing:.5px;font-size:10px;font-weight:700}.preview-stat-val{font-size:24px;font-weight:800}.chart-preview{background:#ffffff05;border:1px solid #ffffff0d;border-radius:12px;align-items:flex-end;height:140px;padding:16px;display:flex;position:relative}.chart-bars{justify-content:space-between;align-items:flex-end;gap:12px;width:100%;height:100%;display:flex}.bar{background:linear-gradient(#6366f1 0%,#6366f133 100%);border-radius:4px;flex:1;transition:height .5s}.animate-pulse-slow{animation:3s cubic-bezier(.4,0,.6,1) infinite pulse}.brand-logos{background:#fafafa;border-top:1px solid #0f172a0d;border-bottom:1px solid #0f172a0d;padding:40px 24px}.brand-title{text-transform:uppercase;letter-spacing:1px;color:#94a3b8;text-align:center;margin-bottom:28px;font-size:12.5px;font-weight:600}.logo-grid{flex-wrap:wrap;justify-content:space-around;align-items:center;gap:32px;max-width:1100px;margin:0 auto;display:flex}.brand-logo{color:#cbd5e1;letter-spacing:-.5px;text-transform:lowercase;filter:grayscale();opacity:.7;font-size:20px;font-weight:800;transition:all .2s}.brand-logo:hover{color:#475569;opacity:1}.section-container{max-width:1200px;margin:0 auto;padding:80px 24px}.text-center-head{text-align:center;flex-direction:column;align-items:center;gap:14px;max-width:600px;margin:0 auto 52px;display:flex}.section-badge{text-transform:uppercase;letter-spacing:1px;color:#6366f1;background:#6366f114;border-radius:20px;padding:4px 12px;font-size:11.5px;font-weight:700;display:inline-block}.text-center-head h2{letter-spacing:-1px;color:#0f172a;font-size:34px;font-weight:800}.text-center-head p{color:#64748b;font-size:15px;line-height:1.5}.features{background-color:#fff}.features-tabs{border-bottom:1px solid #0f172a0d;flex-wrap:wrap;justify-content:center;gap:8px;margin-bottom:32px;padding-bottom:16px;display:flex}.tab-btn{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:10px;padding:10px 20px;font-size:14px;font-weight:600;transition:all .2s}.tab-btn:hover{color:#0f172a;background:#0f172a05}.tab-btn.active{color:#6366f1;background:#6366f114}.tab-card{grid-template-columns:1fr 1fr;align-items:center;gap:40px;display:grid;box-shadow:0 20px 45px -10px #0f172a0d;background:#fff!important;border-color:#0f172a0f!important;padding:48px!important}.tab-card-info{flex-direction:column;align-items:flex-start;gap:20px;display:flex}.tab-card-lbl{text-transform:uppercase;color:#a855f7;letter-spacing:.5px;font-size:12px;font-weight:700}.tab-card-info h3{color:#0f172a;text-align:left;font-size:26px;font-weight:800}.tab-card-info p{color:#475569;text-align:left;font-size:15px;line-height:1.6}.tab-points-list{flex-direction:column;gap:12px;margin-top:8px;list-style:none;display:flex}.tab-points-list li{color:#475569;text-align:left;align-items:center;gap:10px;font-size:14px;font-weight:500;display:flex}.tab-card-visual{justify-content:center;width:100%;display:flex}.features-mockup{color:#fff;width:100%;max-width:420px;box-shadow:0 20px 40px -10px #0f172a40;background:#0f172a!important;border:1px solid #ffffff1a!important;padding:20px!important}.pricing{background-color:#fafafa;border-top:1px solid #0f172a0a}.pricing-container{flex-direction:column;gap:32px;max-width:1150px;margin:0 auto;display:flex}.pricing-selectors{justify-content:flex-end;align-items:center;min-height:50px;margin-bottom:8px;padding:0 10px;display:flex;position:relative}.pricing-tabs{background:#0f172a0a;border:1px solid #0f172a0f;border-radius:16px;gap:4px;padding:6px;display:flex;position:absolute;left:50%;transform:translate(-50%)}@media (max-width:768px){.pricing-selectors{flex-direction:column;justify-content:center;align-items:center;gap:16px;min-height:auto;display:flex}.pricing-tabs{position:static;transform:none}}.pricing-tab-btn{color:#475569;cursor:pointer;background:0 0;border:none;border-radius:12px;align-items:center;gap:8px;padding:10px 20px;font-size:14px;font-weight:700;transition:all .2s;display:flex}.pricing-tab-btn:hover{color:#0f172a}.pricing-tab-btn.active{background:#fff;box-shadow:0 4px 12px #0f172a0d}.pricing-tab-btn.active.credits-btn{color:#0284c7}.pricing-tab-btn.active.requests-btn{color:#059669}.currency-selector{background:#0f172a08;border:1px dashed #0f172a14;border-radius:16px;align-items:center;gap:12px;padding:8px 16px;display:flex}.currency-label{color:#64748b;font-size:13.5px;font-weight:600;transition:color .2s}.currency-label.active{color:#0f172a;font-weight:700}.currency-toggle-switch{cursor:pointer;background-color:#cbd5e1;border:none;border-radius:30px;width:48px;height:26px;padding:0;transition:background-color .3s;position:relative}.currency-toggle-switch:hover{background-color:#94a3b8}.currency-toggle-dot{background-color:#fff;border-radius:50%;width:18px;height:18px;transition:transform .3s cubic-bezier(.4,0,.2,1);display:block;position:absolute;top:4px;box-shadow:0 2px 5px #00000026}.currency-toggle-dot.idr{transform:translate(4px)}.currency-toggle-dot.usd{transform:translate(26px)}.quota-feature-box{text-align:center;background:#fff;border:1px solid #0f172a0d;border-radius:20px;flex-direction:column;justify-content:center;align-items:center;gap:16px;padding:24px 30px;display:flex;box-shadow:0 10px 25px -5px #0f172a05}.quota-feature-title{color:#1e293b;text-align:center;margin:0;font-size:16px;font-weight:800}.highlight-credits{color:#0284c7}.highlight-requests{color:#059669}.quota-features-list{flex-wrap:wrap;justify-content:center;gap:12px 24px;width:100%;display:flex}.quota-feature-item{color:#475569;align-items:center;gap:8px;font-size:13.5px;font-weight:600;display:flex}.feat-icon-wrapper{background:#0f172a08;border-radius:6px;padding:5px;display:flex}.quota-validity-badge-container{justify-content:center;width:100%;margin-top:4px;display:flex}.validity-badge{letter-spacing:.5px;border-radius:20px;margin:0;padding:5px 12px;font-size:11px;font-weight:750;display:inline-block}.credits-validity{color:#0369a1;background:#0ea5e914;border:1px solid #0ea5e926}.requests-validity{color:#065f46;background:#10b98114;border:1px solid #10b98126}.pricing-package-grid{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}@media (max-width:1024px){.pricing-package-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:640px){.pricing-package-grid{grid-template-columns:1fr}.pricing-selectors{flex-direction:column;align-items:center}}.package-card{background:#fff;border:1px solid #0f172a0f;border-radius:24px;flex-direction:column;gap:24px;padding:32px 28px;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:relative;box-shadow:0 4px 20px #0f172a03}.package-card:hover{transform:translateY(-5px);box-shadow:0 20px 30px -10px #0f172a0f}.card-credits:hover{border-color:#0ea5e94d}.card-requests:hover{border-color:#10b9814d}.package-card-popular{z-index:5;position:relative;transform:scale(1.05)translateY(-6px)}.package-card-popular:hover{transform:scale(1.08)translateY(-10px)!important}.card-credits.package-card-popular{border:2.5px solid #0ea5e9;box-shadow:0 25px 50px -12px #0ea5e966,0 0 25px #0ea5e933}.card-requests.package-card-popular{border:2.5px solid #10b981;box-shadow:0 25px 50px -12px #10b98166,0 0 25px #10b98133}.popular-ribbon{color:#fff;text-transform:uppercase;letter-spacing:.8px;background:linear-gradient(135deg,#f59e0b 0%,#ef4444 100%);border-radius:20px;align-items:center;gap:4px;padding:5px 14px;font-size:10px;font-weight:800;animation:2s infinite pulse-ribbon;display:flex;position:absolute;top:-12px;left:28px;box-shadow:0 0 15px #f59e0b99}.package-card-header{flex-direction:column;align-items:flex-start;gap:8px;display:flex}.package-title{color:#334155;font-size:17px;font-weight:750}.package-quota-display{color:#0f172a;align-items:baseline;display:flex}.quota-plus{color:#475569;margin-right:2px;font-size:20px;font-weight:800}.quota-number{letter-spacing:-1px;font-size:34px;font-weight:850}.quota-unit{color:#64748b;text-transform:uppercase;letter-spacing:.5px;margin-left:6px;font-size:13.5px;font-weight:600}.package-card-price-section{flex-direction:column;align-items:flex-start;gap:6px;margin-top:-4px;display:flex}.discount-tag-container{align-items:center;gap:8px;display:flex}.discount-percentage{color:#ef4444;background:#ef444414;border:1px solid #ef44441f;border-radius:6px;padding:2px 6px;font-size:10px;font-weight:800}.original-price-strike{color:#94a3b8;font-size:12.5px;font-weight:500;text-decoration:line-through}.package-price-tag{align-items:baseline;display:flex}.amount-val{color:#0f172a;font-size:26px;font-weight:800}.package-card-action{width:100%}.btn-checkout{cursor:pointer;border-radius:12px;justify-content:center;align-items:center;padding:12px 20px;font-size:14.5px;font-weight:700;text-decoration:none;transition:all .2s;display:flex}.btn-checkout.btn-primary{color:#fff;background:linear-gradient(135deg,#6366f1 0%,#3b82f6 100%);border:none}.btn-checkout.btn-primary:hover{background:linear-gradient(135deg,#4f46e5 0%,#2563eb 100%)}.btn-checkout.btn-secondary{color:#334155;background:#fff;border:1px solid #0f172a14}.btn-checkout.btn-secondary:hover{background:#0f172a05;border-color:#0f172a26}.package-card-footer{border-top:1px solid #0f172a0a;margin-top:-6px;padding-top:14px}.payment-support{color:#64748b;align-items:center;gap:8px;font-size:11.5px;display:flex}.payment-support-dot{border-radius:50%;width:7px;height:7px;display:inline-block}.idr-dot{background-color:#e11d48}.usd-dot{background-color:#06f}.pricing-trust-banner{text-align:center;background:#0f172a05;border:1px solid #0f172a0a;border-radius:20px;flex-direction:column;justify-content:center;align-items:center;gap:8px;margin-top:16px;padding:24px 30px;display:flex}.trust-title-h2{color:#1e293b;justify-content:center;align-items:center;gap:8px;margin:0;font-size:20px;font-weight:800;display:flex}.trust-subtitle-h2{color:#64748b;margin:0;font-size:15px;font-weight:600;line-height:1.5}.faq{background-color:#fff}.faq-grid{grid-template-columns:1fr 1fr;gap:24px;max-width:1000px;margin:0 auto;display:grid}.faq-item{box-shadow:0 4px 20px #0f172a05;background:#fff!important;border-color:#0f172a0d!important;padding:28px!important}.faq-item h4{color:#0f172a;text-align:left;margin-bottom:10px;font-size:15px;font-weight:700}.faq-item p{color:#475569;text-align:left;font-size:13px;line-height:1.5}.cta-banner{color:#fff;text-align:center;background:linear-gradient(135deg,#6366f1 0%,#818cf8 50%,#a855f7 100%);padding:80px 24px}.cta-banner-container{flex-direction:column;align-items:center;gap:20px;max-width:720px;margin:0 auto;display:flex}.cta-banner h2{letter-spacing:-1px;font-size:36px;font-weight:800}.cta-banner p{opacity:.9;max-width:600px;font-size:16px;line-height:1.5}.cta-banner-buttons{flex-wrap:wrap;justify-content:center;gap:16px;margin-top:12px;display:flex}.btn-cta-light{color:#6366f1;background:#fff}.btn-cta-light:hover{background:#f8fafc;transform:translateY(-1px)}.btn-cta-outline{color:#fff;background:0 0;border-color:#fff6}.btn-cta-outline:hover{background:#ffffff1a;border-color:#fff}.footer{color:#94a3b8;background-color:#090d16;border-top:1px solid #ffffff0d}.footer-container{grid-template-columns:1.5fr 1fr 1fr;gap:48px;max-width:1200px;margin:0 auto;padding:80px 24px 48px;display:grid}.footer-brand-column{flex-direction:column;align-items:flex-start;gap:20px;display:flex}.logo-footer{color:#fff}.footer-brand-desc{color:#64748b;max-width:300px;font-size:13.5px;line-height:1.6}.footer-socials{gap:12px;display:flex}.social-icon{color:#cbd5e1;cursor:pointer;background:#ffffff08;border:1px solid #ffffff0d;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;font-size:11px;font-weight:700;transition:all .2s;display:flex}.social-icon:hover{color:#fff;background:#6366f1;border-color:#6366f1}.footer-column h5{text-transform:uppercase;color:#fff;letter-spacing:.5px;margin-bottom:20px;font-size:12px;font-weight:700}.footer-column ul{flex-direction:column;gap:12px;list-style:none;display:flex}.footer-column ul a{color:#64748b;font-size:13.5px;text-decoration:none;transition:color .2s}.footer-column ul a:hover{color:#fff}.footer-bottom{border-top:1px solid #ffffff08;padding:24px}.footer-bottom-container{color:#475569;flex-wrap:wrap;justify-content:space-between;gap:12px;max-width:1200px;margin:0 auto;font-size:12px;display:flex}.mobile-dropdown{background:#fff;border-bottom:1px solid #0f172a14;flex-direction:column;gap:16px;padding:16px 24px 24px;display:flex}.mobile-dropdown a{color:#475569;font-size:15px;font-weight:600;text-decoration:none}.mobile-divider{border:none;border-top:1px solid #0f172a0f}.mobile-auth-buttons{flex-direction:column;gap:10px;display:flex}@media (max-width:968px){.hero-container{text-align:center;grid-template-columns:1fr;gap:40px}.hero-content{align-items:center}.hero-content h1,.hero-content p{text-align:center}.hero-ctas{justify-content:center}.tab-card{grid-template-columns:1fr;padding:30px!important}.tab-card-info h3,.tab-card-info p,.tab-points-list li{text-align:center}.tab-card-info{align-items:center}.pricing-grid{grid-template-columns:1fr;max-width:420px}.pricing-card-popular{transform:none}.footer-container{grid-template-columns:1fr 1.5fr;gap:32px}}@media (max-width:768px){.nav-links,.auth-ctas{display:none}.mobile-menu-toggle{display:block}.hero-content h1{font-size:36px}.faq-grid{grid-template-columns:1fr}.footer-container{grid-template-columns:1fr;gap:28px}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.why-card{transition:all .3s cubic-bezier(.4,0,.2,1)!important}.why-card:hover{transform:translateY(-5px);border-color:#6366f14d!important;box-shadow:0 20px 40px #6366f114!important}@keyframes pulse-ribbon{0%,to{transform:scale(1);box-shadow:0 0 10px #f59e0b80}50%{transform:scale(1.06);box-shadow:0 0 20px #f59e0bd9}}