:root{--color-ink:#1d1d1f;--color-muted:#64666f;--color-line:#1d1d1f24;--color-milk:#fbf7ef;--color-leaf:#2f8065;--color-berry:#b93e5b;--color-honey:#d89536;--page-max:1120px}*{box-sizing:border-box}html{background:var(--color-milk);min-height:100%;color:var(--color-ink);scroll-behavior:auto}body{text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;min-height:100%;margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}.site-shell{min-height:100vh;position:relative;overflow:clip}.site-nav{z-index:30;color:#1d1d1fe0;pointer-events:none;justify-content:space-between;align-items:center;height:72px;padding:0 clamp(20px,5vw,64px);display:flex;position:fixed;top:0;left:0;right:0}.site-brand,.site-links a{pointer-events:auto}.site-brand{font-size:18px;font-weight:700}.site-links{align-items:center;gap:8px;display:flex}.site-links a{border:1px solid var(--color-line);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffff7a;border-radius:999px;padding:9px 14px;font-size:14px}.story-canvas{z-index:0;pointer-events:none;width:100%;height:100%;position:fixed;inset:0}.webgl-debug{z-index:40;color:var(--color-ink);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#ffffffd1;border:1px solid #1d1d1f29;border-radius:999px;padding:7px 10px;font-size:12px;font-weight:700;position:fixed;bottom:12px;right:12px}.story-canvas-fallback{z-index:0;opacity:0;pointer-events:none;background:radial-gradient(circle at 74% 28%, color-mix(in srgb, var(--scene-accent) 28%, transparent), transparent 22%), radial-gradient(circle at 22% 72%, #ffffffd1, transparent 28%);position:fixed;inset:0}.story-canvas-fallback:before{background:linear-gradient(180deg, #ffffffeb, #ffffff94), linear-gradient(135deg, var(--scene-accent), #fff0);content:"";border:1px solid #1d1d1f1f;border-radius:999px 999px 72px 72px;width:clamp(132px,22vw,260px);height:clamp(260px,40vw,420px);position:absolute;top:18vh;right:clamp(28px,14vw,180px);box-shadow:0 34px 90px #1d1d1f24}.story-canvas-fallback.is-visible{opacity:1}.story-content{z-index:2;position:relative}.story-section{min-height:var(--section-height,100vh);align-items:center;padding:96px clamp(20px,6vw,72px);display:grid}.story-inner{width:min(100%, var(--page-max));margin:0 auto}.story-kicker{color:var(--color-leaf);margin:0 0 14px;font-size:14px;font-weight:700}.story-title{letter-spacing:0;max-width:800px;margin:0;font-size:clamp(44px,8vw,104px);line-height:.98}.story-copy{max-width:620px;color:var(--color-muted);margin:28px 0 0;font-size:clamp(18px,2.2vw,24px);line-height:1.7}.story-actions{flex-wrap:wrap;gap:12px;margin-top:34px;display:flex}.story-actions-compact{margin-top:26px}.story-action{border:1px solid var(--color-line);min-height:44px;color:var(--color-ink);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffff8f;border-radius:999px;justify-content:center;align-items:center;padding:10px 18px;font-size:15px;font-weight:700;display:inline-flex}.story-action-primary{background:var(--color-ink);color:#fff;border-color:#0000}.story-panel{border:1px solid var(--color-line);-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);background:#ffffff94;border-radius:8px;width:min(100%,520px);padding:clamp(24px,4vw,40px)}.story-panel h2{letter-spacing:0;margin:0;font-size:clamp(28px,4vw,48px)}.story-panel p{color:var(--color-muted);margin:18px 0 0;font-size:17px;line-height:1.8}.story-points{gap:12px;margin:22px 0 0;padding:0;list-style:none;display:grid}.story-points li{color:#1d1d1fd1;padding-left:22px;font-size:15px;line-height:1.7;position:relative}.story-points li:before{background:var(--color-leaf);content:"";border-radius:999px;width:7px;height:7px;position:absolute;top:.72em;left:0}.story-metrics{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:28px;display:grid}.story-metric{border-top:1px solid var(--color-line);padding-top:14px}.story-metric strong{font-size:24px;display:block}.story-metric span{color:var(--color-muted);margin-top:6px;font-size:13px;display:block}.align-start{align-items:start}.align-end .story-inner{justify-content:flex-end;display:flex}.plain-page{background:var(--color-milk);min-height:100vh;padding:112px clamp(20px,6vw,72px)}.plain-page main{width:min(100%, var(--page-max));margin:0 auto}.webview-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:36px;display:grid}.webview-card{border:1px solid var(--color-line);background:#ffffff9e;border-radius:8px;min-height:180px;padding:24px}@media (max-width:760px){.site-nav{height:64px}.site-links a{padding:8px 10px;font-size:12px}.site-links{justify-content:flex-end;max-width:58vw}.story-section{padding-top:84px;padding-bottom:84px}.story-section:first-child{align-items:start;padding-top:96px}.story-section:first-child .story-inner{padding-bottom:220px}.story-title{font-size:clamp(40px,13vw,64px)}.story-action{width:100%}.story-metrics,.webview-grid{grid-template-columns:1fr}.align-end .story-inner{justify-content:flex-start}}.orbital-demo-page{min-height:180vh;color:var(--color-ink);background:radial-gradient(circle at 72% 18%,#cda8ff3d,#0000 26%),radial-gradient(circle at 26% 74%,#f4b8522e,#0000 28%),#fffdf8}.orbital-demo-nav{z-index:20;pointer-events:none;justify-content:space-between;align-items:center;height:70px;padding:0 clamp(20px,5vw,64px);display:flex;position:fixed;top:0;left:0;right:0}.orbital-demo-nav a{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);pointer-events:auto;background:#ffffff94;border:1px solid #1d1d1f1f;border-radius:999px;padding:9px 14px;font-size:14px;font-weight:700}.orbital-demo-hero{grid-template-columns:minmax(280px,.9fr) minmax(320px,1.1fr);align-items:center;gap:clamp(24px,5vw,72px);width:min(100%,1180px);min-height:100vh;margin:0 auto;padding:96px clamp(20px,5vw,56px) 72px;display:grid}.orbital-demo-copy{z-index:2;position:relative}.orbital-demo-copy p,.orbital-demo-notes p{color:#8a62d1;letter-spacing:0;margin:0 0 14px;font-size:13px;font-weight:800}.orbital-demo-copy h1{letter-spacing:0;max-width:560px;margin:0;font-size:clamp(46px,7vw,92px);line-height:.96}.orbital-demo-copy span{max-width:480px;color:var(--color-muted);margin-top:24px;font-size:clamp(17px,2vw,22px);line-height:1.7;display:block}.orbital-demo-stage{aspect-ratio:1;min-height:min(74vw,680px);position:relative}.orbital-demo-stage:before{filter:blur(2px);content:"";background:radial-gradient(circle,#ffffffe0,#fff0 62%),radial-gradient(circle at 50% 72%,#b27fff1f,#0000 56%);border-radius:50%;position:absolute;inset:8%}.orbital-demo-canvas{width:100%;height:100%;position:absolute;inset:0}.orbital-demo-notes{grid-template-columns:minmax(240px,.8fr) minmax(280px,1.2fr);gap:clamp(24px,5vw,72px);width:min(100%,980px);margin:0 auto;padding:32px clamp(20px,5vw,56px) 120px;display:grid}.orbital-demo-notes h2{letter-spacing:0;margin:0;font-size:clamp(28px,4vw,48px);line-height:1.08}.orbital-demo-notes ul{gap:14px;margin:0;padding:0;list-style:none;display:grid}.orbital-demo-notes li{color:#1d1d1fbd;border-top:1px solid #1d1d1f1f;padding-top:14px;font-size:16px;line-height:1.8}@media (max-width:820px){.orbital-demo-hero,.orbital-demo-notes{grid-template-columns:1fr}.orbital-demo-hero{gap:4px;padding-top:92px}.orbital-demo-stage{order:-1;min-height:min(112vw,520px)}}.detail-story{min-height:var(--detail-scroll-height);color:var(--color-ink);background:radial-gradient(circle at 78% 18%,#c6a9ff42,#0000 24%),radial-gradient(circle at 18% 76%,#f7ca9133,#0000 28%),#fffdf8;position:relative;overflow:clip}.detail-story[data-color=dark]{background:radial-gradient(circle at 76% 26%,#c9a8ff38,#0000 26%),linear-gradient(#fefbf7 0%,#211d2a 68%)}.detail-story-nav{z-index:40;pointer-events:none;justify-content:space-between;align-items:center;height:68px;padding:0 clamp(18px,5vw,56px);display:flex;position:fixed;top:0;left:0;right:0}.detail-story-nav a,.detail-story-rail a{color:#1d1d1fd6;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);pointer-events:auto;background:#ffffff94;border:1px solid #1d1d1f21;border-radius:999px;font-size:13px;font-weight:780}.detail-story-nav a{padding:9px 14px}.detail-story-stage{z-index:1;pointer-events:none;place-items:center;display:grid;position:fixed;inset:0}.detail-story-scroll{z-index:2;position:relative}.detail-story-panel{align-items:center;padding:96px clamp(20px,7vw,80px);display:grid}.detail-story-copy{width:min(100%,560px);position:sticky;top:28vh}.detail-story-panel:nth-child(2n) .detail-story-copy{margin-left:auto}.detail-story-copy p{color:#8f66d6;margin:0 0 14px;font-size:13px;font-weight:820}.detail-story-copy h1{letter-spacing:0;margin:0;font-size:clamp(42px,6.8vw,86px);line-height:.98}.detail-story-copy span{max-width:460px;color:var(--color-muted);margin-top:24px;font-size:clamp(16px,2vw,21px);line-height:1.72;display:block}.detail-story[data-color=dark] .detail-story-copy h1,.detail-story[data-color=dark] .detail-story-copy span,.detail-story[data-color=dark] .detail-story-nav a,.detail-story[data-color=dark] .detail-story-rail a,.detail-story[data-color=dark] .detail-story-hud{color:#fff}.detail-story-rail{z-index:40;gap:9px;display:grid;position:fixed;top:50%;left:clamp(12px,3vw,32px);transform:translateY(-50%)}.detail-story-rail a{place-items:center;min-width:42px;height:32px;padding:0 10px;font-size:12px;display:grid}.detail-story-rail a.is-active{color:#fff;background:#8f66d6db;border-color:#0000;transform:translate(6px)}.detail-story-hud{z-index:40;color:#1d1d1fcc;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#ffffff94;border:1px solid #1d1d1f1f;border-radius:8px;width:176px;padding:12px;font-size:12px;position:fixed;bottom:24px;right:clamp(12px,3vw,32px)}.detail-story-hud span,.detail-story-hud strong{display:block}.detail-story-hud strong{margin-top:4px;font-size:20px}.detail-story-hud i{transform-origin:0;background:currentColor;width:100%;height:3px;margin-top:9px;display:block}.detail-visual{aspect-ratio:1;width:min(72vw,620px);position:relative}.detail-orbit{border:2px solid #8f66d657;border-radius:42% 58% 50% 50%;position:absolute;inset:14%;box-shadow:0 0 48px #8f66d629}.detail-pearl{background:radial-gradient(circle at 34% 28%,#fff,#ffffff38 24%,#0000 42%),radial-gradient(circle,#fffae6f5,#d8b0ff6b);border-radius:50%;position:absolute;inset:36%;box-shadow:0 24px 88px #8f66d647}.detail-dial{background:repeating-conic-gradient(#1d1d1f33 0deg 1deg,#0000 1deg 7deg),radial-gradient(circle,#f6e6c8 0 48%,#d4aa70 49% 50%,#fff8eb 51% 100%);border-radius:50%;position:absolute;inset:12%;box-shadow:inset 0 0 0 32px #ffffff57,0 24px 90px #7a53252e}.detail-dial-ring{background:#111;border-radius:999px 999px 16px 16px;height:13%;position:absolute;top:4%;left:16%;right:16%}.detail-dial-ring:before{color:#efc992;content:"CALCIUM LOW        5        CALCIUM FULL";place-items:center;font-size:clamp(13px,2vw,24px);font-weight:900;display:grid;position:absolute;inset:0}.detail-dial-pointer{transform-origin:50% 82%;background:linear-gradient(#f8d2a8,#9d633c);border-radius:999px;width:16px;height:72%;position:absolute;top:16%;left:calc(50% - 8px);box-shadow:0 12px 24px #5b341b38}.detail-dial-pointer:after{content:"";background:radial-gradient(circle,#fff,#e0b276);border-radius:50%;width:52px;height:52px;position:absolute;bottom:-18px;left:50%;transform:translate(-50%)}.detail-dial-molecule{aspect-ratio:1;background:radial-gradient(circle,#ffffffd6,#c496f52e);border:3px solid #9b66dd8f;border-radius:42% 58% 48% 52%;width:26%;position:absolute;top:18%;right:17%}.detail-dial-status{z-index:2;color:#1d1d1fc2;background:#c4b0ecdb;border-radius:8px;padding:12px 18px;font-weight:860;position:absolute;top:3%;left:50%;transform:translate(-50%)}.detail-split-layer{filter:drop-shadow(0 18px 34px #8f66d62e);clip-path:polygon(20% 0,80% 0,100% 50%,80% 100%,20% 100%,0 50%);background:radial-gradient(circle at 28% 24%,#ffffffdb,#0000 22%),linear-gradient(#ecccffd1,#b880eb6b);border-radius:26px;height:24%;position:absolute;left:22%;right:22%}.detail-split-layer.top{top:31%}.detail-split-layer.bottom{bottom:31%}.detail-split-core{background:radial-gradient(circle,#fff 0 7%,#fffc 8% 18%,#b262ffbf 19% 54%,#0000 70%),conic-gradient(#0000,#ffffffe6,#0000,#cd9dffdb,#0000);border-radius:50%;position:absolute;inset:36%;box-shadow:0 0 70px #a468ff85}.detail-split-tags{position:absolute;inset:16% 10%}.detail-split-tags span{background:#ffffffad;border:1px solid #1d1d1f29;border-radius:999px;padding:8px 12px;font-weight:740;position:absolute}.detail-split-tags span:first-child{top:12%;left:10%}.detail-split-tags span:nth-child(2){top:36%;right:8%}.detail-split-tags span:nth-child(3){bottom:12%;left:20%}.detail-cycle-wheel{clip-path:polygon(50% 0,58% 9%,70% 5%,76% 17%,90% 18%,91% 32%,100% 50%,91% 68%,90% 82%,76% 83%,70% 95%,58% 91%,50% 100%,42% 91%,30% 95%,24% 83%,10% 82%,9% 68%,0 50%,9% 32%,10% 18%,24% 17%,30% 5%,42% 9%);background:repeating-conic-gradient(#a66f3747 0deg 4deg,#0000 4deg 12deg),radial-gradient(circle,#f8dfba 0 46%,#f1c98f 47% 49%,#fbe8c7 50% 100%);border-radius:50%;position:absolute;inset:14%}.detail-cycle-card{background:#fff8ec;border-radius:12px;place-items:center;width:74px;height:96px;font-size:48px;font-weight:900;display:grid;position:absolute;top:17%;left:50%;transform:translate(-50%);box-shadow:0 16px 36px #5b341b29}.detail-cycle-calendar{transform-origin:top;background:repeating-linear-gradient(90deg,#1d1d1f1f 0 1px,#0000 1px 22px),repeating-linear-gradient(0deg,#1d1d1f1f 0 1px,#0000 1px 22px),#fff;border-radius:0 0 28px 28px;height:22%;position:absolute;bottom:23%;left:35%;right:35%}.detail-media-glow{background:radial-gradient(circle,#ddc0ffb8,#0000 62%);border-radius:50%;position:absolute;inset:16%}.detail-media-panel{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#ffffff1f;border:1px solid #ffffff4d;border-radius:8px;position:absolute;inset:24% 18%}@media (max-width:820px){.detail-story-rail,.detail-story-hud{display:none}.detail-story-panel{align-items:start;padding-top:86px}.detail-story-panel:nth-child(2n) .detail-story-copy{margin-left:0}.detail-story-copy{max-width:72vw;top:86px}.detail-story-copy h1{font-size:clamp(34px,10vw,52px)}.detail-story-copy span{font-size:15px}.detail-visual{width:min(112vw,520px);transform:translateY(14vh)}}