:root{--bg-canvas: #FDF8F2;--bg-canvas-subtle: #F7EFE3;--bg-card: #FFFDF9;--bg-card-alt: #FAF3E8;--bg-dark: #2C2230;--bg-dark-surface: #382D3E;--color-sun-yellow: #FDB849;--color-sunset-orange: #F27A3D;--color-terracotta: #D66248;--color-sky-blue: #7BB8D4;--color-twilight-purple: #A084B6;--color-deep-purple: #56486E;--color-palm-teal: #4E9B8F;--color-mint: #A3D9C9;--color-sand: #EADBC8;--text-main: #231928;--text-muted: #433849;--text-light: #5F5366;--text-inverse: #FDF8F2;--text-inverse-muted: #DDD4E2;--stroke-main: #2C2230;--stroke-width: 2px;--stroke-subtle: rgba(44, 34, 48, .15);--stroke-glow: rgba(242, 122, 61, .4);--shadow-hard: 4px 4px 0px var(--stroke-main);--shadow-hard-lg: 6px 6px 0px var(--stroke-main);--shadow-hard-sm: 2px 2px 0px var(--stroke-main);--shadow-warm-glow: 0 16px 36px rgba(242, 122, 61, .12), 0 4px 12px rgba(86, 72, 110, .08);--shadow-float: 0 20px 40px rgba(44, 34, 48, .12);--radius-sm: 8px;--radius-md: 14px;--radius-lg: 22px;--radius-xl: 32px;--radius-pill: 9999px;--ease-spring: cubic-bezier(.25, 1, .5, 1);--ease-out-back: cubic-bezier(.34, 1.56, .64, 1);--transition-fast: .15s var(--ease-spring);--transition-normal: .3s var(--ease-spring);--transition-slow: .6s var(--ease-spring);--font-display: "Outfit", "Fraunces", -apple-system, sans-serif;--font-body: "Plus Jakarta Sans", "Inter", -apple-system, sans-serif;--font-mono: "JetBrains Mono", "Fira Code", monospace}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--bg-canvas);color:var(--text-main);font-family:var(--font-body)}body{min-height:100vh;position:relative;overflow-x:hidden;line-height:1.6}img,svg,video{display:block;max-width:100%}button,input,textarea,select{font:inherit;color:inherit}button{cursor:pointer;border:none;background:none}a{color:inherit;text-decoration:none}ul,ol{list-style:none}::selection{background:var(--color-sun-yellow);color:var(--bg-dark)}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);font-weight:800;line-height:1.15;color:var(--text-main);letter-spacing:-.025em}h1{font-size:clamp(2.5rem,5.5vw + 1rem,4.75rem);font-weight:900;letter-spacing:-.03em}h2{font-size:clamp(2rem,3.5vw + .5rem,3.25rem);letter-spacing:-.025em}h3{font-size:clamp(1.35rem,2vw + .2rem,1.85rem);letter-spacing:-.02em}h4{font-size:1.25rem}p{font-size:1.0625rem;color:var(--text-muted);line-height:1.65;font-weight:500;letter-spacing:-.01em}p.lead{font-size:clamp(1.125rem,1.4vw + .4rem,1.35rem);line-height:1.55;color:var(--text-main);font-weight:500;letter-spacing:-.015em}.font-mono{font-family:var(--font-mono)}.text-gradient-sun{background:linear-gradient(135deg,var(--color-terracotta) 0%,var(--color-sunset-orange) 50%,var(--color-sun-yellow) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.text-gradient-coastal{background:linear-gradient(135deg,var(--color-deep-purple) 0%,var(--color-sky-blue) 60%,var(--color-mint) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.badge-tag{display:inline-flex;align-items:center;gap:.5rem;padding:.4rem .9rem;border-radius:var(--radius-pill);font-size:.8125rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;border:var(--stroke-width) solid var(--stroke-main);background:var(--bg-card);box-shadow:var(--shadow-hard-sm)}.badge-sun{background:var(--color-sun-yellow);color:var(--bg-dark)}.badge-mint{background:var(--color-mint);color:var(--bg-dark)}.badge-terracotta{background:var(--color-terracotta);color:#fff}.badge-purple{background:var(--color-twilight-purple);color:#fff}.container{width:100%;max-width:1240px;margin:0 auto;padding:0 1.5rem}.section{padding:3.75rem 0;position:relative}.section-header{text-align:center;max-width:760px;margin:0 auto 2.5rem}.section-header .badge-tag,.section-header h2{margin-bottom:1rem}.navbar{position:sticky;top:0;z-index:100;background:#fdf8f2e0;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:var(--stroke-width) solid var(--stroke-subtle);transition:all var(--transition-normal)}.navbar-inner{display:flex;align-items:center;justify-content:space-between;height:76px}.brand-logo{display:flex;align-items:center;gap:.75rem;font-family:var(--font-display);font-size:1.5rem;font-weight:900;letter-spacing:-.03em;color:var(--text-main)}.brand-logo svg{transition:transform var(--transition-fast)}.brand-logo:hover svg{transform:rotate(-10deg) scale(1.1)}.brand-badge{font-size:.6875rem;font-weight:800;padding:.15rem .5rem;background:var(--color-sun-yellow);border:1.5px solid var(--stroke-main);border-radius:var(--radius-pill);box-shadow:1.5px 1.5px 0 var(--stroke-main)}.nav-links{display:flex;align-items:center;gap:2rem}.nav-link{font-weight:600;font-size:.9375rem;color:var(--text-muted);transition:color var(--transition-fast);position:relative}.nav-link:hover{color:var(--color-sunset-orange)}.nav-link:after{content:"";position:absolute;bottom:-4px;left:0;width:0;height:2px;background:var(--color-sunset-orange);transition:width var(--transition-fast);border-radius:2px}.nav-link:hover:after{width:100%}.nav-actions{display:flex;align-items:center;gap:1rem}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.6rem;padding:.75rem 1.4rem;font-family:var(--font-body);font-weight:700;font-size:.9375rem;border-radius:var(--radius-pill);border:var(--stroke-width) solid var(--stroke-main);transition:transform .1s var(--ease-spring),box-shadow .1s var(--ease-spring),background-color .2s ease;white-space:nowrap}.btn-primary{background:var(--color-sunset-orange);color:#fff;box-shadow:var(--shadow-hard)}.btn-primary:hover{transform:translate(-2px,-2px);box-shadow:var(--shadow-hard-lg);background:#e86a2b}.btn-primary:active{transform:translate(2px,2px);box-shadow:var(--shadow-hard-sm)}.btn-secondary{background:var(--bg-card);color:var(--text-main);box-shadow:var(--shadow-hard)}.btn-secondary:hover{transform:translate(-2px,-2px);box-shadow:var(--shadow-hard-lg);background:var(--bg-card-alt)}.btn-secondary:active{transform:translate(2px,2px);box-shadow:var(--shadow-hard-sm)}.btn-mint{background:var(--color-mint);color:var(--bg-dark);box-shadow:var(--shadow-hard)}.btn-mint:hover{transform:translate(-2px,-2px);box-shadow:var(--shadow-hard-lg);background:#8ed0bf}.btn-sm{padding:.45rem .9rem;font-size:.8125rem}.btn-lg{padding:.95rem 1.8rem;font-size:1.0625rem}.hero-section{padding:3.5rem 0 4rem;position:relative;overflow:hidden}.hero-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:3.5rem;align-items:center}.hero-content{position:relative;z-index:2}.hero-sticker-row{display:flex;flex-wrap:wrap;justify-content:left;align-items:center;gap:.75rem;margin-bottom:1.75rem}.sticker{display:inline-flex;align-items:center;gap:.45rem;padding:.4rem .85rem;border-radius:var(--radius-pill);font-family:var(--font-mono);font-size:.75rem;font-weight:700;border:var(--stroke-width) solid var(--stroke-main);box-shadow:var(--shadow-hard-sm);transform:rotate(-1.5deg);transition:transform .2s var(--ease-out-back);white-space:nowrap;line-height:1.2}.sticker:nth-child(2){transform:rotate(1.5deg)}.sticker:nth-child(3){transform:rotate(-1deg)}.sticker:hover{transform:scale(1.06) rotate(0)}.hero-title{margin-bottom:1.25rem;line-height:1.08}.hero-description{font-size:1.2rem;line-height:1.6;margin-bottom:2rem;color:var(--text-muted)}.hero-cta-group{display:flex;flex-wrap:wrap;gap:1rem;align-items:center;margin-bottom:1.25rem}.beta-signup-container{flex:1 1 360px;max-width:480px}.beta-signup-form{display:flex;flex-direction:column;gap:.5rem;width:100%}.input-action-group{display:flex;align-items:center;background:var(--bg-card);border:var(--stroke-width) solid var(--stroke-main);border-radius:var(--radius-pill);box-shadow:var(--shadow-hard);padding:.3rem .4rem .3rem 1.15rem;transition:all var(--transition-fast);width:100%}.input-action-group:focus-within{border-color:var(--color-sunset-orange);box-shadow:var(--shadow-hard-lg);transform:translate(-1px,-1px)}.beta-email-input{flex:1;min-width:0;border:none;background:transparent;font-family:var(--font-sans);font-size:.9375rem;font-weight:500;color:var(--text-main);outline:none;padding:.45rem .5rem .45rem 0}.beta-email-input::placeholder{color:var(--text-muted);opacity:.85}.input-action-group .btn-cta{border-radius:var(--radius-pill);padding:.6rem 1.25rem;font-size:.875rem;white-space:nowrap;flex-shrink:0;cursor:pointer}.form-feedback{display:none;font-size:.85rem;font-weight:600;padding:.5rem .9rem;border-radius:var(--radius-pill);border:1.5px solid var(--stroke-main);margin-top:.25rem;transition:all var(--transition-fast)}.form-feedback.is-success{display:flex;align-items:center;gap:.5rem;background:#eaf7ee;color:#1b5e20;border-color:#2e7d32;box-shadow:var(--shadow-hard-sm)}.form-feedback.is-error{display:flex;align-items:center;gap:.5rem;background:#feeceb;color:#b71c1c;border-color:#c62828;box-shadow:var(--shadow-hard-sm)}.hero-beta-subtext{font-size:.825rem;color:var(--text-muted);font-weight:600;margin-bottom:2rem;display:flex;align-items:center;gap:.35rem}.cta-banner .beta-signup-container{max-width:520px}.cta-banner .input-action-group{background:#fffdf9;box-shadow:var(--shadow-hard)}.hero-terminal-pill{display:flex;align-items:center;gap:.75rem;padding:.5rem .9rem;background:var(--bg-card);border:var(--stroke-width) solid var(--stroke-main);border-radius:var(--radius-pill);box-shadow:var(--shadow-hard-sm);font-family:var(--font-mono);font-size:.875rem;font-weight:600}.hero-terminal-pill code{color:var(--color-terracotta)}.copy-btn{padding:.3rem .6rem;border-radius:var(--radius-pill);background:var(--bg-canvas-subtle);border:1.5px solid var(--stroke-main);font-size:.75rem;font-weight:700;transition:all var(--transition-fast)}.copy-btn:hover{background:var(--color-sun-yellow)}.hero-metrics-row{display:grid;grid-template-columns:repeat(3,1fr);gap:1.25rem;padding-top:1.75rem;border-top:var(--stroke-width) solid var(--stroke-subtle)}.metric-card{display:flex;flex-direction:column}.metric-value{font-family:var(--font-display);font-size:1.75rem;font-weight:900;color:var(--text-main)}.metric-label{font-size:.875rem;color:var(--text-muted);font-weight:600;line-height:1.35}.hero-visual{position:relative}.visual-art-card{position:relative;background:var(--bg-card);border:var(--stroke-width) solid var(--stroke-main);border-radius:var(--radius-xl);box-shadow:var(--shadow-hard-lg);overflow:hidden;padding:1.25rem}.art-canvas-frame{position:relative;border-radius:var(--radius-lg);overflow:hidden;border:var(--stroke-width) solid var(--stroke-main);background:#1e1b4b;min-height:380px;display:flex;align-items:flex-end;justify-content:center}.art-canvas-frame svg{width:100%;height:100%;display:block}.villa-window{transition:fill .8s ease,filter .8s ease}.car-wheel-hub{transform-origin:0px 0px}.canvas-star{transform-origin:center center}.turntable-card{margin-top:1rem;background:var(--bg-card-alt);border:var(--stroke-width) solid var(--stroke-main);border-radius:var(--radius-md);padding:.9rem 1.2rem;display:flex;align-items:center;justify-content:space-between;box-shadow:var(--shadow-hard-sm)}.turntable-info{display:flex;align-items:center;gap:.9rem}.vinyl-disc{width:46px;height:46px;border-radius:50%;background:radial-gradient(circle,#d66248 20%,#2c2230 22% 65%,#3e3244 67%,#2c2230 70%);border:2px solid var(--stroke-main);box-shadow:var(--shadow-hard-sm);position:relative;display:flex;align-items:center;justify-content:center}.vinyl-disc:after{content:"";width:8px;height:8px;background:var(--bg-canvas);border-radius:50%;border:1.5px solid var(--stroke-main)}.vinyl-spinning{animation:spin 3s linear infinite}.track-meta{display:flex;flex-direction:column}.track-title{font-weight:800;font-size:.875rem;color:var(--text-main)}.track-artist{font-size:.75rem;color:var(--text-muted)}.pain-solution-diagrams-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.75rem;align-items:stretch;max-width:1120px;margin:0 auto;width:100%}.diagram-comparison-card{background:var(--bg-card);border:var(--stroke-width) solid var(--stroke-main);border-radius:var(--radius-lg);padding:1.5rem;box-shadow:var(--shadow-hard);display:flex;flex-direction:column;position:relative;transition:transform var(--transition-fast),box-shadow var(--transition-fast)}.diagram-comparison-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-hard-lg)}.diagram-comparison-card.pain-card{border-color:var(--stroke-main);background:#fffdf9}.diagram-comparison-card.solution-card{background:#fdfaf5;border-width:3px;border-color:var(--stroke-main);box-shadow:var(--shadow-hard-lg)}.diagram-card-header{margin-bottom:1rem}.diagram-badge-row{display:flex;align-items:center;justify-content:space-between;gap:.5rem;margin-bottom:.6rem}.diagram-status-pill{display:inline-flex;align-items:center;gap:.35rem;font-size:.72rem;font-weight:800;padding:.2rem .6rem;border-radius:var(--radius-pill);border:1.5px solid var(--stroke-main)}.diagram-status-pill.status-danger{background:#ffebe8;color:#c0392b}.diagram-status-pill.status-success{background:#e8f7f4;color:#237a6b}.status-dot{width:7px;height:7px;border-radius:50%;display:inline-block}.pulse-danger{background:#e74c3c;box-shadow:0 0 #e74c3cb3;animation:pulse-danger-anim 2s infinite}.pulse-success{background:#27ae60;box-shadow:0 0 #27ae60b3;animation:pulse-success-anim 2s infinite}@keyframes pulse-danger-anim{0%{transform:scale(.95);box-shadow:0 0 #e74c3cb3}70%{transform:scale(1);box-shadow:0 0 0 5px #e74c3c00}to{transform:scale(.95);box-shadow:0 0 #e74c3c00}}@keyframes pulse-success-anim{0%{transform:scale(.95);box-shadow:0 0 #27ae60b3}70%{transform:scale(1);box-shadow:0 0 0 5px #27ae6000}to{transform:scale(.95);box-shadow:0 0 #27ae6000}}.diagram-card-header h3{font-size:1.25rem;line-height:1.3;margin-bottom:.4rem;color:var(--text-main)}.diagram-desc{font-size:.9375rem;color:var(--text-muted);line-height:1.5;margin-bottom:0;font-weight:500}.diagram-canvas{border:var(--stroke-width) solid var(--stroke-main);border-radius:var(--radius-md);padding:.85rem;display:flex;flex-direction:column;gap:.75rem;margin-bottom:0;position:relative}.diagram-canvas.canvas-pain{background:#fff7f5;background-image:radial-gradient(rgba(214,98,72,.12) 1.5px,transparent 1.5px);background-size:16px 16px}.diagram-canvas.canvas-solution{background:#f4faf8;background-image:radial-gradient(rgba(78,155,143,.15) 1.5px,transparent 1.5px);background-size:16px 16px}.canvas-header-label{display:flex;align-items:center;justify-content:space-between;font-size:.7rem;font-weight:800;letter-spacing:.05em;text-transform:uppercase;color:var(--text-muted);border-bottom:1px dashed var(--stroke-subtle);padding-bottom:.35rem}.drift-badge{color:#c0392b;background:#ffebe8;border:1px solid #D66248;padding:.1rem .45rem;border-radius:var(--radius-pill);font-size:.65rem;font-weight:800}.lock-badge{color:#176558;background:#e8f7f4;border:1px solid #4E9B8F;padding:.1rem .45rem;border-radius:var(--radius-pill);font-size:.65rem;font-weight:800}.svg-diagram-wrapper{width:100%;background:#fff;border:1.5px solid var(--stroke-main);border-radius:var(--radius-sm);padding:.4rem;box-shadow:var(--shadow-hard-sm);overflow:hidden}.arch-network-svg{width:100%;height:auto;display:block}.wire-broken{stroke:#e74c3c;stroke-width:2.2;fill:none;stroke-linecap:round}.wire-dashed-1{stroke-dasharray:6 4}.wire-dashed-2{stroke-dasharray:3 3}.wire-clean{stroke:#4e9b8f;stroke-width:2.8;fill:none;stroke-linecap:round}.wire-inflow{stroke:#7bb8d4}.wire-projection{stroke:#27ae60}.svg-node-bg{stroke:var(--stroke-main);stroke-width:1.5;filter:drop-shadow(2px 2px 0px var(--stroke-main))}.bg-danger-node{fill:#fff;stroke:#d66248}.bg-broken-output{fill:#fff4f2;stroke:#d66248;stroke-dasharray:4 2}.bg-success-node{fill:#fff;stroke:#4e9b8f}.bg-verified-output{fill:#f4faf8;stroke:#4e9b8f}.alert-box-rect{fill:#ffebe8;stroke:#d66248;stroke-width:1.5;filter:drop-shadow(2px 2px 0px var(--stroke-main))}.alert-box-text{fill:#a92617;font-size:10.5px;font-weight:800;font-family:var(--font-body)}.node-emoji{font-size:15px}.node-title-svg{fill:var(--text-main);font-size:11.5px;font-weight:800;font-family:var(--font-body)}.node-sub-svg{fill:var(--text-muted);font-size:9.5px;font-weight:600;font-family:var(--font-mono)}.node-title-sm{fill:var(--text-main);font-size:10px;font-weight:800;font-family:var(--font-body)}.node-status-fail{fill:#c0392b;font-size:9px;font-weight:800;font-family:var(--font-body)}.node-status-ok{fill:#1e824c;font-size:9px;font-weight:800;font-family:var(--font-body)}.hub-main-box{fill:#2c2230;stroke:var(--stroke-main);stroke-width:2;filter:drop-shadow(3px 3px 0px var(--color-sun-yellow))}.hub-logo{fill:var(--color-sun-yellow);font-size:18px;font-weight:900;font-family:var(--font-display)}.hub-title{fill:#fffdf9;font-size:11.5px;font-weight:800;font-family:var(--font-body)}.hub-sub{fill:#a3d9c9;font-size:8.5px;font-weight:600;font-family:var(--font-mono)}.hub-pill{fill:var(--color-sun-yellow)}.hub-pill-text{fill:#2c2230;font-size:9px;font-weight:900;font-family:var(--font-mono)}.point-text{flex:1;min-width:0;line-height:1.5}.point-text code{display:inline-block;background:var(--bg-canvas-subtle);border:1.5px solid var(--stroke-main);border-radius:var(--radius-sm);padding:.05rem .4rem;font-family:var(--font-mono);font-size:.8em;color:var(--color-terracotta);font-weight:700;vertical-align:baseline}.playground-wrapper{background:var(--bg-dark);border:var(--stroke-width) solid var(--stroke-main);border-radius:var(--radius-xl);box-shadow:var(--shadow-hard-lg);overflow:hidden;color:var(--text-inverse)}.playground-nav{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1.25rem;background:var(--bg-dark-surface);border-bottom:2px solid rgba(255,255,255,.08);flex-wrap:wrap;gap:.75rem}.tab-buttons{display:flex;gap:.5rem;flex-wrap:wrap}.tab-btn{padding:.5rem 1rem;border-radius:var(--radius-pill);font-size:.8125rem;font-weight:700;color:var(--text-inverse-muted);background:transparent;border:1.5px solid transparent;transition:all var(--transition-fast)}.tab-btn:hover{color:#fff;background:#ffffff0f}.tab-btn.active{background:var(--color-sun-yellow);color:var(--bg-dark);border-color:var(--stroke-main);box-shadow:2px 2px 0 var(--stroke-main)}.playground-meta{padding:1rem 1.5rem;background:#0003;border-bottom:1px solid rgba(255,255,255,.08);display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem}.meta-info h4{font-size:1.05rem;color:#fff;display:flex;align-items:center;gap:.75rem;margin-bottom:.25rem}.meta-info p{font-size:.875rem;color:var(--text-inverse-muted);max-width:680px}.code-container{position:relative;padding:1.5rem;background:#1e1724;overflow-x:auto;min-height:380px}.code-container pre{font-family:var(--font-mono);font-size:.9375rem;line-height:1.65;color:#f8f5fb}.token-keyword{color:#f27a3d;font-weight:700}.token-string{color:#a3d9c9}.token-function{color:#fdb849}.token-comment{color:#786c82;font-style:italic}.token-property{color:#7bb8d4}.token-number{color:#d66248}.architecture-blueprint-container{background:var(--bg-card);border:var(--stroke-width) solid var(--stroke-main);border-radius:var(--radius-xl);box-shadow:var(--shadow-hard-lg);padding:2.25rem;position:relative}.arch-flow-wrapper{display:flex;flex-direction:column;gap:2rem}.arch-app-badge-banner{display:flex;align-items:center;gap:1rem;padding:1rem 1.5rem;background:#fffdf9;border:var(--stroke-width) solid var(--stroke-main);border-radius:var(--radius-lg);box-shadow:var(--shadow-hard-sm)}.arch-app-icon{font-size:2rem;width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:#fff7db;border:1.5px solid var(--stroke-main);border-radius:var(--radius-md);box-shadow:1.5px 1.5px 0 var(--stroke-main)}.arch-app-badge-banner h4{font-size:1.15rem;color:var(--text-main);margin-bottom:.15rem}.arch-app-badge-banner p{font-size:.875rem;color:var(--text-muted)}.arch-layers-stack{display:flex;flex-direction:column;gap:1.5rem}.arch-layer-card{background:#fffdf9;border:var(--stroke-width) solid var(--stroke-main);border-radius:var(--radius-lg);padding:1.5rem 1.75rem;box-shadow:var(--shadow-hard);position:relative;transition:transform var(--transition-fast),box-shadow var(--transition-fast)}.arch-layer-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-hard-lg)}.arch-layer-header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:.75rem;margin-bottom:1.25rem;padding-bottom:.75rem;border-bottom:var(--stroke-width) solid var(--stroke-subtle)}.arch-layer-title-group{display:flex;align-items:center;gap:.75rem}.arch-layer-pill{font-family:var(--font-mono);font-size:.6875rem;font-weight:800;padding:.2rem .55rem;border-radius:var(--radius-pill);border:1.5px solid currentColor;text-transform:uppercase}.arch-layer-header h3{font-size:1.2rem;color:var(--text-main)}.arch-layer-sub{font-size:.8125rem;font-weight:600;color:var(--text-muted)}.arch-nodes-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1rem}.arch-node-item{background:var(--bg-card);border:1.5px solid var(--stroke-main);border-radius:var(--radius-md);padding:1rem 1.15rem;box-shadow:var(--shadow-hard-sm);display:flex;flex-direction:column;gap:.5rem;transition:transform var(--transition-fast)}.arch-node-item:hover{transform:translateY(-2px)}.arch-node-top{display:flex;align-items:center;gap:.6rem}.arch-node-num{font-family:var(--font-mono);font-size:.6875rem;font-weight:800;padding:.15rem .4rem;border-radius:var(--radius-pill);border:1.5px solid var(--stroke-main)}.arch-node-primitive{font-size:.9375rem;font-weight:800;color:var(--text-main)}.arch-node-badge{font-size:.6875rem;font-weight:700;padding:.15rem .45rem;border-radius:var(--radius-sm);border:1px solid var(--stroke-main);margin-left:auto}.arch-node-role{font-size:.8125rem;line-height:1.45;color:var(--text-muted)}.arch-node-code{margin-top:auto;padding-top:.4rem}.arch-node-code code{display:block;background:#1e1724;color:#a3d9c9;border:1px solid var(--stroke-main);border-radius:var(--radius-sm);padding:.4rem .6rem;font-family:var(--font-mono);font-size:.6875rem;white-space:nowrap;overflow-x:auto}.arch-layer-connector{position:absolute;bottom:-1.25rem;left:50%;transform:translate(-50%);z-index:5}.connector-badge{background:var(--color-sun-yellow);color:var(--bg-dark);font-family:var(--font-mono);font-size:.6875rem;font-weight:800;padding:.2rem .75rem;border-radius:var(--radius-pill);border:1.5px solid var(--stroke-main);box-shadow:1.5px 1.5px 0 var(--stroke-main);white-space:nowrap}.arch-projections-summary{background:#2c2230;color:#fff;border:var(--stroke-width) solid var(--stroke-main);border-radius:var(--radius-lg);padding:1.25rem 1.75rem;box-shadow:var(--shadow-hard);display:flex;flex-direction:column;gap:1rem}.arch-proj-title{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:.5rem;font-weight:800;font-size:.9375rem}.arch-proj-title small{color:#a084b6;font-family:var(--font-mono);font-size:.75rem}.arch-proj-tags{display:flex;flex-wrap:wrap;gap:.6rem}.proj-pill{background:#ffffff14;border:1px solid rgba(255,255,255,.2);color:#fdb849;font-family:var(--font-mono);font-size:.75rem;font-weight:700;padding:.35rem .75rem;border-radius:var(--radius-pill)}.sandbox-card{background:var(--bg-card);border:var(--stroke-width) solid var(--stroke-main);border-radius:var(--radius-xl);box-shadow:var(--shadow-hard-lg);padding:2.5rem;display:grid;grid-template-columns:1fr 1.1fr;gap:2.5rem;align-items:center}.sandbox-controls{display:flex;flex-direction:column;gap:1.5rem}.control-group{display:flex;flex-direction:column;gap:.5rem}.control-group label{font-weight:700;font-size:.875rem;color:var(--text-main);display:flex;justify-content:space-between}.slider-input{-webkit-appearance:none;appearance:none;width:100%;height:12px;background:var(--bg-canvas-subtle);border:2px solid var(--stroke-main);border-radius:var(--radius-pill);outline:none}.slider-input::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:24px;height:24px;border-radius:50%;background:var(--color-sunset-orange);border:2px solid var(--stroke-main);cursor:pointer;box-shadow:2px 2px 0 var(--stroke-main)}.sandbox-terminal{background:var(--bg-dark);border:var(--stroke-width) solid var(--stroke-main);border-radius:var(--radius-lg);box-shadow:var(--shadow-hard);padding:1.5rem;font-family:var(--font-mono);font-size:.8125rem;color:#fff;min-height:260px;display:flex;flex-direction:column;justify-content:space-between}.terminal-header-dots{display:flex;gap:.4rem;margin-bottom:1rem}.dot{width:10px;height:10px;border-radius:50%;border:1px solid var(--stroke-main)}.dot-red{background:#d66248}.dot-yellow{background:#fdb849}.dot-green{background:#4e9b8f}.lock-banner{background:linear-gradient(135deg,var(--bg-dark) 0%,#3d2f44 100%);border:var(--stroke-width) solid var(--stroke-main);border-radius:var(--radius-xl);box-shadow:var(--shadow-hard-lg);padding:3rem;color:#fff;display:grid;grid-template-columns:1fr 1fr;gap:3rem;align-items:center}.lock-info h2{color:#fff;margin-bottom:1rem}.lock-info p{color:var(--text-inverse-muted);margin-bottom:1.75rem}.lock-terminal{background:#17101c;border:2px solid rgba(255,255,255,.15);border-radius:var(--radius-lg);padding:1.5rem;font-family:var(--font-mono);font-size:.8125rem;line-height:1.6}.cta-banner{background:var(--color-sun-yellow);border:var(--stroke-width) solid var(--stroke-main);border-radius:var(--radius-xl);box-shadow:var(--shadow-hard-lg);padding:4rem 2rem;text-align:center;position:relative;overflow:hidden}.cta-banner h2{margin-bottom:1rem;font-size:clamp(2.25rem,4vw,3.5rem)}.cta-banner p{color:var(--bg-dark);font-weight:600;max-width:600px;margin:0 auto 2rem;font-size:1.15rem}.footer{border-top:var(--stroke-width) solid var(--stroke-main);background:var(--bg-canvas-subtle);padding:4rem 0 2rem}.footer-simple-row{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:2rem;margin-bottom:2.5rem}.footer-brand-col{max-width:380px}.footer-tagline{font-size:.9375rem;color:var(--text-muted);line-height:1.5;font-weight:500}.footer-nav{display:flex;align-items:center;flex-wrap:wrap;gap:1.75rem}.footer-nav a{font-size:.9375rem;color:var(--text-muted);font-weight:600;transition:color var(--transition-fast);text-decoration:none}.footer-nav a:hover{color:var(--color-sunset-orange)}.footer-nav a.footer-nav-highlight{color:var(--color-sunset-orange);font-weight:700}.footer-bottom{display:flex;justify-content:space-between;align-items:center;border-top:var(--stroke-width) solid var(--stroke-subtle);padding-top:1.75rem;font-size:.8125rem;color:var(--text-muted)}.extend-control-bar{display:flex;align-items:center;justify-content:space-between;gap:1.5rem;flex-wrap:wrap;margin-bottom:2rem;padding:.75rem 1.25rem;background:var(--bg-card);border:var(--stroke-width) solid var(--stroke-main);border-radius:var(--radius-pill);box-shadow:var(--shadow-hard-sm)}.mode-toggle-group{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.toggle-pill-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.45rem 1.1rem;border-radius:var(--radius-pill);border:1.5px solid var(--stroke-main);background:var(--bg-canvas);font-family:var(--font-body);font-size:.85rem;font-weight:700;color:var(--text-main);cursor:pointer;transition:all var(--transition-fast)}.toggle-pill-btn:hover{background:var(--bg-card-alt);transform:translateY(-1px)}.toggle-pill-btn.active{background:var(--text-main);color:var(--text-inverse);box-shadow:var(--shadow-hard-sm)}.extend-guarantee-pill{display:inline-flex;align-items:center;gap:.5rem;font-family:var(--font-mono);font-size:.78rem;font-weight:700;color:var(--color-palm-teal);background:#e8f7f4;padding:.35rem .85rem;border-radius:var(--radius-pill);border:1px solid var(--color-palm-teal)}.pulse-dot{width:8px;height:8px;border-radius:50%;background:#27ae60;box-shadow:0 0 #27ae60b3;animation:pulse-success-anim 2s infinite}.extend-visual-canvas{background:#fdfaf5;border:var(--stroke-width) solid var(--stroke-main);border-radius:var(--radius-xl);padding:2.25rem;box-shadow:var(--shadow-hard-lg);position:relative;overflow:hidden}.extend-core-node{background:#fffdf9;border:2.5px solid var(--stroke-main);border-radius:var(--radius-lg);padding:1.5rem 1.75rem;box-shadow:var(--shadow-hard);max-width:780px;margin:0 auto;position:relative;z-index:2;transition:transform var(--transition-fast),box-shadow var(--transition-fast)}.extend-core-node:hover{transform:translateY(-2px);box-shadow:var(--shadow-hard-lg)}.core-node-badge{display:flex;align-items:center;justify-content:space-between;margin-bottom:.75rem}.core-lock-tag{font-family:var(--font-mono);font-size:.75rem;font-weight:700;color:#8c6d23;background:#fff8e1;border:1.5px solid #FDB849;padding:.2rem .6rem;border-radius:var(--radius-pill)}.core-node-body{display:flex;flex-direction:column;gap:.75rem}.core-node-icon{font-size:2rem;line-height:1}.core-node-text h3{font-size:1.35rem;margin-bottom:.25rem}.core-node-text p{font-size:.95rem;color:var(--text-muted);font-weight:500;line-height:1.5;margin-bottom:.75rem}.core-primitives-pills{display:flex;flex-wrap:wrap;gap:.5rem}.prim-chip{font-family:var(--font-mono);font-size:.75rem;font-weight:700;background:var(--bg-canvas-subtle);border:1.5px solid var(--stroke-main);border-radius:var(--radius-sm);padding:.25rem .6rem;color:var(--text-main);box-shadow:1.5px 1.5px 0 var(--stroke-main)}.extend-svg-branching-wrapper{width:100%;height:90px;margin:.5rem 0;position:relative;z-index:1}.extend-branch-svg{width:100%;height:100%;display:block}.branch-wire{stroke-width:3.5;fill:none;stroke-linecap:round;transition:stroke-width .3s ease,stroke .3s ease}.branch-wire-b2b{stroke:var(--color-twilight-purple);stroke-dasharray:8 4;animation:branchFlowAnim 1.2s linear infinite}.branch-wire-ecom{stroke:var(--color-palm-teal);stroke-dasharray:8 4;animation:branchFlowAnim 1.2s linear infinite}@keyframes branchFlowAnim{0%{stroke-dashoffset:24}to{stroke-dashoffset:0}}.svg-splice-pill{stroke:var(--stroke-main);stroke-width:1.5;filter:drop-shadow(2px 2px 0px var(--stroke-main))}.b2b-splice-pill{fill:#f4eef8;stroke:#7b5294}.ecom-splice-pill{fill:#e8f7f4;stroke:#2e796d}.svg-splice-text{font-family:var(--font-mono);font-size:10.5px;font-weight:800;fill:var(--text-main)}.extend-mobile-branch-connector{display:none}.mobile-branch-line{width:2px;height:24px;background:repeating-linear-gradient(to bottom,var(--stroke-main),var(--stroke-main) 5px,transparent 5px,transparent 10px);margin:.25rem 0}.mobile-branch-pills{display:flex;gap:.6rem;flex-wrap:wrap;justify-content:center;align-items:center}.mobile-splice-pill{font-family:var(--font-mono);font-size:.78rem;font-weight:800;padding:.35rem .85rem;border-radius:var(--radius-pill);border:1.5px solid var(--stroke-main);box-shadow:2px 2px 0 var(--stroke-main);display:inline-flex;align-items:center;gap:.35rem}.mobile-splice-pill.b2b-mobile-pill{background:#f4eef8;color:#4a3358;border-color:#7b5294}.mobile-splice-pill.ecom-mobile-pill{background:#e8f7f4;color:#184b43;border-color:#2e796d}.extend-branches-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.75rem;align-items:stretch;position:relative;z-index:2}.ext-branch-card{background:var(--bg-card);border:2.5px solid var(--stroke-main);border-radius:var(--radius-lg);padding:1.75rem;box-shadow:var(--shadow-hard);display:flex;flex-direction:column;transition:all var(--transition-normal);position:relative}.ext-branch-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-hard-lg)}.b2b-branch-card{border-top:6px solid var(--color-twilight-purple)}.ecom-branch-card{border-top:6px solid var(--color-palm-teal)}.canvas-mode-b2b .ecom-branch-card{opacity:.35;filter:grayscale(.85);transform:scale(.98)}.canvas-mode-b2b .b2b-branch-card{transform:scale(1.02);box-shadow:var(--shadow-hard-lg);border-color:var(--stroke-main);border-width:3px;border-top-width:6px}.canvas-mode-ecom .b2b-branch-card{opacity:.35;filter:grayscale(.85);transform:scale(.98)}.canvas-mode-ecom .ecom-branch-card{transform:scale(1.02);box-shadow:var(--shadow-hard-lg);border-color:var(--stroke-main);border-width:3px;border-top-width:6px}.branch-card-header{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;margin-bottom:1rem}.branch-title-row{display:flex;align-items:center;gap:.85rem}.branch-avatar{width:44px;height:44px;border-radius:var(--radius-md);border:2px solid var(--stroke-main);display:flex;align-items:center;justify-content:center;font-size:1.4rem;box-shadow:var(--shadow-hard-sm)}.b2b-avatar{background:#f4eef8}.ecom-avatar{background:#e8f7f4}.branch-category-pill{display:inline-block;font-size:.72rem;font-weight:800;text-transform:uppercase;letter-spacing:.04em;margin-bottom:.2rem}.pill-purple{color:#6c4287}.pill-teal{color:#176558}.branch-title-row h3{font-size:1.25rem;line-height:1.2}.branch-summary{font-size:.9375rem;color:var(--text-muted);font-weight:500;line-height:1.55;margin-bottom:1.25rem}.branch-features-stack{display:flex;flex-direction:column;gap:1rem;flex:1}.feature-item{background:#fffdf9;border:1.5px solid var(--stroke-subtle);border-radius:var(--radius-md);padding:.85rem 1rem;transition:border-color var(--transition-fast)}.feature-item:hover{border-color:var(--stroke-main)}.feature-head{display:flex;align-items:center;gap:.45rem;font-size:.875rem;margin-bottom:.5rem;color:var(--text-main)}.feature-icon{font-size:1rem}.feature-chips-list{display:flex;flex-wrap:wrap;gap:.4rem}.ext-chip{font-family:var(--font-mono);font-size:.75rem;font-weight:700;background:#fffdf9;border:1.2px solid var(--stroke-main);border-radius:var(--radius-sm);padding:.2rem .5rem;color:var(--text-main)}.b2b-branch-card .ext-chip{background:#faf6fd;border-color:#a084b6;color:#4a3358}.ecom-branch-card .ext-chip{background:#f2faf8;border-color:#4e9b8f;color:#184b43}.lifecycle-track{display:flex;align-items:center;flex-wrap:wrap;gap:.35rem;font-size:.78rem}.stage-pill{padding:.2rem .55rem;border-radius:var(--radius-pill);font-family:var(--font-mono);font-weight:700;border:1px solid var(--stroke-main)}.stage-base{background:var(--bg-canvas-subtle);color:var(--text-muted)}.stage-custom{background:var(--color-sun-yellow);color:var(--text-main);box-shadow:1px 1px 0 var(--stroke-main)}.stage-arrow{color:var(--text-light);font-weight:800}.policy-rule-box{display:flex;align-items:center;justify-content:space-between;gap:.5rem;background:#2c2230;border-radius:var(--radius-sm);padding:.45rem .75rem;border:1px solid var(--stroke-main)}.policy-rule-box code{color:#a3d9c9;font-size:.75rem;font-family:var(--font-mono)}.policy-tag{font-size:.72rem;font-weight:800;color:#fdb849;white-space:nowrap}.agent-desc{font-size:.875rem;color:var(--text-muted);font-weight:500;line-height:1.5;margin-bottom:0}.connectors-row{display:flex;flex-wrap:wrap;gap:.45rem}.connector-badge{font-family:var(--font-body);font-size:.72rem;font-weight:700;background:var(--bg-canvas-subtle);border:1.2px solid var(--stroke-main);border-radius:var(--radius-pill);padding:.2rem .6rem;color:var(--text-main)}.extend-survival-banner{margin-top:2rem;background:#2c2230;border:2px solid var(--stroke-main);border-radius:var(--radius-lg);padding:1.5rem 1.75rem;color:var(--text-inverse);display:flex;align-items:center;justify-content:space-between;gap:2rem;box-shadow:var(--shadow-hard);position:relative;z-index:2}.survival-info{display:flex;align-items:center;gap:1.25rem}.survival-icon{font-size:2.2rem;flex-shrink:0}.survival-info h4{color:var(--color-sun-yellow);font-size:1.1rem;margin-bottom:.35rem}.survival-info p{color:var(--text-inverse-muted);font-size:.9375rem;line-height:1.5;margin-bottom:0;font-weight:500}.survival-info code{color:var(--color-mint)}.survival-metric{display:flex;flex-direction:column;align-items:center;text-align:center;background:#ffffff14;border:1.5px solid rgba(255,255,255,.15);border-radius:var(--radius-md);padding:.75rem 1.25rem;min-width:140px;flex-shrink:0}.metric-num{font-family:var(--font-display);font-size:1.85rem;font-weight:900;color:#27ae60;line-height:1.1}.metric-desc{font-size:.78rem;color:var(--text-inverse-muted);font-weight:700;text-transform:uppercase;letter-spacing:.04em}@media(max-width:1024px){.hero-grid{grid-template-columns:1fr;gap:3rem}.pain-solution-diagrams-grid,.sandbox-card,.lock-banner{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr 1fr}.extend-visual-canvas{padding:1.75rem}}@media(max-width:900px){.extend-svg-branching-wrapper{display:none}.extend-mobile-branch-connector{display:flex;flex-direction:column;align-items:center;margin:1.25rem 0}.extend-branches-grid{grid-template-columns:1fr;gap:1.5rem}.canvas-mode-b2b .b2b-branch-card,.canvas-mode-ecom .ecom-branch-card,.canvas-mode-b2b .ecom-branch-card,.canvas-mode-ecom .b2b-branch-card{transform:none}}@media(max-width:768px){.section{padding:2.75rem 0}.hero-section{padding:2.5rem 0 3rem}.section-header{margin-bottom:2rem}.nav-links{display:none}.hero-metrics-row{grid-template-columns:1fr;gap:1rem}.primitives-grid{grid-template-columns:1fr 1fr}.canvas-row.three-cols{grid-template-columns:1fr}.canvas-projections-strip{grid-template-columns:repeat(2,1fr)}.diagram-takeaways,.footer-grid{grid-template-columns:1fr}.extend-visual-canvas{padding:1.25rem;border-radius:var(--radius-lg)}.extend-core-node,.ext-branch-card{padding:1.25rem 1rem}.extend-survival-banner{flex-direction:column;align-items:stretch;gap:1.25rem;padding:1.25rem 1rem}.survival-info{flex-direction:column;align-items:flex-start;gap:.75rem}.survival-metric{width:100%;min-width:unset}.architecture-blueprint-container{padding:1.25rem}.arch-layer-card{padding:1.25rem 1rem}}@media(max-width:600px){.arch-app-badge-banner{flex-direction:column;align-items:flex-start;padding:.85rem 1rem;gap:.75rem}.arch-layer-header{flex-direction:column;align-items:flex-start;gap:.5rem}.policy-rule-box{flex-direction:column;align-items:flex-start;gap:.35rem;width:100%}.policy-rule-box code{word-break:break-word;white-space:pre-wrap;font-size:.7rem}.footer-simple-row{flex-direction:column;align-items:flex-start;gap:1.5rem}.footer-nav{flex-direction:column;align-items:flex-start;gap:.75rem}}@media(max-width:480px){.container{padding:0 1rem}.section{padding:2.25rem 0}.hero-section{padding:2rem 0 2.25rem}.brand-logo{font-size:1.25rem}.header-cta-btn{padding:.45rem .85rem;font-size:.8125rem}.primitives-grid,.canvas-row.two-cols,.canvas-projections-strip{grid-template-columns:1fr}.hero-cta-group{flex-direction:column;align-items:stretch}.beta-signup-container{max-width:100%}.input-action-group{flex-direction:column;align-items:stretch;border-radius:var(--radius-lg);padding:.6rem;gap:.5rem}.beta-email-input{text-align:center;padding:.4rem .5rem}.input-action-group .btn-cta{width:100%;justify-content:center;text-align:center}.extend-visual-canvas{padding:1rem .75rem}.core-node-badge{flex-direction:column;align-items:flex-start;gap:.5rem}.branch-card-header{flex-direction:column;align-items:flex-start;gap:.6rem}.architecture-blueprint-container{padding:1rem .75rem}.arch-nodes-grid{grid-template-columns:1fr}.sandbox-card{padding:1.25rem .85rem;border-radius:var(--radius-lg)}.pain-solution-card{padding:1.25rem .85rem}}.grain-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;pointer-events:none;z-index:9999;opacity:.03;transform:translateZ(0);background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E")}.halftone-bg{background-image:radial-gradient(var(--stroke-subtle) 1.2px,transparent 1.2px);background-size:16px 16px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.section:not(.hero-section),.footer{content-visibility:auto;contain-intrinsic-size:auto 600px}