.halo-workflow{padding-block:5.5rem 4rem;border-top:1px solid #ffffff12}
.hw-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:3rem;margin-bottom:2.5rem}
.hw-eyebrow{display:block;font-size:.78rem;font-weight:650;letter-spacing:.13em;color:#8fbcff;margin-bottom:1rem}
.hw-heading h2{font-size:3.5rem;line-height:1.08;font-weight:550;letter-spacing:-.045em}
.hw-heading h2 span{color:#9cbde9}
.hw-heading>p{font-size:1.05rem;line-height:1.85;color:#adc0db;max-width:30rem;padding-bottom:.15rem}
.hw-console{overflow:hidden;border:1px solid #334864;border-radius:1rem;background:#0d1420;box-shadow:0 24px 70px #0003}
.hw-console-top{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;border-bottom:1px solid #263448;background:#111c2c;font-size:.9rem;color:#e5eeff;gap:1rem}
.hw-console-top>span{display:flex;align-items:center;gap:.6rem}
.hw-console-top img{object-fit:contain}
.hw-console-top .hw-example{font-size:.78rem;color:#aebfd7}
.hw-example i{width:.4rem;height:.4rem;background:#81b3ff;border-radius:50%}
.hw-tabs{position:relative;isolation:isolate;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-bottom:1px solid #263448;background:#0e1828}
.hw-tabs button{display:grid;grid-template-columns:2.5rem 1fr;grid-template-rows:auto auto;column-gap:.7rem;text-align:left;align-items:center;padding:1.45rem 2rem;color:#9cafca;min-width:0;background:transparent;border:0;border-radius:0;cursor:pointer}
.hw-tabs button+button{border-left:1px solid #263448}
.hw-tabs button>span{grid-row:1/3;align-self:center;display:grid;place-items:center;width:2rem;height:2rem;border:1px solid #344966;border-radius:.4rem;color:#91accc;font-family:var(--font-halo);font-size:.85rem;letter-spacing:.05em}
.hw-tabs button strong{font-size:1.15rem;font-weight:550;line-height:1.5}
.hw-tabs button small{font-size:.8rem;line-height:1.7;color:#99adc9}
.hw-tabs button[aria-selected=true]{color:#fff;background:linear-gradient(180deg,#244a7a,#193454);box-shadow:inset 0 0 0 1px #78b2ff66,inset 0 -3px #83bbff,0 4px 20px #2563eb30}
.hw-tabs button[aria-selected=true]>span{color:#fff;background:#2563eb;border-color:#8abcff;box-shadow:0 0 14px #2563eb66}
.hw-tabs button[aria-selected=true] strong{font-weight:650}
.hw-tabs button[aria-selected=true] small{color:#d1e4ff}
.hw-tabs[data-enhanced=true] button[aria-selected=true]{background:transparent;box-shadow:none}
.hw-tab-indicator{position:absolute;inset:0 auto 0 0;background:linear-gradient(180deg,#244a7a,#193454);box-shadow:inset 0 0 0 1px #78b2ff66,inset 0 -3px #83bbff,0 4px 20px #2563eb30;z-index:-1;pointer-events:none}
.hw-tabs button:focus-visible{outline:2px solid #9bc6ff;outline-offset:-5px}
@media(hover:hover) and (pointer:fine){.hw-tabs button[aria-selected=false]:hover{color:#fff;background:#ffffff05}}
.hw-scene{position:relative;isolation:isolate;display:grid;grid-template-columns:minmax(0,1fr) 13rem minmax(0,1fr);align-items:center;gap:2.5rem;padding:4rem 3.5rem;min-height:37rem;background:radial-gradient(ellipse at 50% 50%,#173b632e,transparent 67%),#0b1320}
.hw-grid{position:absolute;inset:0;z-index:-2;pointer-events:none;background-image:linear-gradient(#8aabdf06 1px,transparent 1px),linear-gradient(90deg,#8aabdf06 1px,transparent 1px);background-size:2.5rem 2.5rem;mask-image:radial-gradient(ellipse at center,#000,transparent 85%)}
.hw-orbits{position:absolute;inset:0;z-index:-1;pointer-events:none;display:grid;place-items:center;overflow:hidden}
.hw-orbits span{position:absolute;width:22rem;height:22rem;border:1px solid #477dc527;border-radius:50%}
.hw-orbits span:nth-child(2){width:29rem;height:29rem;border-style:dashed;border-color:#5186d026}
.hw-orbits span:nth-child(3){width:36rem;height:36rem;border-color:#5186d012}
.hw-wires{position:absolute;inset:0;width:100%;height:100%;z-index:-1;overflow:visible;pointer-events:none}
.hw-wire-base{stroke:#264367;stroke-width:1.25}
.hw-wire-light{stroke:url(#hw-wire-color);stroke-width:2;stroke-linecap:round}
.hw-card{position:relative;border:1px solid #344966;border-radius:.65rem;background:#111d2e;box-shadow:0 18px 35px #0003;transition:border-color 180ms ease,background-color 180ms ease}
.hw-card::after{content:'';position:absolute;inset:-1px;border-radius:inherit;pointer-events:none;box-shadow:0 0 0 1px #8abcff80,0 0 24px #2563eb55,0 16px 40px #0006;opacity:0;transition:opacity 180ms ease}
.hw-scene[data-step="0"] [data-hw-card="0"],.hw-scene[data-step="1"] [data-hw-card="1"],.hw-scene[data-step="2"] [data-hw-card="2"]{border-color:#8abcff;background:#152740}
.hw-scene[data-step="0"] [data-hw-card="0"]::after,.hw-scene[data-step="1"] [data-hw-card="1"]::after,.hw-scene[data-step="2"] [data-hw-card="2"]::after{opacity:1}
.hw-scene[data-step="0"] [data-hw-card="0"] .hw-card-top,.hw-scene[data-step="1"] [data-hw-card="1"] .hw-card-top,.hw-scene[data-step="2"] [data-hw-card="2"] .hw-card-top{background:#203f66;border-color:#507aaf;border-radius:.6rem .6rem 0 0;color:#fff}
.hw-card-top{display:flex;justify-content:space-between;align-items:center;gap:.6rem;padding:.9rem 1rem;border-bottom:1px solid #2c3b52;font-size:.82rem;color:#e2edff}
.hw-card-top>span{display:flex;align-items:center;gap:.55rem}
.hw-card-top img,.hw-card-top svg{width:1.1rem;height:1.1rem;flex:none}
.hw-card-top small{font-size:.64rem;letter-spacing:.08em;color:#9eb2cf;white-space:nowrap}
.hw-video{position:relative;margin:1rem 1rem .8rem;overflow:hidden;border-radius:.4rem;aspect-ratio:16/9;background:#07101c}
.hw-video>img{width:100%;height:100%;object-fit:cover;display:block}
.hw-video>span{position:absolute;bottom:.5rem;left:.5rem;padding:.25rem .45rem;background:#061020e8;border:1px solid #6a94ce66;border-radius:.2rem;color:#d6eaff;font-size:.6rem;font-weight:600;letter-spacing:.07em}
.hw-video-title{display:block;margin:0 1rem 1rem;font-size:1.05rem;line-height:1.4;font-weight:550}
.hw-field{margin:0 1rem;padding:.8rem;border:1px solid #344b6d;background:#0c1626;border-radius:.35rem}
.hw-field>span{display:block;color:#9cb2d1;font-size:.72rem;margin-bottom:.45rem}
.hw-field strong{font-weight:450;color:#dbeaff;font-size:.85rem;overflow-wrap:anywhere}
.hw-input-meta{padding:1rem;display:flex;justify-content:space-between;gap:1rem;font-size:.7rem;color:#a9bbd4;align-items:center}
.hw-input-meta b{margin-left:.4rem;color:#dceaff;font-weight:550}
.hw-draft{color:#c5deff;border:1px solid #365376;padding:.2rem .4rem;border-radius:.25rem}
.hw-hub{display:flex;flex-direction:column;align-items:center;text-align:center;position:relative}
.hw-hub-shell{width:8rem;height:8rem;border:1px solid #5a8acd;border-radius:1.8rem;display:grid;place-items:center;background:linear-gradient(145deg,#20385b,#0c192d);box-shadow:0 0 0 .6rem #17325a60,0 0 0 .65rem #446aa33b,0 0 50px #2563eb33;margin-bottom:1.5rem}
.hw-hub-shell img{width:5.8rem;height:5.8rem;object-fit:contain}
.hw-hub strong{font-size:1.2rem;font-weight:550;color:#e8f2ff;letter-spacing:-.02em}
.hw-hub>span{color:#a6bcdc;font-size:.78rem;margin-top:.45rem}
.hw-output{display:grid;gap:1.5rem;min-width:0}
.hw-result-keyword{display:flex;align-items:center;justify-content:space-between;gap:.5rem;margin:1rem .8rem .6rem;font-size:.7rem;color:#b9cdec}
.hw-result-keyword b{font-size:.65rem;color:#bdd7ff;font-weight:500}
.hw-result-row{display:flex;align-items:center;gap:.6rem;margin:.3rem .6rem;padding:.55rem .45rem;border:1px solid transparent;border-radius:.35rem;min-width:0}
.hw-result-row>span{font-size:.65rem;color:#9ab3d5;font-family:var(--font-halo)}
.hw-result-row>img{width:4.25rem;aspect-ratio:16/9;height:auto;object-fit:cover;border-radius:.2rem}
.hw-result-row>div{flex:1;min-width:0}
.hw-result-row strong{display:block;font-size:.72rem;font-weight:500;line-height:1.4;color:#e3ecfb}
.hw-result-row small{display:block;color:#a0b4d0;font-size:.65rem;margin-top:.25rem}
.hw-result-yours{background:#1c3457;border-color:#476fa4}
.hw-result-yours i{width:.3rem;height:.3rem;border-radius:50%;background:#8bc3ff;flex:none}
.hw-results{padding-bottom:.6rem}
.hw-watch-match{display:flex;align-items:center;gap:.7rem;padding:1rem}
.hw-match-icon{display:grid;place-items:center;width:2rem;height:2rem;border-radius:50%;background:#1e395d;color:#a9d1ff;flex:none}
.hw-match-icon svg{width:1rem;height:1rem}
.hw-watch-match strong{display:block;font-size:.78rem;line-height:1.5;font-weight:500;color:#deebfd}
.hw-watch-match div>span{display:block;color:#9fb6d5;font-size:.7rem;margin-top:.3rem}
.hw-watch-foot{display:flex;justify-content:space-between;gap:.5rem;margin:0 1rem;padding:.65rem 0;border-top:1px solid #2a3d57;font-size:.65rem;color:#a4bad8}
.hw-details{display:grid;border-top:1px solid #263c58;background:#0f1a2a;padding:2rem 2.5rem}
.hw-details>[role=tabpanel]{grid-area:1/1;display:flex;align-items:center;justify-content:space-between;gap:3rem;min-width:0}
.hw-details>[role=tabpanel][hidden]{display:flex!important;visibility:hidden;pointer-events:none}
.hw-details .hw-eyebrow{margin-bottom:.6rem;font-size:.7rem}
.hw-details h3{font-size:1.8rem;font-weight:550;letter-spacing:-.025em;line-height:1.3}
.hw-details p{font-size:.97rem;line-height:1.8;color:#b1c3df;margin-top:.8rem;max-width:48rem}
.hw-details .button{white-space:nowrap;flex:none;gap:2rem}
.hw-scroll-line{height:2px;background:#23354f;overflow:hidden}
.hw-scroll-line>span{display:block;background:#72afff;height:100%;transform-origin:left;transform:scaleX(1)}
.hw-disclaimer{text-align:right;color:#9bb1cf;font-size:.75rem;line-height:1.7;margin-top:.9rem}
@media(max-width:1100px){.hw-scene{grid-template-columns:minmax(0,1fr) 9rem minmax(0,1fr);gap:1.5rem;padding:3rem 2rem}.hw-hub-shell{width:6.5rem;height:6.5rem;border-radius:1.4rem}.hw-hub-shell img{width:4.5rem;height:4.5rem}.hw-tabs button{padding:1.2rem 1.4rem;grid-template-columns:1.8rem 1fr}.hw-card-top{padding:.8rem}.hw-card-top small{font-size:.58rem}.hw-details{padding:1.8rem}.hw-details>[role=tabpanel]{gap:2rem}.hw-details p{font-size:.9rem}.hw-result-row{gap:.4rem}.hw-result-row>img{width:3.3rem}.hw-result-row strong{font-size:.7rem}}
@media(max-width:760px){.halo-workflow{padding-block:3.5rem 2.5rem}.hw-heading{display:block;margin-bottom:1.8rem}.hw-heading h2{font-size:2.8rem}.hw-heading>p{margin-top:1.2rem;font-size:1rem}.hw-console-top{padding:1rem}.hw-console-top .hw-example{font-size:.65rem}.hw-tabs button{grid-template-columns:1fr;gap:.2rem;padding:1rem .85rem}.hw-tabs button>span{grid-row:auto;font-size:.7rem}.hw-tabs button strong{font-size:1.1rem}.hw-tabs button small{font-size:.7rem}.hw-scene{grid-template-columns:minmax(0,1fr);gap:2rem;padding:2rem 1.5rem;min-height:0}.hw-input{width:100%;max-width:35rem;justify-self:center}.hw-video{max-height:none;width:calc(100% - 2rem)}.hw-hub{flex-direction:row;flex-wrap:wrap;column-gap:1.2rem;justify-content:center;padding-block:.5rem}.hw-hub-shell{width:4.4rem;height:4.4rem;border-radius:1.1rem;margin:0;grid-row:1/3}.hw-hub-shell img{width:3.4rem;height:3.4rem}.hw-hub>span{display:none}.hw-hub strong{font-size:1.1rem}.hw-output{grid-template-columns:minmax(0,1fr);gap:1rem;max-width:35rem;width:100%;justify-self:center}.hw-wires{display:none}.hw-orbits span{width:27rem;height:27rem}.hw-orbits span:nth-child(2){width:37rem;height:37rem}.hw-orbits span:nth-child(3){width:47rem;height:47rem}.hw-card-top{padding:.85rem 1rem;font-size:.85rem}.hw-card-top small{font-size:.65rem}.hw-result-row{padding:.6rem;gap:.7rem}.hw-result-row>img{width:4.8rem}.hw-result-row strong{font-size:.85rem}.hw-result-row small{font-size:.75rem}.hw-result-keyword{font-size:.78rem}.hw-watch-match strong{font-size:.9rem}.hw-watch-match div>span,.hw-watch-foot{font-size:.75rem}.hw-details{padding:1.5rem}.hw-details>[role=tabpanel]{flex-direction:column;align-items:flex-start;gap:1.2rem}.hw-details h3{font-size:1.6rem}.hw-details p{font-size:1rem}.hw-details .button{width:100%;justify-content:space-between;min-height:55px}.hw-disclaimer{text-align:left}.hw-tab-indicator{transition:none}}
@media(prefers-reduced-motion:reduce){.hw-card,.hw-card::after{transition:none}.hw-orbits{display:none}}

@media(max-width:760px){.hw-scene{grid-template-rows:auto 1fr;row-gap:2rem}.hw-hub{grid-column:1;grid-row:1}.hw-input,.hw-output{grid-column:1;grid-row:2;align-self:start}.hw-output{display:grid}.hw-results,.hw-watch{grid-area:1/1;align-self:start}.hw-scene [data-hw-card]{visibility:hidden;pointer-events:none}.hw-scene[data-step="0"] [data-hw-card="0"],.hw-scene[data-step="1"] [data-hw-card="1"],.hw-scene[data-step="2"] [data-hw-card="2"]{visibility:visible;pointer-events:auto}}