.I4aHOG_page{background:radial-gradient(circle at 80% 10%,#7b6bff29,#0000 27rem),radial-gradient(circle at 12% 35%,#00d4ff1a,#0000 28rem),linear-gradient(#080d1b42,#06091200);padding:clamp(7.6rem,12vw,10.5rem) clamp(1rem,4vw,3rem) clamp(4.5rem,8vw,7rem);position:relative;overflow:hidden}.I4aHOG_page:before{content:"";z-index:-1;pointer-events:none;background-image:linear-gradient(#84cbff07 1px,#0000 1px),linear-gradient(90deg,#84cbff07 1px,#0000 1px);background-size:42px 42px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000 0%,#00000094 52%,#0000 100%);mask-image:linear-gradient(#000 0%,#00000094 52%,#0000 100%)}.I4aHOG_hero,.I4aHOG_modeSection,.I4aHOG_explainer,.I4aHOG_controlSection{width:min(1160px,100%);margin-inline:auto}.I4aHOG_hero{grid-template-columns:minmax(0,1.05fr) minmax(380px,.95fr);align-items:center;gap:clamp(2.5rem,7vw,7rem);min-height:min(600px,100vh - 8rem);display:grid}.I4aHOG_heroCopy{max-width:42rem}.I4aHOG_eyebrow{color:#67e7ff;font-family:var(--font-mono,monospace);letter-spacing:.13em;text-transform:uppercase;align-items:center;gap:.5rem;margin:0 0 .9rem;font-size:.7rem;font-weight:600;display:inline-flex}.I4aHOG_liveMark{background:#6ceaff;border-radius:999px;width:.48rem;height:.48rem;animation:2.2s ease-out infinite I4aHOG_livePulse;box-shadow:0 0 #6ceaff8a}.I4aHOG_hero h1,.I4aHOG_sectionHeading h2,.I4aHOG_controlCopy h2{color:#f4f7ff;font-family:var(--font-serif,"Instrument Serif", Georgia, serif);letter-spacing:-.035em;margin:0;font-weight:400}.I4aHOG_hero h1{max-width:10ch;font-size:clamp(3.6rem,7.6vw,6.4rem);line-height:.88}.I4aHOG_hero h1 em{color:#8cecff;font-style:italic}.I4aHOG_lead{color:#d7e3fac7;max-width:36rem;margin:1.5rem 0 0;font-size:clamp(1.03rem,1.8vw,1.22rem);line-height:1.75}.I4aHOG_heroActions{flex-wrap:wrap;gap:.75rem;margin-top:2rem;display:flex}.I4aHOG_primaryAction,.I4aHOG_secondaryAction{letter-spacing:.025em;border-radius:11px;justify-content:center;align-items:center;gap:.7rem;min-height:3rem;padding:.72rem 1.05rem;font-size:.9rem;font-weight:700;text-decoration:none;transition:transform .2s,box-shadow .2s,border-color .2s,background .2s;display:inline-flex}.I4aHOG_primaryAction{color:#061119;cursor:pointer;background:linear-gradient(118deg,#78ecff,#8e82ff 62%,#ee8fc0);border:0;box-shadow:0 9px 30px #4cc6ff38}.I4aHOG_primaryAction:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 13px 38px #7697ff57}.I4aHOG_primaryAction:disabled{color:#dae8fa80;box-shadow:none;cursor:not-allowed;background:#9bb2d626}.I4aHOG_primaryAction svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.75px;width:1.05rem;height:1.05rem}.I4aHOG_secondaryAction{color:#e0edffdb;background:#ffffff09;border:1px solid #b9d6ff38}.I4aHOG_secondaryAction:hover{color:#f4f8ff;background:#ffffff17;border-color:#7be8ff80;transform:translateY(-2px)}.I4aHOG_availability{color:#b8cff194;max-width:39rem;margin:1rem 0 0;font-size:.77rem;line-height:1.55}.I4aHOG_heroVisual{background:radial-gradient(circle at 50% 52%,#31ddff26,#0000 42%),linear-gradient(145deg,#0e1d36e6,#140e33db);border:1px solid #89d3ff3d;border-radius:20px;min-height:26rem;padding:1rem 1.15rem .9rem;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff21,0 26px 70px #00000047}.I4aHOG_heroVisual:before{content:"";pointer-events:none;background:linear-gradient(115deg,#ffffff24,#0000 18% 72%,#7e69ff1f);position:absolute;inset:0}.I4aHOG_visualHeader,.I4aHOG_visualFooter{z-index:1;color:#c7deffa3;font-family:var(--font-mono,monospace);letter-spacing:.12em;justify-content:space-between;font-size:.62rem;font-weight:600;display:flex;position:relative}.I4aHOG_visualStatus{color:#7ceeff}.I4aHOG_modeSection,.I4aHOG_explainer,.I4aHOG_controlSection{margin-top:clamp(5.5rem,12vw,10rem)}.I4aHOG_sectionHeading{max-width:43rem}.I4aHOG_sectionHeading h2,.I4aHOG_controlCopy h2{font-size:clamp(2.5rem,5vw,4.2rem);line-height:.97}.I4aHOG_sectionLead{color:#c6d8f5ad;margin:1rem 0 0;font-size:1rem;line-height:1.7}.I4aHOG_modeGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin-top:2rem;display:grid}.I4aHOG_modeCard{background:#0f172b8a;border:1px solid #bdd9ff21;border-radius:18px;grid-template-columns:auto minmax(0,1fr);gap:1.1rem;min-height:16rem;padding:clamp(1.25rem,3vw,2rem);display:grid;box-shadow:inset 0 1px #ffffff0f}.I4aHOG_interactiveCard{background:linear-gradient(145deg,#261d57a8,#122f4f8c);border-color:#83a6ff52}.I4aHOG_modeIcon{color:#85ecff;background:#00d4ff17;border:1px solid #5ee2ff38;border-radius:12px;place-items:center;width:3rem;height:3rem;display:grid}.I4aHOG_interactiveCard .I4aHOG_modeIcon{color:#ffc4dc;background:#ff6b9d1a;border-color:#ff96c140}.I4aHOG_modeIcon svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.55px;width:1.75rem;height:1.75rem}.I4aHOG_cardKicker{color:#6ee9ff;font-family:var(--font-mono,monospace);letter-spacing:.1em;text-transform:uppercase;margin:0;font-size:.67rem;font-weight:600}.I4aHOG_interactiveCard .I4aHOG_cardKicker{color:#ffadcc}.I4aHOG_modeCard h3,.I4aHOG_stepCard h3{color:#f0f5ff;letter-spacing:-.015em;margin:.45rem 0 0;font-size:1.2rem;line-height:1.25}.I4aHOG_modeCard p:not(.I4aHOG_cardKicker),.I4aHOG_stepCard p,.I4aHOG_controlCopy>p{color:#c6d8f5ab;font-size:.9rem;line-height:1.7}.I4aHOG_modeCard p:not(.I4aHOG_cardKicker){margin:.8rem 0 0}.I4aHOG_pipelineGraphic{background:linear-gradient(145deg,#101e3aa3,#18103d94);border:1px solid #97cbff29;border-radius:20px;max-width:58rem;margin:2.3rem auto 0;padding:.8rem;overflow:hidden}.I4aHOG_pipelineGraphic svg{width:100%;height:auto;display:block}.I4aHOG_pipelinePath,.I4aHOG_pipelinePathActive{fill:none;stroke-linecap:round}.I4aHOG_pipelinePath{stroke:#86bbff33;stroke-width:3px}.I4aHOG_pipelinePathActive{stroke:url(#pipeline-gradient);stroke-dasharray:9 25;stroke-width:3px;animation:2.2s linear infinite I4aHOG_pipelineFlow}.I4aHOG_pipelineSignal{fill:#8cefff;filter:drop-shadow(0 0 5px #86efffcc);animation:2.8s ease-in-out infinite I4aHOG_signalMove}.I4aHOG_pipelineNode rect{fill:#0c1630c2;stroke:#93d8ff52}.I4aHOG_pipelineNode path{fill:none;stroke:#9ceeff;stroke-linecap:round;stroke-linejoin:round;stroke-width:2.5px}.I4aHOG_pipelineNode text{fill:#c8e0ffa3;font-family:var(--font-mono,monospace);letter-spacing:1.5px;text-anchor:middle;font-size:10px;font-weight:600}.I4aHOG_stepsGrid{grid-template-columns:repeat(4,minmax(0,1fr));gap:.85rem;margin-top:1rem;display:grid}.I4aHOG_stepCard{background:#0e172c7a;border:1px solid #b6d4ff1f;border-radius:15px;min-height:16rem;padding:1.3rem;position:relative;overflow:hidden}.I4aHOG_stepCard:after{content:"";background:radial-gradient(circle,#58dcff1c,#0000 68%);width:6.5rem;height:6.5rem;position:absolute;bottom:-2.2rem;right:-1.4rem}.I4aHOG_stepNumber{color:#8eeeff;font-family:var(--font-mono,monospace);letter-spacing:.08em;font-size:.75rem;font-weight:600}.I4aHOG_stepCard p{margin:.75rem 0 0;font-size:.8rem}.I4aHOG_controlSection{background:linear-gradient(135deg,#0d2f4996,#29165399);border:1px solid #7cc7ff33;border-radius:24px;grid-template-columns:minmax(0,.95fr) minmax(22rem,.75fr);align-items:center;gap:clamp(2rem,7vw,6rem);padding:clamp(1.4rem,4vw,3rem);display:grid;box-shadow:inset 0 1px #ffffff1a,0 30px 70px #0000002e}.I4aHOG_controlCopy>p{max-width:35rem;margin:1rem 0 0}.I4aHOG_controlCopy .I4aHOG_technicalNote{color:#cce1ff8f;border-left:2px solid #66e8ff8f;padding-left:.9rem;font-size:.76rem}.I4aHOG_controlPreview{background:linear-gradient(155deg,#031122db,#0c0a24db);border:1px solid #77cdff4d;border-radius:16px;padding:.9rem;box-shadow:0 18px 45px #01071347}.I4aHOG_previewTopline{color:#8aefff;font-family:var(--font-mono,monospace);letter-spacing:.07em;justify-content:space-between;align-items:center;gap:.6rem;margin:-.15rem 0 .95rem;font-size:.63rem;font-weight:600;display:flex}.I4aHOG_previewTopline>span:first-child{align-items:center;gap:.38rem;display:inline-flex}.I4aHOG_previewTopline i{background:#76eaff;border-radius:50%;width:.42rem;height:.42rem;animation:2.2s ease-out infinite I4aHOG_livePulse;display:block}.I4aHOG_previewTopline>span:last-child{color:#ffb5d2}.I4aHOG_controlPreview>p{color:#d1e5ff9c;font-family:var(--font-mono,monospace);letter-spacing:.12em;margin:0 0 .45rem;font-size:.62rem;font-weight:600}.I4aHOG_previewToggle{color:#e7f2ffe0;background:linear-gradient(100deg,#00d4ff24,#6c63ff1a);border:1px solid #5cddff5c;border-radius:9px;justify-content:space-between;align-items:center;margin-top:.4rem;padding:.58rem .65rem;font-size:.8rem;font-weight:600;display:flex}.I4aHOG_previewToggle strong{color:#06131e;font-family:var(--font-mono,monospace);letter-spacing:.07em;background:#75eaff;border-radius:99px;padding:.1rem .35rem;font-size:.64rem}.I4aHOG_controlPreview small{color:#bed3f687;margin-top:.62rem;font-size:.66rem;line-height:1.45;display:block}@keyframes I4aHOG_livePulse{0%{box-shadow:0 0 #67e7ff7a}70%,to{box-shadow:0 0 0 .42rem #67e7ff00}}@keyframes I4aHOG_pipelineFlow{to{stroke-dashoffset:-68px}}@keyframes I4aHOG_signalMove{0%,12%{transform:translate(0)}88%,to{transform:translate(588px)}}@media (max-width:900px){.I4aHOG_hero{grid-template-columns:1fr;min-height:auto}.I4aHOG_heroCopy{max-width:46rem}.I4aHOG_heroVisual{max-width:34rem}.I4aHOG_stepsGrid{grid-template-columns:repeat(2,minmax(0,1fr))}.I4aHOG_controlSection{grid-template-columns:1fr}.I4aHOG_controlPreview{max-width:32rem}}@media (max-width:620px){.I4aHOG_page{padding-inline:.85rem}.I4aHOG_hero h1{font-size:clamp(3.15rem,17vw,4.25rem)}.I4aHOG_heroActions{flex-direction:column}.I4aHOG_primaryAction,.I4aHOG_secondaryAction{width:100%}.I4aHOG_heroVisual{min-height:21rem}.I4aHOG_modeGrid,.I4aHOG_stepsGrid{grid-template-columns:1fr}.I4aHOG_modeCard{min-height:auto}.I4aHOG_pipelineGraphic{padding:.45rem}.I4aHOG_pipelineNode text{display:none}.I4aHOG_controlSection{border-radius:18px;padding:1.2rem}}@media (prefers-reduced-motion:reduce){.I4aHOG_liveMark,.I4aHOG_previewTopline i,.I4aHOG_pipelinePathActive,.I4aHOG_pipelineSignal{animation:none}}
