/* Build 20 – targeted professional refinement */
:root{--b20-navy:#031526;--b20-card:#08263b;--b20-cyan:#16c9ff;--b20-blue:#1577ff;--b20-text:#eaf7ff;--b20-muted:#a9c4d7}
.b20-hero{background:linear-gradient(135deg,#031526 0%,#082a45 60%,#06497a 100%);padding:clamp(3rem,7vw,6.5rem) 0;color:#fff;overflow:hidden}.b20-hero-grid{display:grid;grid-template-columns:minmax(0,.92fr) minmax(420px,1.08fr);align-items:center;gap:clamp(2rem,5vw,5rem)}.b20-hero h1{font-size:clamp(2.2rem,4.5vw,4.5rem);line-height:1.04;margin:.35rem 0 1rem;max-width:12ch}.b20-hero p{font-size:clamp(1rem,1.4vw,1.22rem);line-height:1.7;color:#d6e9f6;max-width:62ch}.b20-hero-visual{width:100%;aspect-ratio:1.9/1;object-fit:cover;border-radius:28px;box-shadow:0 30px 70px rgba(0,0,0,.38);border:1px solid rgba(68,205,255,.25)}
.b20-section{padding:clamp(3.4rem,7vw,6rem) 0}.b20-section.alt{background:#f1f7fb}.b20-heading{max-width:760px;margin-bottom:2rem}.b20-heading h2{font-size:clamp(1.8rem,3vw,3rem);line-height:1.12;margin:.35rem 0 .8rem;color:#05233a}.b20-heading p{font-size:1.06rem;line-height:1.75;color:#405e72}.b20-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.25rem}.b20-card{display:flex;flex-direction:column;min-height:100%;padding:1.55rem;border-radius:22px;background:#fff;border:1px solid #d9e7f0;box-shadow:0 14px 36px rgba(4,36,58,.08);color:#092a42;text-decoration:none!important}.b20-card:hover{transform:translateY(-4px);box-shadow:0 20px 46px rgba(4,36,58,.13)}.b20-card h2,.b20-card h3{margin:.65rem 0 .55rem;color:#05233a}.b20-card p{line-height:1.65;color:#49677a}.b20-card .button{margin-top:auto;align-self:flex-start}.b20-icon{display:grid;place-items:center;width:54px;height:54px;border-radius:16px;color:#fff;background:linear-gradient(145deg,#117fff,#14cfff);box-shadow:0 10px 25px rgba(15,128,255,.25)}.b20-icon svg{width:30px;height:30px;fill:none;stroke:currentColor;stroke-width:1.7}.b20-product-image{width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:18px;margin-bottom:1rem}.b20-product-icon{width:90px;height:90px;object-fit:cover;border-radius:22px;box-shadow:0 12px 28px rgba(4,34,55,.16)}
.b20-tools-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.4rem}.b20-tool-card{padding:2rem;border-radius:24px;background:linear-gradient(145deg,#fff,#eef8ff);border:1px solid #d3e7f4;box-shadow:0 16px 42px rgba(4,35,56,.09)}.b20-local{display:inline-flex;align-items:center;gap:.45rem;padding:.4rem .7rem;border-radius:999px;background:#dff8ef;color:#096649;font-weight:700;font-size:.85rem}
.password-tool{max-width:900px;margin:0 auto;padding:clamp(1.3rem,4vw,2.4rem);background:#fff;border:1px solid #d7e6ef;border-radius:26px;box-shadow:0 22px 55px rgba(3,31,52,.11)}.password-output{display:grid;grid-template-columns:1fr auto;gap:.75rem;margin:1.2rem 0}.password-output output{display:block;min-height:58px;padding:1rem;border-radius:14px;background:#071f33;color:#eefdff;font:700 1.05rem/1.5 ui-monospace,SFMono-Regular,Consolas,monospace;overflow-wrap:anywhere}.password-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem 1.2rem;margin:1.2rem 0}.password-options label{display:flex;gap:.65rem;align-items:center;padding:.8rem 1rem;border:1px solid #d7e6ef;border-radius:12px;font-weight:650}.password-length{display:grid;grid-template-columns:1fr auto;gap:.8rem;align-items:center}.password-length input{grid-column:1/-1;width:100%}.strength-track{height:9px;border-radius:999px;background:#dce8ef;overflow:hidden;margin:.8rem 0}.strength-fill{height:100%;width:0;background:#ef675e;transition:width .2s,background .2s}.tool-status{min-height:1.5em;color:#31586f}.button-row.wrap{flex-wrap:wrap}
.platform-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.2rem}.platform-card{padding:1.5rem;border:1px solid #d7e6ef;border-radius:22px;background:#fff;box-shadow:0 12px 32px rgba(2,37,60,.07)}.platform-card .availability{display:inline-block;margin:.25rem 0 .8rem;padding:.35rem .65rem;border-radius:999px;background:#e8f3fa;color:#20506d;font-weight:750;font-size:.78rem}.platform-card ul{padding-left:1.1rem;line-height:1.7;color:#49677a}.platform-card a:not(.button){font-weight:750;color:#096bd8}.platform-hero{display:flex;align-items:center;gap:1rem}.platform-hero .b20-icon{flex:0 0 auto}
.company-path{counter-reset:step}.company-step{position:relative;padding-left:4rem}.company-step:before{counter-increment:step;content:counter(step);position:absolute;left:0;top:0;display:grid;place-items:center;width:2.7rem;height:2.7rem;border-radius:50%;background:#0d80ef;color:#fff;font-weight:800}
.mega-nav details.open-by-hover>.nav-panel{display:block}.account-panel{font-size:.98rem;line-height:1.55;min-width:min(360px,92vw)}.account-panel input{min-height:46px;font-size:1rem}.account-quick-actions a{line-height:1.35;padding:.75rem .85rem}.site-nav .nav-panel a{text-decoration:none!important}.b18-service-grid a{text-decoration:none!important}.b18-service-grid a h2{text-decoration:none!important}
@media(max-width:980px){.b20-hero-grid{grid-template-columns:1fr}.b20-hero-visual{max-width:760px}.b20-grid,.platform-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:680px){.b20-hero{padding:2.7rem 0}.b20-hero-grid,.b20-tools-grid,.b20-grid,.platform-grid,.password-options{grid-template-columns:1fr}.b20-hero-visual{border-radius:18px}.password-output{grid-template-columns:1fr}.password-output .button{width:100%}.b20-card,.b20-tool-card,.platform-card{padding:1.25rem}}