@font-face{font-family:Inter;font-style:normal;font-weight:400;font-display:swap;src:url('assets/fonts/Inter-Regular.ttf') format('truetype')}@font-face{font-family:Inter;font-style:normal;font-weight:500;font-display:swap;src:url('assets/fonts/Inter-Medium.ttf') format('truetype')}@font-face{font-family:Inter;font-style:normal;font-weight:600;font-display:swap;src:url('assets/fonts/Inter-SemiBold.ttf') format('truetype')}@font-face{font-family:Inter;font-style:normal;font-weight:700;font-display:swap;src:url('assets/fonts/Inter-Bold.ttf') format('truetype')}@font-face{font-family:Inter;font-style:normal;font-weight:800;font-display:swap;src:url('assets/fonts/Inter-ExtraBold.ttf') format('truetype')}*,::after,::before{margin:0;padding:0;box-sizing:border-box}:root{--font:'Inter',system-ui,-apple-system,sans-serif;--font-mono:'JetBrains Mono','Fira Code',monospace;--sp-1:4px;--sp-2:8px;--sp-3:12px;--sp-4:16px;--sp-5:20px;--sp-6:24px;--sp-8:32px;--sp-10:40px;--sp-12:48px;--sp-16:64px;--sp-20:80px;--r-sm:8px;--r-md:12px;--r-lg:16px;--r-xl:24px;--r-full:9999px;--el-1:0 1px 3px rgba(0, 0, 0, .12),0 1px 2px rgba(0, 0, 0, .08);--el-2:0 3px 6px rgba(0, 0, 0, .12),0 2px 4px rgba(0, 0, 0, .08);--el-3:0 8px 24px rgba(0, 0, 0, .12),0 2px 8px rgba(0, 0, 0, .08);--ease:cubic-bezier(.4, 0, .2, 1);--dur:200ms;--max-w:1120px;--nav-h:64px}[data-theme=light]{--bg:#F7F8FA;--surface:#FFFFFF;--surface-dim:#F0F1F4;--on-surface:#1C1B1F;--on-surface-muted:#5F6368;--outline:#DAD9DD;--outline-variant:#E8E8EC;--primary:#0061FF;--primary-hover:#004FC7;--primary-container:#D8E2FF;--on-primary:#FFFFFF;--secondary:#9532F0;--secondary-container:#F0DEFF;--on-secondary:#FFFFFF;--accent-cyan:#06CAE3;--accent-cyan-container:#D0F4FA;--badge-free:#E8F5E9;--badge-free-text:#2E7D32;--badge-pro:#FFF3E0;--badge-pro-text:#E65100;--code-bg:#F5F5F5;--el-1:0 1px 3px rgba(0, 0, 0, .08),0 1px 2px rgba(0, 0, 0, .06);--el-2:0 3px 8px rgba(0, 0, 0, .08),0 1px 3px rgba(0, 0, 0, .06);--el-3:0 8px 24px rgba(0, 0, 0, .1),0 2px 8px rgba(0, 0, 0, .06);color-scheme:light}[data-theme=dark]{--bg:#0F1117;--surface:#1A1C25;--surface-dim:#14161E;--on-surface:#E4E4E8;--on-surface-muted:#9DA0A8;--outline:#2E3040;--outline-variant:#23253000;--primary:#4DA6FF;--primary-hover:#7BBFFF;--primary-container:#003A75;--on-primary:#001F3F;--secondary:#C599FF;--secondary-container:#4A0080;--on-secondary:#1A0033;--accent-cyan:#62D9E8;--accent-cyan-container:#003840;--badge-free:#1B3D20;--badge-free-text:#81C784;--badge-pro:#3E2800;--badge-pro-text:#FFB74D;--code-bg:#12141C;--el-1:0 1px 3px rgba(0, 0, 0, .3),0 1px 2px rgba(0, 0, 0, .2);--el-2:0 3px 8px rgba(0, 0, 0, .3),0 1px 3px rgba(0, 0, 0, .2);--el-3:0 8px 24px rgba(0, 0, 0, .4),0 2px 8px rgba(0, 0, 0, .25);color-scheme:dark}html{scroll-behavior:smooth;scroll-padding-top:var(--nav-h)}body{font-family:var(--font);font-size:16px;line-height:1.6;color:var(--on-surface);background:var(--bg);-webkit-font-smoothing:antialiased;transition:background var(--dur) var(--ease),color var(--dur) var(--ease)}a{color:var(--primary);text-decoration:none}a:hover{text-decoration:underline}img,svg{display:block;max-width:100%}.container{max-width:var(--max-w);margin:0 auto;padding:0 var(--sp-6)}.nav{position:fixed;top:0;left:0;right:0;z-index:100;height:var(--nav-h);background:var(--surface);border-bottom:1px solid var(--outline);backdrop-filter:blur(12px);transition:background var(--dur) var(--ease),border-color var(--dur) var(--ease)}[data-theme=dark] .nav{background:rgba(26,28,37,.85)}[data-theme=light] .nav{background:rgba(255,255,255,.85)}.nav .container{display:flex;align-items:center;height:100%;gap:var(--sp-4)}.nav-brand{display:flex;align-items:center;gap:var(--sp-2);text-decoration:none!important;flex-shrink:0}.nav-brand:hover{text-decoration:none!important}.nav-icon{width:36px;height:34px;flex-shrink:0}.nav-icon-dark{display:none}[data-theme=dark] .nav-icon-light{display:none}[data-theme=dark] .nav-icon-dark{display:block}.nav-brand-text{font-size:1.125rem;font-weight:700;letter-spacing:-.01em;line-height:1}.nav-brand-get{color:#5a7a9a}.nav-brand-layers{color:var(--primary)}.nav-spacer{flex:1}.nav-links{display:flex;align-items:center;gap:var(--sp-3);list-style:none}.nav-links a{font-size:.875rem;font-weight:500;color:var(--on-surface-muted);padding:var(--sp-2) var(--sp-3);border-radius:var(--r-sm);transition:color var(--dur) var(--ease),background var(--dur) var(--ease)}.nav-links a:hover{color:var(--on-surface);background:var(--surface-dim);text-decoration:none}.theme-toggle{width:40px;height:40px;display:flex;align-items:center;justify-content:center;border:none;background:0 0;color:var(--on-surface-muted);border-radius:var(--r-full);cursor:pointer;transition:background var(--dur) var(--ease),color var(--dur) var(--ease)}.theme-toggle:hover{background:var(--surface-dim);color:var(--on-surface)}.theme-toggle .icon-sun{display:none}.theme-toggle .icon-moon{display:block}[data-theme=dark] .theme-toggle .icon-sun{display:block}[data-theme=dark] .theme-toggle .icon-moon{display:none}.lang-picker{position:relative}.lang-btn{display:flex;align-items:center;gap:var(--sp-1);font-size:.875rem;font-weight:500;color:var(--on-surface-muted);background:0 0;border:none;padding:var(--sp-2) var(--sp-3);border-radius:var(--r-sm);cursor:pointer;transition:background var(--dur) var(--ease),color var(--dur) var(--ease)}.lang-btn:hover{background:var(--surface-dim);color:var(--on-surface)}.lang-dropdown{position:absolute;top:calc(100% + 4px);right:0;min-width:160px;max-height:320px;overflow-y:auto;background:var(--surface);border:1px solid var(--outline);border-radius:var(--r-md);box-shadow:var(--el-3);opacity:0;visibility:hidden;transform:translateY(-4px);transition:opacity var(--dur) var(--ease),transform var(--dur) var(--ease),visibility var(--dur);z-index:200}.lang-dropdown.open{opacity:1;visibility:visible;transform:translateY(0)}.lang-dropdown a{display:block;width:100%;text-align:left;padding:var(--sp-2) var(--sp-4);font-size:.875rem;color:var(--on-surface);background:0 0;border:none;cursor:pointer;transition:background var(--dur) var(--ease);text-decoration:none}.lang-dropdown a:hover{background:var(--surface-dim);text-decoration:none}.lang-dropdown a.active{color:var(--primary);font-weight:600}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--sp-2);font-family:var(--font);font-size:.9375rem;font-weight:600;padding:var(--sp-3) var(--sp-6);border-radius:var(--r-full);border:none;cursor:pointer;transition:all var(--dur) var(--ease);text-decoration:none!important;white-space:nowrap}.btn-primary{background:var(--primary);color:var(--on-primary);box-shadow:var(--el-1)}.btn-primary:hover{background:var(--primary-hover);box-shadow:var(--el-2);transform:translateY(-1px)}.btn-outline{background:0 0;color:var(--primary);border:1.5px solid var(--primary)}.btn-outline:hover{background:var(--primary-container)}.btn-secondary{background:var(--secondary);color:var(--on-secondary);box-shadow:var(--el-1)}.btn-secondary:hover{box-shadow:var(--el-2);transform:translateY(-1px)}.btn-sm{font-size:.8125rem;padding:var(--sp-2) var(--sp-4)}.hero{padding:calc(var(--nav-h) + var(--sp-20)) 0 var(--sp-20);text-align:center}.hero-badge{display:inline-flex;align-items:center;gap:var(--sp-2);font-size:.8125rem;font-weight:600;color:var(--accent-cyan);background:var(--accent-cyan-container);padding:var(--sp-1) var(--sp-4);border-radius:var(--r-full);margin-bottom:var(--sp-6)}.hero h1{font-size:clamp(2.25rem, 5vw, 3.5rem);font-weight:800;line-height:1.15;letter-spacing:-.025em;max-width:720px;margin:0 auto var(--sp-5)}.hero h1 .gradient-text{background:linear-gradient(135deg,var(--primary) 0,var(--secondary) 50%,var(--accent-cyan) 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.hero-sub{font-size:clamp(1rem, 2vw, 1.25rem);color:var(--on-surface-muted);max-width:560px;margin:0 auto var(--sp-8);line-height:1.6}.hero-actions{display:flex;gap:var(--sp-4);justify-content:center;flex-wrap:wrap}.browser-bar{display:flex;align-items:center;justify-content:center;gap:var(--sp-5);margin-top:var(--sp-8)}.browser-item{display:flex;flex-direction:column;align-items:center;gap:var(--sp-1)}.browser-item img{width:28px;height:28px;display:block}.browser-item span{font-size:.6875rem;font-weight:500;color:var(--on-surface-muted)}.browser-item.muted img{opacity:.35}.browser-item.muted span{opacity:.5}.browser-divider{width:1px;height:32px;background:var(--outline);flex-shrink:0}.browser-soon{font-size:.6875rem;font-weight:500;color:var(--on-surface-muted);opacity:.5;align-self:flex-end;margin-bottom:1px}.hero-visual{margin-top:var(--sp-16);position:relative}.hero-screenshot{max-width:900px;margin:0 auto;border-radius:var(--r-lg);box-shadow:var(--el-3);border:1px solid var(--outline);background:var(--surface-dim);aspect-ratio:16/9;display:flex;align-items:center;justify-content:center;color:var(--on-surface-muted);font-size:.875rem;overflow:hidden}.hero-screenshot img,.hero-screenshot video{width:100%;height:100%;object-fit:cover}.section{padding:var(--sp-20) 0}.section-header{text-align:center;margin-bottom:var(--sp-12)}.section-header h2{font-size:clamp(1.75rem, 3.5vw, 2.5rem);font-weight:700;letter-spacing:-.02em;margin-bottom:var(--sp-3)}.section-header p{font-size:1.0625rem;color:var(--on-surface-muted);max-width:540px;margin:0 auto}.features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--sp-6)}.feature-card{background:var(--surface);border:1px solid var(--outline);border-radius:var(--r-lg);padding:var(--sp-8);transition:box-shadow var(--dur) var(--ease),transform var(--dur) var(--ease),border-color var(--dur) var(--ease)}.feature-card:hover{box-shadow:var(--el-2);transform:translateY(-2px);border-color:var(--primary)}.feature-icon{width:48px;height:48px;border-radius:var(--r-md);display:flex;align-items:center;justify-content:center;margin-bottom:var(--sp-4);font-size:1.5rem}.feature-icon.cyan{background:var(--accent-cyan-container);color:#06cae3}.feature-icon.blue{background:var(--primary-container);color:var(--primary)}.feature-icon.purple{background:var(--secondary-container);color:var(--secondary)}.feature-card h3{font-size:1.0625rem;font-weight:600;margin-bottom:var(--sp-2)}.feature-card p{font-size:.875rem;color:var(--on-surface-muted);line-height:1.55}.feature-badge{display:inline-block;font-size:.6875rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;padding:2px 8px;border-radius:var(--r-full);margin-left:var(--sp-2);vertical-align:middle}.feature-badge.free{background:var(--badge-free);color:var(--badge-free-text)}.feature-badge.pro{background:var(--badge-pro);color:var(--badge-pro-text)}.pricing-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--sp-6);max-width:760px;margin:0 auto}.pricing-card{background:var(--surface);border:1.5px solid var(--outline);border-radius:var(--r-xl);padding:var(--sp-10);display:flex;flex-direction:column;transition:box-shadow var(--dur) var(--ease),border-color var(--dur) var(--ease)}.pricing-card.featured{border-color:var(--primary);box-shadow:var(--el-2);position:relative}.pricing-badge{position:absolute;top:-14px;left:50%;transform:translateX(-50%);background:linear-gradient(135deg,var(--secondary),var(--primary));color:#fff;font-size:.6875rem;font-weight:800;letter-spacing:.12em;padding:4px 18px;border-radius:var(--r-full);box-shadow:0 2px 8px rgba(0,0,0,.2);line-height:1.4}.pricing-name{font-size:1.25rem;font-weight:700;margin-bottom:var(--sp-2)}.pricing-price{font-size:2.5rem;font-weight:800;letter-spacing:-.02em;margin-bottom:var(--sp-1)}.pricing-price span{font-size:1rem;font-weight:500;color:var(--on-surface-muted)}.pricing-note{font-size:.8125rem;color:var(--on-surface-muted);margin-bottom:var(--sp-6)}.pricing-features{list-style:none;margin-bottom:auto;padding-bottom:var(--sp-8)}.pricing-features li{display:flex;align-items:flex-start;gap:var(--sp-3);font-size:.9375rem;padding:var(--sp-2) 0;color:var(--on-surface)}.pricing-features li::before{content:'';width:20px;height:20px;flex-shrink:0;margin-top:2px;border-radius:var(--r-full);background:var(--badge-free);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='%232E7D32'%3E%3Cpath fill-rule='evenodd' d='M16.7 5.3a1 1 0 010 1.4l-8 8a1 1 0 01-1.4 0l-4-4a1 1 0 111.4-1.4L8 12.58l7.3-7.3a1 1 0 011.4 0z'/%3E%3C/svg%3E")}[data-theme=dark] .pricing-features li::before{background-color:var(--badge-free);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='%2381C784'%3E%3Cpath fill-rule='evenodd' d='M16.7 5.3a1 1 0 010 1.4l-8 8a1 1 0 01-1.4 0l-4-4a1 1 0 111.4-1.4L8 12.58l7.3-7.3a1 1 0 011.4 0z'/%3E%3C/svg%3E")}.pricing-card .btn{width:100%}.faq-list{max-width:720px;margin:0 auto;display:flex;flex-direction:column;gap:var(--sp-3)}.faq-item{background:var(--surface);border:1px solid var(--outline);border-radius:var(--r-md);overflow:hidden;transition:border-color var(--dur) var(--ease)}.faq-item.open{border-color:var(--primary)}.faq-q{display:flex;align-items:center;justify-content:space-between;width:100%;padding:var(--sp-5) var(--sp-6);font-family:var(--font);font-size:1rem;font-weight:600;color:var(--on-surface);background:0 0;border:none;cursor:pointer;text-align:left;gap:var(--sp-4)}.faq-q:hover{color:var(--primary)}.faq-arrow{width:20px;height:20px;flex-shrink:0;color:var(--on-surface-muted);transition:transform var(--dur) var(--ease)}.faq-item.open .faq-arrow{transform:rotate(180deg)}.faq-a{max-height:0;overflow:hidden;transition:max-height .3s var(--ease)}.faq-a-inner{padding:0 var(--sp-6) var(--sp-5);font-size:.9375rem;color:var(--on-surface-muted);line-height:1.65}.footer{border-top:1px solid var(--outline);padding:var(--sp-10) 0;transition:border-color var(--dur) var(--ease)}.footer .container{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:var(--sp-4)}.footer-links{display:flex;gap:var(--sp-6);list-style:none}.footer-links a{font-size:.8125rem;color:var(--on-surface-muted);transition:color var(--dur) var(--ease)}.footer-links a:hover{color:var(--on-surface)}.footer-copy{font-size:.8125rem;color:var(--on-surface-muted)}.legal{padding:calc(var(--nav-h) + var(--sp-12)) 0 var(--sp-20);max-width:720px;margin:0 auto}.legal h1{font-size:2rem;font-weight:700;margin-bottom:var(--sp-2)}.legal .updated{font-size:.875rem;color:var(--on-surface-muted);margin-bottom:var(--sp-8)}.legal h2{font-size:1.25rem;font-weight:600;margin:var(--sp-8) 0 var(--sp-3)}.legal li,.legal p{font-size:.9375rem;color:var(--on-surface-muted);line-height:1.7;margin-bottom:var(--sp-3)}.legal ul{padding-left:var(--sp-6)}.legal a{color:var(--primary)}@media (max-width:768px){.features-grid{grid-template-columns:1fr}.pricing-grid{grid-template-columns:1fr;max-width:400px}.nav-links{display:none}.hero{padding:calc(var(--nav-h) + var(--sp-12)) 0 var(--sp-12)}.section{padding:var(--sp-12) 0}.hero-actions{flex-direction:column;align-items:center}.footer .container{flex-direction:column;text-align:center}.footer-links{flex-wrap:wrap;justify-content:center}.browser-bar{gap:var(--sp-3);flex-wrap:wrap}.browser-item img{width:24px;height:24px}}@media (max-width:1024px) and (min-width:769px){.features-grid{grid-template-columns:repeat(2,1fr)}}[dir=rtl] .faq-q{text-align:right}[dir=rtl] .feature-badge{margin-left:0;margin-right:var(--sp-2)}[dir=rtl] .pricing-features{padding-right:0}[dir=rtl] .legal ul{padding-left:0;padding-right:var(--sp-6)}.nav-burger{display:none;width:40px;height:40px;align-items:center;justify-content:center;border:none;background:0 0;color:var(--on-surface);border-radius:var(--r-sm);cursor:pointer}@media (max-width:768px){.nav-burger{display:flex}}.fade-in{opacity:0;transform:translateY(20px);transition:opacity .5s var(--ease),transform .5s var(--ease)}.fade-in.visible{opacity:1;transform:translateY(0)}