/* Detail pages (services). Builds on legal.css. */
main.wide{width:min(1080px,100%)}
.mono.ember{color:var(--ember)}
h1 em,h2 em{font-style:normal;color:var(--ember)}
.pg>*{animation:rise .9s cubic-bezier(.2,.7,.2,1) both;animation-delay:calc(var(--pt-base,0s) + var(--i,0)*70ms)}
html.pt-cover{--pt-base:.5s}
@keyframes rise{from{opacity:0;transform:translateY(26px)}to{opacity:1;transform:none}}
.hero-art{height:110px;margin:1.6rem 0 .4rem;max-width:380px}
.hero-art svg{width:100%;height:100%;overflow:visible}
.hero-art path,.hero-art rect,.hero-art circle,.hero-art line{fill:none;stroke:var(--ice);stroke-width:2;stroke-dasharray:1;stroke-dashoffset:1;animation:draw 1.6s cubic-bezier(.4,0,.2,1) forwards;animation-delay:calc(var(--pt-base,0s) + .35s)}
.hero-art .hl{stroke:var(--ember)}
.hero-art circle{stroke-dasharray:none;stroke-dashoffset:0;opacity:0;animation:pop .6s ease forwards;animation-delay:calc(var(--pt-base,0s) + 1.2s)}
@keyframes draw{to{stroke-dashoffset:0}}
@keyframes pop{to{opacity:1}}
.cta-row{display:flex;gap:.8rem;flex-wrap:wrap;margin:1.6rem 0 0}
.btn.ghost{background:transparent;color:var(--ink);border:1px solid var(--line)}
.btn.ghost:hover{background:rgba(167,139,250,.12);color:#fff}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:1rem;margin:1rem 0}
.grid .card{margin:0;transition:transform .5s cubic-bezier(.2,.7,.2,1),border-color .4s}
.grid .card:hover{transform:translateY(-4px);border-color:rgba(255,122,89,.5)}
.grid .card p{margin:0;color:#CBD5E1;font-size:.97rem}
.steps{list-style:none;padding:0;counter-reset:s}
.steps li{counter-increment:s;display:grid;grid-template-columns:3rem 1fr;gap:.2rem 1rem;padding:1rem 0;border-bottom:1px solid var(--line);margin:0}
.steps li::before{content:"0" counter(s);font:500 .8rem 'JetBrains Mono',ui-monospace,monospace;color:var(--ember);padding-top:.25rem;grid-row:span 2}
.steps b{font-weight:600;color:#fff}
.steps span{color:#CBD5E1}
details{border:1px solid var(--line);border-radius:14px;padding:.2rem 1.2rem;margin:.7rem 0;background:rgba(167,139,250,.05)}
details summary{cursor:pointer;padding:.9rem 0;font-weight:500;list-style:none;display:flex;justify-content:space-between;gap:1rem}
details summary::-webkit-details-marker{display:none}
details summary::after{content:"+";color:var(--ember);font-size:1.3rem;line-height:1;transition:transform .3s}
details[open] summary::after{transform:rotate(45deg)}
details p{margin:0 0 1rem;color:#CBD5E1}
.pn{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin:3rem 0 0}
.pn a{display:block;border:1px solid var(--line);border-radius:16px;padding:1.1rem 1.3rem;text-decoration:none;color:var(--ink);transition:border-color .4s,transform .4s,background .4s}
.pn a:hover{border-color:rgba(255,122,89,.55);transform:translateY(-3px);background:rgba(167,139,250,.08);color:#fff}
.pn small{display:block;color:var(--mute);font:500 .7rem 'JetBrains Mono',ui-monospace,monospace;letter-spacing:.14em;text-transform:uppercase;margin-bottom:.3rem}
.pn .next{text-align:right}
.band{margin:3rem 0 0;padding:2rem 1.6rem;border:1px solid var(--line);border-radius:22px;background:linear-gradient(160deg,rgba(28,14,56,.9),rgba(9,4,20,.9));text-align:center}
.band h2{margin-top:0}
.svc-list{display:grid;gap:1rem;margin:2rem 0}
.svc-list a{display:grid;grid-template-columns:3rem 1fr auto;gap:1rem;align-items:center;border:1px solid var(--line);border-radius:18px;padding:1.3rem 1.5rem;background:rgba(167,139,250,.05);text-decoration:none;color:var(--ink);transition:transform .5s cubic-bezier(.2,.7,.2,1),border-color .4s,background .4s}
.svc-list a:hover{transform:translateX(6px);border-color:rgba(255,122,89,.55);background:rgba(167,139,250,.1);color:#fff}
.svc-list .n{font:500 .8rem 'JetBrains Mono',ui-monospace,monospace;color:var(--ember)}
.svc-list h2{margin:0 0 .2rem;font-size:1.5rem}
.svc-list p{margin:0;color:#CBD5E1;font-size:.97rem}
.svc-list .go{font-size:1.4rem;color:var(--ember)}
@media (max-width:560px){.pn{grid-template-columns:1fr}.pn .next{text-align:left}.svc-list a{grid-template-columns:2.2rem 1fr}.svc-list .go{display:none}}
@media (prefers-reduced-motion:reduce){.pg>*{animation:none}.hero-art path,.hero-art rect,.hero-art line{animation:none;stroke-dashoffset:0}.hero-art circle{animation:none;opacity:1}}