.utility-shell{background:linear-gradient(180deg,#f6f8fb 0,#fff 38%);min-height:72vh;padding:3.5rem 1rem 5rem}.utility-wrap{max-width:1080px;margin:auto}.utility-kicker{display:inline-flex;align-items:center;gap:.45rem;border:1px solid #d8c27a;background:#fffaf0;color:#8b6200;border-radius:999px;padding:.45rem .8rem;font-size:.75rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.utility-hero h1{font-family:"Plus Jakarta Sans",Inter,sans-serif;color:#0b1f3b;font-size:clamp(2.1rem,5vw,3.8rem);letter-spacing:-.045em;line-height:1.04;margin:1rem 0 .8rem}.utility-hero p{max-width:760px;color:#50627a;font-size:1.08rem;line-height:1.7}.utility-trust{display:flex;flex-wrap:wrap;gap:.6rem 1rem;margin:1.3rem 0 2rem;color:#24415f;font-size:.85rem;font-weight:700}.utility-trust span:before{content:"✓";color:#09816f;margin-right:.4rem}.utility-panel{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:1.1rem;background:#fff;border:1px solid #dfe5ec;border-radius:22px;box-shadow:0 22px 60px rgba(11,31,59,.09);padding:1.25rem}.utility-column{min-width:0}.utility-label{display:block;color:#0b1f3b;font-size:.78rem;font-weight:800;letter-spacing:.055em;text-transform:uppercase;margin:0 0 .5rem}.utility-textarea,.utility-input,.utility-select{width:100%;box-sizing:border-box;border:1.5px solid #cfd8e3;border-radius:12px;background:#fbfcfe;color:#10223c;font:500 .95rem/1.55 Inter,sans-serif;padding:.8rem .9rem;outline:none;transition:.18s}.utility-textarea{min-height:260px;resize:vertical}.utility-textarea:focus,.utility-input:focus,.utility-select:focus{border-color:#b68a16;box-shadow:0 0 0 3px rgba(211,161,24,.13);background:#fff}.utility-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.85rem;margin-bottom:.9rem}.utility-field.full{grid-column:1/-1}.utility-actions{display:flex;flex-wrap:wrap;gap:.65rem;margin-top:.85rem}.utility-btn{border:0;border-radius:11px;padding:.78rem 1rem;font:800 .9rem Inter,sans-serif;cursor:pointer}.utility-btn.primary{background:#143462;color:#fff;box-shadow:0 8px 20px rgba(20,52,98,.2)}.utility-btn.secondary{background:#f0f3f7;color:#17314f}.utility-output{min-height:260px;white-space:pre-wrap;overflow:auto;background:#0b1f3b;color:#eef4fb;border-radius:12px;padding:1rem;font:500 .92rem/1.65 ui-monospace,SFMono-Regular,Consolas,monospace}.utility-output.is-error{background:#4c1720;color:#fff1f2}.utility-result-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.7rem}.utility-stat{background:#f5f7fa;border:1px solid #e0e6ed;border-radius:12px;padding:.9rem}.utility-stat strong{display:block;color:#0b1f3b;font-size:1.3rem}.utility-stat span{color:#617188;font-size:.78rem}.utility-note{margin-top:1rem;padding:.9rem 1rem;border-radius:12px;background:#eef7f5;color:#245b52;font-size:.83rem;line-height:1.55}.utility-footer-note{text-align:center;color:#6c7b8f;font-size:.8rem;margin-top:1.2rem}.utility-file{display:block;border:1.5px dashed #bdc9d6;border-radius:14px;padding:1.25rem;background:#fafbfd;width:100%;box-sizing:border-box}.contrast-preview{border-radius:12px;min-height:150px;display:grid;place-items:center;padding:1rem;text-align:center;font-weight:800;font-size:1.2rem}.utility-faq{margin-top:2rem;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.8rem}.utility-faq article{border:1px solid #e0e6ed;border-radius:14px;padding:1rem;background:#fff}.utility-faq h2{font-size:.95rem;color:#10223c;margin:0 0 .45rem}.utility-faq p{font-size:.84rem;color:#607087;line-height:1.55;margin:0}@media(max-width:760px){.utility-panel{grid-template-columns:1fr}.utility-fields,.utility-faq{grid-template-columns:1fr}.utility-textarea,.utility-output{min-height:220px}}