:root{--valion-bg-primary:#07070b;--valion-bg-secondary:#0d0c14;--valion-surface:#12101e;--valion-surface-hover:#181528;--valion-surface-elevated:#12101ed9;--valion-text-primary:#f7f7f4;--valion-text-muted:#a3a3ac;--valion-text-subtle:#686777;--valion-lavender:#9d8cff;--valion-lavender-glow:#9d8cff40;--valion-blue:#7eb8ff;--valion-blue-glow:#7eb8ff38;--valion-mint:#6be5c3;--valion-mint-glow:#6be5c340;--valion-pink:#ff8eb6;--valion-pink-glow:#ff8eb640;--valion-violet:#31236f;--valion-peach:#f5d2bb;--valion-grid-line:#ffffff0e;--valion-border-tech:#ffffff1f;--valion-border-subtle:#ffffff0f;--flow-bg-base:#f7f6fc;--flow-surface-cream:#faf8f5;--flow-surface-glass:#ffffffd1;--flow-surface-border:#1f176f14;--flow-lavender-soft:#e4dffc;--flow-pink-soft:#fce4ec;--flow-mint-soft:#ddf6ee;--flow-blue-soft:#e1efff;--flow-text-charcoal:#181725;--flow-text-muted:#686777;--font-display:"Outfit", "Inter", -apple-system, sans-serif;--font-body:"Inter", -apple-system, sans-serif;--font-mono:"JetBrains Mono", "SF Mono", monospace;--ease-valion:cubic-bezier(.16, 1, .3, 1);--ease-spring:cubic-bezier(.34, 1.56, .64, 1);--ease-smooth:cubic-bezier(.4, 0, .2, 1);--shadow-low:0 4px 16px #00000059;--shadow-mid:0 12px 36px #0000008c;--shadow-high:0 24px 60px #000000bf;--shadow-flow:0 16px 40px #31236f14}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body{background-color:var(--valion-bg-primary);width:100%;min-height:100%;color:var(--valion-text-primary);font-family:var(--font-body);text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px;line-height:1.6;position:relative;overflow-x:hidden}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--valion-bg-primary)}::-webkit-scrollbar-thumb{background:var(--valion-surface);border:1px solid var(--valion-border-tech);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--valion-lavender)}.spatial-canvas-wrapper{z-index:1;pointer-events:none;width:100vw;height:100vh;position:fixed;top:0;left:0}#valion-spatial-viewport{width:100%;height:100%;display:block}.spatial-ambient-vignette{pointer-events:none;background:radial-gradient(circle at 65% 45%,#0000 30%,#07070b99 80%,#07070b 100%);width:100%;height:100%;position:absolute;top:0;left:0}.spatial-grid-overlay{background-size:48px 48px;background-image:linear-gradient(to right, var(--valion-grid-line) 1px, transparent 1px), linear-gradient(to bottom, var(--valion-grid-line) 1px, transparent 1px);pointer-events:none;width:100%;height:100%;position:absolute;top:0;left:0;-webkit-mask-image:radial-gradient(circle at 60%,#0006 0%,#0000 75%);mask-image:radial-gradient(circle at 60%,#0006 0%,#0000 75%)}.first-load-layer{z-index:9999;transition:opacity .8s var(--ease-valion), visibility .8s;background:#000;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.first-load-layer.booted{opacity:0;visibility:hidden;pointer-events:none}.first-load-center{text-align:center;flex-direction:column;align-items:center;display:flex}.fold-canvas-container{width:240px;height:240px;margin-bottom:24px}.boot-telemetry{font-family:var(--font-mono);flex-direction:column;align-items:center;gap:12px;display:flex}.boot-status-line{letter-spacing:.12em;color:var(--valion-lavender);font-size:13px}.boot-progress-bar{background:#ffffff1a;border-radius:1px;width:200px;height:2px;overflow:hidden}.boot-progress-fill{background:linear-gradient(90deg, var(--valion-lavender), var(--valion-mint));width:0%;height:100%;transition:width .3s linear}.boot-sub-metrics{color:var(--valion-text-muted);gap:20px;font-size:11px;display:flex}.transition-mask-layer{z-index:9000;pointer-events:none;opacity:0;transition:opacity .25s;position:fixed;inset:0}.transition-mask-layer.active{opacity:1}#transition-ribbon-canvas{width:100vw;height:100vh}.valion-os-header{z-index:1000;-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--valion-border-tech);width:100%;height:80px;transition:all .3s var(--ease-valion);background:#07070ba6;align-items:center;padding:0 48px;display:flex;position:fixed;top:0;left:0}.valion-os-header.scrolled{background:#07070be0;border-bottom-color:#ffffff26;height:68px}.header-inner{justify-content:space-between;align-items:center;width:100%;max-width:1440px;margin:0 auto;display:flex}.brand-anchor{color:var(--valion-text-primary);align-items:center;gap:12px;text-decoration:none;display:flex}.brand-mark-v{filter:drop-shadow(0 0 12px var(--valion-lavender-glow));transition:transform .4s var(--ease-spring);justify-content:center;align-items:center;display:flex}.brand-anchor:hover .brand-mark-v{transform:scale(1.08)rotate(3deg)}.brand-text-block{flex-direction:column;display:flex}.brand-title{font-family:var(--font-display);letter-spacing:.04em;font-size:17px;font-weight:800;line-height:1.1}.brand-os{color:var(--valion-lavender);margin-left:2px}.brand-sub{font-family:var(--font-mono);letter-spacing:.14em;color:var(--valion-text-muted);font-size:9px}.os-nav-links{border:1px solid var(--valion-border-subtle);background:#12101e66;border-radius:9999px;align-items:center;gap:32px;padding:8px 24px;display:flex}.nav-item{color:var(--valion-text-muted);font-size:14px;font-weight:500;text-decoration:none;transition:color .25s;position:relative}.nav-item:hover,.nav-item.active{color:var(--valion-text-primary)}.nav-item.active:after{content:"";background:var(--valion-lavender);width:4px;height:4px;box-shadow:0 0 8px var(--valion-lavender);border-radius:50%;position:absolute;bottom:-6px;left:50%;transform:translate(-50%)}.header-actions{align-items:center;gap:16px;display:flex}.btn-audio-pill{border:1px solid var(--valion-border-subtle);color:var(--valion-text-muted);font-family:var(--font-mono);letter-spacing:.06em;cursor:pointer;background:#12101e66;border-radius:9999px;align-items:center;gap:8px;padding:8px 14px;font-size:11px;font-weight:600;transition:all .25s;display:flex}.btn-audio-pill:hover{color:var(--valion-text-primary);border-color:var(--valion-lavender)}.btn-audio-pill.active{color:var(--valion-mint);border-color:var(--valion-mint);background:#6be5c31f}.audio-dot{background:var(--valion-text-subtle);border-radius:50%;width:6px;height:6px;transition:background .2s}.btn-audio-pill.active .audio-dot{background:var(--valion-mint);box-shadow:0 0 8px var(--valion-mint)}.btn-tailor-pill{color:var(--valion-text-primary);font-family:var(--font-mono);letter-spacing:.06em;cursor:pointer;transition:all .3s var(--ease-valion);background:linear-gradient(135deg,#9d8cff26,#6be5c31f);border:1px solid #9d8cff59;border-radius:9999px;align-items:center;gap:8px;padding:10px 20px;font-size:12px;font-weight:600;display:flex}.btn-tailor-pill:hover{border-color:var(--valion-lavender);box-shadow:0 4px 20px var(--valion-lavender-glow);background:linear-gradient(135deg,#9d8cff47,#6be5c338);transform:translateY(-1px)}.pill-dot{background:var(--valion-mint);width:6px;height:6px;box-shadow:0 0 8px var(--valion-mint);border-radius:50%;animation:2s ease-in-out infinite pulse-dot}@keyframes pulse-dot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(1.4)}}.mobile-nav-btn{border:1px solid var(--valion-border-tech);cursor:pointer;background:0 0;border-radius:8px;flex-direction:column;justify-content:center;gap:5px;width:40px;height:40px;padding:8px;display:none}.mobile-nav-btn span{background:var(--valion-text-primary);width:100%;height:2px;display:block}.mobile-drawer-overlay{-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);z-index:2000;opacity:0;visibility:hidden;transition:all .35s var(--ease-valion);background:#000000d9;position:fixed;inset:0}.mobile-drawer-overlay.open{opacity:1;visibility:visible}.drawer-inner{background:var(--valion-bg-secondary);border-left:1px solid var(--valion-border-tech);width:320px;height:100%;transition:transform .35s var(--ease-valion);flex-direction:column;padding:32px 24px;display:flex;position:absolute;top:0;right:0;transform:translate(100%)}.mobile-drawer-overlay.open .drawer-inner{transform:translate(0)}.drawer-header{border-bottom:1px solid var(--valion-border-subtle);justify-content:space-between;align-items:center;margin-bottom:32px;padding-bottom:16px;display:flex}.drawer-title{font-family:var(--font-mono);letter-spacing:.1em;color:var(--valion-lavender);font-size:11px}.drawer-close-btn{color:var(--valion-text-primary);cursor:pointer;background:0 0;border:none;font-size:24px}.drawer-links{flex-direction:column;gap:16px;display:flex}.drawer-item{color:var(--valion-text-primary);font-size:16px;font-weight:500;text-decoration:none}.drawer-item.sub{color:var(--valion-text-muted);padding-left:16px;font-size:14px}.hud-layer{z-index:500;pointer-events:none;font-family:var(--font-mono);position:fixed}.hud-left-top{flex-direction:column;gap:8px;display:flex;top:104px;left:48px}.hud-tag{letter-spacing:.08em;color:var(--valion-text-muted);border:1px solid var(--valion-border-subtle);background:#12101e66;border-radius:4px;padding:4px 10px;font-size:11px}.hud-val{color:var(--valion-lavender);font-weight:600}.hud-right-console{pointer-events:auto;flex-direction:column;gap:12px;display:flex;top:50%;right:48px;transform:translateY(-50%)}.console-title{letter-spacing:.16em;color:var(--valion-text-subtle);margin-bottom:4px;font-size:9px}.chapter-step{cursor:pointer;opacity:.45;align-items:center;gap:10px;transition:all .25s;display:flex}.chapter-step:hover{opacity:.85}.chapter-step.active{opacity:1}.chap-num{color:var(--valion-text-muted);font-size:11px}.chapter-step.active .chap-num{color:var(--valion-lavender);font-weight:700}.chap-name{letter-spacing:.08em;color:var(--valion-text-primary);font-size:10px}.hud-bottom-bar{justify-content:space-between;align-items:center;display:flex;bottom:24px;left:48px;right:48px}.hud-bottom-left,.hud-bottom-right{align-items:center;gap:10px;display:flex}.hud-indicator-line{background:var(--valion-lavender);width:24px;height:1px}.hud-caption{letter-spacing:.08em;color:var(--valion-text-muted);font-size:11px}.hud-protocol-badge{letter-spacing:.12em;color:var(--valion-text-subtle);font-size:10px}.hud-status-dot{background:var(--valion-mint);width:6px;height:6px;box-shadow:0 0 6px var(--valion-mint);border-radius:50%}.valion-route-outlet{z-index:10;min-height:100vh;position:relative}.page-wrapper{width:100%;max-width:1440px;margin:0 auto;padding:120px 48px 100px}.homepage-scroll-canvas{width:100%;position:relative}.scroll-section{pointer-events:none;align-items:center;min-height:100vh;padding:80px 0;display:flex}.scroll-section .content-col{pointer-events:auto;z-index:20;max-width:580px;position:relative}.hero-headline{font-family:var(--font-display);letter-spacing:-.04em;color:var(--valion-text-primary);text-transform:uppercase;margin-bottom:24px;font-size:clamp(48px,6.5vw,84px);font-weight:800;line-height:.95}.hero-subhead{color:var(--valion-text-muted);max-width:520px;margin-bottom:36px;font-size:clamp(16px,1.3vw,19px);line-height:1.55}.hero-cta-row{flex-wrap:wrap;align-items:center;gap:18px;display:flex}.btn-primary-valion{color:#07070b;font-family:var(--font-body);letter-spacing:.02em;cursor:pointer;transition:all .3s var(--ease-valion);background:#f7f7f4;border-radius:9999px;justify-content:center;align-items:center;gap:10px;padding:16px 32px;font-size:14px;font-weight:600;text-decoration:none;display:inline-flex;box-shadow:0 4px 24px #fff3}.btn-primary-valion:hover{background:#fff;transform:translateY(-2px);box-shadow:0 8px 32px #ffffff59}.btn-secondary-valion{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:var(--valion-text-primary);border:1px solid var(--valion-border-tech);font-family:var(--font-body);cursor:pointer;transition:all .3s var(--ease-valion);background:#12101e99;border-radius:9999px;justify-content:center;align-items:center;gap:10px;padding:16px 32px;font-size:14px;font-weight:500;text-decoration:none;display:inline-flex}.btn-secondary-valion:hover{border-color:var(--valion-lavender);background:#9d8cff1f;transform:translateY(-2px)}.section-badge{font-family:var(--font-mono);letter-spacing:.12em;color:var(--valion-lavender);background:#9d8cff14;border:1px solid #9d8cff33;border-radius:9999px;align-items:center;gap:8px;margin-bottom:16px;padding:4px 12px;font-size:11px;font-weight:600;display:inline-flex}.section-title{font-family:var(--font-display);letter-spacing:-.03em;margin-bottom:20px;font-size:clamp(36px,4.5vw,54px);font-weight:700;line-height:1.05}.section-desc{color:var(--valion-text-muted);margin-bottom:28px;font-size:17px;line-height:1.6}.telemetry-card{background:var(--valion-surface-elevated);border:1px solid var(--valion-border-tech);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);font-family:var(--font-mono);border-radius:12px;margin-top:24px;padding:24px}.telemetry-header{border-bottom:1px solid var(--valion-border-subtle);justify-content:space-between;align-items:center;margin-bottom:16px;padding-bottom:12px;display:flex}.telemetry-title{letter-spacing:.1em;color:var(--valion-mint);font-size:11px}.telemetry-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.telemetry-item{flex-direction:column;gap:4px;display:flex}.tele-label{color:var(--valion-text-subtle);font-size:10px}.tele-val{color:var(--valion-text-primary);font-size:13px;font-weight:600}.cinematic-showcase-card{background:var(--valion-surface-elevated);border:1px solid var(--valion-border-tech);box-shadow:var(--shadow-mid);transition:transform .4s var(--ease-valion), border-color .3s ease;border-radius:18px;margin-top:24px;position:relative;overflow:hidden}.cinematic-showcase-card:hover{box-shadow:var(--shadow-high);border-color:#9d8cff73;transform:translateY(-4px)}.showcase-img-wrap{background:#07070b;width:100%;height:280px;position:relative;overflow:hidden}.showcase-img{object-fit:cover;width:100%;height:100%;transition:transform .6s var(--ease-valion);display:block}.cinematic-showcase-card:hover .showcase-img{transform:scale(1.04)}.live-laser-beam{pointer-events:none;background:linear-gradient(90deg,#0000,#6be5c3,#fff,#6be5c3,#0000);width:100%;height:3px;animation:3.5s ease-in-out infinite scan-vertical;position:absolute;top:0;left:0;box-shadow:0 0 16px #6be5c3,0 0 32px #6be5c3}@keyframes scan-vertical{0%{opacity:.2;top:0%}50%{opacity:1;top:96%}to{opacity:.2;top:0%}}.scanline-overlay{pointer-events:none;opacity:.35;background:linear-gradient(#12101e00 50%,#0006 50%) 0 0/100% 4px;position:absolute;inset:0}.hotspot-pin{color:#6be5c3;width:32px;height:32px;font-family:var(--font-mono);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);cursor:pointer;transition:transform .2s var(--ease-spring);background:#6be5c340;border:1px solid #6be5c3;border-radius:50%;justify-content:center;align-items:center;font-size:10px;font-weight:700;animation:2s ease-in-out infinite pulse-pin;display:flex;position:absolute;box-shadow:0 0 12px #6be5c366}.hotspot-pin:hover{color:#07070b;background:#6be5c3;transform:scale(1.25)}.pin-cpu{top:40%;left:35%}.pin-ram{top:60%;left:78%}.pin-fb{top:25%;left:45%}@keyframes pulse-pin{0%,to{box-shadow:0 0 8px #6be5c366}50%{box-shadow:0 0 20px #6be5c3cc}}.showcase-footer{border-top:1px solid var(--valion-border-subtle);background:#0d0c14bf;padding:20px 24px}.feature-grid-3{grid-template-columns:repeat(3,1fr);gap:24px;margin-top:48px;display:grid}.feature-grid-2{grid-template-columns:repeat(2,1fr);gap:28px;margin-top:48px;display:grid}.feature-card{background:var(--valion-surface);border:1px solid var(--valion-border-tech);transition:all .3s var(--ease-valion);border-radius:16px;padding:32px}.feature-card:hover{box-shadow:var(--shadow-mid);border-color:#9d8cff66;transform:translateY(-4px)}.card-num{font-family:var(--font-mono);color:var(--valion-lavender);margin-bottom:16px;font-size:12px}.card-title{font-family:var(--font-display);margin-bottom:12px;font-size:22px;font-weight:600}.card-desc{color:var(--valion-text-muted);font-size:15px;line-height:1.6}.atimos-flow-universe{background:var(--flow-bg-base);width:100%;color:var(--flow-text-charcoal);box-shadow:var(--shadow-flow);border:1px solid var(--flow-surface-border);border-radius:24px;margin-top:60px;padding:32px;transition:all .5s;position:relative;overflow:hidden}.atimos-flow-universe.theme-dark{color:#f7f7f4;background:#110f1d;border-color:#ffffff1a}.desktop-canvas{background:linear-gradient(135deg,#e4dffc66,#fce4ec4d,#ddf6ee66);border-radius:16px;min-height:600px;padding:20px;position:relative;overflow:hidden}.desktop-top-bar{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#ffffffa6;border:1px solid #ffffff80;border-radius:12px;justify-content:space-between;align-items:center;margin-bottom:24px;padding:10px 18px;display:flex}.flow-search-pill{color:var(--flow-text-muted);background:#ffffffd9;border:1px solid #1f176f1a;border-radius:9999px;align-items:center;gap:10px;width:280px;padding:6px 16px;font-size:13px;display:flex}.top-bar-right{align-items:center;gap:16px;font-size:12px;font-weight:500;display:flex}.theme-toggle-btn{cursor:pointer;color:inherit;background:0 0;border:1px solid #1f176f26;border-radius:6px;padding:4px 10px;font-size:11px}.flow-window{-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);z-index:10;background:#faf8f5eb;border:1px solid #fffc;border-radius:16px;transition:box-shadow .2s,transform .2s;position:absolute;overflow:hidden;box-shadow:0 16px 40px #31236f1f}.flow-window.focused{z-index:20;box-shadow:0 20px 50px #31236f2e}.flow-window-header{cursor:grab;background:#f0eef899;border-bottom:1px solid #1f176f0f;justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.flow-window-controls .win-dot{cursor:pointer;transition:transform .15s}.flow-window-controls .win-dot:hover{transform:scale(1.2)}.live-pill{font-family:var(--font-mono);color:var(--valion-mint);background:#6be5c326;border-radius:4px;padding:2px 6px;font-size:9px;font-weight:700}.os-menu-trigger{cursor:pointer;align-items:center;gap:8px;transition:opacity .2s;display:flex}.os-menu-trigger:hover{opacity:.75}.top-bar-divider{color:#1f176f33;margin:0 4px}.top-bar-pill-btn{cursor:pointer;color:inherit;background:#ffffffbf;border:1px solid #1f176f1f;border-radius:6px;align-items:center;gap:6px;padding:4px 10px;font-size:11px;font-weight:600;transition:all .2s;display:flex}.top-bar-pill-btn:hover{background:#fff;box-shadow:0 2px 8px #1f176f14}.file-item{cursor:pointer;border-radius:10px;flex-direction:column;align-items:center;gap:6px;padding:10px;transition:all .2s;display:flex}.file-item:hover{background:#ffffffa6;box-shadow:0 4px 12px #1f176f0f}.file-icon{width:44px;height:44px;font-family:var(--font-mono);border-radius:10px;justify-content:center;align-items:center;font-size:16px;font-weight:700;display:flex}.file-name{color:var(--flow-text-charcoal);font-size:11px;font-weight:500}.quick-settings-panel{-webkit-backdrop-filter:blur(28px);backdrop-filter:blur(28px);width:260px;box-shadow:var(--shadow-high);z-index:100;animation:slide-down .25s var(--ease-spring);background:#faf8f5f2;border:1px solid #ffffffe6;border-radius:16px;padding:16px;position:absolute;top:60px;right:24px}@keyframes slide-down{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.qs-header{font-family:var(--font-mono);letter-spacing:.08em;color:var(--flow-text-muted);border-bottom:1px solid #1f176f14;justify-content:space-between;align-items:center;margin-bottom:12px;padding-bottom:8px;font-size:10px;display:flex}.qs-close{cursor:pointer;background:0 0;border:none;font-size:18px}.qs-body{flex-direction:column;gap:12px;font-size:12px;display:flex}.qs-row{justify-content:space-between;align-items:center;display:flex}.toggle-switch-btn{cursor:pointer;background:#1f176f14;border:1px solid #1f176f26;border-radius:9999px;padding:3px 10px;font-size:10px;font-weight:700}.spotlight-overlay{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:200;background:#00000073;justify-content:center;align-items:flex-start;padding-top:80px;animation:.2s fade-in;display:flex;position:absolute;inset:0}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.spotlight-modal{-webkit-backdrop-filter:blur(32px);backdrop-filter:blur(32px);background:#faf8f5f5;border:1px solid #fffffff2;border-radius:18px;width:100%;max-width:540px;overflow:hidden;box-shadow:0 24px 60px #31236f40}.spotlight-search-row{border-bottom:1px solid #1f176f14;align-items:center;gap:12px;padding:16px 20px;display:flex}.spotlight-search-row input{font-family:var(--font-body);color:var(--flow-text-charcoal);background:0 0;border:none;outline:none;flex:1;font-size:16px}.esc-badge{font-family:var(--font-mono);background:#1f176f14;border-radius:4px;padding:2px 6px;font-size:10px}.spotlight-results{flex-direction:column;gap:4px;max-height:280px;padding:8px;display:flex;overflow-y:auto}.spot-item{cursor:pointer;border-radius:10px;align-items:center;gap:12px;padding:10px 14px;transition:all .15s;display:flex}.spot-item:hover,.spot-item.active{background:#e4dffc99}.spot-icon{font-size:20px}.spot-info{flex-direction:column;flex:1;display:flex}.spot-info strong{color:var(--flow-text-charcoal);font-size:13px}.spot-info span{color:var(--flow-text-muted);font-size:11px}.spot-tag{font-family:var(--font-mono);color:var(--flow-text-muted);background:#1f176f14;border-radius:4px;padding:2px 6px;font-size:9px}.dock-dot{background:var(--valion-violet);border-radius:50%;width:4px;height:4px;position:absolute;bottom:-4px}.win-dot{border-radius:50%;width:10px;height:10px}.win-dot.red{background:#ff8eb6}.win-dot.yellow{background:#f5d2bb}.win-dot.green{background:#6be5c3}.flow-window-title{font-size:12px;font-weight:600}.flow-window-body{padding:18px}.atimos-dock{-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);z-index:30;background:#ffffffb3;border:1px solid #fffc;border-radius:20px;align-items:center;gap:12px;padding:8px 16px;display:flex;position:absolute;bottom:20px;left:50%;transform:translate(-50%);box-shadow:0 8px 30px #31236f1a}.dock-item{cursor:pointer;width:44px;height:44px;transition:transform .2s var(--ease-spring);background:#fff;border:1px solid #1f176f14;border-radius:12px;justify-content:center;align-items:center;display:flex}.dock-item:hover{transform:scale(1.25)translateY(-6px)}.tailor-modal-overlay{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:5000;opacity:0;visibility:hidden;transition:all .3s var(--ease-valion);background:#000000d1;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.tailor-modal-overlay.open{opacity:1;visibility:visible}.tailor-modal-container{background:var(--valion-surface);border:1px solid var(--valion-border-tech);width:100%;max-width:980px;box-shadow:var(--shadow-high);transition:transform .3s var(--ease-spring);border-radius:20px;overflow:hidden;transform:scale(.96)}.tailor-modal-overlay.open .tailor-modal-container{transform:scale(1)}.tailor-modal-header{border-bottom:1px solid var(--valion-border-subtle);background:#0d0c1499;justify-content:space-between;align-items:center;padding:24px 32px;display:flex}.modal-badge{font-family:var(--font-mono);letter-spacing:.14em;color:var(--valion-lavender);font-size:10px}.modal-title{font-family:var(--font-display);margin-top:4px;font-size:24px;font-weight:700}.modal-close-btn{color:var(--valion-text-primary);cursor:pointer;background:0 0;border:none;font-size:28px;line-height:1}.tailor-modal-body{grid-template-columns:1.2fr 1fr;gap:32px;padding:32px;display:grid}.form-group{margin-bottom:24px}.form-label{font-family:var(--font-mono);letter-spacing:.1em;color:var(--valion-text-muted);margin-bottom:12px;font-size:11px;display:block}.platform-cards-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.plat-card{text-align:left;border:1px solid var(--valion-border-tech);cursor:pointer;color:var(--valion-text-primary);background:#07070b80;border-radius:10px;flex-direction:column;padding:14px;transition:all .2s;display:flex}.plat-card:hover{border-color:var(--valion-lavender)}.plat-card.active{border-color:var(--valion-lavender);background:#9d8cff1f;box-shadow:0 0 16px #9d8cff26}.plat-badge{font-family:var(--font-mono);color:var(--valion-mint);margin-bottom:4px;font-size:9px}.plat-name{margin-bottom:4px;font-size:13px;font-weight:600}.plat-spec{color:var(--valion-text-muted);font-size:11px}.label-with-val{justify-content:space-between;align-items:center;display:flex}.range-val{font-family:var(--font-mono);color:var(--valion-lavender);font-size:13px;font-weight:700}.range-slider{width:100%;accent-color:var(--valion-lavender);cursor:pointer;margin-top:8px}.caps-checkbox-grid{grid-template-columns:1fr;gap:10px;display:grid}.cap-toggle{color:var(--valion-text-primary);cursor:pointer;align-items:center;gap:10px;font-size:13px;display:flex}.eval-card{background:var(--valion-bg-primary);border:1px solid var(--valion-border-tech);border-radius:12px;flex-direction:column;gap:18px;height:100%;padding:24px;display:flex}.eval-header{justify-content:space-between;align-items:center;display:flex}.eval-tag{font-family:var(--font-mono);color:var(--valion-text-subtle);font-size:10px}.eval-profile{font-family:var(--font-mono);color:var(--valion-mint);font-size:11px;font-weight:700}.eval-details{flex-direction:column;gap:8px;font-size:13px;display:flex}.eval-row{color:var(--valion-text-muted);justify-content:space-between;display:flex}.eval-row strong{color:var(--valion-text-primary)}.eval-manifest-preview{border:1px solid var(--valion-border-subtle);font-family:var(--font-mono);color:var(--valion-mint);background:#000;border-radius:8px;padding:12px;font-size:11px;overflow-x:auto}.btn-synthesize-image{background:linear-gradient(135deg, var(--valion-lavender), var(--valion-blue));color:#07070b;font-family:var(--font-mono);cursor:pointer;border:none;border-radius:9999px;margin-top:auto;padding:14px;font-size:12px;font-weight:700;transition:all .25s}.btn-synthesize-image:hover{box-shadow:0 4px 20px var(--valion-lavender-glow);transform:translateY(-2px)}@media (width<=1200px){.hud-right-console{display:none}}@media (width<=1024px){.valion-os-header{padding:0 24px}.os-nav-links{display:none}.mobile-nav-btn{display:flex}.page-wrapper{padding:100px 24px 80px}.hud-left-top{left:24px}.hud-bottom-bar{left:24px;right:24px}.feature-grid-3,.feature-grid-2,.tailor-modal-body{grid-template-columns:1fr}}@media (width<=640px){.hero-headline{font-size:38px}.hero-cta-row{flex-direction:column;align-items:stretch}.platform-cards-grid{grid-template-columns:1fr}.hud-bottom-center{display:none}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}
