:root{--duon-charcoal: #2A2B2D;--duon-white: #FFFFFF;--duon-slate: #6B7280;--duon-slate-light: #9CA3AF;--duon-blue-ice: #E1F5FE;--duon-blue-cyan: #00D2FF;--duon-blue-sky: #38BDF8;--duon-blue-primary: #1E88E5;--duon-blue-dark: #0D47A1;--duon-green: #34A853;--duon-yellow: #FBBC05;--duon-red: #EA4335;--bg-page: #F8F9FA;--bg-card: #FFFFFF;--border-color: #E5E7EB;--text-main: #1F2937;--font-headline: "Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, sans-serif;--font-body: "Nunito", -apple-system, BlinkMacSystemFont, sans-serif;--radius-pill: 999px;--radius-card: 20px;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .05);--shadow-card: 0 4px 20px rgba(0, 0, 0, .04);--shadow-hover: 0 10px 30px rgba(0, 0, 0, .08)}*{box-sizing:border-box;margin:0;padding:0}html,body{overflow-x:hidden;width:100%;max-width:100%;position:relative}body{background-color:var(--bg-page);color:var(--text-main);font-family:var(--font-body);line-height:1.6;-webkit-font-smoothing:antialiased}.container{max-width:1200px;width:100%;margin:0 auto;padding:0 24px;box-sizing:border-box}.navbar{position:sticky;top:0;z-index:100;background:#fffffff0;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--border-color);padding:12px 0;width:100%;max-width:100%}.navbar-inner{display:flex;align-items:center;justify-content:space-between;gap:16px;width:100%;max-width:100%}.brand-link{display:flex;align-items:center;text-decoration:none;flex-shrink:0}.brand-logo-img{height:34px;width:auto;max-height:34px;object-fit:contain;display:block}.brand-badge-go{font-size:.75rem;font-weight:700;background:var(--duon-blue-ice);color:var(--duon-blue-dark);padding:2px 10px;border-radius:var(--radius-pill);margin-left:8px;text-transform:uppercase;letter-spacing:.5px}.nav-links{display:flex;align-items:center;gap:22px}.nav-link{color:var(--duon-slate);text-decoration:none;font-size:.92rem;font-weight:600;transition:color .15s ease}.nav-link:hover{color:var(--duon-charcoal)}.nav-cta{display:flex;align-items:center;gap:10px;flex-shrink:0}@media(max-width:900px){.nav-links{display:none}}@media(max-width:480px){.container{padding:0 14px}.navbar-inner{gap:8px}.nav-cta{gap:6px}.brand-logo-img{height:26px}.brand-badge-go{font-size:.65rem;padding:1px 6px;margin-left:4px}.nav-cta .btn-duon-secondary{padding:6px 10px!important;font-size:.78rem!important}.nav-cta .btn-duon-secondary span{display:none}.nav-cta .btn-duon-primary{padding:6px 12px!important;font-size:.78rem!important}}.btn-duon-primary{background:var(--duon-charcoal);color:var(--duon-white);border:1px solid var(--duon-charcoal);padding:11px 24px;border-radius:var(--radius-pill);font-family:var(--font-headline);font-weight:700;font-size:.92rem;cursor:pointer;display:inline-flex;align-items:center;gap:8px;transition:all .2s ease;box-shadow:0 4px 14px #2a2b2d26;text-decoration:none}.btn-duon-primary:hover{background:#1a1b1c;border-color:#1a1b1c;transform:translateY(-1px);box-shadow:0 6px 18px #2a2b2d40}.btn-duon-secondary{background:var(--duon-white);color:var(--duon-charcoal);border:1px solid var(--border-color);padding:11px 22px;border-radius:var(--radius-pill);font-family:var(--font-headline);font-weight:700;font-size:.92rem;cursor:pointer;display:inline-flex;align-items:center;gap:8px;transition:all .2s ease;text-decoration:none}.btn-duon-secondary:hover{background:#f1f3f5;border-color:var(--duon-charcoal)}.hero{padding:60px 0 80px;display:grid;grid-template-columns:1.05fr .95fr;gap:40px;align-items:center}.hero-pill-badge{display:inline-flex;align-items:center;gap:8px;padding:5px 14px;border-radius:var(--radius-pill);background:var(--duon-blue-ice);border:1px solid rgba(0,210,255,.3);color:var(--duon-blue-dark);font-family:var(--font-headline);font-size:.85rem;font-weight:700;margin-bottom:20px}.hero-title{font-family:var(--font-headline);font-size:clamp(2.4rem,4.5vw,3.8rem);font-weight:900;line-height:1.12;letter-spacing:-1.5px;color:var(--duon-charcoal);margin-bottom:20px}.hero-title span{color:var(--duon-blue-primary)}.hero-subtitle{font-size:1.12rem;color:var(--duon-slate);margin-bottom:32px;max-width:520px;line-height:1.6}.hero-cta-group{display:flex;flex-wrap:wrap;align-items:center;gap:14px;margin-bottom:36px}.hero-trust{display:flex;flex-wrap:wrap;align-items:center;gap:20px;color:var(--duon-slate);font-size:.85rem;font-weight:600}.hero-trust i{color:var(--duon-green)}.mockup-wrapper{display:flex;justify-content:center;align-items:center;height:590px;position:relative;width:100%;max-width:100%;overflow:hidden}.phone-scaler{width:375px;height:720px;transform:scale(.8);transform-origin:center center;display:flex;justify-content:center;align-items:center;flex-shrink:0}.phone-frame{width:375px;height:720px;background:#0b0b0c;border:12px solid #1E2022;border-radius:52px;box-shadow:0 25px 70px #00000040,0 0 0 1px #ffffff14;overflow:hidden;position:relative}.phone-notch{width:120px;height:20px;background:#1e2022;position:absolute;top:0;left:50%;transform:translate(-50%);border-bottom-left-radius:14px;border-bottom-right-radius:14px;z-index:20}.phone-screen{width:100%;height:100%;border:none;background:#000}@media(max-width:900px){.hero{grid-template-columns:1fr;gap:30px;text-align:center;padding:36px 0 50px}.hero-content{display:flex;flex-direction:column;align-items:center;text-align:center;width:100%;max-width:100%}.hero-title{font-size:clamp(1.8rem,6.5vw,2.9rem);word-break:break-word;overflow-wrap:break-word;letter-spacing:-.8px;width:100%}.hero-subtitle{margin:0 auto 28px;font-size:1.05rem;max-width:520px}.hero-cta-group,.hero-trust{justify-content:center;width:100%}.mockup-wrapper{height:480px;width:100%;max-width:100%;overflow:hidden}.phone-scaler{transform:scale(.65);transform-origin:center center}.phone-screen{pointer-events:none}}@media(max-width:480px){.hero{padding:24px 0 40px;gap:24px}.hero-title{font-size:clamp(1.6rem,7.5vw,2.2rem)}.hero-subtitle{font-size:.95rem;margin-bottom:22px}.hero-cta-group{flex-direction:column;width:100%;max-width:360px;gap:10px}.hero-cta-group a{width:100%;justify-content:center}.hero-trust{flex-direction:column;gap:8px;font-size:.82rem}.mockup-wrapper{height:400px;width:100%;max-width:100%;overflow:hidden}.phone-scaler{transform:scale(.52);transform-origin:center center}}@media(max-width:360px){.mockup-wrapper{height:340px;width:100%;max-width:100%;overflow:hidden}.phone-scaler{transform:scale(.44);transform-origin:center center}}.section{padding:80px 0}.section-header{text-align:center;max-width:700px;margin:0 auto 50px}.section-tag{font-family:var(--font-headline);color:var(--duon-blue-primary);font-weight:800;font-size:.82rem;text-transform:uppercase;letter-spacing:1.5px;margin-bottom:8px;display:block}.section-title{font-family:var(--font-headline);font-size:clamp(2rem,3.5vw,2.7rem);font-weight:800;letter-spacing:-.8px;color:var(--duon-charcoal);margin-bottom:14px;line-height:1.2}.section-desc{color:var(--duon-slate);font-size:1.05rem;line-height:1.6}.benefits-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:24px}.benefit-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-card);padding:32px 24px;transition:all .25s ease;box-shadow:var(--shadow-sm);display:flex;flex-direction:column}.benefit-card:hover{border-color:var(--duon-blue-primary);box-shadow:var(--shadow-hover);transform:translateY(-3px)}.benefit-icon-box{width:52px;height:52px;border-radius:14px;background:var(--duon-blue-ice);color:var(--duon-blue-primary);display:flex;align-items:center;justify-content:center;font-size:1.4rem;margin-bottom:20px}.benefit-title{font-family:var(--font-headline);font-size:1.18rem;font-weight:800;color:var(--duon-charcoal);margin-bottom:10px}.benefit-desc{font-size:.92rem;color:var(--duon-slate);line-height:1.6}.archetypes-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:22px}.archetype-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-card);padding:30px 24px;transition:all .25s ease;display:flex;flex-direction:column;box-shadow:var(--shadow-sm)}.archetype-card:hover{border-color:var(--duon-blue-primary);box-shadow:var(--shadow-hover);transform:translateY(-4px)}.archetype-icon{width:50px;height:50px;border-radius:14px;background:var(--duon-blue-ice);display:flex;align-items:center;justify-content:center;font-size:1.4rem;margin-bottom:18px}.archetype-title{font-family:var(--font-headline);font-size:1.25rem;font-weight:800;color:var(--duon-charcoal);margin-bottom:8px}.archetype-desc{color:var(--duon-slate);font-size:.9rem;margin-bottom:20px;flex:1;line-height:1.5}.tag-pill{font-size:.75rem;font-weight:600;padding:4px 10px;border-radius:6px;background:var(--bg-page);color:var(--duon-slate);border:1px solid var(--border-color)}.comparison-wrapper{overflow-x:auto;background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-card);padding:24px;box-shadow:var(--shadow-sm)}.comparison-table{width:100%;border-collapse:collapse;text-align:left}.comparison-table th,.comparison-table td{padding:16px 20px;border-bottom:1px solid var(--border-color);font-size:.92rem}.comparison-table th{font-family:var(--font-headline);font-weight:800;color:var(--duon-charcoal);background:var(--bg-page)}.comparison-table th.highlight-col,.comparison-table td.highlight-col{background:#1e88e50d;font-weight:700;color:var(--duon-charcoal)}.comparison-table tr:last-child td{border-bottom:none}.demos-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:18px}.demo-item{background:var(--bg-card);border:1px solid var(--border-color);border-radius:16px;padding:18px 22px;display:flex;align-items:center;justify-content:space-between;text-decoration:none;color:var(--duon-charcoal);transition:all .2s ease;box-shadow:var(--shadow-sm)}.demo-item:hover{border-color:var(--duon-blue-primary);box-shadow:var(--shadow-hover);transform:translateY(-2px)}.demo-name{font-family:var(--font-headline);font-weight:700;font-size:.98rem;display:block}.demo-slug{font-size:.8rem;color:var(--duon-blue-primary)}.pricing-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px;max-width:1050px;margin:0 auto}.pricing-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-card);padding:36px 28px;display:flex;flex-direction:column;position:relative;box-shadow:var(--shadow-sm)}.pricing-card.featured{border:2px solid var(--duon-blue-primary);box-shadow:0 10px 35px #1e88e51f}.featured-badge{position:absolute;top:-12px;left:50%;transform:translate(-50%);background:var(--duon-blue-primary);color:var(--duon-white);padding:4px 16px;border-radius:var(--radius-pill);font-family:var(--font-headline);font-size:.75rem;font-weight:800;text-transform:uppercase;letter-spacing:.5px}.plan-price{font-family:var(--font-headline);font-size:2.7rem;font-weight:900;color:var(--duon-charcoal);margin-bottom:20px;display:flex;align-items:baseline;gap:4px}.plan-price span{font-size:.9rem;font-weight:600;color:var(--duon-slate)}.plan-features{list-style:none;margin-bottom:30px;flex:1}.plan-features li{display:flex;align-items:flex-start;gap:10px;font-size:.9rem;color:var(--text-main);margin-bottom:12px;line-height:1.4}.plan-features li i{color:var(--duon-green);margin-top:3px}.faq-container{max-width:820px;margin:0 auto;display:flex;flex-direction:column;gap:14px}.faq-item{background:var(--bg-card);border:1px solid var(--border-color);border-radius:16px;overflow:hidden;transition:all .2s ease;box-shadow:var(--shadow-sm)}.faq-item.open{border-color:var(--duon-blue-primary);box-shadow:0 4px 16px #1e88e514}.faq-question{width:100%;padding:20px 24px;background:transparent;border:none;text-align:left;font-family:var(--font-headline);font-size:1.05rem;font-weight:700;color:var(--duon-charcoal);display:flex;align-items:center;justify-content:space-between;cursor:pointer;gap:16px}.faq-question i{color:var(--duon-slate);transition:transform .2s ease;flex-shrink:0}.faq-item.open .faq-question i{transform:rotate(180deg);color:var(--duon-blue-primary)}.faq-answer{display:none;padding:14px 24px 22px;font-size:.95rem;color:var(--duon-slate);line-height:1.65;border-top:1px solid #F3F4F6}.faq-item.open .faq-answer{display:block}.cta-banner{margin:60px 0 100px;background:var(--duon-charcoal);color:var(--duon-white);border-radius:28px;padding:60px 30px;text-align:center}.cta-banner-title{font-family:var(--font-headline);font-size:clamp(1.8rem,4vw,2.8rem);font-weight:900;margin-bottom:14px;word-break:break-word;overflow-wrap:break-word}.cta-banner-desc{color:#d1d5db;font-size:1.1rem;max-width:560px;margin:0 auto 30px}.footer{border-top:1px solid var(--border-color);padding:36px 0;text-align:center;color:var(--duon-slate);font-size:.9rem;background:var(--duon-white)}.footer a{color:var(--duon-charcoal);text-decoration:none;font-weight:700}.footer a:hover{color:var(--duon-blue-primary)}@media(max-width:768px){.section{padding:50px 0}.section-header{margin-bottom:36px}.section-title{font-size:clamp(1.6rem,5.5vw,2.2rem);word-break:break-word;overflow-wrap:break-word}.comparison-wrapper{padding:16px;-webkit-overflow-scrolling:touch}.comparison-table{min-width:540px}.comparison-table th,.comparison-table td{padding:12px 14px;font-size:.85rem}.pricing-grid,.benefits-grid,.archetypes-grid,.demos-grid{grid-template-columns:1fr;gap:16px}.pricing-card{padding:28px 20px}.faq-question{padding:16px 18px;font-size:.95rem}.faq-answer{padding:0 18px 18px;font-size:.88rem}.cta-banner{padding:40px 20px;margin:40px 0 60px;border-radius:20px}}@media(max-width:480px){.container{padding:0 16px}.navbar-inner{gap:10px}.brand-logo-img{height:28px}.btn-duon-primary,.btn-duon-secondary{padding:9px 18px;font-size:.85rem}}