/* /software/scout/managed/ — analyst desk, loop band, operations grid,
   comparison table, FAQ. Teal accent; Scout page.

   The loop band's decorative dash was an <s>, which screen readers announce as
   struck-through. It is a .rule span here. */
.hero.short{padding-bottom:clamp(3rem,6vw,5rem)}
.stmt{grid-column:1/11;font-size:clamp(1.5rem,3.1vw,2.5rem);font-weight:500;letter-spacing:-.04em;line-height:1.14;color:var(--fade);text-wrap:pretty}
.stmt b{color:var(--t1);font-weight:500}
@media(max-width:1024px){.stmt{grid-column:1/-1}}

/* ---- analyst desk mockup ---- */
.dk{display:flex;flex-direction:column;gap:1.1em;flex:1;min-height:0}
.dk-h{display:flex;align-items:center;justify-content:space-between;gap:1em;padding-bottom:.85em;border-bottom:1px solid var(--rule-2);flex:none}
.dk-live{display:inline-flex;align-items:center;gap:.55em;font-family:var(--mono);font-size:.78em;letter-spacing:.16em;text-transform:uppercase;color:#ff7a6b}
.dk-live i{width:.45em;height:.45em;border-radius:50%;background:#ff7a6b;flex:none;animation:dkPulse 2.2s ease-in-out infinite}
@keyframes dkPulse{0%,100%{opacity:1;box-shadow:0 0 0 0 rgba(255,122,107,.4)}50%{opacity:.35;box-shadow:0 0 0 .35em rgba(255,122,107,0)}}
.dk-when{font-family:var(--mono);font-size:.78em;letter-spacing:.14em;text-transform:uppercase;color:var(--t4)}
.dk-l{display:flex;flex-direction:column;flex:none}
.dk-l .dk-r:last-child{border-bottom:0}
.dk-r{display:grid;grid-template-columns:5.6em minmax(0,1fr) auto;align-items:baseline;gap:1em;padding:.95em 0;border-bottom:1px solid var(--rule-3);flex:none}
.dk-r .k{font-family:var(--mono);font-size:.72em;letter-spacing:.14em;text-transform:uppercase;color:var(--acc-txt)}
.dk-r .m{min-width:0}
.dk-r .m b{display:block;font-size:1em;font-weight:500;color:var(--t1);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.dk-r .m i{display:block;font-style:normal;font-size:.85em;color:var(--t4);margin-top:.18em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.dk-r .st{display:inline-flex;align-items:center;gap:.5em;font-family:var(--mono);font-size:.72em;letter-spacing:.14em;text-transform:uppercase;white-space:nowrap;flex:none}
.dk-r .st::before{content:'';width:.4em;height:.4em;border-radius:50%;background:currentColor;flex:none}
.dk-r .st.done{color:#4fc98a}
.dk-r .st.work{color:#d99a2b}
.dk-f{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;margin-top:auto;padding-top:1.35em;border-top:1px solid var(--rule-2);flex:none}
.dk-s+.dk-s{padding-left:1.5em;border-left:1px solid var(--rule-3)}
.dk-s b{display:block;font-size:1.7em;font-variant-numeric:tabular-nums;font-weight:500;letter-spacing:-.045em;color:var(--t1);line-height:1}
.dk-s b.good{color:#4fc98a}
.dk-s span{display:block;margin-top:.5em;font-family:var(--mono);font-size:.72em;letter-spacing:.12em;text-transform:uppercase;color:var(--t4);line-height:1.4}
@container (max-width:560px){.dk-r{grid-template-columns:minmax(0,1fr) auto;row-gap:.35em}.dk-r .k{grid-column:1/-1}.dk-f{grid-template-columns:1fr;gap:.7em}.dk-s{display:flex;align-items:baseline;gap:.7em}.dk-s span{margin-top:0}}

/* ---- the operating loop band ---- */
.loop4{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:1px solid var(--rule);margin-top:clamp(3rem,5vw,4.5rem)}
.ph{padding:1.75rem var(--gut) 1.75rem 0;position:relative}
.ph+.ph{padding-left:var(--gut);border-left:1px solid var(--rule-2)}
.ph::before{content:'';position:absolute;top:-1px;left:0;right:0;height:1px;background:var(--acc);transform:scaleX(0);transform-origin:left;transition:transform .9s var(--e) var(--d,0s)}
.loop4.on .ph::before{transform:scaleX(1)}
.ph .n{display:flex;align-items:center;gap:.75rem;font-family:var(--mono);font-size:.625rem;letter-spacing:.2em;text-transform:uppercase;color:var(--t4);margin-bottom:1.125rem}
.ph .n i{font-style:normal;color:var(--acc-txt);font-variant-numeric:tabular-nums}
.ph .n .rule{text-decoration:none;width:1.25rem;height:1px;background:var(--rule);flex:none}
.ph h3{font-size:1.0625rem;font-weight:500;letter-spacing:-.025em;color:var(--t1);margin-bottom:.5rem}
.ph p{font-size:.875rem;line-height:1.6;color:var(--t3)}
@media(max-width:900px){.loop4{grid-template-columns:repeat(2,minmax(0,1fr))}.ph{padding-right:var(--gut)}.ph:nth-child(3),.ph:nth-child(4){border-top:1px solid var(--rule-2)}.ph:nth-child(3){border-left:0;padding-left:0}}
@media(max-width:560px){.loop4{grid-template-columns:1fr}.ph+.ph{border-left:0;padding-left:0;border-top:1px solid var(--rule-2)}}

/* ---- what we run: 8 capabilities ---- */
.ops{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;background:var(--rule-2);border:1px solid var(--rule-2);margin-top:clamp(3rem,5vw,4.5rem)}
.op{background:var(--ink);padding:1.5rem 1.25rem;display:flex;flex-direction:column;gap:.625rem;transition:background .35s var(--e)}
.op:hover{background:var(--ink-2)}
.op .k{font-family:var(--mono);font-size:.5625rem;letter-spacing:.18em;text-transform:uppercase;color:var(--acc-txt)}
.op h3{font-size:1rem;font-weight:500;letter-spacing:-.025em;color:var(--t1)}
.op p{font-size:.8125rem;line-height:1.55;color:var(--t3)}
@media(max-width:1024px){.ops{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){.ops{grid-template-columns:1fr}}

/* ---- comparison ---- */
.cmp-w{margin-top:clamp(3rem,5vw,4.5rem);border:1px solid var(--rule-2);background:#0c0c0f}
.cmp{width:100%;border-collapse:collapse}
.cmp th,.cmp td{text-align:left;padding:1.0625rem 1.375rem;border-bottom:1px solid var(--rule-3);vertical-align:middle}
.cmp thead th{font-size:.9375rem;font-weight:600;letter-spacing:-.02em;color:var(--t2);padding:1.25rem 1.375rem;border-bottom:1px solid var(--rule);background:linear-gradient(180deg,#131318,#0e0e12)}
.cmp thead th.hl{color:var(--acc-txt)}
.cmp thead th:first-child{font-family:var(--mono);font-size:.625rem;font-weight:500;letter-spacing:.2em;text-transform:uppercase;color:var(--t4)}
.cmp tbody tr.grp td{padding:1.75rem 1.375rem .6rem;border-bottom:1px solid var(--rule);font-family:var(--mono);font-size:.625rem;letter-spacing:.2em;text-transform:uppercase;color:var(--t4);background:transparent}
.cmp tbody tr.grp:first-child td{padding-top:1.125rem}
.cmp tbody tr.grp:hover td{background:transparent}
.cmp tbody tr.grp td:last-child{background:color-mix(in srgb,var(--acc) 4%,transparent)}
.cmp tbody tr:last-child td{border-bottom:0}
.cmp tbody tr:hover td{background:rgba(255,255,255,.022)}
.cmp td:first-child{color:var(--t2);font-size:.9375rem;font-weight:500}
.cmp th:nth-child(2),.cmp td:nth-child(2),.cmp th:nth-child(3),.cmp td:nth-child(3){width:13rem}
.cmp td:last-child{background:color-mix(in srgb,var(--acc) 4%,transparent);box-shadow:inset 1px 0 0 color-mix(in srgb,var(--acc) 22%,transparent)}
.cmp tbody tr:hover td:last-child{background:color-mix(in srgb,var(--acc) 7%,transparent)}
.cmp .ck{color:var(--acc-txt);font-size:1.0625rem;font-weight:600;line-height:1}
.cmp td:nth-child(2).ck{color:#4fc98a}
.cmp .dash{color:var(--t4)}
.cmp .you{color:var(--t4);font-size:.875rem;font-style:italic}
.cmp .mg{color:var(--acc-txt);font-size:.875rem;font-weight:500}
@media(max-width:700px){.cmp th,.cmp td{padding:.75rem .75rem}.cmp td:first-child{font-size:.875rem}.cmp th:nth-child(2),.cmp td:nth-child(2),.cmp th:nth-child(3),.cmp td:nth-child(3){width:6.5rem}.cmp .you,.cmp .mg{font-size:.625rem;letter-spacing:.06em}}

/* ---- faq ---- */
.faq{border-top:1px solid var(--rule);margin-top:clamp(2.5rem,4vw,3.5rem)}
.faq-i{border-bottom:1px solid var(--rule-2)}
.faq-q{display:flex;align-items:center;justify-content:space-between;gap:1.5rem;width:100%;padding:1.375rem 0;text-align:left;font-size:1.0625rem;font-weight:500;letter-spacing:-.025em;color:var(--t1);transition:color .25s}
.faq-q:hover{color:var(--acc-txt)}
.faq-q .ic{position:relative;width:13px;height:13px;flex:none}
.faq-q .ic::before,.faq-q .ic::after{content:'';position:absolute;background:var(--t3);transition:transform .35s var(--e)}
.faq-q .ic::before{left:0;right:0;top:6px;height:1px}
.faq-q .ic::after{top:0;bottom:0;left:6px;width:1px}
.faq-i.open .faq-q{color:var(--acc-txt)}
.faq-i.open .faq-q .ic::after{transform:scaleY(0)}
.faq-a{max-height:0;overflow:hidden;transition:max-height .45s var(--e)}
.faq-a p{padding:0 0 1.5rem;font-size:.9375rem;line-height:1.7;color:var(--t3);max-width:68ch}

/* ---- scroll motion ---- */
[data-mo] .dk-r{opacity:0;transform:translateX(-12px)}
[data-mo] .mk.play .dk-r{opacity:1;transform:none;transition:opacity .5s var(--e) var(--d,0s),transform .55s var(--e) var(--d,0s)}
@media(prefers-reduced-motion:reduce){[data-mo] .dk-r{opacity:1;transform:none}.loop4 .ph::before{transform:scaleX(1)}}

/* ---- hero: copy narrows to make room for the Scout mark as a ghost, bled off
        the right edge. Hidden below 1024px — the plate below already carries
        the hero visually, and a stacked watermark between copy and plate reads
        as an orphan. ---- */
.hero-c{grid-column:1/7}
.hr-mark{grid-column:8/13;position:relative;align-self:stretch;min-height:clamp(12rem,24vh,18rem);overflow:hidden}
.hr-mark svg{position:absolute;top:50%;right:-8%;height:112%;width:auto;transform:translateY(-50%)}
@media(max-width:1024px){.hero-c{grid-column:1/-1}.hr-mark{display:none}}