.demo-app.nsgpt-demo-theme{--app-color-primary-lighter:#ccf4ff;--app-color-primary-light:#145c88;--app-color-primary-main:#13537c;--app-color-primary-dark:#0e3e5c;--app-color-primary-darker:#0a2d43;--app-color-primary-contrast:#fff;--app-color-primary-soft:rgba(19,83,124,.08);--app-color-primary-soft-hover:rgba(19,83,124,.16);--app-shadow-primary:0 8px 16px 0 rgba(19,83,124,.24)}.nsgpt-packaged-scene .demo-app{--demo-accent:#13537c}[data-iso-kit]{--accent-h:250;--paper-0:oklch(0.995 0.003 var(--accent-h));--paper-1:oklch(0.985 0.006 var(--accent-h));--paper-2:oklch(0.965 0.012 var(--accent-h));--paper-3:oklch(0.93 0.02 var(--accent-h));--ink-0:oklch(0.18 0.03 var(--accent-h));--ink-1:oklch(0.32 0.03 var(--accent-h));--ink-2:oklch(0.5 0.025 var(--accent-h));--ink-3:oklch(0.65 0.02 var(--accent-h));--ink-4:oklch(0.78 0.015 var(--accent-h));--ink-5:oklch(0.88 0.012 var(--accent-h));--accent:oklch(0.62 0.19 var(--accent-h));--accent-deep:oklch(0.5 0.22 var(--accent-h));--accent-soft:oklch(0.78 0.13 var(--accent-h));--accent-ghost:oklch(0.94 0.05 var(--accent-h));--stroke:1.25px;--stroke-c:oklch(0.75 0.02 var(--accent-h)/0.75);--stroke-c-strong:oklch(0.55 0.03 var(--accent-h)/0.85);--glass-0:oklch(0.98 0.03 var(--accent-h)/0.62);--glass-1:oklch(0.985 0.025 var(--accent-h)/0.8);--glass-2:oklch(0.99 0.02 var(--accent-h)/0.92);--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:32px;--radius-xs:4px;--radius-sm:7px;--radius-md:10px;--radius-lg:14px;--radius-xl:16px;--radius-pill:999px;--shadow-card:0 1px 0 oklch(1 0 0/0.8) inset,0 20px 40px -20px oklch(0.3 0.1 var(--accent-h)/0.22),0 4px 12px -6px oklch(0.3 0.05 var(--accent-h)/0.1);--shadow-panel:0 1px 0 oklch(1 0 0/0.8) inset,0 20px 48px -20px oklch(0.3 0.08 var(--accent-h)/0.28),0 6px 16px -8px oklch(0.3 0.05 var(--accent-h)/0.12);--speed:1;--motion-fast:180ms;--motion-medium:360ms;--motion-breathe:7s;--iso-rx:58deg;--iso-rz:-45deg;--body-bg-1:oklch(0.96 0.04 var(--accent-h)/0.6);--body-bg-2:oklch(0.97 0.03 var(--accent-h)/0.45);--grid-line:oklch(0.7 0.02 var(--accent-h)/0.22);--dot-color:oklch(0.7 0.02 var(--accent-h)/0.32);--iso-face-fill:oklch(1 0 0/0.55);--proj-line:oklch(0.7 0.02 var(--accent-h)/0.55);--chip-shadow:0 1px 3px oklch(0 0 0/0.08),0 0 0 1px oklch(0 0 0/0.04);--scene-copy-halo-1:oklch(1 0 0/0.65);--scene-copy-halo-2:oklch(1 0 0/0.3);--hi-row-bg:oklch(0.99 0.005 var(--accent-h)/0.7);--hi-row-bg-strong:oklch(0.96 0.03 var(--accent-h)/0.55);--row-divider:oklch(0.94 0.008 var(--accent-h));--lvl-info-bg:oklch(0.94 0.04 var(--accent-h));--lvl-info-fg:var(--accent-deep);--lvl-warn-bg:oklch(0.94 0.08 70);--lvl-warn-fg:oklch(0.45 0.13 60);--lvl-error-bg:oklch(0.94 0.1 25);--lvl-error-fg:oklch(0.45 0.18 25)}[data-theme=dark]{--paper-0:oklch(0.13 0.015 var(--accent-h));--paper-1:oklch(0.16 0.02 var(--accent-h));--paper-2:oklch(0.20 0.025 var(--accent-h));--paper-3:oklch(0.25 0.03 var(--accent-h));--ink-0:oklch(0.97 0.005 var(--accent-h));--ink-1:oklch(0.85 0.008 var(--accent-h));--ink-2:oklch(0.68 0.012 var(--accent-h));--ink-3:oklch(0.52 0.015 var(--accent-h));--ink-4:oklch(0.36 0.02 var(--accent-h));--ink-5:oklch(0.28 0.025 var(--accent-h));--stroke-c:oklch(0.65 0.02 var(--accent-h)/0.55);--stroke-c-strong:oklch(0.82 0.025 var(--accent-h)/0.78);--accent-ghost:oklch(0.22 0.08 var(--accent-h));--glass-0:oklch(0.3 0.04 var(--accent-h)/0.55);--glass-1:oklch(0.35 0.045 var(--accent-h)/0.75);--glass-2:oklch(0.4 0.05 var(--accent-h)/0.9);--shadow-card:0 1px 0 oklch(1 0 0/0.04) inset,0 20px 40px -20px oklch(0 0 0/0.6),0 4px 12px -6px oklch(0 0 0/0.5);--shadow-panel:0 1px 0 oklch(1 0 0/0.04) inset,0 20px 48px -20px oklch(0 0 0/0.7),0 6px 16px -8px oklch(0 0 0/0.5);--body-bg-1:oklch(0.22 0.05 var(--accent-h)/0.55);--body-bg-2:oklch(0.20 0.04 var(--accent-h)/0.4);--grid-line:oklch(0.78 0.02 var(--accent-h)/0.12);--dot-color:oklch(0.82 0.02 var(--accent-h)/0.18);--iso-face-fill:oklch(0.32 0.03 var(--accent-h)/0.62);--proj-line:oklch(0.78 0.02 var(--accent-h)/0.4);--chip-shadow:0 1px 3px oklch(0 0 0/0.4),0 0 0 1px oklch(1 0 0/0.04);--scene-copy-halo-1:oklch(0.13 0.015 var(--accent-h)/0.8);--scene-copy-halo-2:oklch(0.13 0.015 var(--accent-h)/0.4);--hi-row-bg:oklch(0.22 0.03 var(--accent-h)/0.55);--hi-row-bg-strong:oklch(0.3 0.06 var(--accent-h)/0.7);--row-divider:oklch(0.35 0.015 var(--accent-h)/0.6);--lvl-info-bg:oklch(0.3 0.08 var(--accent-h)/0.65);--lvl-info-fg:oklch(0.82 0.13 var(--accent-h));--lvl-warn-bg:oklch(0.32 0.09 70/0.6);--lvl-warn-fg:oklch(0.82 0.14 70);--lvl-error-bg:oklch(0.32 0.11 25/0.6);--lvl-error-fg:oklch(0.82 0.16 25)}[data-iso-kit] [data-theme=dark],[data-iso-kit][data-theme=dark]{color:var(--ink-0)}[data-iso-kit] *,[data-iso-kit] :after,[data-iso-kit] :before{box-sizing:border-box}@media (prefers-reduced-motion:reduce){[data-iso-kit] *,[data-iso-kit] :after,[data-iso-kit] :before{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}[data-iso-kit][data-reduced-motion="1"] *,[data-iso-kit][data-reduced-motion="1"] :after,[data-iso-kit][data-reduced-motion="1"] :before{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}[data-iso-kit]{font-family:Geist,system-ui,sans-serif;font-feature-settings:"ss01","ss02","cv11";color:var(--ink-0);background:radial-gradient(1200px 800px at 70% -10%,var(--body-bg-1),transparent 60%),radial-gradient(900px 600px at 10% 100%,var(--body-bg-2),transparent 55%),var(--paper-1);-webkit-font-smoothing:antialiased}[data-iso-kit] .mono{font-family:Geist Mono,ui-monospace,monospace}[data-iso-kit] .eyebrow{font-family:Geist Mono,monospace;font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-3)}[data-iso-kit] .dot{width:6px;height:6px;border-radius:50%;background:var(--accent);display:inline-block;margin-right:6px;box-shadow:0 0 0 0 currentColor;animation:pulse calc(2s / var(--speed)) ease-out infinite}@keyframes pulse{0%{box-shadow:0 0 0 0 oklch(.62 .19 var(--accent-h)/.5)}to{box-shadow:0 0 0 14px oklch(.62 .19 var(--accent-h)/0)}}.page{max-width:1440px;margin:0 auto;padding:56px 48px 120px}.topbar{justify-content:space-between;margin-bottom:40px}.brand,.topbar{display:flex;align-items:center}.brand{gap:12px;font-weight:600;letter-spacing:-.01em}.brand-mark{width:28px;height:28px;background:var(--ink-0);border-radius:7px;position:relative;box-shadow:0 6px 18px -6px oklch(.3 .1 var(--accent-h)/.3)}.brand-mark:after{content:"";position:absolute;inset:6px;border:1.25px solid var(--paper-1);border-radius:3px;transform:rotate(45deg)}.brand-name{font-size:15px}.brand-ver{padding:2px 8px;border:1px solid var(--ink-5);border-radius:999px;margin-left:4px}.brand-ver,.topbar-meta{font-family:Geist Mono,monospace;font-size:11px;color:var(--ink-3)}.topbar-meta{display:flex;gap:20px;align-items:center}h1.hero-title{font-size:clamp(40px,5vw,64px);font-weight:500;letter-spacing:-.035em;line-height:1.02;margin:12px 0 16px;max-width:820px}h1 .accented{color:var(--accent-deep);font-style:italic;font-weight:400}p.hero-sub{color:var(--ink-2);font-size:17px;line-height:1.5;max-width:560px;margin:0 0 32px}.hero-meta-row{display:flex;gap:18px;align-items:center;font-family:Geist Mono,monospace;font-size:11px;color:var(--ink-3);margin-top:24px}.hero-meta-row span{display:inline-flex;align-items:center;gap:6px}.hero-meta-row .tick{width:10px;height:10px;border:1.25px solid var(--ink-4);border-radius:2px;position:relative}.hero-meta-row .tick.on{border-color:var(--accent);background:var(--accent)}.hero-meta-row .tick.on:after{content:"";position:absolute;left:2px;top:0;width:3px;height:6px;border:solid #fff;border-width:0 1.25px 1.25px 0;transform:rotate(45deg)}.cta-row{display:flex;gap:12px;align-items:center}.btn{font:inherit;font-size:14px;font-weight:500;padding:11px 18px;border-radius:10px;border:1px solid transparent;cursor:pointer;transition:all .15s}.btn-primary{background:var(--ink-0);color:var(--paper-0)}.btn-primary:hover{background:color-mix(in oklch,var(--ink-0) 88%,var(--accent))}.btn-ghost{background:transparent;color:var(--ink-1);border-color:var(--ink-5)}.btn-ghost:hover{border-color:var(--ink-4);background:var(--paper-0)}.section-head{display:flex;align-items:baseline;justify-content:space-between;margin:96px 0 24px;border-top:1px solid var(--ink-5);padding-top:28px}.section-title{font-size:24px;font-weight:500;letter-spacing:-.02em;margin:0}.section-note{font-family:Geist Mono,monospace;font-size:11px;color:var(--ink-3)}[data-iso-kit] .grid{display:grid;grid-template-columns:repeat(12,1fr);gap:16px}.hero-stage{position:relative;height:620px;margin-top:32px;overflow:visible;perspective:2000px}.iso-world{position:absolute;inset:0;transform-style:preserve-3d}.ground{top:58%;width:1400px;height:1400px;margin-left:-700px;margin-top:-700px;transform:rotateX(var(--iso-rx)) rotate(var(--iso-rz));background-image:linear-gradient(to right,var(--grid-line) 1px,transparent 1px),linear-gradient(to bottom,var(--grid-line) 1px,transparent 1px);background-size:48px 48px;mask-image:radial-gradient(circle at center,#000 0,transparent 65%);-webkit-mask-image:radial-gradient(circle at center,#000 0,transparent 65%);pointer-events:none;opacity:var(--tweak-grid,.7)}.ground,.iso-scene{position:absolute;left:50%}.iso-scene{top:50%;transform:translate(-50%,-50%) rotateX(var(--iso-rx)) rotate(var(--iso-rz));width:0;height:0}.iso-block,.iso-scene{transform-style:preserve-3d}.iso-block,.iso-face{position:absolute}.iso-face{border:var(--stroke) solid var(--stroke-c-strong);background:var(--iso-face-fill);backdrop-filter:blur(1px)}.proj{border-top:1px dashed var(--proj-line);transform-origin:0 0}.packet,.proj{position:absolute}.packet{width:8px;height:8px;border-radius:50%;background:var(--accent);box-shadow:0 0 12px 2px oklch(.62 .2 var(--accent-h)/.7)}.upright{transform:rotate(45deg) rotateX(-60deg);transform-origin:center}.iso-bg-dots:before{content:"";position:absolute;inset:0;background-image:radial-gradient(var(--dot-color) 1px,transparent 1px);background-size:16px 16px;mask-image:radial-gradient(ellipse 70% 70% at 50% 50%,#000,transparent 80%);-webkit-mask-image:radial-gradient(ellipse 70% 70% at 50% 50%,#000,transparent 80%)}.full-scene{position:relative;left:50%;transform:translateX(-50%);width:100vw;min-height:max(100vh,760px);overflow:hidden;perspective:2400px;margin-top:120px;isolation:isolate;--scene-ground-y:58%}.full-scene:first-of-type{margin-top:80px}.full-scene.bg-dots{background:radial-gradient(1200px 800px at 70% -10%,color-mix(in oklch,var(--accent-ghost) 70%,transparent),transparent 60%),radial-gradient(900px 600px at 10% 100%,color-mix(in oklch,var(--accent-ghost) 55%,transparent),transparent 55%),var(--paper-1)}.full-scene.bg-dots:before{content:"";position:absolute;left:50%;top:var(--scene-ground-y,58%);width:2800px;height:2800px;margin-left:-1400px;margin-top:-1400px;transform:translate(var(--scene-px,0),var(--scene-py,0)) scale(var(--scene-zoom,1)) rotateX(calc(var(--iso-rx) + var(--scene-rx, 0deg))) rotate(calc(var(--iso-rz) + var(--scene-rz, 0deg)));transform-origin:center center;background-image:radial-gradient(var(--dot-color) 1.5px,transparent 1.5px);background-size:36px 36px;mask-image:radial-gradient(circle at center,#000 0,transparent 55%);-webkit-mask-image:radial-gradient(circle at center,#000 0,transparent 55%);z-index:0;pointer-events:none;will-change:transform;transition:transform .12s ease-out}.full-scene.bg-grid{background:radial-gradient(1400px 900px at 30% 10%,color-mix(in oklch,var(--accent-ghost) 80%,transparent),transparent 55%),var(--paper-2)}.full-scene.bg-grid:before{content:"";position:absolute;left:50%;top:var(--scene-ground-y,58%);width:2800px;height:2800px;margin-left:-1400px;margin-top:-1400px;transform:translate(var(--scene-px,0),var(--scene-py,0)) scale(var(--scene-zoom,1)) rotateX(calc(var(--iso-rx) + var(--scene-rx, 0deg))) rotate(calc(var(--iso-rz) + var(--scene-rz, 0deg)));transform-origin:center center;background-image:linear-gradient(to right,var(--grid-line) 1px,transparent 1px),linear-gradient(to bottom,var(--grid-line) 1px,transparent 1px);background-size:72px 72px;mask-image:radial-gradient(circle at center,#000 0,transparent 55%);-webkit-mask-image:radial-gradient(circle at center,#000 0,transparent 55%);z-index:0;pointer-events:none;will-change:transform;transition:transform .12s ease-out}.full-scene.bg-plain{background:radial-gradient(900px 600px at 50% 20%,color-mix(in oklch,var(--accent-ghost) 55%,var(--paper-0)),transparent 65%),var(--paper-0)}.full-scene-iso{position:absolute;left:50%;top:var(--scene-ground-y,58%);transform:translate(calc(-50% + var(--scene-px, 0px)),calc(-50% + var(--scene-py, 0px))) rotateX(calc(var(--iso-rx) + var(--scene-rx, 0deg))) rotate(calc(var(--iso-rz) + var(--scene-rz, 0deg)));transform-style:preserve-3d;transform-origin:center center;z-index:2;pointer-events:auto;will-change:transform;transition:transform .12s ease-out}.full-scene-copy{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);text-align:center;z-index:5;max-width:680px;padding:28px 32px;pointer-events:none;background:radial-gradient(ellipse 120% 100% at 50% 50%,var(--scene-copy-halo-1) 0,var(--scene-copy-halo-2) 40%,transparent 75%)}.full-scene-copy .eyebrow{margin-bottom:14px}.full-scene-copy .scene-title{font-size:clamp(32px,4.2vw,56px);font-weight:500;letter-spacing:-.035em;line-height:1.05;margin:0 0 16px;text-wrap:pretty}.full-scene-copy .scene-sub{color:var(--ink-2);font-size:clamp(15px,1.2vw,18px);line-height:1.55;margin:0 auto;max-width:480px;text-wrap:pretty}.ambient-particles{position:absolute;inset:0;z-index:1;pointer-events:none;overflow:hidden}.amb-dot{position:absolute;border-radius:50%;background:var(--accent);filter:blur(.5px);transition:transform .4s ease-out}@keyframes amb-drift{0%{opacity:var(--amb-op,.2);transform:translate(0)}to{opacity:calc(var(--amb-op, .2) * 1.5);transform:translate(8px,-12px)}}.iso-core-embers{pointer-events:none}.iso-ember{position:absolute;border-radius:50%;background:var(--accent);box-shadow:0 0 6px 1px oklch(.72 .2 var(--accent-h)/.75),0 0 14px 3px oklch(.82 .18 var(--accent-h)/.3);opacity:0;will-change:transform,opacity;animation-name:iso-ember-rise;animation-timing-function:linear;animation-iteration-count:infinite}@keyframes iso-ember-rise{0%{transform:translateZ(0);opacity:0}10%{opacity:.95}55%{transform:translate3d(calc(var(--ember-jitter, 6px) * .35),calc(var(--ember-jitter, 6px) * -.25),calc(var(--ember-h, 120px) * .55));opacity:.7}to{transform:translate3d(var(--ember-jitter,6px),calc(var(--ember-jitter, 6px) * -.4),var(--ember-h,120px));opacity:0}}