:root{--brand-purple: #7C5CFC;--brand-purple-dark: #6B4AEB;--brand-pink: #FF7EB3;--brand-mint: #22D3A8;--brand-amber: #FFBA49;--brand-gradient: linear-gradient(135deg, #7C5CFC, #FF7EB3);--brand-gradient-light: linear-gradient(135deg, #B0A0FE, #FFB5D5);--brand-gradient-r: linear-gradient(135deg, #FF7EB3, #7C5CFC);--bg: #FAFBFE;--bg-alt: #F4F5FB;--bg-white: #FFFFFF;--bg-glass: rgba(255, 255, 255, .7);--text: #1A1D2E;--text-secondary: #5A6178;--text-muted: #9BA3B8;--border: #E8EAF2;--border-light: #F0F2F8;--shadow-sm: 0 1px 3px rgba(124, 92, 252, .04), 0 1px 2px rgba(0,0,0,.03);--shadow-md: 0 4px 20px rgba(124, 92, 252, .07), 0 2px 8px rgba(0,0,0,.03);--shadow-lg: 0 12px 40px rgba(124, 92, 252, .1), 0 4px 12px rgba(0,0,0,.04);--shadow-xl: 0 20px 60px rgba(124, 92, 252, .12), 0 8px 20px rgba(0,0,0,.06);--radius: 14px;--radius-sm: 10px;--radius-lg: 20px;--max-width: 1040px;--font: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:var(--font);background:var(--bg);color:var(--text);line-height:1.6;-webkit-font-smoothing:antialiased;overflow-x:hidden}a{color:var(--text-secondary);text-decoration:none;transition:color .15s ease}a:hover{color:var(--text)}.bg-orbs{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;overflow:hidden;pointer-events:none}.orb{position:absolute;border-radius:50%;filter:blur(80px);opacity:.35;animation:orbFloat 20s ease-in-out infinite}.orb-1{width:500px;height:500px;background:var(--brand-purple);top:-10%;left:-5%;animation-duration:22s}.orb-2{width:400px;height:400px;background:var(--brand-pink);top:30%;right:-8%;animation-duration:18s;animation-delay:-5s}.orb-3{width:350px;height:350px;background:var(--brand-mint);bottom:-5%;left:30%;animation-duration:25s;animation-delay:-10s}@keyframes orbFloat{0%,to{transform:translate(0) scale(1)}25%{transform:translate(30px,-40px) scale(1.05)}50%{transform:translate(-20px,20px) scale(.95)}75%{transform:translate(40px,30px) scale(1.02)}}.glass-card{background:var(--bg-glass);backdrop-filter:blur(16px) saturate(180%);-webkit-backdrop-filter:blur(16px) saturate(180%);border:1px solid var(--border)}.gradient-text{background:var(--brand-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.fade-in-up{animation:fadeInUp .6s ease-out both}@keyframes fadeInUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}.container{max-width:var(--max-width);margin:0 auto;padding:0 24px}.section{padding:96px 0;position:relative}.section-alt{background:var(--bg-white)}.section-title{font-size:36px;font-weight:700;text-align:center;margin-bottom:16px;letter-spacing:-.6px;line-height:1.2}.section-subtitle{font-size:17px;color:var(--text-secondary);text-align:center;max-width:540px;margin:0 auto 56px;line-height:1.7}.nav{position:fixed;top:0;left:0;right:0;z-index:100;background:#fafbfecc;backdrop-filter:blur(16px) saturate(180%);-webkit-backdrop-filter:blur(16px) saturate(180%);border-bottom:1px solid var(--border)}.nav-inner{max-width:var(--max-width);margin:0 auto;padding:0 24px;height:64px;display:flex;align-items:center;justify-content:space-between}.nav-logo{display:flex;align-items:center;gap:10px;color:var(--text);font-weight:600;font-size:16px}.logo-circle{width:34px;height:34px;background:conic-gradient(from 90deg,#ce65d3,#ff5990 60.75deg,#ffe770 138.7deg,#7eff95 191deg,#ae6dff 319.8deg,#ce65d3 360deg);flex-shrink:0;box-shadow:0 2px 10px #ae6dff59;-webkit-mask-image:url(/assets/logo-mask-UDBLYkcl.svg);mask-image:url(/assets/logo-mask-UDBLYkcl.svg);-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.logo-circle-sm{width:26px;height:26px}.logo-text{letter-spacing:-.3px}.nav-links{display:flex;align-items:center;gap:28px;font-size:14px;font-weight:500}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:var(--radius-sm);font-weight:600;font-size:14px;cursor:pointer;transition:all .2s ease;text-decoration:none;border:none;font-family:var(--font)}.btn-primary{background:var(--brand-gradient-light);color:#fff;padding:11px 24px;box-shadow:0 4px 16px #9b82fd4d}.btn-primary:hover{box-shadow:0 6px 24px #9b82fd66;transform:translateY(-1px);color:#fff}.btn-secondary{background:var(--bg-white);color:var(--text);border:1px solid var(--border);padding:11px 24px}.btn-secondary:hover{border-color:var(--brand-purple);color:var(--brand-purple);box-shadow:var(--shadow-sm);transform:translateY(-1px)}.btn-sm{padding:7px 18px;font-size:13px}.btn-lg{padding:15px 32px;font-size:15px;border-radius:var(--radius)}.btn-block{width:100%;text-align:center}.hero{padding:140px 0 80px;text-align:center;position:relative}.hero-badge{display:inline-block;padding:6px 16px;border-radius:var(--radius-sm);background:#7c5cfc14;color:var(--brand-purple);font-size:13px;font-weight:600;margin-bottom:24px;letter-spacing:.3px}.hero-headline{font-size:56px;font-weight:800;letter-spacing:-1.8px;line-height:1.08;margin-bottom:22px}.hero-subheadline{font-size:18px;color:var(--text-secondary);line-height:1.7;max-width:480px;margin:0 auto 36px}.hero-actions{display:flex;flex-direction:column;align-items:center;gap:14px;margin-bottom:72px}.hero-platforms{font-size:13px;color:var(--text-muted)}.hero-price{font-size:13px;font-weight:600;color:var(--brand-purple);opacity:.8}.hero-visual{display:flex;justify-content:center}.hero-mockup{position:relative;display:flex;align-items:flex-start;gap:14px}.mockup-logo-container{width:80px;height:80px;position:relative;flex-shrink:0;display:flex;align-items:center;justify-content:center}.mockup-circle{width:52px;height:52px;background:conic-gradient(from 90deg,#ce65d3,#ff5990 60.75deg,#ffe770 138.7deg,#7eff95 191deg,#ae6dff 319.8deg,#ce65d3 360deg);box-shadow:0 4px 24px #ae6dff59;position:relative;z-index:5;animation:iconPulse 3s ease-in-out infinite;-webkit-mask-image:url(/assets/logo-mask-UDBLYkcl.svg);mask-image:url(/assets/logo-mask-UDBLYkcl.svg);-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.mockup-icon-ring{position:absolute;width:62px;height:62px;border-radius:50%;border:2px solid rgba(174,109,255,.2);animation:ringPing 2.5s ease-out infinite;z-index:4}.mockup-layer{position:absolute;opacity:0;transform:scale(.3);transition:all .4s cubic-bezier(.34,1.56,.64,1);filter:drop-shadow(0 2px 6px rgba(0,0,0,.15));pointer-events:none;z-index:15}.mockup-logo-container:hover .mockup-layer,.hero-mockup:hover .mockup-layer{opacity:1;transform:scale(1)}.layer-green-paper{top:-4px;left:0;transform:scale(.3) rotate(-12deg);transition-delay:60ms}.mockup-logo-container:hover .layer-green-paper,.hero-mockup:hover .layer-green-paper{transform:scale(1) rotate(-12deg)}.layer-purple-notebook{top:-2px;right:-2px;transform:scale(.3) rotate(8deg);transition-delay:.12s}.mockup-logo-container:hover .layer-purple-notebook,.hero-mockup:hover .layer-purple-notebook{transform:scale(1) rotate(8deg)}.layer-yellow-notepad{bottom:0;left:2px;transform:scale(.3) rotate(-6deg);transition-delay:.18s}.mockup-logo-container:hover .layer-yellow-notepad,.hero-mockup:hover .layer-yellow-notepad{transform:scale(1) rotate(-6deg)}.layer-music-icon{bottom:2px;right:0;transform:scale(.3) rotate(10deg);transition-delay:.24s}.mockup-logo-container:hover .layer-music-icon,.hero-mockup:hover .layer-music-icon{transform:scale(1) rotate(10deg)}.mockup-sparkle{position:absolute;opacity:0;transform:scale(0);transition:all .35s cubic-bezier(.34,1.56,.64,1);pointer-events:none;z-index:16}.mockup-logo-container:hover .mockup-sparkle,.hero-mockup:hover .mockup-sparkle{opacity:1;transform:scale(1)}.sparkle-1{top:-6px;left:32px;transition-delay:.28s}.sparkle-2{bottom:-4px;left:8px;transition-delay:.34s}.sparkle-3{top:8px;right:-6px;transition-delay:.38s}@keyframes iconPulse{0%,to{box-shadow:0 4px 24px #ae6dff59}50%{box-shadow:0 6px 32px #ae6dff80}}@keyframes ringPing{0%{transform:scale(1);opacity:.5}to{transform:scale(1.6);opacity:0}}.mockup-panel{width:300px;border-radius:var(--radius);padding:14px;box-shadow:var(--shadow-xl);text-align:left}.mockup-header{display:flex;gap:8px;margin-bottom:12px}.mockup-search{flex:1;background:var(--bg-alt);border:1px solid var(--border);border-radius:8px;padding:8px 12px;font-size:12px;color:var(--text-muted);display:flex;align-items:center;gap:8px}.mockup-add-btn{width:34px;height:34px;border-radius:8px;background:var(--brand-gradient);color:#fff;display:flex;align-items:center;justify-content:center;font-size:18px;font-weight:500;box-shadow:0 2px 8px #7c5cfc40}.mockup-card{display:flex;align-items:center;gap:12px;background:var(--bg-white);border:1px solid var(--border-light);border-radius:10px;padding:11px 14px;margin-bottom:6px;transition:all .2s ease}.mockup-card:last-child{margin-bottom:0}.mockup-card:hover{box-shadow:var(--shadow-sm);transform:translate(2px)}.mockup-card-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.mockup-card-title{font-size:13px;font-weight:500;color:var(--text)}.mockup-card-desc{font-size:11px;color:var(--text-muted);margin-top:1px}.ide-examples{display:grid;grid-template-columns:repeat(3,1fr);gap:28px 24px}.ide-window{border-radius:var(--radius);border:1px solid var(--border);overflow:hidden;background:var(--bg-white);box-shadow:var(--shadow-md);position:relative;transition:all .3s ease}.ide-window:hover{box-shadow:var(--shadow-lg);transform:translateY(-4px)}.ide-titlebar{height:36px;background:var(--bg-alt);border-bottom:1px solid var(--border);display:flex;align-items:center;padding:0 14px;gap:10px}.ide-dots{display:flex;gap:6px}.dot{width:10px;height:10px;border-radius:50%}.dot-red{background:#ff5f57}.dot-yellow{background:#ffbd2e}.dot-green{background:#28ca41}.ide-title{font-size:11px;color:var(--text-muted);flex:1;text-align:center}.ide-body{display:flex;min-height:180px}.ide-sidebar{width:110px;background:var(--bg-alt);border-right:1px solid var(--border);padding:8px 0;font-size:11px}.ide-sidebar-item{padding:5px 12px;color:var(--text-muted);cursor:default}.ide-sidebar-item.active{color:var(--text);background:#7c5cfc0f;border-left:2px solid var(--brand-purple)}.ide-editor{flex:1;padding:10px 0;font-family:SF Mono,Fira Code,Cascadia Code,monospace;font-size:11px;line-height:1.7;overflow:hidden}.code-line{padding:0 12px;white-space:nowrap}.code-line.code-highlight{background:#7c5cfc0f;border-left:2px solid var(--brand-purple)}.code-ln{display:inline-block;width:22px;color:var(--text-muted);text-align:right;margin-right:12px;-webkit-user-select:none;user-select:none}.code-kw{color:var(--brand-purple)}.code-fn{color:#e06c2e}.code-str{color:var(--brand-mint)}.browser-body{flex-direction:column}.browser-url{display:flex;align-items:center;gap:8px;padding:8px 14px;background:var(--bg-alt);border-bottom:1px solid var(--border);font-size:11px;color:var(--text-muted)}.browser-content{padding:16px;flex:1}.browser-h1{font-size:16px;font-weight:700;color:var(--text);margin-bottom:8px}.browser-text{font-size:12px;color:var(--text-secondary);margin-bottom:10px;line-height:1.6}.browser-code{font-family:SF Mono,Fira Code,monospace;font-size:11px;background:var(--bg-alt);border:1px solid var(--border);border-radius:6px;padding:10px 12px;margin-bottom:10px;color:var(--text);overflow:hidden}.browser-code.browser-highlight{background:#7c5cfc0f;border-color:#7c5cfc33}.figma-body{display:flex}.figma-sidebar{width:120px;background:var(--bg-alt);border-right:1px solid var(--border);padding:10px 0;font-size:11px}.figma-layer{padding:4px 12px;color:var(--text-muted)}.figma-layer.active{color:var(--text);font-weight:500}.figma-layer.indent{padding-left:24px}.figma-layer.highlight{color:var(--brand-purple);background:#7c5cfc0f}.figma-canvas{flex:1;display:flex;align-items:center;justify-content:center;background:#f8f8fc;position:relative;min-height:180px}.figma-artboard{width:120px;height:100px;border:1px dashed var(--border);border-radius:8px;position:relative;display:flex;align-items:center;justify-content:center}.figma-shape{position:absolute;border-radius:4px}.shape-1{width:40px;height:40px;background:var(--brand-gradient);top:12px;left:12px;border-radius:50%;opacity:.8}.shape-2{width:50px;height:20px;background:#7c5cfc26;bottom:20px;right:12px;border-radius:6px}.shape-3{width:30px;height:30px;background:#ff7eb333;top:16px;right:20px;border-radius:6px;transform:rotate(15deg)}.figma-export{position:absolute;bottom:-20px;right:-10px;background:var(--bg-white);border:1px solid var(--border);border-radius:6px;padding:4px 10px;font-size:10px;color:var(--text-secondary);display:flex;align-items:center;gap:4px;box-shadow:var(--shadow-sm)}.drag-indicator{position:absolute;bottom:-36px;right:20px;display:flex;align-items:center;gap:6px}.drag-label{font-size:11px;color:var(--text-muted);font-weight:500;white-space:nowrap}.slack-sidebar{width:100px;background:#3f0e40;padding:10px 0;font-size:11px}.slack-channel{padding:4px 12px;color:#ffffff80}.slack-channel.active{color:#fff;background:#ffffff1a;font-weight:500}.slack-content{flex:1;padding:12px;display:flex;flex-direction:column;gap:12px}.slack-msg{display:flex;gap:8px}.slack-avatar{width:28px;height:28px;border-radius:6px;flex-shrink:0}.slack-name{font-size:12px;font-weight:600;color:var(--text);margin-bottom:2px}.slack-time{font-weight:400;font-size:10px;color:var(--text-muted);margin-left:4px}.slack-text{font-size:12px;color:var(--text-secondary);line-height:1.5}.slack-code{font-family:SF Mono,Fira Code,monospace;font-size:11px;background:var(--bg-alt);border:1px solid var(--border);border-radius:4px;padding:4px 8px;margin-top:4px;color:var(--text);display:inline-block}.slack-code.slack-highlight{background:#7c5cfc0f;border-color:#7c5cfc33}.finder-content{flex:1;padding:10px 16px;display:flex;flex-direction:column;gap:4px}.finder-item{display:flex;align-items:center;gap:8px;padding:6px 10px;border-radius:6px;font-size:12px;color:var(--text-secondary);transition:all .15s ease}.finder-item.finder-highlight{background:#7c5cfc0f;border:1px solid rgba(124,92,252,.15);color:var(--text)}.finder-icon{width:20px;height:20px;border-radius:4px;flex-shrink:0}.finder-folder{background:#ffba49}.finder-image{background:#ff7eb3}.finder-pdf{background:#ff5a7e}.finder-file{background:#9ba3b8}.finder-audio{background:#22d3a8}.notion-checklist{display:flex;flex-direction:column;gap:6px;margin-top:8px}.notion-item{font-size:12px;color:var(--text-secondary);padding:6px 10px 6px 28px;position:relative;border-radius:4px}.notion-item:before{content:"";width:14px;height:14px;border:1.5px solid var(--border);border-radius:3px;position:absolute;left:6px;top:50%;transform:translateY(-50%)}.notion-item.done{color:var(--text-muted);text-decoration:line-through}.notion-item.done:before{background:var(--brand-mint);border-color:var(--brand-mint)}.notion-item.notion-highlight{background:#7c5cfc0f;border:1px solid rgba(124,92,252,.15);color:var(--text)}.example-floaty-icon{position:absolute;top:12px;right:-12px;width:36px;height:36px;display:flex;align-items:center;justify-content:center;z-index:20}.example-floaty-circle{width:26px;height:26px;background:conic-gradient(from 90deg,#ce65d3,#ff5990 60.75deg,#ffe770 138.7deg,#7eff95 191deg,#ae6dff 319.8deg,#ce65d3 360deg);-webkit-mask-image:url(/assets/logo-mask-UDBLYkcl.svg);mask-image:url(/assets/logo-mask-UDBLYkcl.svg);-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;box-shadow:0 2px 10px #ae6dff66;z-index:2}.example-floaty-layer{position:absolute;filter:drop-shadow(0 1px 3px rgba(0,0,0,.15));z-index:3;opacity:0;transform:scale(.3);transition:all .35s cubic-bezier(.34,1.56,.64,1)}.example-floaty-icon:hover .example-floaty-layer,.ide-window:hover .example-floaty-layer{opacity:1;transform:scale(1)}.layer-ex-1{top:-4px;left:-2px;transition-delay:60ms}.layer-ex-2{bottom:-4px;right:-2px;transition-delay:.12s}.layer-ex-3{top:-4px;right:-2px;transition-delay:80ms}.features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.feature-card{border-radius:var(--radius);padding:28px 24px;transition:all .25s ease;cursor:default}.feature-card:hover{box-shadow:var(--shadow-md);transform:translateY(-4px)}.feature-icon-wrap{width:44px;height:44px;border-radius:12px;background:color-mix(in srgb,var(--fc) 10%,transparent);display:flex;align-items:center;justify-content:center;color:var(--fc);margin-bottom:16px}.feature-card h3{font-size:16px;font-weight:600;margin-bottom:8px;color:var(--text)}.feature-card p{font-size:14px;color:var(--text-secondary);line-height:1.6}.filetype-strip{margin-top:48px;text-align:center}.filetype-label{font-size:13px;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:1px;margin-bottom:16px}.filetype-badges{display:flex;flex-wrap:wrap;justify-content:center;gap:8px}.filetype-badge{display:inline-flex;align-items:center;padding:6px 14px;border-radius:8px;font-size:13px;font-weight:700;font-family:SF Mono,Fira Code,Cascadia Code,monospace;letter-spacing:.3px;background:color-mix(in srgb,var(--fc) 8%,transparent);color:var(--fc);border:1px solid color-mix(in srgb,var(--fc) 15%,transparent);transition:all .2s ease}.filetype-badge:hover{transform:translateY(-2px);box-shadow:0 4px 12px color-mix(in srgb,var(--fc) 15%,transparent)}.filetype-badge-more{background:var(--bg-alt);color:var(--text-secondary);border-color:var(--border);font-family:var(--font);font-weight:600}.steps{display:flex;align-items:center;justify-content:center;gap:0}.step{flex:1;max-width:260px;border-radius:var(--radius);padding:32px 24px;text-align:center;transition:all .25s ease}.step:hover{box-shadow:var(--shadow-md);transform:translateY(-4px)}.step-connector{width:60px;display:flex;align-items:center;justify-content:center}.connector-line{width:40px;height:2px;background:var(--brand-gradient-light);border-radius:1px}.step-number{width:44px;height:44px;border-radius:50%;background:var(--brand-gradient-light);color:#fff;display:flex;align-items:center;justify-content:center;font-size:18px;font-weight:700;margin:0 auto 16px;box-shadow:0 4px 14px #9b82fd40}.step h3{font-size:16px;font-weight:600;margin-bottom:8px}.step p{font-size:14px;color:var(--text-secondary);line-height:1.6}.pricing-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;max-width:960px;margin:0 auto}.pricing-card{border-radius:var(--radius);padding:32px 22px;text-align:center;transition:all .25s ease;position:relative}.pricing-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-4px)}.pricing-card-featured{border-color:var(--brand-purple);box-shadow:var(--shadow-md)}.pricing-popular{position:absolute;top:-12px;left:50%;transform:translate(-50%);background:var(--brand-gradient);color:#fff;font-size:11px;font-weight:600;padding:4px 14px;border-radius:var(--radius-sm);letter-spacing:.3px}.pricing-badge{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:1px;color:var(--text-muted);margin-bottom:14px}.pricing-card-featured .pricing-badge{color:var(--brand-purple)}.pricing-price{font-size:48px;font-weight:800;letter-spacing:-2px;margin-bottom:4px;color:var(--text)}.pricing-cents{font-size:24px;font-weight:600;letter-spacing:0}.pricing-desc{font-size:14px;color:var(--text-muted);margin-bottom:28px}.pricing-features{list-style:none;text-align:left;margin-bottom:28px}.pricing-features li{font-size:14px;color:var(--text-secondary);padding:8px 0;border-bottom:1px solid var(--border-light);display:flex;align-items:center;gap:8px}.pricing-features li:before{content:"";width:18px;height:18px;border-radius:50%;background:#22d3a81a;display:flex;align-items:center;justify-content:center;flex-shrink:0;background-image:url("data:image/svg+xml,%3Csvg width='10' height='10' viewBox='0 0 24 24' fill='none' stroke='%2322D3A8' stroke-width='3' stroke-linecap='round' xmlns='http://www.w3.org/2000/svg'%3E%3Cpolyline points='20 6 9 17 4 12'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:center;background-size:10px}.trust-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;max-width:640px;margin:0 auto}.trust-item{border-radius:var(--radius-sm);padding:22px 24px;display:flex;flex-direction:column;gap:6px;transition:all .25s ease}.trust-item:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.trust-icon{margin-bottom:4px}.trust-item strong{font-size:14px;font-weight:600;color:var(--text)}.trust-item span{font-size:13px;color:var(--text-muted)}.guide-steps{display:flex;flex-direction:column;gap:28px;max-width:680px;margin:0 auto 40px}.guide-step{border-radius:var(--radius);padding:28px;transition:all .25s ease}.guide-step:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.guide-step-header{display:flex;align-items:center;gap:14px;margin-bottom:20px}.guide-step-num{width:32px;height:32px;border-radius:50%;background:var(--brand-gradient-light);color:#fff;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700;flex-shrink:0}.guide-step-header h3{font-size:16px;font-weight:600;color:var(--text)}.guide-step-body{display:flex;flex-direction:column;gap:16px}.guide-desktop{border-radius:10px;overflow:hidden;border:1px solid var(--border);background:var(--bg-white)}.guide-desktop-bar{display:flex;align-items:center;gap:6px;padding:10px 14px;background:var(--bg-alt);border-bottom:1px solid var(--border-light)}.guide-dot{width:10px;height:10px;border-radius:50%}.guide-dot-red{background:#ff5f57}.guide-dot-yellow{background:#ffbd2e}.guide-dot-green{background:#28ca41}.guide-desktop-title{margin-left:8px;font-size:11px;color:var(--text-muted);font-weight:500}.guide-desktop-content{padding:20px;min-height:100px}.guide-finder-row{display:flex;align-items:center;gap:12px;padding:8px 0}.guide-finder-icon{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:var(--bg-alt);border-radius:8px;flex-shrink:0}.guide-finder-text{display:flex;flex-direction:column}.guide-finder-text strong{font-size:13px;font-weight:600;color:var(--text)}.guide-finder-text span{font-size:11px;color:var(--text-muted)}.guide-desktop-scene{padding:16px}.guide-scene-bg{position:relative;background:var(--bg-alt);border-radius:8px;padding:16px;min-height:130px}.guide-fake-window{width:55%;border-radius:6px;overflow:hidden;border:1px solid var(--border-light);background:var(--bg-white)}.guide-fake-bar{display:flex;gap:4px;padding:6px 8px;background:var(--bg-alt);border-bottom:1px solid var(--border-light)}.guide-fake-bar span{width:6px;height:6px;border-radius:50%;background:var(--border)}.guide-fake-body{padding:10px;display:flex;flex-direction:column;gap:6px}.guide-fake-line{height:6px;background:var(--border-light);border-radius:3px}.guide-floaty-icon{position:absolute;top:12px;right:12px}.guide-panel-preview{position:absolute;top:8px;right:44px;background:var(--bg-white);border:1px solid var(--border);border-radius:8px;padding:8px;display:flex;flex-direction:column;gap:6px;box-shadow:var(--shadow-md);min-width:140px}.guide-panel-item{display:flex;align-items:center;gap:6px;font-size:11px;color:var(--text-secondary);padding:4px 6px;border-radius:4px;background:var(--bg-alt)}.guide-license-ui{display:flex;flex-direction:column;gap:10px}.guide-license-badge{display:inline-flex;align-self:flex-start;font-size:12px;font-weight:600;padding:5px 14px;border-radius:var(--radius-sm)}.guide-license-trial{background:#22d3a81a;color:#1aa882}.guide-license-paid{background:#7c5cfc1a;color:var(--brand-purple)}.guide-license-row{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--text-secondary);padding-left:4px}.guide-license-divider{height:1px;background:var(--border-light);margin:6px 0}.guide-step-note{font-size:13px;color:var(--text-secondary);line-height:1.7}.guide-extra{max-width:680px;margin:0 auto 20px;background:var(--bg-white);border:1px solid var(--border);border-radius:var(--radius);padding:24px 28px;transition:all .25s ease}.guide-extra:hover{box-shadow:var(--shadow-md);transform:translateY(-1px)}.guide-extra-title{display:flex;align-items:center;gap:10px;font-size:15px;font-weight:600;color:var(--text);margin-bottom:14px}.guide-extra-content p{font-size:13px;color:var(--text-secondary);line-height:1.7;margin-bottom:10px}.guide-extra-content p:last-child{margin-bottom:0}.guide-extra-steps{list-style:none;counter-reset:guide-step;padding:0;margin:12px 0}.guide-extra-steps li{counter-increment:guide-step;font-size:13px;color:var(--text-secondary);line-height:1.7;padding:6px 0 6px 32px;position:relative}.guide-extra-steps li:before{content:counter(guide-step);position:absolute;left:0;width:22px;height:22px;border-radius:50%;background:var(--bg-alt);color:var(--brand-purple);font-size:11px;font-weight:700;display:flex;align-items:center;justify-content:center;top:6px}.guide-extra-note{font-size:12px!important;color:var(--text-muted)!important;font-style:italic}.cta-section{text-align:center;padding:100px 0;position:relative;overflow:hidden}.cta-glow{position:absolute;width:500px;height:500px;border-radius:50%;background:var(--brand-gradient);filter:blur(120px);opacity:.08;top:50%;left:50%;transform:translate(-50%,-50%);pointer-events:none}.cta-buttons{display:flex;gap:16px;justify-content:center;margin-bottom:20px;flex-wrap:wrap}.cta-note{font-size:13px;color:var(--text-muted)}.footer{border-top:1px solid var(--border);padding:28px 0;background:#fff}.footer-inner{display:flex;align-items:center;justify-content:space-between}.footer-brand{display:flex;align-items:center;gap:10px;font-size:13px;color:var(--text-muted)}.footer-links{display:flex;gap:24px;font-size:13px}.footer-links a{color:var(--text-muted)}.footer-links a:hover{color:var(--brand-purple)}.footer-company-link{color:var(--text-muted);text-decoration:none;transition:color .2s}.footer-company-link:hover{color:var(--brand-purple)}.floating-decorations{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;overflow:hidden;pointer-events:none}.floating-decor{position:absolute;opacity:.12;animation:decorFloat 20s ease-in-out infinite;filter:drop-shadow(0 2px 8px rgba(0,0,0,.1))}.decor-1{top:15%;right:8%;animation-duration:24s;transform:rotate(-15deg)}.decor-2{top:45%;left:5%;animation-duration:22s;animation-delay:-4s;transform:rotate(12deg)}.decor-3{bottom:20%;right:12%;animation-duration:26s;animation-delay:-8s;transform:rotate(-8deg)}.decor-4{bottom:35%;left:10%;animation-duration:20s;animation-delay:-12s;transform:rotate(15deg)}.decor-sparkle-1{top:25%;left:15%;animation-duration:18s;animation-delay:-3s;opacity:.2}.decor-sparkle-2{top:60%;right:18%;animation-duration:16s;animation-delay:-7s;opacity:.18}.decor-sparkle-3{bottom:15%;left:25%;animation-duration:22s;animation-delay:-10s;opacity:.15}@keyframes decorFloat{0%,to{transform:translate(0) rotate(var(--rot, 0deg))}25%{transform:translate(15px,-25px) rotate(calc(var(--rot, 0deg) + 5deg))}50%{transform:translate(-10px,15px) rotate(calc(var(--rot, 0deg) - 3deg))}75%{transform:translate(20px,10px) rotate(calc(var(--rot, 0deg) + 4deg))}}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;background:#1a1d2e80;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;opacity:0;visibility:hidden;transition:all .25s ease}.modal-overlay.modal-open{opacity:1;visibility:visible}.modal-content{position:relative;width:90%;max-width:600px;max-height:80vh;overflow-y:auto;border-radius:var(--radius-lg);padding:40px 36px;background:var(--bg-white);border:1px solid var(--border);box-shadow:var(--shadow-xl);transform:translateY(20px) scale(.97);transition:transform .25s ease}.modal-overlay.modal-open .modal-content{transform:translateY(0) scale(1)}.modal-close{position:absolute;top:16px;right:16px;width:32px;height:32px;border-radius:50%;border:1px solid var(--border);background:var(--bg);color:var(--text-secondary);font-size:20px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s ease;font-family:var(--font);line-height:1}.modal-close:hover{background:var(--bg-white);border-color:var(--brand-purple);color:var(--brand-purple)}.modal-content h2{font-size:24px;font-weight:700;margin-bottom:8px;color:var(--text)}.modal-content h3{font-size:15px;font-weight:600;margin-top:24px;margin-bottom:8px;color:var(--text)}.modal-content p{font-size:14px;color:var(--text-secondary);line-height:1.7;margin-bottom:8px}.modal-content ul{list-style:none;padding:0;margin-bottom:8px}.modal-content ul li{font-size:14px;color:var(--text-secondary);line-height:1.7;padding:4px 0 4px 20px;position:relative}.modal-content ul li:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--brand-purple);position:absolute;left:0;top:12px}.modal-updated{font-size:12px!important;color:var(--text-muted)!important;margin-bottom:20px!important}.download-modal-content{max-width:400px!important;padding:32px!important;text-align:center}.download-modal-header{margin-bottom:24px}.download-modal-icon{width:56px;height:56px;border-radius:16px;background:linear-gradient(135deg,#7c5cfc1a,#ff7eb31a);display:flex;align-items:center;justify-content:center;margin:0 auto 16px}.download-modal-header h2{font-size:20px!important;font-weight:700;margin-bottom:4px!important}.download-modal-os{font-size:14px!important;color:var(--text-muted)!important;font-weight:500}.download-modal-options{display:flex;flex-direction:column;gap:12px;margin-bottom:16px}.download-option{display:flex;align-items:center;gap:14px;padding:16px 18px;border-radius:var(--radius-sm);border:1.5px solid var(--border);background:var(--bg-white);cursor:pointer;transition:all .2s ease;text-align:left;font-family:var(--font);width:100%}.download-option:hover{border-color:var(--brand-purple);box-shadow:0 4px 16px #7c5cfc1a;transform:translateY(-1px)}.download-option-featured{border-color:var(--brand-purple);background:linear-gradient(135deg,#7c5cfc0a,#ff7eb30a)}.download-option-featured:hover{background:linear-gradient(135deg,#7c5cfc14,#ff7eb314)}.download-option-badge{min-width:48px;padding:4px 10px;border-radius:8px;background:var(--bg-alt);color:var(--text-secondary);font-size:13px;font-weight:700;text-align:center;flex-shrink:0}.download-option-badge-pro{background:var(--brand-gradient);color:#fff}.download-option-title{font-size:14px;font-weight:600;color:var(--text);line-height:1.3}.download-option-desc{font-size:12px;color:var(--text-muted);line-height:1.4;margin-top:2px}.download-option-hint{font-size:11.5px;color:var(--brand-purple);line-height:1.4;margin:6px 0 2px;text-align:center;opacity:.85}.download-option-arrow{margin-left:auto;color:var(--text-muted);flex-shrink:0;transition:transform .2s ease}.download-option:hover .download-option-arrow{transform:translate(3px);color:var(--brand-purple)}.download-modal-note{font-size:11px!important;color:var(--text-muted)!important;margin:0!important}.teams-carousel{overflow:hidden;position:relative;margin:40px -24px 32px;mask-image:linear-gradient(to right,transparent,black 10%,black 90%,transparent);-webkit-mask-image:linear-gradient(to right,transparent,black 10%,black 90%,transparent)}.carousel-track{display:flex;gap:56px;animation:carouselScroll 30s linear infinite;width:max-content;will-change:transform}.carousel-logo{font-size:20px;font-weight:700;color:var(--text-muted);opacity:.45;white-space:nowrap;letter-spacing:-.3px;flex-shrink:0;transition:opacity .3s ease}.carousel-logo:hover{opacity:.7}@keyframes carouselScroll{0%{transform:translateZ(0)}to{transform:translate3d(calc(-50% - 28px),0,0)}}@media(prefers-reduced-motion:reduce){.carousel-track{animation:none}}.teams-note{font-size:13px;color:var(--text-muted);text-align:center;max-width:480px;margin:0 auto;line-height:1.6}.stat-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;max-width:860px;margin:0 auto 32px}.stat-card{border-radius:var(--radius);padding:32px 24px;text-align:center;transition:all .25s ease}.stat-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-4px)}.stat-icon{width:44px;height:44px;border-radius:12px;background:color-mix(in srgb,var(--fc) 10%,transparent);display:flex;align-items:center;justify-content:center;color:var(--fc);margin:0 auto 20px}.stat-number{font-size:40px;font-weight:800;letter-spacing:-1.5px;background:var(--brand-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:6px;line-height:1.1}.stat-unit{font-size:22px;font-weight:600;letter-spacing:0}.stat-label{font-size:14px;font-weight:600;color:var(--text);margin-bottom:10px}.stat-desc{font-size:13px;color:var(--text-secondary);line-height:1.6}.stat-source{font-size:12px;color:var(--text-muted);text-align:center;max-width:560px;margin:0 auto;line-height:1.6;font-style:italic}.enterprise-section{text-align:center;position:relative;overflow:hidden}.enterprise-inner{max-width:600px;margin:0 auto}.enterprise-inner h2{font-size:32px;font-weight:700;letter-spacing:-.5px;margin-bottom:16px}.enterprise-inner p{font-size:16px;color:var(--text-secondary);line-height:1.7;margin-bottom:12px}.enterprise-features{display:flex;justify-content:center;gap:28px;margin:28px 0 36px;flex-wrap:wrap}.enterprise-feature{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:500;color:var(--text-secondary)}.enterprise-feature-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.pricing-note{text-align:center;font-size:13px;color:var(--text-muted);margin-top:32px;line-height:1.6}.pricing-save{position:absolute;top:12px;right:12px;font-size:10px;font-weight:700;padding:3px 8px;border-radius:6px;background:#22d3a81a;color:#1aa882;letter-spacing:.3px}.pricing-per{font-size:14px;color:var(--text-muted);font-weight:500;margin-bottom:4px}.footer-team-cta{text-align:center;padding:24px 0;border-bottom:1px solid var(--border);font-size:14px;color:var(--text-secondary)}.footer-team-cta a{color:var(--brand-purple);font-weight:600}.footer-team-cta a:hover{text-decoration:underline}@media(max-width:900px){.ide-examples{grid-template-columns:1fr;max-width:440px;margin:0 auto}.drag-indicator{display:none}.stat-cards{grid-template-columns:1fr;max-width:360px;margin-left:auto;margin-right:auto}.pricing-cards{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.hero-headline{font-size:38px}.hero-subheadline{font-size:16px}.section-title{font-size:28px}.features-grid{grid-template-columns:1fr}.steps{flex-direction:column;gap:16px}.step-connector{width:auto;height:30px}.connector-line{width:2px;height:20px}.pricing-cards,.trust-grid{grid-template-columns:1fr}.guide-step,.guide-extra{padding:20px}.guide-panel-preview{display:none}.guide-fake-window{width:70%}.nav-links a:not(.btn){display:none}.footer-inner{flex-direction:column;gap:16px;text-align:center}.enterprise-inner h2{font-size:26px}.enterprise-features{gap:16px}.carousel-logo{font-size:17px}}