:root{color-scheme:light;--ink:#232244;--muted:#4e4b69;--base:#fbfaff;--card:#fff;--wash:#efedf9;--line:#d9d5eb;--accent:#433782;--button:#433782;--point:#a03728;--band:#cad3f3}
:root[data-theme=dark]{color-scheme:dark;--ink:#efedff;--muted:#d1cbe7;--base:#16142f;--card:#211d42;--wash:#262048;--line:#51486e;--accent:#c6bbfc;--button:#5d4baa;--point:#ffad99;--band:#544c7d}
*{box-sizing:border-box}body{margin:0;background:var(--base);color:var(--ink);font:1rem/1.62 system-ui,sans-serif}
.shell{width:min(69rem,100% - 2.5rem);margin:auto}.service-header,footer{background:var(--card);border-block:1px solid var(--line)}.service-header nav{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.9rem 0}.brand{font-weight:800;text-decoration:none}.brand span{font-weight:600}
a{color:var(--accent)}h1,h2,h3{line-height:1.15;text-wrap:balance}h1{font-size:clamp(2.2rem,5.5vw,4.2rem);letter-spacing:-.045em;max-width:19ch;margin:.65rem 0 1rem}h2{font-size:clamp(1.6rem,3vw,2.1rem)}h3{margin-top:0}.hero{padding:clamp(2.5rem,7vw,5rem) 0 1rem}.hero p{max-width:68ch}.lede{font-size:1.22rem;color:var(--muted)}.badge{font-size:.77rem;letter-spacing:.11em;font-weight:800;color:var(--accent);margin:0}
section{margin-bottom:3.5rem}.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.actions{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:1.5rem}button,.secondary{border:1px solid var(--button);border-radius:.45rem;background:var(--button);color:white;font:inherit;font-weight:650;padding:.65rem .95rem;text-decoration:none;cursor:pointer;max-width:100%}.secondary{background:transparent;color:var(--accent)}button:disabled{opacity:.65;cursor:wait}:focus-visible{outline:3px solid var(--accent);outline-offset:3px}
article,.preview,form{border:1px solid var(--line);border-radius:.7rem;background:var(--card);padding:clamp(.85rem,3vw,1.6rem)}article p{margin-bottom:0}.profiles{padding-left:1.3rem}.asset-list{font-size:.85rem;color:var(--muted);overflow-wrap:anywhere;columns:2}
figure{margin:1.5rem 0}figcaption{color:var(--muted);font-size:.9rem}svg{width:100%;max-height:23rem}svg text{fill:var(--muted);font:15px system-ui,sans-serif}table{width:100%;border-collapse:collapse;font-variant-numeric:tabular-nums}th,td{padding:.35rem .45rem;border-bottom:1px solid var(--line);text-align:left}th{background:var(--wash)}
label{display:block;font-weight:600}input,select,textarea{display:block;width:100%;font:inherit;background:var(--base);color:var(--ink);border:1px solid var(--line);border-radius:.3rem;padding:.5rem;margin:.3rem 0 .65rem}.check{display:flex;gap:.5rem;align-items:baseline;margin:.5rem 0}.check input{width:auto;flex:none}
dialog{max-width:min(34rem,100% - 2rem);max-height:calc(100% - 2rem);overflow:auto;background:var(--card);color:var(--ink);border:1px solid var(--line);border-radius:.7rem;padding:1.25rem}dialog::backdrop{background:#16142fa8}.dialog-top{display:flex;justify-content:space-between;align-items:flex-start;gap:.75rem}.dialog-top h2{margin-top:0}dialog form{border:0;padding:0}.status{margin-bottom:.25rem}footer{padding:1.4rem 0}
@media(max-width:42rem){.grid{grid-template-columns:1fr}.asset-list{columns:1}.brand span{display:none}}