
:root,:root[data-theme="dark"],:root:not([data-theme="light"]){--bg:#f2f5fb;--pn:#fff;--ink:#152444;--mut:#52627b;--ln:#dfe6f0;--ac:#315ae8;--ok:#087b62;--wa:#9b6500;--er:#b52d46;color-scheme:light}
body{font:17px/1.65 Manrope,system-ui,sans-serif;background:var(--bg)}header{background:#102143;color:#fff;border:0;padding:18px 28px}header .mut{color:#c0cde4}header .b.g{color:white;border-color:#657b9c}header b{font-size:23px}main{max-width:1440px;padding:28px;min-width:0}h1{font-size:34px;letter-spacing:-1px}h2{font-size:27px}h3{font-size:21px}
.pn,.card{border:1px solid #dfe6f0;border-radius:18px;padding:25px;box-shadow:0 5px 24px #18356208;margin-bottom:20px}.kp{gap:16px}.kp>div{padding:22px;border-radius:18px;border-top:4px solid #315ae8;box-shadow:0 5px 24px #18356208}.kp>div:nth-child(2n){border-top-color:#089785}.kp>div:nth-child(3n){border-top-color:#9659ce}.kp strong{font-size:32px}.big strong{font-size:40px}
.b{border-radius:10px;min-height:46px;padding:11px 17px;transition:transform .15s,box-shadow .15s}.b:hover{transform:translateY(-1px);box-shadow:0 4px 16px #315ae826}.b.g{background:#f5f7fc;border-color:#d5deed;color:#2447b7}input,select,textarea{background:#fff;padding:12px;border-color:#bcc9de}label{font-size:16px;font-weight:650}textarea{resize:vertical;min-height:110px}
.pro-hero{background:linear-gradient(120deg,#173c88,#375ee4 65%,#8055c8);color:#fff;border-radius:22px;padding:32px;display:flex;justify-content:space-between;align-items:center;gap:25px;margin-bottom:24px}.pro-hero h1{margin:5px 0}.pro-hero p{margin:8px 0;max-width:780px}.pro-hero .eyebrow{color:#d6e5ff;font-size:14px;letter-spacing:2px;text-transform:uppercase}.pro-hero .b{background:#fff;color:#2447b7}.pro-orb{width:110px;height:110px;flex-shrink:0;border:15px solid #ffffff20;border-radius:50%;display:grid;place-items:center;font-size:38px;font-weight:800}
.pro-nav{display:flex;gap:9px;flex-wrap:wrap;background:#fff;padding:14px;border-radius:16px;border:1px solid var(--ln);margin:0 0 24px}.pro-nav .b{font-size:16px}.pro-nav .active{background:#315ae8;color:white}.pro-nav .b.g{border:0}.pro-grid{display:grid;grid-template-columns:1.5fr 1fr;gap:22px}.pro-actions{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px}.pro-action{background:#fff;border:1px solid #d8e2f0;border-radius:17px;text-align:left;padding:22px;font:inherit;cursor:pointer;color:var(--ink);border-left:5px solid #315ae8}.pro-action b,.pro-action small{display:block}.pro-action b{font-size:20px}.pro-action small{font-size:15px;margin-top:8px;color:#52627b}.pro-action:nth-child(2n){border-left-color:#069b89}.pro-action:nth-child(3n){border-left-color:#9252c3}
.pro-chart{width:100%;height:160px;display:block}.pro-chart rect{fill:#4870ed}.pro-chart text{font-size:13px;fill:#52627b}.pro-chart rect:hover{fill:#08a18c}.pro-status{display:inline-flex;gap:8px;align-items:center;background:#e6f6f0;color:#08624e;padding:7px 12px;border-radius:30px;font-size:14px;font-weight:700}.pro-status i{width:8px;height:8px;border-radius:50%;background:#099577}
.pro-steps{counter-reset:step}.pro-steps p{padding:14px 16px 14px 55px;border-radius:12px;background:#f1f5fc;position:relative}.pro-steps p:before{counter-increment:step;content:counter(step);position:absolute;left:15px;top:15px;background:#315ae8;color:white;border-radius:50%;width:27px;height:27px;text-align:center}
th{background:#edf2fc;color:#203961}td,th{padding:15px 12px}tr:hover td{background:#f7f9ff}.sc{border:1px solid #e1e7f1;border-radius:13px;overflow:auto}.en{font-size:16px;background:#f1f5fb;padding:16px;border-left:3px solid #b6c7ea}.pro-pill{background:#edf1fb;color:#2447b7;border-radius:20px;padding:4px 10px;font-size:14px}.pro-note{background:#fff5d9;border:1px solid #efd393;padding:17px;border-radius:12px}
#writing-output{min-height:250px}.writing-checks{display:grid;gap:10px;margin:16px 0}.writing-checks label{background:#edf7f4;border-radius:9px;padding:12px}.writing-checks input{width:auto;margin-right:9px}.pro-help-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:18px}.help-card{background:#f3f6fc;border:1px solid #d6e1f0;border-radius:15px;padding:22px}.help-card h3{margin-top:0}
@keyframes pro-enter{from{opacity:.3;transform:translateY(5px)}to{opacity:1;transform:none}}.pro-hero,.kp>div,.pro-action{animation:pro-enter .3s ease-out}#pilotage-guide{max-height:76vh;overflow:auto;border:0;box-shadow:0 16px 70px #10214355;padding:25px}#guide-progress{font-size:14px;color:#315ae8;font-weight:700}.guide-example{background:#edf4ff;border-radius:10px;padding:14px}.guide-check{background:#e9f7ef;padding:12px;border-radius:10px}.guide-buttons{margin-top:18px}
@media(max-width:800px){main{padding:16px}.pro-grid{grid-template-columns:1fr}.pro-hero{padding:23px;display:block}.pro-orb{display:none}h1{font-size:27px}.pro-nav{gap:6px}.pro-nav .b{font-size:15px;padding:9px}.pn{padding:18px}.kp{grid-template-columns:repeat(2,minmax(0,1fr))}.kp strong{font-size:25px}header{padding:16px}.pro-actions{grid-template-columns:1fr}.pro-help-grid{grid-template-columns:1fr}.hr{grid-template-columns:40px minmax(0,1fr)}.hr>.b{grid-column:2}.g2{grid-template-columns:1fr}#md>div{max-width:95vw}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

header .b.g{background:#243c65;color:#fff;border:1px solid #8198b8}header .b.g:hover{background:#315280}header .tm{color:#63e4bd}
