:root{--ink:#10223a;--muted:#52627a;--azure:#076bce;--azure-dark:#064d94;--cyan:#16b8d4;--paper:#fff;--soft:#edf6ff;--line:#d6e2ef;--good:#087052;--warn:#986100;--danger:#a42a2a;--shadow:0 20px 55px rgba(20,43,82,.12)}
*{box-sizing:border-box}body{margin:0;background:#f6f9fc;color:var(--ink);font:16px/1.55 Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}a{color:var(--azure-dark)}.skip-link{position:absolute;left:-9999px;top:1rem;background:#fff;padding:.8rem 1rem;z-index:10}.skip-link:focus{left:1rem}.site-header{height:70px;padding:0 max(1rem,calc((100% - 1180px)/2));display:flex;align-items:center;justify-content:space-between;background:#fff;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:.65rem;color:var(--ink);font-weight:850;text-decoration:none}.brand img{display:block}main{max-width:1180px;margin:auto;padding:0 1.25rem}.hero{padding:72px 0 42px;max-width:940px}.eyebrow{color:var(--azure);font-size:.78rem;font-weight:850;letter-spacing:.11em;text-transform:uppercase}h1{font-size:clamp(2.5rem,6vw,4.8rem);letter-spacing:-.055em;line-height:.98;margin:.4rem 0 1.2rem}h2{font-size:clamp(1.55rem,3vw,2.3rem);line-height:1.15;letter-spacing:-.03em}h3{line-height:1.25}.lead{font-size:1.18rem;color:var(--muted);max-width:820px}.trust-row{display:flex;flex-wrap:wrap;gap:.55rem;padding:0;list-style:none}.trust-row li{background:#e4f7f4;color:#075f4d;padding:.42rem .72rem;border-radius:999px;font-size:.88rem;font-weight:750}.preview-note,.limitation{background:#fff5d9;border-left:4px solid #d68a00;padding:1rem}.architecture,.input-card,.result-card,.production{background:var(--paper);border:1px solid var(--line);border-radius:20px;padding:clamp(1.1rem,3vw,2rem);box-shadow:var(--shadow)}.architecture>div{display:flex;align-items:end;justify-content:space-between;gap:1rem}.architecture ol{list-style:none;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.8rem}.architecture li{background:linear-gradient(145deg,#eff7ff,#f9fcff);border:1px solid #d8e8f7;border-radius:14px;padding:1rem;min-height:170px}.architecture b{display:block;color:var(--azure);font-size:.8rem}.architecture strong,.architecture span{display:block}.architecture strong{margin:.35rem 0}.architecture span{color:var(--muted);font-size:.92rem}.assistant{display:grid;grid-template-columns:minmax(0,.78fr) minmax(0,1.22fr);align-items:start;gap:1.4rem;margin-top:1.5rem}.input-card label{display:block;font-weight:800;margin:.8rem 0 .25rem}.input-card select,.input-card textarea{width:100%;border:1px solid #9fb2c8;border-radius:10px;background:#fff;color:var(--ink);padding:.75rem;font:inherit}.input-card textarea{resize:vertical}.input-card select:focus-visible,.input-card textarea:focus-visible,button:focus-visible,a:focus-visible{outline:3px solid #f2a000;outline-offset:3px}.input-card #case-help{font-size:.88rem;color:var(--muted)}button{border:0;border-radius:10px;padding:.78rem 1rem;font:inherit;font-weight:800;cursor:pointer}.primary{background:var(--azure);color:#fff}.primary:hover{background:var(--azure-dark)}.secondary{background:#e2ebf5;color:var(--ink)}button:disabled{opacity:.48;cursor:not-allowed}.actions{display:flex;gap:.6rem}.status{min-height:1.5rem;font-weight:750}.result-card[hidden]{display:none}.result-card{border-top:5px solid var(--azure)}.result-head{display:flex;align-items:start;justify-content:space-between;gap:1rem}.result-head h2{margin-top:.3rem}.risk-badge{padding:.4rem .7rem;border-radius:999px;color:#fff;font-size:.82rem;font-weight:850;text-transform:uppercase}.risk-badge[data-risk="low"]{background:var(--good)}.risk-badge[data-risk="medium"]{background:var(--warn)}.risk-badge[data-risk="high"],.risk-badge[data-risk="critical"]{background:var(--danger)}.metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.7rem}.metrics article{background:var(--soft);border-radius:12px;padding:.9rem}.metrics span{display:block;color:var(--muted);font-size:.84rem}.metrics strong{font-size:1.45rem}.result-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.result-grid li{margin:.48rem 0}.approval{display:flex;align-items:center;justify-content:space-between;gap:1rem;background:#f1f6ff;border:1px solid #bcd2ed;border-radius:14px;padding:1rem;margin-top:1rem}.approval h3{margin:.25rem 0}.approval[data-state="approved"]{background:#e8f7f1;border-color:#8bc9b2}.approval[data-state="blocked"]{background:#fff0f0;border-color:#e0a2a2}.monitor{margin-top:1rem}.monitor dl{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.6rem}.monitor dl div{background:#f7f9fc;border-radius:10px;padding:.75rem}.monitor dt{font-size:.78rem;color:var(--muted)}.monitor dd{margin:0;font-weight:750;overflow-wrap:anywhere}.production{margin-top:1.5rem}.production>div{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.8rem}.production article{border-top:3px solid var(--cyan);background:var(--soft);border-radius:12px;padding:1rem}.production p{color:var(--muted)}footer{text-align:center;color:var(--muted);padding:3rem 1rem}
@media(max-width:960px){.architecture ol,.production>div{grid-template-columns:repeat(2,minmax(0,1fr))}.assistant{grid-template-columns:1fr}}@media(max-width:620px){main{padding:0 .85rem}.hero{padding-top:50px}.architecture ol,.production>div,.metrics,.result-grid,.monitor dl{grid-template-columns:1fr}.actions,.approval,.result-head{align-items:stretch;flex-direction:column}.actions button,.approval button{width:100%}.site-header{height:62px;font-size:.9rem}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}