:root{--bg: #0f0f11;--bg-elevated: #18181b;--bg-card: rgba(24, 24, 27, .6);--bg-border: rgba(255, 255, 255, .06);--text: #fafafa;--text-secondary: #a1a1aa;--text-muted: #71717a;--accent: #3b82f6;--accent-light: #60a5fa;--accent-dark: #2563eb;--accent-glow: rgba(59, 130, 246, .3);--btn-bg: linear-gradient(135deg, #14b8a6 0%, #2dd4bf 100%);--btn-text: #0f0f11;--btn-hover: linear-gradient(135deg, #2dd4bf 0%, #14b8a6 100%);--surface-1: rgba(255, 255, 255, .03);--surface-2: rgba(255, 255, 255, .06);--shadow-sm: 0 1px 2px rgba(0, 0, 0, .3);--shadow-md: 0 4px 12px rgba(0, 0, 0, .4);--shadow-lg: 0 8px 30px rgba(0, 0, 0, .5);--shadow-glow: 0 0 60px rgba(59, 130, 246, .15);--radius-sm: 8px;--radius-md: 12px;--radius-lg: 20px;--radius-xl: 28px;--font-display: "Space Grotesk", system-ui, sans-serif;--font-body: "Literata", Georgia, serif;--transition-fast: .15s ease;--transition-base: .25s ease;--transition-slow: .4s cubic-bezier(.4, 0, .2, 1);color-scheme:dark}:root[data-theme=light]{--bg: #fafaf9;--bg-elevated: #ffffff;--bg-card: rgba(255, 255, 255, .8);--bg-border: rgba(0, 0, 0, .06);--text: #1c1917;--text-secondary: #57534e;--text-muted: #a8a29e;--accent: #2563eb;--accent-light: #3b82f6;--accent-dark: #1d4ed8;--accent-glow: rgba(37, 99, 235, .2);--btn-bg: linear-gradient(135deg, #0d9488 0%, #14b8a6 100%);--btn-text: #ffffff;--btn-hover: linear-gradient(135deg, #14b8a6 0%, #0d9488 100%);--surface-1: rgba(0, 0, 0, .02);--surface-2: rgba(0, 0, 0, .04);--shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--shadow-md: 0 4px 12px rgba(0, 0, 0, .08);--shadow-lg: 0 8px 30px rgba(0, 0, 0, .12);--shadow-glow: 0 0 60px rgba(217, 119, 6, .1);color-scheme:light}@media (prefers-color-scheme: light){:root:not([data-theme=dark]){--bg: #fafaf9;--bg-elevated: #ffffff;--bg-card: rgba(255, 255, 255, .8);--bg-border: rgba(0, 0, 0, .06);--text: #1c1917;--text-secondary: #57534e;--text-muted: #a8a29e;--accent: #2563eb;--accent-light: #3b82f6;--accent-dark: #1d4ed8;--accent-glow: rgba(37, 99, 235, .2);--btn-bg: linear-gradient(135deg, #0d9488 0%, #14b8a6 100%);--btn-text: #ffffff;--btn-hover: linear-gradient(135deg, #14b8a6 0%, #0d9488 100%);--surface-1: rgba(0, 0, 0, .02);--surface-2: rgba(0, 0, 0, .04);--shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--shadow-md: 0 4px 12px rgba(0, 0, 0, .08);--shadow-lg: 0 8px 30px rgba(0, 0, 0, .12);--shadow-glow: 0 0 60px rgba(37, 99, 235, .1);color-scheme:light}}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{font-size:16px;scroll-behavior:smooth}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:var(--bg-elevated);border-radius:5px}::-webkit-scrollbar-thumb{background:var(--surface-2);border-radius:5px;border:2px solid var(--bg-elevated)}::-webkit-scrollbar-thumb:hover{background:var(--accent)}::-webkit-scrollbar-corner{background:var(--bg-elevated)}*{scrollbar-width:thin;scrollbar-color:var(--surface-2) var(--bg-elevated)}body{font-family:var(--font-body);font-size:1rem;line-height:1.6;color:var(--text);background:var(--bg);min-height:100vh;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.ambient-bg{position:fixed;top:0;right:0;bottom:0;left:0;overflow:hidden;pointer-events:none;z-index:0}.diagonal-stripes{position:absolute;top:-50%;right:-50%;bottom:-50%;left:-50%;background:repeating-linear-gradient(45deg,transparent,transparent 100px,rgba(59,130,246,.03) 100px,rgba(59,130,246,.03) 102px);animation:stripeMove 30s linear infinite}@keyframes stripeMove{0%{transform:translate(0)}to{transform:translate(100px,100px)}}.blob{position:absolute;border-radius:50%;filter:blur(80px);opacity:.5}.blob-1{width:800px;height:800px;background:linear-gradient(135deg,#3b82f666,#8b5cf633);top:-20%;right:-10%;animation:blobFloat1 25s ease-in-out infinite}.blob-2{width:600px;height:600px;background:linear-gradient(225deg,#ec48994d,#3b82f633);bottom:-10%;left:-15%;animation:blobFloat2 20s ease-in-out infinite}.blob-3{width:400px;height:400px;background:linear-gradient(45deg,#8b5cf659,#ec489926);top:40%;left:30%;animation:blobFloat3 18s ease-in-out infinite}@keyframes blobFloat1{0%,to{transform:translate(0) scale(1) rotate(0)}50%{transform:translate(50px,30px) scale(1.1) rotate(5deg)}}@keyframes blobFloat2{0%,to{transform:translate(0) scale(1) rotate(0)}50%{transform:translate(-40px,-60px) scale(.95) rotate(-5deg)}}@keyframes blobFloat3{0%,to{transform:translate(0) scale(1)}50%{transform:translate(30px,-40px) scale(1.05)}}.geo-accent{position:absolute;opacity:.8}.geo-triangle{width:0;height:0;border-style:solid}.geo-triangle.large{border-width:0 100px 173px 100px;border-color:transparent transparent rgba(59,130,246,.1) transparent;top:5%;right:5%;animation:trianglePulse 8s ease-in-out infinite}.geo-triangle.small{border-width:0 40px 70px 40px;border-color:transparent transparent rgba(139,92,246,.15) transparent;bottom:15%;right:20%;animation:trianglePulse 6s ease-in-out infinite reverse}@keyframes trianglePulse{0%,to{transform:scale(1) rotate(0);opacity:.8}50%{transform:scale(1.1) rotate(5deg);opacity:.4}}.grid-lines{position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(59,130,246,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(59,130,246,.05) 1px,transparent 1px);background-size:80px 80px}.spotlight{position:absolute;width:600px;height:600px;background:radial-gradient(circle,rgba(255,255,255,.03) 0%,transparent 70%);border-radius:50%;pointer-events:none;transition:transform .3s ease-out}.noise-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 400 400' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E");opacity:.03}.landing{position:relative;z-index:1;min-height:100vh;display:flex;flex-direction:column}.header{display:flex;align-items:center;justify-content:space-between;padding:24px 32px;max-width:1400px;margin:0 auto;width:100%}.logo{display:flex;align-items:center;gap:12px;text-decoration:none;transition:transform var(--transition-fast)}.logo:hover{transform:scale(1.02)}.logo-icon{width:36px;height:36px}.logo-text{font-family:var(--font-display);font-size:1.25rem;font-weight:700;letter-spacing:-.02em;color:var(--text)}.header-actions{display:flex;align-items:center;gap:16px}.version-tag{font-family:var(--font-display);font-size:.75rem;font-weight:600;color:var(--text-muted);padding:6px 12px;background:var(--surface-1);border:1px solid var(--bg-border);border-radius:100px;text-transform:uppercase;letter-spacing:.05em}.theme-toggle{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border:1px solid var(--bg-border);border-radius:var(--radius-md);background:var(--surface-1);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast)}.theme-toggle:hover{background:var(--surface-2);color:var(--text);border-color:var(--accent)}.theme-toggle .icon-sun{display:block}.theme-toggle .icon-moon{display:none}:root[data-theme=light] .theme-toggle .icon-sun{display:none}:root[data-theme=light] .theme-toggle .icon-moon{display:block}@media (prefers-color-scheme: light){:root:not([data-theme=dark]) .theme-toggle .icon-sun{display:none}:root:not([data-theme=dark]) .theme-toggle .icon-moon{display:block}}.hero{display:grid;grid-template-columns:1fr 1.2fr;gap:64px;align-items:center;padding:48px 32px 80px;max-width:1400px;margin:0 auto;width:100%}.hero-content{display:flex;flex-direction:column;gap:24px}.hero-badge{display:inline-flex;align-items:center;font-family:var(--font-display);font-size:.875rem;font-weight:500;color:var(--text-secondary);width:fit-content;opacity:0;transform:translateY(20px);transition:all var(--transition-slow)}.hero-badge.is-visible{opacity:1;transform:translateY(0)}.badge-text{position:relative;padding-left:16px}.badge-text:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:8px;height:8px;background:var(--accent);border-radius:50%;box-shadow:0 0 8px var(--accent)}.hero-title{display:flex;flex-direction:column;gap:0;font-family:var(--font-display);font-weight:700;line-height:1.05;letter-spacing:-.03em}.title-line{display:block;font-size:clamp(2.75rem,6vw,4.5rem);opacity:0;transform:translateY(30px);transition:all var(--transition-slow)}.title-line:nth-child(1){transition-delay:.1s}.title-line:nth-child(2){color:var(--accent);transition-delay:.2s}.title-line.is-visible{opacity:1;transform:translateY(0)}.hero-subtitle{font-size:1.125rem;line-height:1.7;color:var(--text-secondary);max-width:480px;opacity:0;transform:translateY(20px);transition:all var(--transition-slow);transition-delay:.3s}.hero-subtitle.is-visible{opacity:1;transform:translateY(0)}.hero-actions{display:flex;align-items:center;gap:24px;margin-top:8px;opacity:0;transform:translateY(20px);transition:all var(--transition-slow);transition-delay:.4s}.hero-actions.is-visible{opacity:1;transform:translateY(0)}.hero-note{display:flex;align-items:center;gap:8px;font-family:var(--font-display);font-size:.8125rem;color:var(--text-muted)}.hero-note svg{color:var(--accent)}.hero-visual{position:relative;display:flex;justify-content:center;align-items:center}.image-frame{position:relative;width:100%;max-width:700px}.hero-img{width:100%;height:auto;border-radius:var(--radius-lg);box-shadow:var(--shadow-lg),var(--shadow-glow);animation:heroFloat 10s ease-in-out infinite}.hero-img-dark{display:block}.hero-img-light{display:none}:root[data-theme=light] .hero-img-dark{display:none}:root[data-theme=light] .hero-img-light{display:block}@media (prefers-color-scheme: light){:root:not([data-theme=dark]) .hero-img-dark{display:none}:root:not([data-theme=dark]) .hero-img-light{display:block}}@keyframes heroFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.image-glow{position:absolute;top:-20px;right:-20px;bottom:-20px;left:-20px;background:radial-gradient(ellipse at center,var(--accent-glow) 0%,transparent 70%);z-index:-1;opacity:.6}.hero-visual{perspective:1200px;transform-style:preserve-3d}.image-frame{position:relative;width:100%;max-width:700px;transform:rotateY(-8deg) rotateX(2deg);transform-style:preserve-3d;transition:transform var(--transition-base)}.image-frame:hover{transform:rotateY(-5deg) rotateX(1deg)}.floating-accent{position:absolute;width:56px;height:56px;display:flex;align-items:center;justify-content:center;background:var(--bg-card);border:1px solid var(--bg-border);border-radius:var(--radius-md);color:var(--accent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:var(--shadow-md);transform-style:preserve-3d}.floating-accent svg{width:24px;height:24px}.accent-1{top:-20px;right:40px;animation:accentFloat 8s ease-in-out infinite;transform:translateZ(40px)}.accent-2{bottom:40px;left:-20px;animation:accentFloat 10s ease-in-out infinite;animation-delay:-5s;transform:translateZ(60px)}@keyframes accentFloat{0%,to{transform:translateZ(var(--z, 40px)) translateY(0)}50%{transform:translateZ(var(--z, 40px)) translateY(-15px)}}.btn{display:inline-flex;align-items:center;gap:10px;padding:14px 28px;font-family:var(--font-display);font-size:.9375rem;font-weight:600;text-decoration:none;border:none;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast)}.btn-primary{background:var(--accent);color:var(--btn-text);box-shadow:0 4px 14px #3b82f659;position:relative;overflow:hidden;z-index:1}.btn-primary:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:var(--accent-light);opacity:0;transition:opacity var(--transition-fast);z-index:-1}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 25px #3b82f680}.btn-primary:hover:before{opacity:1}.btn-large{padding:18px 36px;font-size:1rem;border-radius:var(--radius-lg)}.features{padding:100px 32px;max-width:1200px;margin:0 auto;width:100%}.features-header{text-align:center;margin-bottom:56px;opacity:0;transform:translateY(30px);transition:all var(--transition-slow)}.features-header.is-visible{opacity:1;transform:translateY(0)}.features-title{font-family:var(--font-display);font-size:clamp(2rem,4vw,2.75rem);font-weight:700;letter-spacing:-.02em;margin-bottom:12px}.features-subtitle{font-size:1.125rem;color:var(--text-secondary)}.bento-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:auto;gap:20px}.bento-card{background:var(--bg-card);border:1px solid var(--bg-border);border-radius:var(--radius-xl);padding:28px;display:flex;flex-direction:column;overflow:hidden;transition:all var(--transition-base);opacity:0;transform:translateY(30px)}.bento-card:nth-child(1){transition-delay:0s}.bento-card:nth-child(2){transition-delay:.1s}.bento-card:nth-child(3){transition-delay:.2s}.bento-card:nth-child(4){transition-delay:.3s}.bento-card.is-visible{opacity:1;transform:translateY(0)}.bento-card:hover{border-color:#3b82f640;box-shadow:var(--shadow-lg)}.bento-large{grid-column:span 2;grid-row:span 1;flex-direction:row;align-items:center;gap:40px}.bento-medium,.bento-small{grid-column:span 1;min-height:260px;display:flex;flex-direction:column}.bento-medium .bento-content,.bento-small .bento-content{margin-bottom:20px}.bento-medium .bento-visual,.bento-small .bento-visual{flex:0 0 140px;display:flex;align-items:center;justify-content:center}.bento-wide{grid-column:span 2;grid-row:span 1;flex-direction:row;align-items:center;gap:40px}.bento-content{flex-shrink:0}.bento-large .bento-content,.bento-wide .bento-content{max-width:280px}.bento-title{font-family:var(--font-display);font-size:1.25rem;font-weight:600;margin-bottom:10px;letter-spacing:-.01em}.bento-desc{font-size:.9375rem;line-height:1.6;color:var(--text-secondary)}.bento-visual{flex:1;display:flex;align-items:center;justify-content:center;position:relative}.mode-flow{display:flex;flex-direction:column;align-items:center;gap:24px}.mode-switcher{display:flex;align-items:center;gap:16px;background:var(--surface-1);padding:12px 20px;border-radius:100px;border:1px solid var(--bg-border)}.mode-pill{display:flex;align-items:center;gap:8px;padding:10px 18px;border-radius:100px;font-family:var(--font-display);font-size:.875rem;font-weight:500;color:var(--text-secondary);transition:all var(--transition-fast)}.mode-pill.active{background:var(--accent);color:var(--btn-text)}.mode-pill svg{width:16px;height:16px}.mode-arrow{color:var(--text-muted)}.mode-arrow svg{width:18px;height:18px}.flow-preview{display:flex;align-items:center;gap:20px}.scribble-preview{display:flex;flex-direction:column;align-items:center;gap:4px;opacity:.6}.scribble-line-h{width:40px;height:2px;background:var(--text-muted);border-radius:1px}.scribble-line-h:nth-child(2){width:32px}.scribble-line-h:nth-child(3){width:36px}.flow-arrow-down{color:var(--accent)}.flow-arrow-down svg{width:20px;height:20px}.clean-preview{display:flex;gap:8px}.preview-shape{width:28px;height:28px;border:2px solid var(--accent);border-radius:4px;background:#3b82f61a}.storage-visual{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;height:100%}.storage-device{display:flex;flex-direction:column;align-items:center}.device-screen{width:80px;height:55px;background:linear-gradient(135deg,var(--bg-elevated) 0%,var(--surface-2) 100%);border:2px solid var(--bg-border);border-radius:8px 8px 0 0;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.screen-content{position:absolute;top:8px;right:8px;bottom:8px;left:8px;display:flex;align-items:center;justify-content:center}.screen-shapes{display:flex;gap:6px;opacity:.5}.s-shape{width:16px;height:16px;border:1.5px solid var(--text-secondary);border-radius:3px}.s-shape.circle{border-radius:50%}.save-indicator{position:absolute;bottom:4px;right:4px;color:var(--accent);animation:gentle-pulse 3s ease-in-out infinite}.save-indicator svg{width:12px;height:12px}@keyframes gentle-pulse{0%,to{opacity:1}50%{opacity:.5}}.device-base{width:100px;height:8px;background:var(--surface-2);border-radius:0 0 6px 6px;border:2px solid var(--bg-border);border-top:none}.autosave-pulse{display:flex;align-items:center;gap:8px;font-family:var(--font-display);font-size:.75rem;color:var(--text-muted)}.pulse-dots{display:flex;gap:3px}.pulse-dots span{width:4px;height:4px;background:var(--accent);border-radius:50%;animation:dot-pulse 1.5s ease-in-out infinite}.pulse-dots span:nth-child(2){animation-delay:.2s}.pulse-dots span:nth-child(3){animation-delay:.4s}@keyframes dot-pulse{0%,to{opacity:.3;transform:scale(.8)}50%{opacity:1;transform:scale(1)}}.precision-visual{position:relative;display:flex;align-items:center;justify-content:center;height:100%;min-height:120px}.grid-bg{position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(var(--bg-border) 1px,transparent 1px),linear-gradient(90deg,var(--bg-border) 1px,transparent 1px);background-size:16px 16px;opacity:.3}.snap-indicator{position:absolute;top:12px;right:12px;color:var(--accent)}.precision-shapes{display:flex;align-items:center;justify-content:center;gap:12px;z-index:1}.p-shape{width:28px;height:28px;border:2px solid var(--accent);background:#3b82f61a}.p-shape.rect{border-radius:4px}.p-shape.circle{border-radius:50%}.p-shape.diamond{transform:rotate(45deg);border-radius:4px}.snap-indicator svg{width:18px;height:18px}.export-visual{flex:1;display:flex;justify-content:center}.file-stack{display:flex;gap:20px}.file-card{width:100px;height:130px;background:var(--surface-1);border:1px solid var(--bg-border);border-radius:var(--radius-md);display:flex;flex-direction:column;overflow:hidden;transition:all var(--transition-fast);box-shadow:var(--shadow-sm)}.file-card:hover{transform:translateY(-6px) scale(1.02);box-shadow:var(--shadow-md)}.file-card.png{border-color:#3b82f64d;transform:rotate(-3deg)}.file-card.png:hover{transform:rotate(0) translateY(-6px)}.file-card.svg{border-color:#8b5cf64d;margin-top:-10px}.file-card.json{border-color:#22c55e4d;transform:rotate(3deg)}.file-card.json:hover{transform:rotate(0) translateY(-6px)}.file-ext{font-family:var(--font-display);font-size:.6875rem;font-weight:700;color:var(--text-muted);padding:8px 12px;background:var(--surface-2);text-transform:uppercase;letter-spacing:.05em}.file-card.png .file-ext{color:var(--accent)}.file-card.svg .file-ext{color:#8b5cf6}.file-card.json .file-ext{color:#22c55e}.file-preview{flex:1;display:flex;align-items:center;justify-content:center}.mini-shape{width:40px;height:40px;background:linear-gradient(135deg,var(--accent) 0%,var(--accent-light) 100%);border-radius:6px}.file-preview svg{width:36px;height:36px;color:#8b5cf6}.code-preview{font-family:var(--font-display);font-size:1.25rem;font-weight:700;color:#22c55e}.use-cases{padding:120px 32px;max-width:1400px;margin:0 auto;width:100%;border-top:1px solid var(--bg-border);position:relative}.use-cases-header{text-align:center;margin-bottom:80px;opacity:0;transform:translateY(30px);transition:all var(--transition-slow)}.use-cases-header.is-visible{opacity:1;transform:translateY(0)}.use-cases-title{font-family:var(--font-display);font-size:clamp(2.5rem,5vw,3.5rem);font-weight:700;letter-spacing:-.03em;margin-bottom:16px;background:linear-gradient(135deg,var(--text) 0%,var(--accent) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.use-cases-subtitle{font-size:1.25rem;color:var(--text-secondary);max-width:500px;margin:0 auto}.use-cases-list{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.use-case-box{background:linear-gradient(135deg,var(--bg-card) 0%,rgba(59,130,246,.05) 100%);border:1px solid var(--bg-border);border-radius:var(--radius-xl);padding:40px 32px;text-align:center;transition:all .4s cubic-bezier(.4,0,.2,1);opacity:0;transform:translateY(40px);position:relative;overflow:hidden}.use-case-box:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 50% 0%,rgba(59,130,246,.15) 0%,transparent 70%);opacity:0;transition:opacity .4s ease}.use-case-box:nth-child(1){transition-delay:0s}.use-case-box:nth-child(2){transition-delay:.1s}.use-case-box:nth-child(3){transition-delay:.2s}.use-case-box:nth-child(4){transition-delay:.3s}.use-case-box:nth-child(5){transition-delay:.4s}.use-case-box:nth-child(6){transition-delay:.5s}.use-case-box.is-visible{opacity:1;transform:translateY(0)}.use-case-box:hover{border-color:#3b82f666;transform:translateY(-8px) scale(1.02);box-shadow:0 20px 40px #0000004d,0 0 60px #3b82f61a}.use-case-box:hover:before{opacity:1}.use-case-box:nth-child(2),.use-case-box:nth-child(5){transform:translateY(20px)}.use-case-box:nth-child(2).is-visible,.use-case-box:nth-child(5).is-visible{transform:translateY(20px)}.use-case-box:nth-child(2):hover,.use-case-box:nth-child(5):hover{transform:translateY(12px) scale(1.02)}.use-case-visual{width:100px;height:100px;margin:0 auto 24px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--surface-1) 0%,rgba(59,130,246,.1) 100%);border-radius:var(--radius-lg);position:relative;border:1px solid var(--bg-border);transition:all .4s ease}.use-case-box:hover .use-case-visual{background:linear-gradient(135deg,#3b82f626,#8b5cf61a);border-color:#3b82f64d;transform:scale(1.05)}.use-case-name{font-family:var(--font-display);font-size:1.125rem;font-weight:600;color:var(--text);position:relative;z-index:1}.use-case-desc{font-size:.875rem;color:var(--text-secondary);margin-top:8px;line-height:1.5;position:relative;z-index:1}.use-case-visual.arch{flex-direction:column;gap:12px}.arch-line{width:50px;height:4px;background:linear-gradient(90deg,var(--accent),var(--accent-light));border-radius:2px;box-shadow:0 0 20px #3b82f64d}.arch-nodes{display:flex;gap:30px}.arch-nodes span{width:14px;height:14px;background:var(--accent);border-radius:50%;box-shadow:0 0 15px #3b82f680}.use-case-visual.flow{flex-direction:column;gap:6px}.flow-circle{width:20px;height:20px;border:3px solid var(--accent);border-radius:50%;box-shadow:0 0 15px #3b82f64d}.flow-line{width:3px;height:20px;background:linear-gradient(180deg,var(--accent),transparent);opacity:.6}.flow-diamond{width:18px;height:18px;border:3px solid var(--accent);transform:rotate(45deg);box-shadow:0 0 15px #3b82f64d}.use-case-visual.wireframe{flex-direction:column;gap:10px}.wf-box{width:44px;height:28px;background:linear-gradient(135deg,var(--accent),var(--accent-light));border-radius:4px;opacity:.8;box-shadow:0 4px 15px #3b82f64d}.wf-box.small{width:28px;height:20px;opacity:.5}.use-case-visual.workshop{gap:12px}.dot{width:20px;height:20px;border-radius:50%;box-shadow:0 4px 15px #0003}.dot.yellow{background:#fbbf24}.dot.pink{background:#f472b6}.dot.blue{background:#60a5fa}.use-case-visual.notes{flex-direction:column;gap:4px}.note-lines{display:flex;flex-direction:column;gap:5px;width:40px}.note-lines span{height:2px;background:var(--text-muted);opacity:.4;border-radius:1px}.use-case-visual.sketch svg{width:32px;height:32px;color:var(--accent)}.cta{padding:100px 32px;max-width:1200px;margin:0 auto;width:100%}.cta-content{text-align:center;padding:80px 48px;background:linear-gradient(135deg,var(--bg-elevated) 0%,var(--surface-1) 100%);border:1px solid var(--bg-border);border-radius:var(--radius-xl);position:relative;overflow:hidden;opacity:0;transform:translateY(30px);transition:all var(--transition-slow)}.cta-content.is-visible{opacity:1;transform:translateY(0)}.cta-content:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--accent),transparent);opacity:.5}.cta-title{font-family:var(--font-display);font-size:clamp(1.75rem,4vw,2.75rem);font-weight:700;letter-spacing:-.02em;margin-bottom:12px}.cta-subtitle{font-size:1.0625rem;color:var(--text-secondary);margin-bottom:32px}.footer{display:flex;flex-direction:column;align-items:center;gap:16px;padding:48px 32px;max-width:1200px;margin:0 auto;width:100%;border-top:1px solid var(--bg-border);text-align:center}.footer-brand{display:flex;align-items:center;gap:10px}.footer-logo{width:28px;height:28px}.footer-name{font-family:var(--font-display);font-size:1.125rem;font-weight:700;color:var(--text)}.footer-copyright{font-size:.8125rem;color:var(--text-muted);margin-top:8px}@media (max-width: 1024px){.hero{grid-template-columns:1fr;gap:48px;text-align:center}.hero-content{align-items:center}.hero-subtitle{max-width:540px}.hero-visual{order:-1}.image-frame{max-width:500px}.floating-accent{display:none}.bento-grid{grid-template-columns:1fr 1fr;grid-template-rows:auto}.bento-large,.bento-wide{grid-column:span 2;flex-direction:column;gap:24px}.bento-large .bento-content,.bento-wide .bento-content{max-width:none}.mode-flow{gap:20px}}@media (max-width: 768px){.header{padding:20px 24px}.hero{padding:32px 24px 64px}.hero-actions{flex-direction:column;gap:16px}.btn{width:100%;justify-content:center}.features{padding:64px 24px}.bento-grid{grid-template-columns:1fr;gap:16px}.bento-card{grid-column:span 1!important;min-height:240px}.bento-large,.bento-wide{flex-direction:column;gap:24px}.export-visual{justify-content:center}.use-cases{padding:64px 24px}.use-cases-list{grid-template-columns:1fr 1fr}.cta{padding:64px 24px}.cta-content{padding:48px 24px}.footer{padding:32px 24px}}@media (max-width: 480px){.hero-title .title-line{font-size:2.5rem}.version-tag{display:none}.use-cases-list{grid-template-columns:1fr}}