@charset "UTF-8";.ssl-intro{padding:3.5rem 0;background:#fff;scroll-margin-top:100px}.ssl-flow{padding:3.5rem 0;background:var(--c-soft)}.ssl-types{padding:3.5rem 0;background:#fff}.sh-feats{padding:3.5rem 0 0}.ssl-cert-card{background:#fff;border:1px solid var(--c-bdr);border-radius:16px;padding:1.2rem;box-shadow:0 18px 40px -22px #102a4c47}.ssl-cert-top{display:flex;align-items:center;gap:.6rem;padding-bottom:.75rem;margin-bottom:.85rem;border-bottom:1px solid var(--c-bdr)}.ssl-lock-icon{width:34px;height:34px;background:#15579c14;border:1px solid rgba(21,87,156,.18);border-radius:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.ssl-cert-title{font-size:.74rem;font-weight:900;color:var(--c-dark);display:block}.ssl-cert-sub{font-size:.58rem;color:var(--c-muted);display:block}.ssl-badge-ok{margin-left:auto;font-size:.54rem;font-weight:800;text-transform:uppercase;letter-spacing:.06em;color:#16a34a;background:#22c55e1f;border:1px solid rgba(34,197,94,.3);border-radius:6px;padding:.18rem .5rem}.ssl-sec-label{font-size:.52rem;font-weight:800;text-transform:uppercase;letter-spacing:.09em;color:var(--c-muted);margin:.2rem 0 .45rem}.ssl-cert-row{display:flex;justify-content:space-between;align-items:center;padding:.32rem 0;border-bottom:1px solid var(--c-soft)}.ssl-cert-row:last-child{border-bottom:none}.ssl-cert-key{font-size:.6rem;color:var(--c-muted);font-weight:600}.ssl-cert-val{font-size:.62rem;color:var(--c-dark);font-weight:700;font-family:monospace}.ssl-pill.grn{font-size:.55rem;font-weight:800;border-radius:5px;padding:.12rem .45rem;background:#22c55e1f;color:#16a34a}.ssl-auto{margin-top:.85rem;background:var(--c-soft);border:1px solid var(--c-bdr);border-radius:10px;padding:.7rem .8rem}.ssl-auto-head{display:flex;align-items:center;gap:.5rem;margin-bottom:.4rem}.ssl-auto-title{font-size:.62rem;font-weight:900;color:var(--c-dark)}.ssl-auto-row{display:flex;justify-content:space-between;font-size:.58rem;color:var(--c-muted);padding:.12rem 0}.ssl-auto-row b{color:var(--c-dark);font-family:monospace;font-weight:700}.ssl-actions{display:flex;gap:.5rem;margin-top:.85rem}.ssl-act-btn{flex:1;text-align:center;font-size:.58rem;font-weight:700;border-radius:6px;padding:.4rem}.ssl-act-btn.solid{background:#16a34a;color:#fff}.ssl-act-btn.outline{background:#fff;border:1px solid var(--c-bdr);color:var(--c-blue)}.ssl-flow-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem;position:relative}.ssl-flow-grid:before{content:"";position:absolute;top:23px;left:calc(12.5% + 24px);right:calc(12.5% + 24px);height:1px;background:var(--c-bdr);z-index:0}.ssl-step{text-align:center;position:relative;z-index:1}.ssl-step-num{width:46px;height:46px;border-radius:50%;background:var(--c-blue);color:#fff;font-size:1.05rem;font-weight:900;display:flex;align-items:center;justify-content:center;margin:0 auto 1rem}.ssl-step h4{font-size:.88rem;font-weight:900;color:var(--c-dark);margin-bottom:.35rem;line-height:1.3}.ssl-step p{font-size:.78rem;color:var(--c-muted);line-height:1.6}.ssl-types-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.25rem}.ssl-type-card{background:var(--c-soft);border:1px solid var(--c-bdr);border-radius:12px;padding:1.4rem}.ssl-type-card.highlight{background:#fff;border-color:var(--c-blue);box-shadow:0 4px 20px #15579c1a}.ssl-type-badge{display:inline-block;background:#15579c1a;color:var(--c-blue);border-radius:6px;padding:.18rem .6rem;font-size:.62rem;font-weight:700;text-transform:uppercase;letter-spacing:.07em;margin-bottom:.75rem}.ssl-type-card.highlight .ssl-type-badge{background:var(--c-blue);color:#fff}.ssl-type-card h4{font-size:.92rem;font-weight:900;color:var(--c-dark);margin-bottom:.35rem}.ssl-type-card p{font-size:.79rem;color:var(--c-muted);line-height:1.6;margin-bottom:.75rem}.ssl-type-list{list-style:none;padding:0;margin:0}.ssl-type-list li{font-size:.78rem;color:var(--c-sec);padding:.22rem 0;display:flex;align-items:center;gap:.5rem}.ssl-type-list li:before{content:"\2713";color:var(--c-blue);font-weight:900;font-size:.75rem;flex-shrink:0}.ssl-free-note{text-align:center;font-size:.8rem;color:var(--c-muted);margin-top:1.5rem}.ssl-free-note strong{color:var(--c-dark);font-weight:800}@media(max-width:767px){.ssl-flow-grid{grid-template-columns:repeat(2,1fr)}.ssl-flow-grid:before{display:none}.ssl-types-grid{grid-template-columns:1fr}}