*{box-sizing:border-box}body{margin:0;font:16px/1.6 system-ui,sans-serif;color:#1b2430;background:#f6f7f9}
.wrap{max-width:900px;margin:auto;padding:0 20px}header{background:#14213d;color:#fff;padding:56px 0}
h1{font-size:2.3rem;margin:0 0 10px}h2{margin-top:0}section{padding:44px 0;border-bottom:1px solid #e3e6ea}
.btn{display:inline-block;background:#fca311;color:#14213d;font-weight:700;padding:12px 22px;border-radius:8px;border:0;cursor:pointer;text-decoration:none;font-size:1rem}
textarea,input{width:100%;padding:12px;border:1px solid #c9ced6;border-radius:8px;font:inherit}textarea{min-height:110px}
.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:18px}.card{background:#fff;border-radius:12px;padding:24px;box-shadow:0 1px 4px #0001}
.price{font-size:2rem;font-weight:800}.out{background:#fff;border-left:4px solid #fca311;padding:14px;margin-top:12px;white-space:pre-wrap}
.note{background:#eef3ff;padding:16px;border-radius:10px}.test{background:#fff3cd;padding:6px 10px;border-radius:6px;font-size:.85rem}
footer{padding:30px 0;color:#667;font-size:.9rem}
.tpls{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:14px;margin:12px 0}
.tpl{background:#fff;border:2px solid #dde1e6;border-radius:10px;padding:10px;cursor:pointer;display:flex;flex-direction:column;gap:4px}
.tpl input{position:absolute;opacity:0}.tpl img{width:100%;border:1px solid #e3e6ea;border-radius:4px}
.tpl:has(input:checked){border-color:#fca311;box-shadow:0 0 0 3px #fca31144}.tpl small{color:#667}
.grid2{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:10px 14px;margin-bottom:10px}
label{display:block;font-weight:600;font-size:.92rem}label input,label select,label textarea{font-weight:400;margin-top:4px}
select{width:100%;padding:12px;border:1px solid #c9ced6;border-radius:8px;font:inherit}.hint{color:#556;font-size:.9rem;margin:0 0 6px}
.role{margin:12px 0}.metrics input{margin:0}.btn.ghost{background:#fff;border:2px solid #fca311}.link{background:none;border:0;color:#b33;cursor:pointer;padding:8px 0}
h2 small{font-weight:400;color:#667;font-size:.9rem}

.benefits{list-style:none;padding:0;margin:18px 0;display:grid;gap:8px;font-size:1.05rem}.benefits li:before{content:"✓ ";color:#2a9d5c;font-weight:700}.btn.ghost{background:transparent;color:#fff;border:2px solid #fff;margin-left:8px}

.hhero{background:linear-gradient(160deg,#14213d,#1d3461);color:#fff;padding:64px 0}.hhero h1{font-size:2.5rem;line-height:1.15;max-width:820px}.hhero .lead{color:#dbe2ef;font-size:1.12rem;max-width:760px}.eyebrow{color:#fca311;font-weight:700;letter-spacing:.06em;text-transform:uppercase;font-size:.85rem}.btn-lg{padding:15px 28px;font-size:1.08rem;border-radius:10px}
.step3{list-style:none;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.step3 li{background:#fff;border-radius:14px;padding:22px;box-shadow:0 1px 4px #0001}.step3 b{display:inline-grid;place-items:center;width:34px;height:34px;border-radius:50%;background:#14213d;color:#fca311}.step3 h3{margin:12px 0 6px}.step3 p{margin:0;color:#556}section.alt{background:#fff}.pkg{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.pkg .card{border:1px solid #e3e6ea}
.btn.soon{background:#d5dae2;color:#445;cursor:not-allowed}@media(max-width:760px){.step3,.pkg{grid-template-columns:1fr}.hhero h1{font-size:1.9rem}}
.lead2{color:#b8c4dc;max-width:740px}

.role{margin:12px 0}.roleh{margin:0 0 8px;font-size:1.05rem}.role .rm{margin-top:10px}#addRole{margin:8px 0 4px}

.req{display:inline-block;margin-left:6px;padding:1px 7px;border-radius:10px;background:#fde8e8;color:#a61b1b;font-size:.72rem;font-weight:700;vertical-align:middle}
label small.hint,small.hint{display:block;font-weight:400;color:#667;font-size:.82rem;margin-top:3px}
label.check{display:flex;gap:10px;align-items:center;font-weight:600;padding:12px;border:1px solid #d8dde6;border-radius:8px;cursor:pointer}label.check input{width:20px;height:20px;margin:0}
.fedh{background:#f3f6fb;border-left:4px solid #1f4e8c;padding:10px 12px;border-radius:6px}
@media (max-width:640px){.grid2{grid-template-columns:1fr!important}.role .rm,#addRole{width:100%}}

.stepbar{margin:8px 0 18px}.stepbar span{font-weight:700;color:#1f4e8c}.prog{height:6px;background:#e6eaf0;border-radius:4px;margin-top:6px}.prog i{display:block;height:100%;width:25%;background:#1f4e8c;border-radius:4px;transition:width .2s}
.intro{background:#f7f9fc;padding:10px 12px;border-radius:8px;color:#334}
details.tip{border:1px solid #d8dde6;border-radius:8px;padding:8px 12px;margin:10px 0;background:#fffdf5}details.tip summary{font-weight:700;cursor:pointer}details.tip ul{margin:6px 0 4px 18px;padding:0}details.tip li,details.tip p{font-size:.9rem;margin:3px 0}
.stepnav{display:flex;justify-content:space-between;gap:10px;margin:18px 0}.stepnav #next{margin-left:auto}
@media (max-width:640px){.stepnav .btn{flex:1}}
small.ex{display:block;color:#7a8290;font-size:.8rem;font-weight:400;margin-top:3px}small.opt{display:block;color:#9aa1ad;font-size:.75rem;font-style:italic;font-weight:400}
.metrics label{font-size:.9rem}
#back{background:#fff;color:#1f4e8c;border:2px solid #1f4e8c;font-weight:700}#back:hover{background:#eef3fa}