.demo{--demo-ink:#0f1115;--demo-muted:#5c6370;--demo-line:#d8dce3;--demo-hinge:#9aa0a6;--demo-purple:#7c3aed;--demo-violet:#5b21b6;--demo-cyan:#06b6d4;--demo-blue:#3b82f6;--demo-gradient:linear-gradient(90deg, var(--demo-violet) 0%, var(--demo-purple) 45%, var(--demo-cyan) 100%);--demo-space-a:linear-gradient(135deg, #2d1b69 0%, #6b21a8 35%, #1e1b4b 70%, #0f172a 100%);--demo-space-b:linear-gradient(135deg, #0e7490 0%, #06b6d4 40%, #164e63 75%, #0f172a 100%);--demo-device-bg:#fff;--demo-device-border:#1a1d24;--demo-deck:#f0f2f5;--demo-ui-dark:#12151c;--demo-accent-glow:#7c3aed73;width:100%;font-size:clamp(.65rem,1.4vw,.875rem)}.demo-shell__resize{resize:both;background:linear-gradient(#fafbfc 0%,#e8ecf1 100%);border-radius:0 0 1rem 1rem;width:100%;min-width:280px;max-width:100%;height:min(520px,70vh);min-height:320px;padding:clamp(1rem,3vw,2rem);position:relative;overflow:auto;container-type:size}.demo-shell__grip{float:right;background:linear-gradient(135deg, transparent 50%, var(--demo-purple) 50%);opacity:.5;pointer-events:none;width:14px;height:14px;position:sticky;bottom:4px;right:4px}.demo-shell__hint{text-align:center;color:var(--demo-muted);margin:.5rem 1rem 0;font-size:.68rem}.demo-stage{flex-direction:column;gap:1rem;width:100%;min-height:0;display:flex;position:relative}.demo-caption{text-align:center;color:var(--demo-muted);margin:.75rem 0 0;font-size:clamp(.7rem,2vw,.8rem);font-weight:600}.space-canvas{border-radius:inherit;flex-direction:column;justify-content:flex-end;width:100%;height:100%;min-height:100%;padding:8%;display:flex;position:relative;overflow:hidden}.space-canvas--a{background:var(--demo-space-a)}.space-canvas--b{background:var(--demo-space-b)}.space-canvas__stars{opacity:.7;background-image:radial-gradient(1px 1px at 20% 30%,#fff8,#0000),radial-gradient(1px 1px at 60% 70%,#fff6,#0000),radial-gradient(1.5px 1.5px at 80% 20%,#fff9,#0000);position:absolute;inset:0}.space-canvas__planet{aspect-ratio:1;filter:blur(.5px);background:radial-gradient(circle at 30% 30%,#c4b5fd,#6d28d9 55%,#0000 70%);border-radius:50%;width:42%;position:absolute;top:18%;right:8%}.space-canvas__ship{clip-path:polygon(0 50%,15% 0,85% 20%,100% 50%,85% 80%,15% 100%);opacity:.85;filter:drop-shadow(0 0 8px #a78bfa);background:linear-gradient(90deg,#0000,#e2e8f0 20%,#94a3b8 50%,#0000);width:22%;height:8%;position:absolute;bottom:28%;left:12%}.space-canvas--b .space-canvas__ship{filter:drop-shadow(0 0 8px #22d3ee);left:20%}.space-canvas__sparkles{background:radial-gradient(circle at 15% 80%,#fff9 0%,#0000 8%),radial-gradient(circle at 75% 25%,#fff7 0%,#0000 6%);animation:3s ease-in-out infinite alternate sparkle;position:absolute;inset:0}@keyframes sparkle{0%{opacity:.4}to{opacity:1}}.space-canvas--b .space-canvas__planet{background:radial-gradient(circle at 30% 30%,#67e8f9,#0891b2 55%,#0000 70%);width:28%;right:15%}.space-canvas__title{color:#fff;text-shadow:0 2px 12px #0008;margin:0 0 .5rem;font-size:clamp(.75rem,2.5cqi,1.1rem);font-weight:700;position:relative}.space-canvas__actions{flex-wrap:wrap;gap:.5rem;display:flex;position:relative}.space-canvas__actions span{color:#111;background:#fff;border-radius:999px;padding:.35em .75em;font-size:.7em;font-weight:600}.space-canvas__ghost{color:#fff!important;background:#fff3!important}.space-canvas--compact{justify-content:center;align-items:center;min-height:100%}.space-canvas__badge{color:#fff;opacity:.9;font-size:1.5rem;font-weight:800;position:relative}.agent-orb{cursor:pointer;background:0 0;border:none;border-radius:50%;flex-shrink:0;padding:0;position:relative}.agent-orb__ring{background:conic-gradient(from 0deg, var(--demo-purple), var(--demo-cyan), var(--demo-purple));opacity:.5;border-radius:50%;animation:4s linear infinite orb-spin;position:absolute;inset:-15%}.agent-orb--active .agent-orb__ring{opacity:1;animation-duration:1.2s}.agent-orb__core{width:100%;height:100%;box-shadow:0 0 24px var(--demo-accent-glow);background:radial-gradient(circle,#dbeafe 0%,#7c3aed 100%);border-radius:50%;justify-content:center;align-items:center;display:flex;position:relative}@keyframes orb-spin{to{transform:rotate(360deg)}}.foldable-device{filter:drop-shadow(0 12px 28px #0f11151f);width:min(100%,340px);margin:0 auto}.foldable-device--hero{width:min(100%,420px)}.foldable-device__bezel{background:linear-gradient(145deg,#2a2d35,#0f1115);border-radius:clamp(16px,4cqi,24px);padding:6px;box-shadow:inset 0 0 0 1px #ffffff18,0 16px 40px #00000020}.foldable-device__inner{border:2px solid var(--demo-device-border);background:var(--demo-device-bg);border-radius:clamp(12px,3cqi,20px);flex-direction:column;display:flex;overflow:hidden}.foldable-device__inner--tabletop{transform:perspective(900px) rotateX(calc(-12deg + var(--tilt-y,0deg))) rotateY(var(--tilt-x,0deg));transform-origin:bottom;transition:transform .12s ease-out}.foldable-device__top{transform-origin:bottom;flex:1.1;min-height:120px;transition:transform .35s}.foldable-device__bottom{background:var(--demo-deck);flex:1;min-height:100px}.foldable-device__hinge{background:repeating-linear-gradient(90deg, var(--demo-hinge) 0 6px, transparent 6px 12px);flex-shrink:0;height:6px}.foldable-device__cover{aspect-ratio:1;border:2px solid var(--demo-device-border);background:var(--demo-device-bg);border-radius:14px;width:min(42cqi,140px);margin:0 auto;overflow:hidden}.control-deck{flex-direction:column;gap:.65rem;height:100%;padding:8%;display:flex}.control-deck__label{color:var(--demo-blue);text-transform:uppercase;letter-spacing:.06em;margin:0;font-size:.65rem;font-weight:700}.filmstrip{flex-wrap:wrap;gap:.4rem;display:flex}.filmstrip__thumb{cursor:grab;color:var(--demo-blue);background:#e8f1ff;border:2px solid #0000;border-radius:6px;flex-direction:column;align-items:center;gap:.2rem;padding:.25rem;font-size:.6rem;font-weight:700;transition:transform .15s,border-color .15s,box-shadow .15s;display:flex}.filmstrip__thumb--active{border-color:var(--demo-blue);background:var(--demo-blue);color:#fff;box-shadow:0 4px 12px #1f6feb59}.filmstrip__thumb--drag{transform:translateY(-6px)scale(1.05)}.filmstrip__preview{border-radius:3px;width:2.2rem;height:1.5rem}.filmstrip__preview--a{background:var(--demo-space-a)}.filmstrip__preview--b{background:var(--demo-space-b)}.prompt-bar{background:#e8f1ff;border:2px solid #93c5fd;border-radius:999px;align-items:center;gap:.4rem;padding:.45rem .65rem;display:flex}.prompt-bar input{font-size:inherit;background:0 0;border:none;outline:none;flex:1;min-width:0}.prompt-bar__sparkle{color:var(--demo-blue)}.control-deck__tools{flex-wrap:wrap;align-items:center;gap:.35rem;margin-top:auto;display:flex}.tool-chip{border:1px solid var(--demo-line);cursor:pointer;background:#fff;border-radius:999px;padding:.25rem .45rem;font-size:.55rem}.tool-chip:hover{border-color:var(--demo-purple)}.canvas-drop{width:100%;height:100%;min-height:100%;transition:box-shadow .2s;position:relative}.canvas-drop--over{box-shadow:inset 0 0 0 3px var(--demo-cyan)}.canvas-drop__ghost{border:2px dashed var(--demo-cyan);color:#fff;background:#0008;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;gap:.35rem;font-size:.65rem;font-weight:700;animation:.8s infinite alternate pulse;display:flex;position:absolute;inset:10%}@keyframes pulse{0%{opacity:.85}to{opacity:1}}.filmstrip__drag-hint{color:var(--demo-cyan);margin:0;font-size:.6rem;font-weight:700}.compare-triptych{grid-template-columns:repeat(3,1fr);gap:.5rem;max-width:100%;display:grid}.compare-thumb{border:2px solid var(--demo-line);opacity:.55;border-radius:10px;transition:opacity .2s,border-color .2s,transform .2s;overflow:hidden}.compare-thumb--active{opacity:1;border-color:var(--demo-purple);transform:scale(1.03);box-shadow:0 8px 20px #7c3aed33}.compare-thumb__split{grid-template-columns:1fr 1fr;min-height:48px;display:grid}.compare-thumb__blend{min-height:48px;position:relative}.compare-thumb__blend>:first-child{opacity:calc(1 - var(--blend,.5));position:absolute;inset:0}.compare-thumb__blend>:last-child{opacity:var(--blend,.5);position:absolute;inset:0}.compare-thumb__label{text-align:center;color:var(--demo-muted);background:#fff;padding:.2rem;font-size:.55rem;font-weight:700;display:block}.compare-main{flex-direction:column;flex:1;align-items:center;gap:.5rem;display:flex}.hinge-track{cursor:ew-resize;touch-action:none;-webkit-user-select:none;user-select:none;background:#e2e8f0;border-radius:999px;width:min(100%,320px);height:28px;position:relative}.hinge-track__fill{border-radius:inherit;background:var(--demo-gradient);opacity:.35;pointer-events:none;position:absolute;top:0;bottom:0;left:0}.hinge-track__thumb{background:var(--demo-gradient);pointer-events:none;border-radius:50%;width:22px;height:22px;margin-left:-11px;position:absolute;top:50%;transform:translateY(-50%);box-shadow:0 2px 10px #5b21b673}.hinge-track__label{color:var(--demo-muted);pointer-events:none;justify-content:center;align-items:center;font-size:.6rem;font-weight:700;display:flex;position:absolute;inset:0}.tabletop-layout{align-items:start;gap:1.5rem;display:grid}@media (width>=720px){.tabletop-layout{grid-template-columns:1fr minmax(200px,280px)}}.posture-glyph{color:var(--demo-muted);margin-bottom:.35rem;font-size:.65rem;display:block}.posture-glyph:before{content:"⌐ "}.callouts{flex-direction:column;gap:.5rem;display:flex}.callout{text-align:left;cursor:default;background:0 0;border:1px solid #0000;border-radius:8px;gap:.6rem;padding:.55rem .65rem;transition:background .15s,border-color .15s;display:flex}.callout strong{color:var(--demo-ink);font-size:.8rem;display:block}.callout span span{color:var(--demo-muted);margin-top:.15rem;font-size:.72rem;line-height:1.35;display:block}.callout--hot{background:#fff;border-color:#93c5fd;box-shadow:0 4px 16px #3b82f61f}.callout__icon{width:1.75rem;height:1.75rem;color:var(--demo-blue);background:#e8f1ff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:.85rem;display:flex}.demo-stage--compare{gap:.75rem}.compare-preview{width:100%;max-width:520px;margin:0 auto}.split-canvas{grid-template-columns:1fr 4px 1fr;height:100%;min-height:140px;display:grid}.split-canvas__hinge{background:repeating-linear-gradient(180deg, var(--demo-hinge) 0 4px, transparent 4px 8px)}.blend-canvas{width:100%;height:100%;min-height:140px;position:relative}.blend-canvas__a,.blend-canvas__b{transition:opacity .25s;position:absolute;inset:0}.blend-canvas__a{opacity:calc(1 - var(--blend,.5))}.blend-canvas__b{opacity:var(--blend,.5)}.blend-canvas__veil{mix-blend-mode:overlay;pointer-events:none;background:linear-gradient(105deg,#0000 40%,#ffffff26 50%,#0000 60%);position:absolute;inset:0}.compare-controls{width:100%;max-width:520px;margin:0 auto;padding:0 .5rem}.compare-controls__hint{text-align:center;color:var(--demo-blue);margin:0 0 .5rem;font-size:.7rem;font-weight:700}.blend-slider{align-items:center;gap:.75rem;display:flex}.blend-slider__end{color:var(--demo-muted);font-weight:700}.blend-slider__input{height:6px;accent-color:var(--demo-purple);cursor:pointer;flex:1}.blend-slider__input:disabled{opacity:.5;cursor:not-allowed}.blend-slider__meta{color:var(--demo-muted);justify-content:space-between;align-items:center;margin-top:.4rem;font-size:.72rem;display:flex}.blend-lock{border:1px solid var(--demo-line);cursor:pointer;background:#fff;border-radius:999px;padding:.2rem .65rem;font-size:.7rem}.blend-lock--on{background:var(--demo-gradient);color:#fff;border-color:#0000}.compare-controls__sub{text-align:center;color:var(--demo-muted);margin:.5rem 0 0;font-size:.68rem}.demo-stage--fire{flex-direction:column;align-items:center;display:flex}.fire-flow{flex-wrap:wrap;justify-content:center;align-items:center;gap:clamp(.35rem,2vw,.75rem);width:100%;display:flex}.fire-step{opacity:.45;flex:120px;max-width:200px;transition:opacity .3s,transform .3s;transform:scale(.92)}.fire-step--active{opacity:1;transform:scale(1)}.fire-arrow{color:var(--demo-blue);flex-shrink:0;font-size:1.25rem;font-weight:700}@media (width<=640px){.fire-arrow{display:none}.fire-flow{grid-template-columns:1fr 1fr;display:grid}}.weaver-inner{background:var(--demo-ui-dark);color:#e2e8f0;flex-direction:column;gap:.5rem;height:100%;min-height:140px;padding:6%;display:flex}.weaver-inner__bar{align-items:center;gap:.4rem;font-size:.7rem;font-weight:700;display:flex}.weaver-inner__composer{gap:.35rem;margin-top:auto;display:flex}.weaver-inner__composer input{color:#fff;background:#1e293b;border:none;border-radius:999px;flex:1;padding:.4rem .6rem;font-size:.65rem}.weaver-inner__composer button{background:var(--demo-gradient);color:#fff;cursor:pointer;border:none;border-radius:999px;padding:.4rem .65rem;font-size:.65rem;font-weight:600}.weaver-inner__hint{color:#93c5fd;margin:0;font-size:.55rem}.cover-screen{background:var(--demo-ui-dark);color:#e2e8f0;text-align:left;cursor:pointer;width:100%;height:100%;font:inherit;border:none;flex-direction:column;align-items:stretch;gap:.35rem;padding:10%;display:flex}.cover-screen__head{align-items:center;gap:.35rem;font-size:.65rem;font-weight:700;display:flex}.cover-screen__bar{background:#334155;border-radius:999px;height:6px;overflow:hidden}.cover-screen__bar span{border-radius:inherit;background:var(--demo-gradient);height:100%;transition:width .1s linear;display:block}.cover-screen__ready{margin:.25rem 0 0;font-size:.75rem;font-weight:700}.cover-screen__sub{color:#94a3b8;margin:0;font-size:.6rem}.cover-screen__open{text-align:center;color:var(--demo-blue);background:#e8f1ff;border-radius:6px;margin-top:auto;padding:.35rem;font-size:.65rem;font-weight:700}.weaver-results{background:var(--demo-ui-dark);min-height:140px;padding:6%}.weaver-results__grid{grid-template-columns:repeat(3,1fr);gap:.35rem;margin-top:.5rem;display:grid}.result-card{color:#94a3b8;font-size:.5rem}.result-card__thumb{aspect-ratio:4/3;background:var(--demo-space-b);border-radius:4px;margin-bottom:.2rem}.fire-controls{flex-wrap:wrap;justify-content:center;align-items:center;gap:.5rem;margin-top:1rem;display:flex}.fire-steps{gap:.35rem;display:flex}.fire-steps__btn{border:1px solid var(--demo-line);cursor:pointer;background:#fff;border-radius:50%;width:2rem;height:2rem;font-weight:700}.fire-steps__btn--on{background:var(--demo-gradient);color:#fff;border-color:#0000}.fire-play{border:1px solid var(--demo-line);cursor:pointer;background:#fff;border-radius:8px;padding:.4rem .85rem;font-size:.75rem;font-weight:600}.fire-play--primary{background:var(--demo-gradient);color:#fff;border-color:#0000}html,body{color:#0f1115;background:#f5f6f8;margin:0}body:before{content:"";z-index:-1;pointer-events:none;background:radial-gradient(90% 60% at 12% 18%,#14121c1a,#0000 60%),radial-gradient(110% 70% at 92% 78%,#14121c1a,#0000 60%),radial-gradient(60% 40% at 30% 88%,#14121c0f,#0000 65%),linear-gradient(#fff 0%,#f0f1f4 100%);position:fixed;inset:0}.landing{--bg:transparent;--ink:#0f1115;--muted:#5c6370;--purple:#7c3aed;--violet:#5b21b6;--cyan:#06b6d4;--teal:#14b8a6;--card:#ffffffc7;--card-border:#0f111514;--gradient:linear-gradient(90deg, var(--violet) 0%, var(--purple) 42%, var(--cyan) 100%);--iridescent:linear-gradient(95deg, #8b5cf6 0%, #c026d3 28%, #7c3aed 52%, #0891b2 78%, #14b8a6 100%);color:var(--ink);background:var(--bg);font-family:var(--font-geist-sans), Inter, system-ui, sans-serif}.iridescent{background:var(--iridescent);-webkit-text-fill-color:transparent;color:#0000;-webkit-background-clip:text;background-clip:text}.landing-header{justify-content:space-between;align-items:center;max-width:72rem;margin:0 auto;padding:1.25rem 1.5rem;display:flex}.landing-logo{letter-spacing:-.02em;align-items:center;gap:.65rem;font-size:1.125rem;font-weight:700;display:flex}.landing-logo-mark{background:var(--gradient);border-radius:.65rem;width:2.25rem;height:2.25rem;box-shadow:0 8px 24px #7c3aed59}.landing-nav a{color:var(--muted);margin-left:1.25rem;font-size:.9rem;font-weight:500;text-decoration:none}.landing-nav a:hover{color:var(--ink)}.landing-hero{text-align:center;max-width:72rem;margin:0 auto;padding:3rem 1.5rem 4rem}.landing-eyebrow{color:var(--violet);letter-spacing:.04em;text-transform:uppercase;background:#7c3aed1a;border-radius:999px;margin-bottom:1.25rem;padding:.35rem .85rem;font-size:.8rem;font-weight:600;display:inline-block}.landing-hero h1{letter-spacing:-.03em;margin:0 0 1rem;font-size:clamp(2.25rem,5vw,3.5rem);font-weight:800;line-height:1.08}.landing-hero p{max-width:40rem;color:var(--muted);margin:0 auto 2rem;font-size:1.125rem;line-height:1.55}.landing-cta{flex-wrap:wrap;justify-content:center;gap:.75rem;display:flex}.landing-btn{border-radius:.85rem;justify-content:center;align-items:center;padding:.85rem 1.5rem;font-size:.95rem;font-weight:600;text-decoration:none;transition:transform .15s,box-shadow .15s;display:inline-flex}.landing-btn:hover{transform:translateY(-1px)}.landing-btn-primary{background:var(--gradient);color:#fff;box-shadow:0 12px 32px #5b21b647}.landing-btn-secondary{-webkit-backdrop-filter:blur(8px);color:var(--ink);border:1px solid var(--card-border);background:#ffffffd9}.landing-features{flex-direction:column;gap:4.5rem;max-width:72rem;margin:0 auto;padding:0 1.5rem 5rem;display:flex}.landing-feature{background:var(--card);-webkit-backdrop-filter:blur(12px)saturate(160%);border:1px solid var(--card-border);border-radius:1.5rem;overflow:hidden;box-shadow:inset 0 1px #ffffffb3,0 12px 40px #0f111514}.fold-stage{pointer-events:auto;margin:4rem 0 6rem;display:block}.fold-stage pixel-fold-showtime{width:100%;display:block}.landing-feature-head{padding:1.75rem 1.75rem 0}.landing-feature-kicker{color:var(--muted);margin:0 0 .35rem;font-size:.95rem}.landing-feature-title{letter-spacing:-.02em;margin:0 0 1rem;font-size:1.65rem;font-weight:800}.landing-feature-banner{background:var(--gradient);color:#fff;border-radius:.75rem;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem;margin-bottom:.85rem;padding:.85rem 1.15rem;display:flex}.landing-feature-banner strong{font-size:1.05rem}.landing-feature-banner span{opacity:.92;font-size:.85rem}.landing-feature-desc{color:var(--ink);margin:0;font-size:1rem;font-weight:500;line-height:1.5}.landing-feature-visual{background:0 0;padding:0}.landing-feature-visual--interactive{overflow:visible}.landing-footer{text-align:center;color:var(--muted);border-top:1px solid #e2e5eb;padding:2rem 1.5rem;font-size:.875rem}.landing-footer a{color:var(--purple);text-decoration:none}@media (width>=768px){.landing-hero{padding-top:4.5rem}.landing-feature-head{padding:2rem 2rem 0}.landing-feature-visual{padding:1.5rem 1.75rem 2rem}}