:root{color-scheme:dark;--font-sans: -apple-system, BlinkMacSystemFont, "SF Pro Display", "SF Pro Text", "Helvetica Neue", system-ui, sans-serif;--font-mono: "SF Mono", ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px);--safe-left: env(safe-area-inset-left, 0px);--safe-right: env(safe-area-inset-right, 0px)}*,*:before,*:after{box-sizing:border-box}html{margin:0;padding:0;min-height:100%;background-color:#060916}body{position:relative;margin:0;padding:0;min-height:100vh;font-family:var(--font-sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#f5f7ff;background-color:#060916;background-image:radial-gradient(circle at 16% 14%,#2486ff7a,#2486ff00 52%),radial-gradient(circle at 84% 22%,#ec3eb86b,#ec3eb800 50%),radial-gradient(circle at 50% 54%,#00d4ff57,#00d4ff00 58%),radial-gradient(circle at 22% 84%,#ff8a2b61,#ff8a2b00 52%),linear-gradient(160deg,#050814,#0d1530 48%,#090d20);overscroll-behavior-y:none;overflow-x:hidden}body[data-scene=solar]{background-color:#160818;background-image:radial-gradient(circle at 20% 18%,#ff5e628f,#ff5e6200 54%),radial-gradient(circle at 82% 24%,#ffb8307a,#ffb83000 52%),radial-gradient(circle at 50% 62%,#d634ff5c,#d634ff00 58%),linear-gradient(155deg,#19071a,#2a102f 48%,#120924)}body[data-scene=prism]{background-color:#051319;background-image:radial-gradient(circle at 18% 20%,#00f5d475,#00f5d400 52%),radial-gradient(circle at 82% 20%,#7b2cbf85,#7b2cbf00 52%),radial-gradient(circle at 52% 72%,#ff007f61,#ff007f00 56%),linear-gradient(165deg,#041118,#0d2232,#0a1022)}.backdrop-canvas{position:absolute;inset:0;z-index:0;pointer-events:none;overflow:hidden}.bg-wallpaper-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;opacity:.72}body[data-scene=solar] .bg-wallpaper-img{opacity:.45}body[data-scene=prism] .bg-wallpaper-img{opacity:.6}.bg-orb{position:absolute;border-radius:9999px;pointer-events:none}.bg-orb-cyan{width:540px;height:540px;left:-120px;top:40px;background-image:radial-gradient(circle at 50% 50%,#00e1ff85,#00a2ff3d 42%,#00a2ff00 72%)}.bg-orb-magenta{width:580px;height:580px;right:-140px;top:120px;background-image:radial-gradient(circle at 50% 50%,#ff38bc7a,#c424ff38 44%,#c424ff00 72%)}.bg-orb-amber{width:500px;height:500px;left:12%;top:44%;background-image:radial-gradient(circle at 50% 50%,#ffa6246b,#ff5c382e 44%,#ff5c3800 72%)}.bg-orb-violet{width:620px;height:620px;right:5%;bottom:4%;background-image:radial-gradient(circle at 50% 50%,#7442ff75,#3882ff38 45%,#3882ff00 72%)}.bg-orb-emerald{width:460px;height:460px;left:-80px;bottom:10%;background-image:radial-gradient(circle at 50% 50%,#10ebb45c,#10b4eb26 45%,#10b4eb00 72%)}.showcase-page{position:relative;z-index:1;max-width:980px;margin:0 auto;padding:calc(16px + var(--safe-top)) calc(16px + var(--safe-right)) calc(126px + var(--safe-bottom)) calc(16px + var(--safe-left));display:flex;flex-direction:column;gap:26px}.top-bar{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px;padding:4px 2px}.status-cluster{display:inline-flex;align-items:center;gap:8px;padding:6px 13px;border-radius:999px;background-color:#0d1428a8;border:1px solid rgba(255,255,255,.16);font-size:12px;font-weight:600;letter-spacing:.02em;color:#dbe7ff}.status-dot{width:8px;height:8px;border-radius:999px;background-color:#32d74b}.status-dot.is-fallback{background-color:#ffd60a}.light-readout{display:inline-flex;align-items:center;gap:8px;padding:6px 13px;border-radius:999px;background-color:#0d1428a8;border:1px solid rgba(255,255,255,.16);font-family:var(--font-mono);font-size:12px;font-weight:600;color:#a8d8ff}.compass-dial{display:inline-block;font-size:14px;line-height:1;transition:transform 80ms linear}.glass-panel,.glass-pill-btn,.draggable-glass-lens,.morph-glass-surface,.cc-icon-btn,.cc-slider-thumb{position:relative;overflow:visible;background-color:transparent}[data-liquid-glass=fallback]{backdrop-filter:blur(26px) saturate(185%);-webkit-backdrop-filter:blur(26px) saturate(185%);background-color:#181e348f;border:1px solid rgba(255,255,255,.28);box-shadow:inset 0 1px #ffffff6b,0 18px 42px -12px #00000073}#draggable-lens[data-liquid-glass=fallback]{backdrop-filter:blur(10px) saturate(210%) brightness(1.12);-webkit-backdrop-filter:blur(10px) saturate(210%) brightness(1.12);background-color:#ffffff1f;border:1.5px solid rgba(255,255,255,.55)}.glass-panel{border-radius:32px;box-shadow:0 24px 54px -14px #02061494,0 6px 18px -4px #02061459}.intro-section{position:relative;z-index:10}.intro-panel{padding:26px 26px 24px;border-radius:32px}.intro-eyebrow{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin-bottom:10px}.eyebrow-pill{display:inline-block;padding:4px 11px;border-radius:999px;background-color:#58b0ff38;border:1px solid rgba(140,210,255,.38);font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#9ee0ff}.eyebrow-meta{font-size:12px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:#ebf2ffb8}.intro-title{margin:0 0 8px;font-size:clamp(32px,6vw,48px);font-weight:800;letter-spacing:-.03em;line-height:1.06;color:#fff;text-shadow:0 2px 16px rgba(0,0,0,.28)}.intro-subtitle{margin:0 0 20px;max-width:68ch;font-size:clamp(15px,2.2vw,17px);line-height:1.48;font-weight:500;color:#f0f5ffeb}.intro-actions-row{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:14px}.motion-cta-btn{display:inline-flex;align-items:center;gap:12px;padding:11px 18px;border-radius:999px;cursor:pointer;user-select:none;-webkit-user-select:none;touch-action:manipulation;box-shadow:0 12px 28px -8px #00000073;transition:transform .18s cubic-bezier(.22,1,.36,1)}.motion-cta-btn:active{transform:scale(.96)}.motion-cta-btn.is-enabled .motion-icon{color:#32d74b}.motion-icon{font-size:20px;line-height:1;color:#66d4ff}.motion-btn-copy{display:flex;flex-direction:column;gap:1px}.motion-btn-title{font-size:14px;font-weight:700;color:#fff;line-height:1.2}.motion-btn-sub{font-size:11.5px;font-weight:500;color:#e2ecffc7;line-height:1.2}.scene-switcher{display:inline-flex;align-items:center;gap:6px;padding:5px;border-radius:999px;background-color:#0a0f207a;border:1px solid rgba(255,255,255,.14)}.scene-chip{padding:7px 13px;border-radius:999px;font-size:12px;font-weight:600;color:#e6eeffc7;cursor:pointer;user-select:none;-webkit-user-select:none;transition:background-color .16s ease,color .16s ease}.scene-chip.is-active{background-color:#ffffff38;color:#fff}.lens-playground-section{position:relative;z-index:15;display:flex;flex-direction:column;gap:12px}.refraction-specimen-stage{position:relative;border-radius:34px;padding:24px 22px 26px;background-color:#0b11249e;background-image:radial-gradient(circle at 18% 25%,#00d2ff57,#00d2ff00 55%),radial-gradient(circle at 82% 75%,#ff38a857,#ff38a800 55%),linear-gradient(145deg,#101a38d9,#090e20d9);border:1px solid rgba(255,255,255,.16);overflow:visible;min-height:350px;display:flex;flex-direction:column;justify-content:space-between;gap:18px}.spectrum-ribbon{display:grid;grid-template-columns:repeat(6,1fr);gap:8px;height:18px}.spectrum-bar{border-radius:999px;height:100%}.bar-coral{background-color:#ff4d6d}.bar-amber{background-color:#ffb703}.bar-lime{background-color:#38e54d}.bar-cyan{background-color:#00e5ff}.bar-indigo{background-color:#5e60ce}.bar-magenta{background-color:#f72585}.specimen-typography{display:flex;flex-direction:column;align-items:center;text-align:center;gap:12px;padding:6px 0}.specimen-kicker{font-size:11px;font-weight:700;letter-spacing:.18em;color:#8ce9ff}.specimen-giant-word{font-size:clamp(48px,12vw,96px);font-weight:900;letter-spacing:.04em;line-height:.95;color:#fff}.specimen-giant-sub{font-size:clamp(16px,3.6vw,24px);font-weight:800;letter-spacing:.14em;color:#ffd166}.specimen-grid-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;width:100%;max-width:640px}.specimen-stat-card{padding:14px 16px;border-radius:22px;display:flex;flex-direction:column;align-items:flex-start;text-align:left;gap:4px;border:1px solid rgba(255,255,255,.22)}.card-gradient-sunset{background-image:linear-gradient(135deg,#ff4b72,#ff9a3c)}.card-gradient-ocean{background-image:linear-gradient(135deg,#07f,#00d4ff)}.stat-num{font-size:clamp(24px,4.5vw,34px);font-weight:900;letter-spacing:-.02em;color:#fff;line-height:1}.stat-caption{font-size:12px;font-weight:700;color:#ffffffeb}.specimen-photo-strip{position:relative;height:92px;border-radius:22px;overflow:hidden;border:1px solid rgba(255,255,255,.22)}.specimen-inline-img{width:100%;height:100%;object-fit:cover;display:block}.specimen-photo-overlay-text{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:clamp(13px,2.5vw,18px);font-weight:800;letter-spacing:.14em;color:#fff;text-shadow:0 2px 10px rgba(0,0,0,.65)}.draggable-glass-lens{position:absolute;left:50%;top:50%;width:148px;height:148px;margin-left:-74px;margin-top:-74px;border-radius:999px;z-index:35;cursor:grab;touch-action:none;user-select:none;-webkit-user-select:none;will-change:transform;box-shadow:0 24px 52px -10px #0000008f,0 6px 18px #00000057}.draggable-glass-lens.is-dragging{cursor:grabbing}.lens-inner-hud{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:space-between;padding:16px 12px 14px;pointer-events:none;transition:opacity .18s ease}.draggable-glass-lens.is-dragging .lens-inner-hud{opacity:.24}.lens-crosshair{margin-top:38px;font-size:16px;font-weight:400;color:#ffffff6b;line-height:1}.lens-badge{padding:3px 9px;border-radius:999px;background-color:#080d1c75;font-size:9.5px;font-weight:800;letter-spacing:.12em;color:#ffffffe6}.lens-helper-bar{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px;padding:0 6px;font-size:13px;color:#e2ecffd1}.helper-action-chip{padding:6px 14px;border-radius:999px;background-color:#ffffff24;border:1px solid rgba(255,255,255,.22);font-size:12px;font-weight:700;color:#fff;cursor:pointer;user-select:none;-webkit-user-select:none}.helper-action-chip:active{transform:scale(.96)}.interactive-grid-section{position:relative;z-index:12;padding-top:8px}.underlay-poster{position:absolute;inset:0;z-index:0;border-radius:36px;padding:24px;background-image:radial-gradient(circle at 20% 20%,#ff2a8573,#ff2a8500 55%),radial-gradient(circle at 82% 25%,#00e5ff73,#00e5ff00 55%),radial-gradient(circle at 75% 82%,#ffb7036b,#ffb70300 55%),linear-gradient(135deg,#221254e0,#0c2e5ce0,#44104ae0);border:1px solid rgba(255,255,255,.16);display:flex;flex-direction:column;justify-content:space-between;pointer-events:none;overflow:hidden}.poster-stripe{font-size:clamp(22px,4.2vw,38px);font-weight:900;letter-spacing:.08em;color:#ffffff57;white-space:nowrap}.poster-color-blocks{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:auto 0}.p-block{height:220px;border-radius:24px;display:flex;align-items:center;justify-content:center;font-size:clamp(20px,3.2vw,30px);font-weight:900;letter-spacing:.06em;color:#ffffffeb}.p-pink{background-image:linear-gradient(145deg,#ff2a85,#ff754b)}.p-gold{background-image:linear-gradient(145deg,#ff9e00,#ffe600);color:#1c1404}.p-teal{background-image:linear-gradient(145deg,#00b4d8,#06d6a0)}.p-purple{background-image:linear-gradient(145deg,#7209b7,#4361ee)}.cards-columns{position:relative;z-index:2;display:grid;grid-template-columns:repeat(auto-fit,minmax(310px,1fr));gap:24px;padding:18px;align-items:start}.cc-card{padding:24px;border-radius:34px;display:flex;flex-direction:column;gap:18px}.cc-header{display:flex;align-items:center;justify-content:space-between;gap:12px}.cc-eyebrow{font-size:10.5px;font-weight:800;letter-spacing:.14em;color:#8ce9ff;margin-bottom:3px}.cc-title{margin:0;font-size:22px;font-weight:800;letter-spacing:-.02em;color:#fff}.cc-live-pill{padding:5px 11px;border-radius:999px;background-color:#32d74b38;border:1px solid rgba(50,215,75,.45);font-size:11px;font-weight:700;color:#79ff92}.cc-module-row{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:14px 16px;border-radius:22px;background-color:#0a0f2057;border:1px solid rgba(255,255,255,.14)}.cc-row-info{display:flex;flex-direction:column;gap:2px}.cc-row-title{font-size:14.5px;font-weight:700;color:#fff}.cc-row-sub{font-size:12px;color:#e2ecffc2}.cc-switch-wrap{padding:8px 6px;overflow:visible;display:flex;align-items:center;justify-content:center}#cc-switch{width:84px;height:28px;overflow:visible}.cc-module-box{padding:15px 16px 18px;border-radius:22px;background-color:#0a0f2057;border:1px solid rgba(255,255,255,.14);display:flex;flex-direction:column;gap:12px}.cc-slider-header{display:flex;align-items:center;justify-content:space-between;font-size:13.5px;font-weight:700;color:#fff}.cc-slider-label{display:inline-flex;align-items:center;gap:7px}.cc-slider-icon{color:#ffd166;font-size:16px}.cc-slider-value{font-family:var(--font-mono);font-size:13px;color:#9ee0ff}.cc-slider-track{position:relative;height:36px;border-radius:999px;background-color:#ffffff24;border:1px solid rgba(255,255,255,.2);cursor:pointer;touch-action:none;user-select:none;-webkit-user-select:none;overflow:visible}.cc-slider-fill{position:absolute;left:0;top:0;bottom:0;width:86%;border-radius:999px;background-image:linear-gradient(90deg,#38bdf8b8,#f472b6d1 55%,#facc15e0);pointer-events:none}.cc-slider-thumb{position:absolute;top:50%;left:86%;width:50px;height:32px;margin-left:-25px;margin-top:-16px;border-radius:999px;z-index:4;display:flex;align-items:center;justify-content:center;box-shadow:0 8px 20px #0000006b,0 2px 6px #00000040;transition:transform .14s cubic-bezier(.22,1,.36,1);pointer-events:none}.cc-slider-track.is-Adjusting .cc-slider-thumb{transform:scale(1.22,1.16)}.thumb-grip{width:14px;height:3px;border-radius:999px;background-color:#ffffffb8}.cc-toggles-label{font-size:10.5px;font-weight:800;letter-spacing:.12em;color:#e2ecffb8;margin-bottom:-6px}.cc-icon-grid{position:relative;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.cc-icon-btn{padding:14px;border-radius:22px;display:flex;flex-direction:column;align-items:flex-start;gap:4px;cursor:pointer;user-select:none;-webkit-user-select:none;touch-action:manipulation;box-shadow:0 10px 24px -8px #0006;transition:transform .16s cubic-bezier(.22,1,.36,1)}.cc-icon-btn:active,.cc-icon-btn.is-pressing{transform:scale(.95)}.cc-btn-glyph{width:32px;height:32px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;background-color:#ffffff24;font-size:16px;color:#ffffffe0;margin-bottom:2px}.cc-icon-btn.is-active .cc-btn-glyph{background-color:#38bdf85c;color:#fff}.cc-btn-name{font-size:13.5px;font-weight:700;color:#fff}.cc-btn-state{font-size:11.5px;font-weight:600;color:#c8e0ffc7}.cc-icon-btn.is-active .cc-btn-state{color:#8ce9ff}.morph-showcase-col{display:flex;flex-direction:column}.morph-stage-card{position:relative;min-height:454px;border-radius:34px;padding:24px;background-color:#0b102470;border:1px solid rgba(255,255,255,.14);display:flex;flex-direction:column;justify-content:space-between;gap:20px}.morph-backdrop-art{display:flex;flex-direction:column;gap:8px}.morph-art-badge{font-size:10.5px;font-weight:800;letter-spacing:.14em;color:#ffd166}.morph-art-heading{font-size:clamp(22px,4vw,28px);font-weight:900;letter-spacing:-.01em;color:#fff}.morph-art-copy{font-size:13.5px;line-height:1.5;color:#ebf2ffd9}.morph-anchor-zone{position:relative;display:flex;align-items:center;justify-content:center;min-height:432px}.morph-glass-surface{width:236px;height:56px;border-radius:28px;z-index:25;box-shadow:0 24px 52px -12px #00000094,0 6px 18px #00000059;display:flex;flex-direction:column;justify-content:center;user-select:none;-webkit-user-select:none}.morph-glass-surface.is-collapsed{cursor:pointer}.morph-compact-content{display:flex;align-items:center;justify-content:center;gap:10px;padding:0 20px;height:100%;white-space:nowrap;overflow:hidden;transition:opacity .15s ease}.morph-glass-surface.is-expanded .morph-compact-content{display:none;opacity:0;pointer-events:none}.morph-pill-sparkle{font-size:17px;color:#7df9ff}.morph-pill-label{font-size:15px;font-weight:700;color:#fff}.morph-pill-arrow{font-size:14px;color:#ffffffb8}.morph-expanded-content{display:none;flex-direction:column;justify-content:space-between;width:100%;height:100%;padding:18px 20px;overflow:hidden;opacity:0;transition:opacity .18s ease}.morph-glass-surface.is-expanded .morph-expanded-content{display:flex;opacity:1}.morph-sheet-top{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.morph-sheet-eyebrow{font-size:10px;font-weight:800;letter-spacing:.14em;color:#8ce9ff}.morph-sheet-title{margin:2px 0 0;font-size:19px;font-weight:800;color:#fff}.morph-close-btn{width:32px;height:32px;border-radius:999px;background-color:#ffffff29;border:1px solid rgba(255,255,255,.24);display:inline-flex;align-items:center;justify-content:center;font-size:14px;font-weight:700;color:#fff;cursor:pointer;flex-shrink:0}.morph-close-btn:active{transform:scale(.92)}.morph-sheet-desc{margin:6px 0 10px;font-size:12.5px;line-height:1.4;color:#e8f0ffd6}.morph-preset-list{display:flex;flex-direction:column;gap:7px}.morph-preset-item{display:flex;align-items:center;gap:10px;padding:7px 11px;border-radius:15px;background-color:#0a0f2057;border:1px solid rgba(255,255,255,.12);cursor:pointer;transition:background-color .14s ease,border-color .14s ease}.morph-preset-item.is-selected{background-color:#38bdf83d;border-color:#7df9ff8c}.preset-dot{width:12px;height:12px;border-radius:999px;flex-shrink:0}.dot-ios{background-color:#38bdf8}.dot-tahoe{background-color:#a855f7}.dot-prism{background-color:#f43f5e}.dot-dew{background-color:#34d399}.preset-text{display:flex;flex-direction:column;gap:1px}.preset-name{font-size:13px;font-weight:700;color:#fff}.preset-specs{font-size:11px;font-family:var(--font-mono);color:#d2e2ffc7}.morph-sheet-footer{margin-top:8px;padding-top:8px;border-top:1px solid rgba(255,255,255,.14);font-family:var(--font-mono);font-size:11px;color:#9ee0ff;text-align:center}.showcase-footer{padding:8px 0 28px}.footer-specimen-banner{padding:20px;border-radius:26px;background-image:linear-gradient(90deg,#ff40816b,#00d4ff6b,#7c4dff6b);border:1px solid rgba(255,255,255,.18);text-align:center;font-size:clamp(13px,2.4vw,17px);font-weight:800;letter-spacing:.14em;color:#fff}.bottom-nav-dock{position:fixed;left:0;right:0;bottom:calc(14px + var(--safe-bottom));z-index:50;display:flex;justify-content:center;pointer-events:none;padding:0 14px}.bottom-navbar-host{width:min(376px,calc(100vw - 28px));height:64px;pointer-events:auto;overflow:visible;border-radius:999px;box-shadow:0 20px 46px -10px #0000009e,0 4px 16px #0000005c}@media (max-width: 640px){.intro-panel{padding:20px 18px}.cards-columns{padding:12px;gap:18px}.cc-card{padding:18px}.draggable-glass-lens{width:136px;height:136px;margin-left:-68px;margin-top:-68px}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}@media (prefers-reduced-transparency: reduce){[data-liquid-glass=fallback]{background-color:#121626f0;backdrop-filter:none;-webkit-backdrop-filter:none}}