*{margin:0;padding:0;box-sizing:border-box}body{font-family:system-ui,-apple-system,sans-serif;line-height:1.5}#root{width:100%;height:100vh}::-webkit-scrollbar{width:var(--scrollbar-width);height:var(--scrollbar-width)}::-webkit-scrollbar-track{background:var(--scrollbar-track);border-radius:var(--scrollbar-radius)}::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:var(--scrollbar-radius)}::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover)}*{scrollbar-width:thin;scrollbar-color:var(--scrollbar-thumb) var(--scrollbar-track)}@keyframes brain-pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.1);opacity:.7}}@keyframes tool-pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes layers-pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.1);opacity:.7}}@keyframes text-shimmer{0%{background-position:-200% center}to{background-position:200% center}}:root{--canvas-theme-bg: var(--canvas-bg);--canvas-theme-fg: var(--canvas-fg);--canvas-theme-surface: var(--canvas-surface);--canvas-theme-muted: var(--canvas-muted);--canvas-theme-accent: var(--canvas-accent);--canvas-theme-accent-soft: var(--canvas-accent-soft);--canvas-theme-border: var(--canvas-border);--canvas-bg: var(--marketing-bg, var(--canvas-theme-bg));--canvas-fg: var(--marketing-fg, var(--canvas-theme-fg));--canvas-surface: var(--marketing-surface, var(--canvas-theme-surface));--canvas-muted: var(--marketing-muted, var(--canvas-theme-muted));--canvas-accent: var(--marketing-accent, var(--canvas-theme-accent));--canvas-accent-soft: var(--marketing-glow, var(--canvas-theme-accent-soft));--canvas-border: var(--marketing-border, var(--canvas-theme-border));--canvas-color-blue: var(--c-blue);--canvas-color-indigo: var(--c-indigo);--canvas-color-violet: var(--c-violet);--canvas-color-fuchsia: var(--c-fuchsia);--canvas-color-rose: var(--c-rose);--canvas-color-amber: var(--c-amber);--canvas-color-emerald: var(--c-emerald);--canvas-color-cyan: var(--c-cyan);--canvas-color-sky: var(--c-sky);--canvas-theme-ink-on-accent: var(--canvas-ink-on-accent);--canvas-theme-shadow-soft: var(--canvas-shadow-soft);--canvas-theme-shadow-hover: var(--canvas-shadow-hover);--canvas-ink-on-accent: var(--marketing-ink-on-accent, var(--canvas-theme-ink-on-accent));--canvas-shadow-soft: var(--marketing-shadow-soft, var(--canvas-theme-shadow-soft));--canvas-shadow-hover: var(--marketing-shadow-focus, var(--canvas-theme-shadow-hover))}.canvas-page-root{background-color:var(--canvas-bg);color:var(--canvas-fg);font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;min-height:100vh;position:relative;overflow-x:hidden}.canvas-background{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:0;opacity:.1}.canvas-background .flowing-line{fill:none;stroke:var(--canvas-accent);stroke-width:1;stroke-dasharray:1000;stroke-dashoffset:1000;animation:drawFlow 10s linear infinite}@keyframes drawFlow{to{stroke-dashoffset:-1000}}.canvas-btn{padding:.75rem 1.5rem;border-radius:99px;font-weight:600;font-size:.9rem;cursor:pointer;transition:all .3s;border:none;font-family:monospace}.canvas-btn-large{padding:1.25rem 2.5rem;font-size:1.25rem}.canvas-btn-primary{background-color:var(--canvas-fg);color:var(--canvas-ink-on-accent)}.canvas-btn-primary:hover{transform:translateY(-2px);box-shadow:var(--canvas-shadow-hover)}.canvas-btn-outline{background:transparent;border:1.5px solid var(--canvas-fg);color:var(--canvas-fg)}.canvas-btn-outline:hover{background:var(--canvas-fg);color:var(--canvas-ink-on-accent)}.canvas-bento-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem;width:100%}.canvas-bento-card{background:var(--canvas-surface);border-radius:24px;padding:2rem;position:relative;overflow:hidden;transition:transform .4s cubic-bezier(.23,1,.32,1),box-shadow .4s;border:1px solid var(--canvas-border);display:flex;flex-direction:column}.canvas-bento-card:hover{transform:translateY(-4px);box-shadow:var(--canvas-shadow-soft);border-color:var(--canvas-accent)}.canvas-card-tag{font-size:.7rem;font-weight:700;opacity:.5;display:block;margin-bottom:1rem;font-family:monospace;color:var(--canvas-fg)}.canvas-hollow-text{-webkit-text-stroke:1.5px var(--canvas-fg);color:transparent}.canvas-strike-text{color:var(--canvas-muted);position:relative;display:inline-block}.canvas-strike-text:after{content:"";position:absolute;top:50%;left:-5%;width:110%;height:8px;background:var(--canvas-accent);border-radius:4px;transform:translateY(-50%) rotate(-3deg);opacity:.8;animation:drawCross .5s ease-out forwards;transform-origin:left center;scale:0 1}.canvas-sketch-path{stroke-dasharray:1000;stroke-dashoffset:1000;animation:sketchIn 3s ease-out forwards}@keyframes sketchIn{to{stroke-dashoffset:0}}@keyframes drawCross{to{scale:1 1}}@keyframes popIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.canvas-pop-in{opacity:0;animation:popIn .5s cubic-bezier(.175,.885,.32,1.275) forwards}.canvas-terminal-input-container{background:var(--canvas-surface);border:2px dashed var(--canvas-accent);border-radius:16px;padding:1.5rem;position:relative;transition:all .3s}.canvas-terminal-input-container:focus-within{border-style:solid;box-shadow:var(--canvas-shadow-hover);background:var(--canvas-bg)}.canvas-terminal-input{width:100%;background:transparent;border:none;font-size:1.25rem;font-family:monospace;color:var(--canvas-fg);outline:none;resize:none;min-height:100px}.canvas-terminal-input::placeholder{color:var(--canvas-muted);opacity:.5}.canvas-toggle-node{display:flex;align-items:center;gap:.5rem;font-family:monospace;font-size:.85rem;color:var(--canvas-fg);cursor:pointer;-webkit-user-select:none;user-select:none;opacity:.6;transition:opacity .3s}.canvas-toggle-node:hover{opacity:1}.canvas-toggle-node.active{opacity:1;color:var(--canvas-accent)}.canvas-toggle-box{width:16px;height:16px;border:1.5px solid currentColor;border-radius:4px;display:flex;align-items:center;justify-content:center;position:relative}.canvas-toggle-node.active .canvas-toggle-box:after{content:"";width:8px;height:8px;background:currentColor;border-radius:2px}.marketing-landing{background:radial-gradient(circle at top right,var(--marketing-glow),transparent 32%),radial-gradient(circle at left 20%,color-mix(in srgb,var(--c-violet) 10%,transparent),transparent 28%),var(--marketing-bg);color:var(--marketing-fg);isolation:isolate}.marketing-landing:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;background-image:linear-gradient(to right,color-mix(in srgb,var(--marketing-border) 30%,transparent) 1px,transparent 1px),linear-gradient(to bottom,color-mix(in srgb,var(--marketing-border) 24%,transparent) 1px,transparent 1px);background-size:4.5rem 4.5rem;opacity:.18;z-index:0}.marketing-landing .canvas-background{opacity:var(--marketing-line-opacity)}.marketing-landing .canvas-background .flowing-line{stroke:var(--marketing-accent)}.marketing-header,.marketing-main,.marketing-footer{position:relative;z-index:1}.marketing-header{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:var(--marketing-header-padding-block) var(--marketing-shell-padding)}.marketing-logo{font-size:clamp(1.35rem,2vw,1.7rem);font-weight:900;letter-spacing:-.06em}.marketing-logo span{color:var(--marketing-accent)}.marketing-main{width:min(100%,88rem);margin:0 auto;padding:var(--marketing-main-padding-block) var(--marketing-shell-padding) calc(var(--marketing-main-padding-block) * 1.35)}.marketing-hero,.marketing-library-section{padding:0}.marketing-library-section{margin-top:var(--marketing-section-gap)}.marketing-hero-content{max-width:44rem;padding-left:clamp(.5rem,2vw,1.75rem)}.marketing-badge,.marketing-section-label{color:var(--marketing-accent);letter-spacing:.22em;text-transform:uppercase}.marketing-badge{font-size:.78rem;font-weight:800;margin-bottom:1.25rem}.marketing-title{margin:0 0 1.75rem;font-size:clamp(2.75rem,6.12vw,5.94rem);font-weight:900;line-height:var(--marketing-title-line);letter-spacing:-.05em}@media (min-width: 90rem){.marketing-title{font-size:clamp(4.21rem,4.59vw,6.7rem)}}@media (max-width: 63.9375rem){.marketing-hero-content{margin:0 auto;padding-left:0}.marketing-title,.marketing-badge,.marketing-scroll-hint{justify-content:center;text-align:center}}.marketing-scroll-hint{display:inline-flex;align-items:center;gap:.9rem;color:var(--marketing-muted);font-size:.9rem;font-weight:600}.marketing-mouse{width:1.6rem;height:2.55rem;border-radius:999px;border:1.5px solid var(--marketing-border);position:relative}.marketing-mouse:before{content:"";position:absolute;top:.45rem;left:50%;width:.28rem;height:.55rem;border-radius:999px;background:var(--marketing-accent);transform:translate(-50%);animation:marketingScroll 1.4s ease-in-out infinite}.marketing-hero-visual-container{display:flex;justify-content:center;align-items:center}.marketing-edu-comparison{position:relative;width:min(100%,38rem);padding:var(--marketing-panel-padding);border-radius:var(--marketing-panel-radius);background:var(--marketing-panel-bg);border:1px solid color-mix(in srgb,var(--marketing-border) 88%,transparent);box-shadow:var(--marketing-shadow-soft);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);transform:rotate(var(--marketing-hero-card-rotate));transition:transform .4s ease,box-shadow .4s ease,border-color .4s ease}.marketing-edu-comparison:hover{transform:rotate(0) translateY(-.35rem);border-color:color-mix(in srgb,var(--marketing-accent) 45%,var(--marketing-border));box-shadow:var(--marketing-shadow-focus)}.marketing-edu-prompt{display:flex;align-items:center;gap:.65rem;margin-bottom:1rem;padding:.9rem 1rem;border-radius:calc(var(--marketing-panel-radius) * .5);border:1px solid var(--marketing-border-soft);background:var(--marketing-surface-alt);color:var(--marketing-fg);font-family:monospace;font-size:.95rem;font-weight:700}.marketing-prompt-cursor{display:inline-block;width:.5rem;height:.9rem;background:var(--marketing-accent);animation:marketingBlink 1s step-end infinite}.marketing-edu-text-block{position:relative;min-height:9rem;margin-bottom:1rem;padding:1rem;border-radius:calc(var(--marketing-panel-radius) * .55);border:1px solid color-mix(in srgb,var(--marketing-border-soft) 85%,transparent);background:color-mix(in srgb,var(--marketing-bg) 72%,var(--marketing-surface) 28%);color:color-mix(in srgb,var(--marketing-muted) 72%,var(--marketing-border));font-family:Georgia,serif;font-size:var(--marketing-copy-size);line-height:1.55;opacity:.52;-webkit-user-select:none;user-select:none}.marketing-edu-text-block p{margin:0}.marketing-edu-scribble-cross{position:absolute;left:-5%;width:110%;height:.28rem;border-radius:999px;background:color-mix(in srgb,var(--marketing-accent) 82%,var(--marketing-ink-on-accent) 18%);opacity:.62;animation:marketingDrawCross .5s ease-out forwards;transform-origin:left center;scale:0 1}.marketing-edu-sketch-block{position:relative;min-height:16rem;display:flex;align-items:center;justify-content:center;padding:1rem;border-radius:calc(var(--marketing-panel-radius) * .55);border:2px dashed color-mix(in srgb,var(--marketing-accent) 60%,var(--marketing-border));background:var(--marketing-panel-bg-strong)}.marketing-complex-hero-sketch{width:100%;height:auto;overflow:visible}.node-input,.node-hidden,.node-output{fill:var(--marketing-bg);stroke:var(--marketing-fg);stroke-width:2;opacity:0}.node-output{stroke:var(--marketing-accent);stroke-width:3}.animate-draw{animation:marketingPopIn .5s cubic-bezier(.175,.885,.32,1.275) forwards}.edge,.edge-strong{fill:none;stroke:var(--marketing-muted);stroke-width:1;stroke-dasharray:100;stroke-dashoffset:100;opacity:.45}.edge-strong{stroke:var(--marketing-fg);stroke-width:2;opacity:.8}.animate-draw-edge{animation:marketingDrawEdge 1s ease-out forwards}.edge-backprop{fill:none;stroke:var(--marketing-accent);stroke-width:2;stroke-dasharray:10 5;stroke-dashoffset:100}.animate-flow{animation:marketingFlowBack 3s linear infinite;animation-delay:2s}.sketch-label{fill:var(--c-indigo);font-family:monospace;font-size:10px;font-weight:700}.sketch-label.accent{fill:var(--marketing-accent)}.animate-fade{opacity:0;animation:marketingFadeIn 1s ease forwards}.marketing-edu-sticker{position:absolute;right:var(--marketing-sticker-offset);bottom:var(--marketing-sticker-offset);padding:.75rem 1.15rem;border-radius:.65rem;background:linear-gradient(135deg,var(--marketing-accent),var(--c-violet));color:var(--marketing-ink-on-accent);font-size:clamp(1rem,2vw,1.2rem);font-weight:800;transform:rotate(-8deg);box-shadow:0 .8rem 1.8rem color-mix(in srgb,var(--marketing-accent) 30%,transparent);opacity:0;animation:marketingPopSticker .5s cubic-bezier(.175,.885,.32,1.275) forwards;animation-delay:2.5s}.marketing-library-header{max-width:48rem;margin:0 auto 2.75rem;text-align:center}.marketing-library-header h2{margin:.9rem 0 1rem;font-size:clamp(2rem,5vw,3rem);line-height:1.14}.marketing-library-header p{margin:0;color:var(--marketing-muted);font-size:clamp(1rem,2vw,1.08rem);line-height:1.6}.marketing-library-item{align-items:center;text-align:center;gap:.25rem;min-height:100%;background:color-mix(in srgb,var(--marketing-surface) 78%,var(--marketing-bg));box-shadow:none}.marketing-library-sketch{width:100%;aspect-ratio:1;display:flex;align-items:center;justify-content:center;margin-bottom:1.25rem;padding:0;border-radius:calc(var(--marketing-panel-radius) * .9);border:1px solid var(--marketing-border);overflow:hidden;transition:transform .3s ease,border-color .3s ease,box-shadow .3s ease}.marketing-library-item:hover .marketing-library-sketch{transform:scale(1.015);border-color:color-mix(in srgb,var(--marketing-accent) 45%,var(--marketing-border));box-shadow:0 1rem 2rem color-mix(in srgb,var(--marketing-accent) 9%,transparent)}.marketing-library-item:nth-child(1) .marketing-library-sketch{background:color-mix(in srgb,var(--marketing-surface) 88%,var(--c-sky))}.marketing-library-item:nth-child(2) .marketing-library-sketch{background:color-mix(in srgb,var(--marketing-surface) 75%,var(--c-sky))}.marketing-library-item:nth-child(3) .marketing-library-sketch{background:color-mix(in srgb,var(--marketing-surface) 84%,var(--c-violet))}.marketing-library-item:nth-child(4) .marketing-library-sketch{background:color-mix(in srgb,var(--marketing-surface) 84%,var(--c-cyan))}.marketing-library-item:nth-child(5) .marketing-library-sketch{background:color-mix(in srgb,var(--marketing-surface) 82%,var(--c-fuchsia))}.marketing-library-item:nth-child(6) .marketing-library-sketch{background:color-mix(in srgb,var(--marketing-surface) 85%,var(--c-amber))}.marketing-library-svg{width:100%;height:100%;padding:var(--marketing-library-sketch-padding)}.marketing-library-item h3{margin:0 0 .7rem;font-size:1.08rem;font-weight:800;letter-spacing:.06em}.marketing-library-item p{margin:0;color:var(--marketing-muted);font-size:.96rem;line-height:1.55}.marketing-pricing-section{margin-top:var(--marketing-section-gap)}.marketing-pricing-header{max-width:48rem;margin:0 auto 2.75rem;text-align:center}.marketing-pricing-header h2{margin:.9rem 0 1rem;font-size:clamp(2rem,5vw,3rem);line-height:1.14}.marketing-pricing-header p{margin:0;color:var(--marketing-muted);font-size:clamp(1rem,2vw,1.08rem);line-height:1.6}.marketing-pricing-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--marketing-library-gap);max-width:64rem;margin:0 auto}@media (max-width: 48rem){.marketing-pricing-grid{grid-template-columns:1fr;max-width:24rem}}.marketing-pricing-card{position:relative;display:flex;flex-direction:column;padding:var(--marketing-panel-padding);border-radius:var(--marketing-panel-radius);border:2px dashed var(--marketing-border);background:var(--marketing-panel-bg);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);transition:transform .3s ease,border-color .3s ease,box-shadow .3s ease}.marketing-pricing-card:hover{transform:translateY(-.35rem);border-color:color-mix(in srgb,var(--marketing-accent) 45%,var(--marketing-border));box-shadow:var(--marketing-shadow-focus)}.marketing-pricing-card.featured{border-color:var(--marketing-accent);border-style:solid;box-shadow:var(--marketing-shadow-focus)}.marketing-pricing-card.featured:before{content:"POPULAR";position:absolute;top:-.75rem;left:50%;transform:translate(-50%);padding:.25rem .85rem;border-radius:999px;background:linear-gradient(135deg,var(--marketing-accent),var(--c-violet));color:var(--marketing-ink-on-accent);font-size:.7rem;font-weight:800;letter-spacing:.12em}.marketing-pricing-plan-name{font-size:.78rem;font-weight:800;letter-spacing:.18em;text-transform:uppercase;color:var(--marketing-muted);font-family:monospace}.marketing-pricing-price{margin:1rem 0;font-size:clamp(2.5rem,4vw,3.2rem);font-weight:900;letter-spacing:-.04em;line-height:1}.marketing-pricing-price span{font-size:1rem;font-weight:600;color:var(--marketing-muted);letter-spacing:0}.marketing-pricing-features{list-style:none;margin:1.25rem 0 1.75rem;padding:0;flex:1}.marketing-pricing-features li{display:flex;align-items:flex-start;gap:.6rem;padding:.45rem 0;font-size:.92rem;color:var(--marketing-muted);line-height:1.4}.marketing-pricing-features li:before{content:"—";color:var(--marketing-accent);font-weight:700;flex-shrink:0}.marketing-pricing-free-note{margin-top:2.5rem;text-align:center;color:var(--marketing-muted);font-size:.92rem;line-height:1.5}.marketing-pricing-free-note strong{color:var(--marketing-fg)}.marketing-footer{margin-top:var(--marketing-section-gap);padding:calc(var(--marketing-main-padding-block) * .95) var(--marketing-shell-padding) calc(var(--marketing-main-padding-block) * 1.2);background:linear-gradient(180deg,transparent,color-mix(in srgb,var(--marketing-surface) 82%,var(--marketing-bg)) 18%,var(--marketing-surface) 100%);text-align:center}.marketing-footer-content{display:flex;flex-direction:column;align-items:center;width:min(100%,48rem);margin:0 auto;padding:var(--marketing-panel-padding);border:1px solid var(--marketing-border);border-radius:var(--marketing-panel-radius);background:color-mix(in srgb,var(--marketing-panel-bg-strong) 92%,transparent);box-shadow:var(--marketing-shadow-soft)}.marketing-footer h2{margin:0 0 1.5rem;font-size:clamp(2rem,5vw,3rem);line-height:1.1}.marketing-copyright{margin-top:2.5rem;color:var(--marketing-muted);font-size:.78rem;font-weight:600;letter-spacing:.08em}@keyframes marketingScroll{0%,to{opacity:1;transform:translate(-50%)}50%{opacity:.35;transform:translate(-50%,.45rem)}}@keyframes marketingBlink{0%,to{opacity:1}50%{opacity:0}}@keyframes marketingDrawCross{to{scale:1 1}}@keyframes marketingPopIn{0%{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1)}}@keyframes marketingDrawEdge{to{stroke-dashoffset:0}}@keyframes marketingFlowBack{0%{stroke-dashoffset:100}to{stroke-dashoffset:0}}@keyframes marketingFadeIn{to{opacity:1}}@keyframes marketingPopSticker{0%{opacity:0;transform:rotate(-26deg) scale(.55)}to{opacity:1;transform:rotate(-8deg) scale(1)}}@media (max-width: 64rem){.marketing-header{align-items:flex-start;flex-direction:column}.marketing-edu-comparison{width:100%}}@media (max-width: 48rem){.marketing-landing:before{background-size:3rem 3rem;opacity:.14}.marketing-scroll-hint{font-size:.82rem}.marketing-edu-sketch-block{min-height:13rem}.marketing-footer-content,.marketing-edu-comparison{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}}.app{width:100%;min-height:100vh;background-color:inherit}