*,:after,:before{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}:root{--bg:#FAFAF9;--bg-alt:#F3F2EF;--surface:#FFFFFF;--surface-alt:#F7F6F4;--border:#E8E6E1;--border-light:#F0EEEA;--text:#2D2D3A;--text-strong:#1A1A2E;--text-muted:#7A7A8E;--text-faint:#A5A5B5;--accent:#6C63FF;--accent-soft:rgba(108,99,255,0.08);--accent-mid:rgba(108,99,255,0.15);--accent-hover:#5B53E8;--green:#22C55E;--green-soft:rgba(34,197,94,0.1);--orange:#F59E0B;--orange-soft:rgba(245,158,11,0.1);--blue:#3B82F6;--blue-soft:rgba(59,130,246,0.08);--font-display:"Outfit",system-ui,sans-serif;--font-body:"Inter",system-ui,sans-serif;--font-mono:"JetBrains Mono",monospace;--space-xs:4px;--space-sm:8px;--space-md:16px;--space-lg:24px;--space-xl:40px;--space-2xl:64px;--space-3xl:96px;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:20px;--radius-2xl:24px;--radius-full:9999px;--shadow-sm:0 1px 3px rgba(0,0,0,0.04),0 1px 2px rgba(0,0,0,0.03);--shadow-md:0 4px 16px rgba(0,0,0,0.06);--shadow-lg:0 8px 30px rgba(0,0,0,0.08);--shadow-xl:0 16px 50px rgba(0,0,0,0.1);--shadow-accent:0 4px 20px rgba(108,99,255,0.2);--max-width:1140px;--nav-height:72px}body{font-family:var(--font-body);background:var(--bg);color:var(--text);line-height:1.65;font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}img{max-width:100%;display:block}a{color:var(--accent);text-decoration:none}a:hover{color:var(--accent-hover)}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);color:var(--text-strong);line-height:1.2;letter-spacing:-.02em}.container{max-width:var(--max-width);margin:0 auto;padding:0 24px}@media (max-width:640px){.container{padding:0 18px}}.nav{position:fixed;top:0;left:0;right:0;height:var(--nav-height);background:rgba(250,250,249,.85);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--border-light);z-index:1000;display:flex;align-items:center;transition:box-shadow .3s ease}.nav.scrolled{box-shadow:var(--shadow-sm)}.nav-inner{justify-content:space-between;width:100%;max-width:var(--max-width);margin:0 auto;padding:0 24px}.nav-inner,.nav-logo{display:flex;align-items:center}.nav-logo{gap:10px;text-decoration:none;color:var(--text-strong)}.nav-logo-mark{width:36px;height:36px;background:var(--accent);border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;color:#fff;font-size:18px}.nav-logo-mark,.nav-logo-text{font-weight:800;font-family:var(--font-display)}.nav-logo-text{font-size:22px;letter-spacing:-.03em}.nav-links{display:flex;align-items:center;gap:32px;list-style:none}.nav-links a{font-size:15px;font-weight:500;color:var(--text-muted);text-decoration:none;transition:color .2s}.nav-links a:hover{color:var(--text-strong)}.nav-cta{display:inline-flex;align-items:center;gap:6px;background:var(--text-strong);color:#fff!important;padding:10px 22px;border-radius:var(--radius-full);font-size:14px;font-weight:600;transition:background .2s,transform .15s}.nav-cta:hover{background:var(--accent);color:#fff!important;transform:translateY(-1px)}.nav-mobile-toggle{display:none;background:none;border:none;cursor:pointer;padding:8px;color:var(--text-strong)}@media (max-width:768px){.nav-links{display:none}.nav-mobile-toggle{display:block}.nav-links.open{display:flex;flex-direction:column;position:absolute;top:var(--nav-height);left:0;right:0;background:var(--surface);padding:24px;gap:20px;border-bottom:1px solid var(--border);box-shadow:var(--shadow-md)}}.btn-primary{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:var(--text-strong);color:#fff;padding:14px 32px;border-radius:var(--radius-full);font-size:16px;font-weight:600;font-family:var(--font-body);border:none;cursor:pointer;text-decoration:none;transition:background .2s,transform .15s,box-shadow .2s}.btn-primary:hover{background:var(--accent);color:#fff;transform:translateY(-2px);box-shadow:var(--shadow-accent)}.btn-secondary{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:transparent;color:var(--text);padding:14px 32px;border-radius:var(--radius-full);font-size:16px;font-weight:600;font-family:var(--font-body);border:1.5px solid var(--border);cursor:pointer;text-decoration:none;transition:border-color .2s,background .2s}.btn-secondary:hover{border-color:var(--text-muted);background:var(--surface-alt);color:var(--text)}.section{padding:var(--space-3xl) 0}.section-alt{background:var(--bg-alt)}.section-label{display:inline-flex;align-items:center;gap:6px;background:var(--accent-soft);color:var(--accent);padding:6px 14px;border-radius:var(--radius-full);font-size:13px;font-weight:600;letter-spacing:.02em;margin-bottom:16px}.section-title{font-size:clamp(28px,5vw,44px);font-weight:800;margin-bottom:16px;max-width:700px}.section-subtitle{font-size:18px;color:var(--text-muted);max-width:560px;line-height:1.7}.hero{min-height:100vh;display:flex;padding-top:calc(var(--nav-height) + 40px);padding-bottom:var(--space-3xl);position:relative;overflow:hidden}.hero,.hero-grid{align-items:center}.hero-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:60px;gap:60px}.hero-content{position:relative;z-index:2}.hero-title{font-size:clamp(34px,5.5vw,54px);font-weight:800;line-height:1.12;margin-bottom:20px;color:var(--text-strong)}.hero-title .highlight{color:var(--accent);position:relative}.hero-desc{font-size:18px;color:var(--text-muted);line-height:1.75;margin-bottom:36px;max-width:480px}.hero-ctas{gap:14px;flex-wrap:wrap}.hero-ctas,.hero-note{display:flex;align-items:center}.hero-note{margin-top:20px;font-size:13px;color:var(--text-faint);gap:6px}.hero-visual{position:relative;z-index:2}@media (max-width:900px){.hero-grid{grid-template-columns:1fr;gap:48px;text-align:center}.hero-desc{margin-left:auto;margin-right:auto}.hero-ctas,.hero-note{justify-content:center}.hero-visual{max-width:400px;margin:0 auto}}.mockup-phone{background:#0E0E14;border-radius:var(--radius-2xl);padding:20px;color:#fff;box-shadow:var(--shadow-xl),0 0 0 1px rgba(0,0,0,.05);position:relative;overflow:hidden}.mockup-phone:before{content:"";position:absolute;top:0;left:50%;transform:translateX(-50%);width:100px;height:4px;background:#2a2a35;border-radius:0 0 8px 8px}.mockup-status-bar{display:flex;justify-content:space-between;align-items:center;padding:6px 4px 14px;font-size:11px;color:#8888a0;font-weight:600}.mockup-tab-bar{display:flex;gap:2px;background:rgba(255,255,255,.04);border-radius:var(--radius-sm);padding:3px;margin-bottom:16px}.mockup-tab{flex:1 1;text-align:center;padding:8px 4px;border-radius:6px;font-size:12px;font-weight:600;color:#8888a0;transition:all .2s}.mockup-tab.active{background:var(--accent);color:#fff}.mockup-input-area{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-md);padding:14px;margin-bottom:14px}.mockup-input-label{font-size:12px;color:#8888a0;margin-bottom:8px}.mockup-input-text{font-size:14px;color:#E8E6FF;line-height:1.5;font-style:italic}.mockup-item{gap:12px;padding:12px;background:rgba(255,255,255,.03);border-radius:var(--radius-sm);margin-bottom:6px}.mockup-item,.mockup-item-icon{display:flex;align-items:center}.mockup-item-icon{width:36px;height:36px;border-radius:10px;justify-content:center;font-size:18px;flex-shrink:0}.mockup-item-info{flex:1 1;min-width:0}.mockup-item-title{font-size:14px;font-weight:600;color:#EFEFFF}.mockup-item-meta{font-size:11px;color:#8888a0;font-weight:500}.mockup-item-value{font-size:15px;font-weight:700;color:#EFEFFF;white-space:nowrap}.features-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:24px;gap:24px;margin-top:48px}.feature-card{background:var(--surface);border:1px solid var(--border-light);border-radius:var(--radius-xl);padding:32px 28px;transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease;position:relative;overflow:hidden}.feature-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:var(--border)}.feature-card-icon{width:52px;height:52px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;font-size:24px;margin-bottom:20px}.feature-card h3{font-size:20px;font-weight:700;margin-bottom:10px}.feature-card p{font-size:15px;color:var(--text-muted);line-height:1.65}.feature-card-example{margin-top:18px;background:var(--surface-alt);border-radius:var(--radius-sm);padding:12px 14px;font-size:13px;color:var(--text-muted);font-style:italic;border-left:3px solid var(--accent-mid)}@media (max-width:900px){.features-grid{grid-template-columns:1fr;gap:18px}}.steps-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:32px;gap:32px;margin-top:48px}.step-item{text-align:center;position:relative}.step-number{width:48px;height:48px;border-radius:50%;background:var(--accent-soft);color:var(--accent);font-family:var(--font-display);font-size:20px;font-weight:800;display:inline-flex;align-items:center;justify-content:center;margin-bottom:20px}.step-item h3{font-size:18px;font-weight:700;margin-bottom:8px}.step-item p{font-size:15px;color:var(--text-muted);line-height:1.6;max-width:280px;margin:0 auto}.step-connector{display:none}@media (min-width:901px){.step-connector{display:block;position:absolute;top:24px;left:calc(50% + 36px);width:calc(100% - 72px);height:2px;background:var(--border)}.step-item:last-child .step-connector{display:none}}@media (max-width:900px){.steps-grid{grid-template-columns:1fr;gap:36px}}.trust-grid{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:20px;gap:20px;margin-top:48px}.trust-item{display:flex;gap:16px;padding:24px;background:var(--surface);border:1px solid var(--border-light);border-radius:var(--radius-lg);transition:border-color .2s}.trust-item:hover{border-color:var(--border)}.trust-item-icon{width:44px;height:44px;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;font-size:20px;flex-shrink:0}.trust-item h3{font-size:16px;font-weight:700;margin-bottom:4px}.trust-item p{font-size:14px;color:var(--text-muted);line-height:1.6}@media (max-width:700px){.trust-grid{grid-template-columns:1fr}}.pricing-card{max-width:480px;margin:48px auto 0;background:var(--surface);border:2px solid var(--border);border-radius:var(--radius-2xl);padding:40px;text-align:center;position:relative;transition:border-color .3s}.pricing-card:hover{border-color:var(--accent)}.pricing-badge{position:absolute;top:-14px;left:50%;transform:translateX(-50%);background:var(--accent);color:#fff;padding:5px 18px;font-size:12px;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.pricing-badge,.pricing-trial{border-radius:var(--radius-full)}.pricing-trial{font-size:16px;font-weight:600;color:var(--green);background:var(--green-soft);display:inline-block;padding:6px 16px;margin-bottom:24px}.pricing-amount{font-family:var(--font-display);font-size:56px;font-weight:800;color:var(--text-strong);line-height:1}.pricing-amount .currency{font-size:28px;font-weight:700;vertical-align:super;margin-right:4px}.pricing-amount .period{font-size:18px;font-weight:500;color:var(--text-muted)}.pricing-features{margin:28px 0;text-align:left;list-style:none}.pricing-features li{display:flex;align-items:center;gap:12px;padding:10px 0;font-size:15px;color:var(--text);border-bottom:1px solid var(--border-light)}.pricing-features li:last-child{border-bottom:none}.pricing-check{width:22px;height:22px;border-radius:50%;background:var(--green-soft);color:var(--green);display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:700;flex-shrink:0}.faq-list{max-width:680px;margin:48px auto 0}.faq-item{border-bottom:1px solid var(--border-light)}.faq-question{width:100%;background:none;border:none;padding:20px 0;display:flex;justify-content:space-between;align-items:center;cursor:pointer;text-align:left;font-size:16px;font-weight:600;color:var(--text-strong);font-family:var(--font-body);transition:color .2s}.faq-question:hover{color:var(--accent)}.faq-arrow{font-size:18px;color:var(--text-faint);transition:transform .3s ease;flex-shrink:0;margin-left:16px}.faq-item.open .faq-arrow{transform:rotate(180deg)}.faq-answer{max-height:0;overflow:hidden;transition:max-height .35s ease,padding .35s ease}.faq-item.open .faq-answer{max-height:300px;padding-bottom:20px}.faq-answer p{font-size:15px;color:var(--text-muted);line-height:1.7}.footer{background:var(--text-strong);color:#fff;padding:60px 0 32px}.footer-inner{display:flex;justify-content:space-between;align-items:flex-start;gap:40px;flex-wrap:wrap;margin-bottom:40px}.footer-brand{max-width:300px}.footer-brand-name{font-family:var(--font-display);font-size:22px;font-weight:800;margin-bottom:10px}.footer-brand p{font-size:14px;color:rgba(255,255,255,.55);line-height:1.6}.footer-links-group h4{font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:rgba(255,255,255,.4);margin-bottom:14px}.footer-links-group a{display:block;font-size:14px;color:rgba(255,255,255,.7);margin-bottom:10px;transition:color .2s}.footer-links-group a:hover{color:#fff}.footer-bottom{border-top:1px solid rgba(255,255,255,.08);padding-top:24px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px}.footer-bottom p{font-size:13px;color:rgba(255,255,255,.35)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}.animate-in{opacity:0;animation:fadeInUp .6s ease-out forwards}.animate-in.delay-1{animation-delay:.1s}.animate-in.delay-2{animation-delay:.2s}.animate-in.delay-3{animation-delay:.3s}.animate-in.delay-4{animation-delay:.4s}.text-center{text-align:center}.mx-auto{margin-left:auto;margin-right:auto}.bg-dot-pattern{background-image:radial-gradient(circle,var(--border) 1px,transparent 1px);background-size:24px 24px}.hero-bg-glow{position:absolute;width:500px;height:500px;border-radius:50%;filter:blur(120px);opacity:.4;pointer-events:none}