:root{--night:#090d10;--night-2:#10171b;--night-3:#172127;--ink:#f6f0df;--muted:#9eaaad;--muted-2:#6f7a7f;--line:#eccc9033;--line-strong:#eccc9061;--aqua:#4bd2c0;--aqua-2:#8debdc;--copper:#d97945;--copper-2:#f1b36f;--lime:#c8f26b;--paper:#fff5db;--shadow:0 26px 90px #0006;--panel:linear-gradient(145deg, #11191deb, #090d10f5);--radius-xl:34px;--radius-lg:26px;--radius-md:18px;background:var(--night);color:var(--ink);scroll-behavior:smooth;font-family:Space Grotesk,Avenir Next,sans-serif}*{box-sizing:border-box}html,body{min-height:100%;margin:0}body{color:var(--ink);background:radial-gradient(circle at 10% 4%,#4bd2c038,#0000 28rem),radial-gradient(circle at 88% 12%,#d9794538,#0000 30rem),radial-gradient(circle at 52% 48%,#c8f26b17,#0000 34rem),linear-gradient(135deg,#070a0c 0%,#11191d 48%,#070a0c 100%);overflow-x:hidden}body:before{content:"";pointer-events:none;z-index:-2;background-image:linear-gradient(#ffffff0b 1px,#0000 1px),linear-gradient(90deg,#ffffff0b 1px,#0000 1px);background-size:44px 44px;position:fixed;inset:0;-webkit-mask-image:linear-gradient(#000,#0000 78%);mask-image:linear-gradient(#000,#0000 78%)}body:after{content:"";filter:blur(.2px);pointer-events:none;z-index:-1;background:conic-gradient(from 190deg at 72% 18%,#0000,#4bd2c014,#0000 26%),linear-gradient(120deg,#0000 0 56%,#f1b36f17 56% 58%,#0000 58%);position:fixed;inset:0}a{color:inherit;text-decoration:none}button,select,.primary-link,.secondary-link{border:1px solid var(--line-strong);color:var(--ink);cursor:pointer;font:inherit;letter-spacing:.01em;border-radius:999px;padding:11px 16px;font-size:13px;font-weight:700;transition:border-color .16s,box-shadow .16s,transform .16s,background .16s}button,select,.secondary-link{background:#ffffff0f}button:hover,select:hover,.primary-link:hover,.secondary-link:hover{border-color:#4bd2c0c7;transform:translateY(-1px);box-shadow:0 0 0 4px #4bd2c01f,0 16px 42px #0000003d}select{appearance:none;min-width:142px}.demo-shell{gap:22px;max-width:1540px;min-height:100vh;margin:0 auto;padding:22px;display:grid}.topbar{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border:1px solid var(--line);z-index:20;background:#090d109e;border-radius:999px;justify-content:space-between;align-items:center;padding:10px 12px;animation:.52s both rise-in;display:flex;position:sticky;top:14px}.brand-mark,.topbar-links{align-items:center;gap:10px;display:flex}.brand-mark{letter-spacing:-.03em;font-weight:800}.brand-glyph{background:linear-gradient(135deg, var(--aqua), var(--lime));color:#061012;letter-spacing:-.08em;border-radius:50%;justify-content:center;align-items:center;width:34px;height:34px;font-family:IBM Plex Mono,monospace;font-size:12px;display:inline-flex}.topbar-links a{color:var(--muted);padding:8px 10px;font-size:13px;font-weight:700}.topbar-links a:hover{color:var(--ink)}.hero-panel,.control-panel,.metrics div,.notes-panel,.resource-panel,.examples-heading,.example-card{border:1px solid var(--line);box-shadow:var(--shadow)}.hero-panel{background:linear-gradient(120deg, #4bd2c02e, transparent 34%), linear-gradient(300deg, #d9794533, transparent 40%), var(--panel);border-radius:var(--radius-xl);grid-template-columns:minmax(0,1fr) minmax(320px,.34fr);gap:28px;min-height:520px;padding:clamp(28px,5vw,66px);animation:.64s 80ms both rise-in;display:grid;position:relative;overflow:hidden}.hero-panel:before{background:linear-gradient(90deg, transparent, #fff3, transparent), linear-gradient(90deg, var(--aqua), var(--copper), var(--lime));content:"";height:5px;position:absolute;inset:0 0 auto}.hero-panel:after{content:"";opacity:.55;background:radial-gradient(circle,#ffffff2e 0 1px,#0000 1.5px) 0 0/28px 28px,linear-gradient(135deg,#ffffff14,#0000 58%);border:1px solid #ffffff14;border-radius:999px;width:360px;height:360px;position:absolute;top:-82px;right:-116px;transform:rotate(-18deg)}.hero-copy-block{z-index:1;align-content:end;gap:18px;display:grid;position:relative}.eyebrow,.section-label,.control-copy span,.hero-card-header span,.metrics span{color:var(--aqua-2);letter-spacing:.12em;text-transform:uppercase;margin:0;font-size:12px;font-weight:800}h1,h2{letter-spacing:-.055em;margin:0}h1{letter-spacing:-.038em;word-spacing:.035em;max-width:1040px;font-family:Fraunces,Georgia,serif;font-size:clamp(54px,9vw,122px);font-weight:800;line-height:.88}h2{font-family:Fraunces,Georgia,serif;font-size:clamp(28px,4vw,52px);font-weight:650;line-height:.96}.hero-copy,.examples-heading p,.example-copy p,.notes-panel,.hero-card-footer{color:var(--muted);font-size:15px;line-height:1.65}.hero-copy{max-width:760px;margin:0}.hero-actions{flex-wrap:wrap;gap:10px;margin-top:6px;display:flex}.primary-link{background:linear-gradient(135deg, var(--aqua), var(--lime));color:#061012;border-color:#0000}.secondary-link{color:var(--ink)}.hero-card{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);z-index:1;background:#050a0cb3;border:1px solid #ffffff1f;border-radius:28px;align-self:end;gap:18px;min-height:360px;padding:18px;display:grid;position:relative}.hero-card-header,.hero-card-footer{justify-content:space-between;align-items:center;display:flex}.hero-card-header strong{color:var(--aqua-2);background:#4bd2c01f;border:1px solid #4bd2c03d;border-radius:999px;padding:7px 10px;font-size:12px}.pipeline-list{counter-reset:pipeline;gap:10px;margin:0;padding:0;list-style:none;display:grid}.pipeline-list li{background:linear-gradient(90deg,#ffffff14,#ffffff08);border:1px solid #ffffff1a;border-radius:18px;align-items:center;gap:12px;padding:14px;display:flex}.pipeline-list li:before{color:var(--copper-2);content:counter(pipeline, decimal-leading-zero);counter-increment:pipeline;background:#f1b36f29;border:1px solid #f1b36f47;border-radius:50%;justify-content:center;align-items:center;width:30px;height:30px;font-family:IBM Plex Mono,monospace;font-size:11px;display:inline-flex}.control-panel{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-radius:var(--radius-lg);background:#f6f0df0f;justify-content:space-between;align-items:center;gap:18px;padding:16px;animation:.62s .15s both rise-in;display:flex}.control-copy{gap:4px;min-width:240px;display:grid}.control-copy strong{font-size:18px}.toolbar{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:10px;display:flex}.select-wrap{border:1px solid var(--line);background:#ffffff0d;border-radius:999px;align-items:center;gap:9px;padding:4px 4px 4px 12px;display:flex}.select-wrap span{color:var(--muted);text-transform:uppercase;font-size:11px;font-weight:800}.metrics{grid-template-columns:repeat(7,minmax(0,1fr));gap:12px;animation:.62s .22s both rise-in;display:grid}.metrics div{background:linear-gradient(145deg,#ffffff14,#ffffff09);border-radius:20px;min-width:0;padding:16px}.metrics span{color:var(--muted-2);margin-bottom:8px;display:block}.metrics strong{overflow-wrap:anywhere;font-size:16px;font-weight:750;display:block}.notes-panel,.resource-panel,.examples-heading{border-radius:var(--radius-lg);background:linear-gradient(135deg,#4bd2c01a,#d9794514);padding:18px 20px;animation:.62s .28s both rise-in}.notes-panel strong{color:var(--ink)}.examples-heading{gap:12px;max-width:940px;margin-top:16px;display:grid}.examples-heading p{max-width:780px;margin:0}.resource-panel{grid-template-columns:minmax(0,1fr) minmax(280px,.42fr);align-items:end;gap:18px;display:grid}.resource-panel h2{margin-bottom:10px}.resource-panel p{color:var(--muted);max-width:780px;margin:0;line-height:1.65}.resource-links{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.resource-links a{color:var(--ink);background:#f6f0df14;border:1px solid #f6f0df24;border-radius:999px;padding:9px 12px;font-size:12px;font-weight:800}.resource-links a:hover{background:#4bd2c029;border-color:#4bd2c052}.examples-grid{gap:24px;display:grid}.example-card{border-radius:var(--radius-xl);background:radial-gradient(circle at 4% 0,#4bd2c01a,#0000 26rem),linear-gradient(145deg,#f6f0df12,#f6f0df06);grid-template-columns:minmax(300px,.34fr) minmax(0,1fr);gap:18px;padding:18px;animation:linear both card-in;animation-timeline:view();animation-range:entry cover 28%;display:grid;position:relative;overflow:hidden}.example-card:before{background:linear-gradient(180deg, var(--aqua), transparent 70%);content:"";opacity:.28;width:2px;position:absolute;inset:20px auto 20px 0}.example-copy{z-index:1;align-content:start;gap:14px;padding:10px 8px 10px 12px;display:grid;position:relative}.example-kicker{align-items:center;gap:10px;display:flex}.example-kicker span{color:var(--copper-2);border:1px solid #f1b36f47;border-radius:999px;justify-content:center;align-items:center;width:44px;height:30px;font-family:IBM Plex Mono,monospace;font-size:12px;font-weight:700;display:inline-flex}.example-copy p{margin:0}pre{color:#f8e8c9;background:#050809;border:1px solid #ffffff17;border-radius:18px;margin:2px 0 0;padding:15px;overflow-x:auto;box-shadow:inset 0 1px #ffffff0f}code{font-family:IBM Plex Mono,SFMono-Regular,Consolas,monospace;font-size:12px;line-height:1.62}.plot-frame{background:linear-gradient(#0d1316,#0d1316) padding-box padding-box,linear-gradient(135deg,#4bd2c09e,#d979456b,#ffffff14) border-box;border:1px solid #0000;border-radius:24px;grid-template-rows:auto minmax(0,1fr);min-width:0;display:grid;position:relative;overflow:hidden;box-shadow:0 24px 70px #00000073,inset 0 1px #ffffff0f}.plot-frame-top{color:#f6f0dfb8;background:linear-gradient(90deg,#ffffff14,#ffffff06);border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;min-height:42px;padding:0 13px;font-size:12px;font-weight:700;display:flex}.plot-frame-top i{background:linear-gradient(90deg, var(--aqua), var(--copper-2));border-radius:999px;width:56px;height:8px;box-shadow:0 0 24px #4bd2c05c}.plot-host{background:radial-gradient(circle at 50% 0,#4bd2c01a,#0000 24rem),#0a0f12;width:100%;min-width:0;height:min(51vh,510px);min-height:390px;overflow:hidden}.nbimplot-web{background:#0a0f12;overflow:hidden;width:100%!important;height:100%!important}.nbimplot-web canvas{cursor:crosshair}.readout{color:var(--aqua-2);background:#4bd2c014;border:1px dashed #4bd2c057;border-radius:16px;grid-column:1/-1;margin:0 4px 4px;padding:12px 14px;font-family:IBM Plex Mono,monospace;font-size:12px}.plot-error,.plot-placeholder{color:#ffd0bd;text-align:center;justify-content:center;align-items:center;height:100%;padding:26px;font-weight:750;line-height:1.5;display:flex;position:relative}.plot-placeholder{color:#f6f0df9e}.plot-placeholder:before{content:"";background:linear-gradient(90deg,#0000,#4bd2c059,#0000);border-radius:999px;height:2px;position:absolute;top:calc(50% - 38px);left:18%;right:18%}@keyframes rise-in{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@keyframes card-in{0%{opacity:.28;transform:translateY(30px)scale(.985)}to{opacity:1;transform:translateY(0)scale(1)}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important}}@media (max-width:1200px){.metrics{grid-template-columns:repeat(4,minmax(0,1fr))}.example-card{grid-template-columns:minmax(260px,.38fr) minmax(0,1fr)}}@media (max-width:980px){.hero-panel,.example-card{grid-template-columns:1fr}.hero-panel,.hero-card{min-height:auto}.control-panel{flex-direction:column;align-items:stretch}.toolbar{justify-content:flex-start}.plot-host{height:440px;min-height:360px}}@media (max-width:680px){.demo-shell{gap:16px;padding:12px}.topbar{border-radius:22px;flex-direction:column;align-items:stretch;gap:8px;position:static}.topbar-links{justify-content:space-between}.hero-panel,.control-panel,.notes-panel,.resource-panel,.examples-heading,.example-card{border-radius:22px;padding:16px}.resource-panel{grid-template-columns:1fr}.resource-links{justify-content:flex-start}h1{font-size:clamp(46px,16vw,72px)}.hero-actions,.toolbar{grid-template-columns:1fr;display:grid}.primary-link,.secondary-link,.toolbar button,.select-wrap,.select-wrap select{text-align:center;width:100%}.select-wrap{border-radius:18px;flex-direction:column;align-items:stretch}.metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.plot-host{height:390px;min-height:330px}}@media (max-width:430px){.metrics{grid-template-columns:1fr}.pipeline-list li{padding:12px}}