.hero-adventure{align-items:center;min-height:100vh;display:flex;position:relative}.hero-h1-adventure{font-size:var(--font-size-h1)}.hero-grid-bg{opacity:1;pointer-events:none;z-index:1;align-items:center;width:52%;padding:4rem 2.5rem;display:flex;position:absolute;top:0;bottom:0;right:0;-webkit-mask-image:linear-gradient(270deg,#000000d9 0%,#00000080 55%,#0000 100%);mask-image:linear-gradient(270deg,#000000d9 0%,#00000080 55%,#0000 100%)}.hero-grid-bg .booking-grid{grid-template-rows:auto repeat(12,42px);gap:6px;width:100%}.hero-grid-bg .booking-cell{aspect-ratio:unset;height:42px}.hero-grid-bg .booking-grid-header{color:#94899f99;padding-bottom:8px;font-size:.7rem}.booking-grid{grid-template-rows:auto repeat(12,1fr);grid-template-columns:repeat(7,1fr);gap:4px;width:100%;display:grid}.booking-grid-header{font-family:var(--font-mono);letter-spacing:.05em;text-transform:uppercase;color:var(--color-cm-slate-light);text-align:center;padding-bottom:6px;font-size:.65rem;font-weight:600}.booking-cell{transition:background .6s var(--ease-smooth), border-color .6s var(--ease-smooth), box-shadow .6s var(--ease-smooth);aspect-ratio:1.3;background:#c400dd26;border:1px solid #c400dd4d;border-radius:4px;position:relative}.booking-cell[data-state=booked]{background:#04f7ee40;border-color:#04f7ee73;box-shadow:0 0 6px #04f7ee1a}.booking-cell[data-state=signal]{background:#ff49be59;border-color:#ff49be80;box-shadow:0 0 14px #ff49be40}.booking-cell[data-state=pulse]{animation:2.5s ease-in-out infinite cell-pulse}@keyframes cell-pulse{0%,to{box-shadow:none;background:#c400dd1a}50%{background:#c400dd4d;box-shadow:0 0 20px #c400dd33}}.booking-grid-time{display:none}.before-after-wrap{border-radius:var(--radius-card-lg);aspect-ratio:16/10;background:var(--color-cm-ink);position:relative;overflow:hidden}.before-after-layer{grid-template-columns:repeat(7,1fr);align-content:start;gap:5px;padding:2.5rem 1.5rem 1.5rem;display:grid;position:absolute;inset:0}.before-after-layer.layer-before{background:var(--color-cm-ink)}.before-after-layer.layer-after{background:var(--color-cm-ink-light);clip-path:inset(0 100% 0 0)}.schedule-slot{font-family:var(--font-mono);aspect-ratio:1.6;border-radius:5px;justify-content:center;align-items:center;font-size:.6rem;font-weight:600;display:flex}.schedule-slot.empty{color:#c400dd40;background:#c400dd14;border:1px solid #c400dd26}.schedule-slot.filled{color:#04f7eecc;background:#04f7ee33;border:1px solid #04f7ee66}.schedule-slot.partial{color:#ff49be99;background:#ff49be26;border:1px solid #ff49be4d}.ba-divider{background:var(--color-cm-cyan);z-index:10;pointer-events:none;width:2px;position:absolute;top:0;bottom:0;left:0%;box-shadow:0 0 20px #04f7ee66}.ba-label{font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;z-index:11;border-radius:4px;padding:.2rem .6rem;font-size:.6rem;font-weight:700;position:absolute;top:.75rem}.ba-label-before{color:var(--color-cm-slate-light);background:#94899f26;right:1rem}.ba-label-after{color:var(--color-cm-cyan);background:#04f7ee1f;left:1rem}.feature-tour-left{align-self:start;position:sticky;top:30vh}.tour-progress{flex-direction:column;gap:0;display:flex}.tour-step{opacity:.35;transition:all .4s var(--ease-smooth);cursor:default;border-left:3px solid #94899f1f;align-items:flex-start;gap:1rem;padding:1.25rem 1.5rem;display:flex}.tour-step.active{opacity:1;border-left-color:var(--color-cm-cyan);background:#04f7ee0a}.tour-step-number{font-family:var(--font-mono);color:var(--color-cm-slate);width:28px;height:28px;transition:all .4s var(--ease-smooth);border:1px solid #94899f33;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:.7rem;font-weight:700;display:flex}.tour-step.active .tour-step-number{color:var(--color-cm-cyan);background:#04f7ee14;border-color:#04f7ee66;box-shadow:0 0 12px #04f7ee33}.tour-step-body{flex-direction:column;gap:0;min-width:0;display:flex}.tour-step-text{font-family:var(--font-display);color:var(--color-cm-slate);transition:color .4s var(--ease-smooth);font-size:1.05rem;font-weight:600;display:block}.tour-step.active .tour-step-text{color:var(--color-cm-ink)}.tour-step-desc{color:var(--color-cm-slate);opacity:0;max-height:0;transition:max-height .5s var(--ease-smooth), opacity .4s var(--ease-smooth), margin-top .4s var(--ease-smooth);margin-top:.75rem;font-size:.88rem;line-height:1.65;overflow:hidden}.tour-step.active .tour-step-desc{opacity:1;max-height:200px}.tour-scenes{position:relative}.tour-scene{opacity:0;visibility:hidden;transition:opacity .5s var(--ease-smooth), visibility .5s;pointer-events:none;position:absolute;top:0;left:0;right:0}.tour-scene.active{opacity:1;visibility:visible;pointer-events:auto;position:relative}.scene-mockup{background:var(--color-cm-ink-light);border-radius:var(--radius-card);border:1px solid #ffffff14;padding:1.5rem;overflow:hidden}.scene-mockup-header{border-bottom:1px solid #ffffff0f;align-items:center;gap:.5rem;margin-bottom:1rem;padding-bottom:1rem;display:flex}.scene-mockup-dot{border-radius:50%;width:8px;height:8px}.scene-mockup-bar{border-radius:3px;flex:1;height:6px}.mock-form-field{border-radius:var(--radius-sm);background:#ffffff08;border:1px solid #ffffff14;justify-content:space-between;align-items:center;margin-bottom:.75rem;padding:.75rem 1rem;display:flex}.mock-form-label{font-family:var(--font-mono);color:var(--color-cm-slate);text-transform:uppercase;letter-spacing:.05em;font-size:.7rem}.mock-form-value{font-family:var(--font-sans);color:#fff;font-size:.85rem;font-weight:500}.mock-calendar{grid-template-columns:repeat(7,1fr);gap:3px;display:grid}.mock-calendar-cell{aspect-ratio:1;font-family:var(--font-mono);color:#fff6;border-radius:4px;justify-content:center;align-items:center;font-size:.6rem;display:flex}.mock-calendar-cell.heat-low{background:#c400dd26}.mock-calendar-cell.heat-mid{background:#ff49be33}.mock-calendar-cell.heat-high{background:#04f7ee40}.mock-calendar-cell.heat-peak{color:#04f7eee6;background:#04f7ee66}.system-diagram{width:100%;max-width:700px;margin:0 auto 1rem}.system-diagram svg{width:100%;height:auto}.diagram-node{opacity:0}.diagram-path{stroke-dasharray:8 4;stroke-dashoffset:0;opacity:.2}.diagram-signal{opacity:0}.diagram-label{font-family:var(--font-display);fill:#fff;text-anchor:middle;font-size:16px;font-weight:700}.diagram-sublabel{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;fill:var(--color-cm-slate-light);text-anchor:middle;font-size:11px;font-weight:600}.diagram-descriptions{grid-template-columns:repeat(3,1fr);gap:1.5rem;margin-top:3.5rem;display:grid}.diagram-desc-card{border-radius:var(--radius-card);transition:border-color .4s var(--ease-smooth), background .4s var(--ease-smooth);background:#ffffff08;border:1px solid #ffffff14;flex-direction:column;padding:2.25rem 2rem;display:flex;position:relative;overflow:hidden}.diagram-desc-card:hover{background:#ffffff0d;border-color:#ffffff2e}.diagram-desc-accent{height:3px;position:absolute;top:0;left:0;right:0}.diagram-desc-heading{font-family:var(--font-display);color:#fff;letter-spacing:-.01em;margin-bottom:.35rem;font-size:1.5rem;font-weight:800}.diagram-desc-prefix{font-weight:800}.diagram-desc-subtitle{font-family:var(--font-display);color:var(--color-cm-slate-light);margin-bottom:1.25rem;font-size:1rem;font-weight:600}.diagram-desc-text{color:var(--color-cm-slate);font-size:.88rem;line-height:1.7}.occupancy-heatmap{grid-template-rows:auto repeat(4,1fr);grid-template-columns:auto repeat(7,1fr);gap:6px;max-width:560px;margin:0 auto 3rem;display:grid}.heatmap-header{font-family:var(--font-mono);letter-spacing:.05em;text-transform:uppercase;color:var(--color-cm-slate);text-align:center;padding:0 .25rem .5rem;font-size:.65rem;font-weight:600}.heatmap-row-label{font-family:var(--font-mono);color:var(--color-cm-slate);white-space:nowrap;align-items:center;padding-right:.75rem;font-size:.6rem;display:flex}.heatmap-cell{aspect-ratio:1.4;transition:background .8s var(--ease-smooth), border-color .8s var(--ease-smooth), box-shadow .8s var(--ease-smooth);background:#f3ecf5;border:1px solid #e6d8ea;border-radius:6px}.heatmap-cell[data-heat="1"]{background:#d4a0e0;border-color:#be80d2}.heatmap-cell[data-heat="2"]{background:#ee88c4;border-color:#e460aa}.heatmap-cell[data-heat="3"]{background:#8cf5f0;border-color:#5aeee8}.heatmap-cell[data-heat="4"]{background:#3aeee7;border-color:#10e0d9;box-shadow:0 0 14px #04f7ee4d}.schedule-card{border-radius:var(--radius-card);transition:border-color .4s var(--ease-smooth);background:#ffffff08;border:1px solid #ffffff0f;padding:2rem;position:relative;overflow:hidden}.schedule-card:before{content:"";background:var(--color-cm-cyan);transform-origin:top;width:3px;transition:transform .8s var(--ease-cinematic);position:absolute;top:0;bottom:0;left:0;transform:scaleY(0)}.schedule-card.revealed:before{transform:scaleY(1)}.schedule-card:hover{border-color:#04f7ee26}.schedule-card-time{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--color-cm-cyan);opacity:.7;margin-bottom:1rem;font-size:.65rem;font-weight:600;display:block}.platform-browser{background:var(--color-cm-ink-light);border-radius:var(--radius-card-lg);border:1px solid #ffffff14;overflow:hidden}.platform-browser-bar{background:#0000004d;border-bottom:1px solid #ffffff0f;align-items:center;gap:6px;padding:.75rem 1rem;display:flex}.platform-browser-dot{background:#ffffff26;border-radius:50%;width:8px;height:8px}.platform-browser-url{height:24px;font-family:var(--font-mono);color:var(--color-cm-slate);background:#ffffff0a;border-radius:4px;flex:1;align-items:center;margin-left:8px;padding:0 10px;font-size:.65rem;display:flex}.platform-browser-content{grid-template-columns:repeat(3,1fr);gap:1rem;padding:1.5rem;display:grid}.satellite-panel{border-radius:var(--radius-sm);transition:border-color .4s var(--ease-smooth), background .4s var(--ease-smooth);cursor:default;background:#ffffff08;border:1px solid #ffffff0f;flex-direction:column;padding:1.25rem;display:flex}.satellite-panel:hover{background:#04f7ee08;border-color:#04f7ee33}.satellite-panel-title{font-family:var(--font-display);color:var(--color-cm-slate-light);margin-bottom:.5rem;font-size:.75rem;font-weight:600}.satellite-panel-metric{font-family:var(--font-mono);color:var(--color-cm-cyan);font-size:1.5rem;font-weight:700;line-height:1;display:block}.satellite-panel-label{font-family:var(--font-mono);color:var(--color-cm-slate);text-transform:uppercase;letter-spacing:.05em;margin-top:.35rem;font-size:.5rem;display:block}.satellite-bar{background:#ffffff0f;border-radius:2px;height:4px;margin-top:auto;padding-top:.75rem;overflow:visible}.satellite-bar-fill{background:var(--color-cm-cyan);width:0%;height:4px;transition:width 1.2s var(--ease-cinematic);border-radius:2px}@media (width<=1024px){.hero-grid-bg{opacity:.2;width:70%}.feature-tour-left{position:static}.tour-progress{flex-flow:wrap;gap:0}.tour-step{border-bottom:3px solid #94899f1f;border-left:none;padding:.75rem 1rem}.tour-step.active{border-bottom-color:var(--color-cm-cyan)}.tour-step-number{width:24px;height:24px;font-size:.6rem}.tour-scene{margin-bottom:2rem;display:none;visibility:visible!important;opacity:1!important;position:relative!important}.tour-scene.active{display:block}.platform-browser-content{grid-template-columns:1fr 1fr}}@media (width<=768px){.hero-grid-bg{display:none}.before-after-wrap{aspect-ratio:4/5}.platform-browser-content{grid-template-columns:1fr}.diagram-descriptions{grid-template-columns:1fr;gap:1rem}.occupancy-heatmap{max-width:100%}}@media (prefers-reduced-motion:reduce){.booking-cell,.heatmap-cell,.schedule-card:before,.tour-scene,.satellite-bar-fill{transition:none!important}.booking-cell[data-state=pulse]{animation:none}.booking-cell[data-state=booked]{background:#04f7ee40;border-color:#04f7ee73}.schedule-card:before{transform:scaleY(1)}}