/* krelIT lead magnets and source-backed editorial pages */
.lead-shell{--ink:#141b1a;--paper:#f5f3ee;--orange:#f37a42;--muted:#5b625f;background:var(--paper);color:var(--ink);min-height:70vh;font-family:system-ui,-apple-system,Segoe UI,sans-serif}
.lead-shell *, .lead-shell *::before,.lead-shell *::after{box-sizing:border-box}
.lead-shell .container{width:min(1180px,calc(100% - 3rem));margin-inline:auto}
.lead-hero{background:radial-gradient(circle at 85% 40%,#40514a 0%,transparent 31%),linear-gradient(115deg,#101817,#202a26);color:#f5f3ee;padding:clamp(5rem,9vw,9rem) 0 clamp(4rem,7vw,6rem);position:relative;overflow:hidden}
.lead-hero:before{content:"";position:absolute;inset:0;background-image:linear-gradient(#ffffff08 1px,transparent 1px),linear-gradient(90deg,#ffffff08 1px,transparent 1px);background-size:46px 46px;mask-image:linear-gradient(90deg,transparent,#000)}
.lead-hero>.container{position:relative}
.lead-hero-grid{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(220px,.8fr);align-items:center;gap:4rem}
.lead-eyebrow{font-size:.78rem!important;text-transform:uppercase;letter-spacing:.16em;font-weight:760;margin:0 0 1.25rem;color:var(--orange)}
.lead-eyebrow span{display:inline-block;width:9px;height:9px;background:var(--orange);border-radius:50%;margin-right:.5rem}
.lead-hero h1{font-size:clamp(2.6rem,5.8vw,5.8rem);max-width:1000px;line-height:1.05;letter-spacing:-.065em;margin:0 0 1.6rem;font-weight:750}
.lead-hero h1 em{font-style:normal;color:var(--orange)}
.lead-intro{font-size:clamp(1.08rem,1.9vw,1.32rem);line-height:1.65;max-width:750px;color:#d9e0dc;margin:0 0 1.5rem}
.lead-pill-list{display:flex;flex-wrap:wrap;gap:.65rem}
.lead-pill-list span{font-size:.76rem;border:1px solid #ffffff30;border-radius:999px;padding:.48rem .85rem;color:#edf0ed}
.lead-orbit{height:300px;width:min(100%,340px);position:relative;margin:auto;display:grid;place-items:center}
.orbit-ring{position:absolute;border-radius:50%;border:1px solid #f37a4270;box-shadow:0 0 45px #f37a4215}
.orbit-ring-a{height:68%;aspect-ratio:1;transform:rotate(-25deg) scaleY(.67)}
.orbit-ring-b{height:90%;aspect-ratio:1;transform:rotate(38deg) scaleY(.7)}
.orbit-core{width:130px;height:130px;display:grid;place-items:center;border-radius:27px;background:linear-gradient(135deg,#f37a42,#873c21);box-shadow:0 0 60px #f37a424b;color:#161b18;font-size:3.5rem;font-weight:850}
.orbit-label{position:absolute;background:#17201f;border:1px solid #f37a4280;border-radius:9px;padding:.75rem;font-size:.72rem;color:#f5f3ee}
.orbit-label-a{left:0;top:15%}.orbit-label-b{right:0;top:25%}.orbit-label-c{right:5%;bottom:15%}
.lead-section{padding:clamp(3.2rem,7vw,6rem) 0}
.lead-content{max-width:1050px}
.lead-panel,.lead-results,.lead-article-teaser{background:#fffefa;border:1px solid #dedfd7;border-radius:18px;padding:clamp(1.5rem,3.5vw,3rem);box-shadow:0 15px 45px #141b1a07}
.lead-panel h2,.lead-results h2,.lead-next h2{font-size:clamp(1.65rem,3vw,2.5rem);letter-spacing:-.045em;line-height:1.15;margin:0 0 1.5rem}
.lead-form label:not(.lead-consent){display:block;font-weight:750;margin:1rem 0 .6rem}
.lead-inline-form{display:flex;gap:.6rem}
.lead-inline-form input{min-width:0;flex:1;border:1px solid #b4b9b2;border-radius:8px;padding:1rem;font:inherit;color:var(--ink);background:#fff}
.lead-inline-form input:focus,.lead-consent input:focus{outline:2px solid var(--orange);outline-offset:2px}
.lead-inline-form button,.lead-cta{display:inline-flex;align-items:center;justify-content:center;background:var(--orange);color:#141b1a!important;text-decoration:none;border:1px solid #e06f39;border-radius:8px;padding:1rem 1.35rem;font:inherit;font-weight:760;cursor:pointer;min-height:52px}
.lead-inline-form button:hover,.lead-cta:hover{background:#ff9866}
.lead-consent{display:flex;gap:.7rem;align-items:flex-start;margin:1.2rem 0 .5rem;line-height:1.55;font-size:.88rem}
.lead-consent input{margin-top:.3rem;accent-color:#d75e26}
.lead-shell a:not(.lead-cta){text-underline-offset:.2em;color:#a7471e}
.lead-small{font-size:.85rem!important;color:var(--muted);line-height:1.6;overflow-wrap:anywhere}
.lead-alert{padding:1rem 1.3rem;margin-top:1.5rem;border:1px solid #e6b2a0;border-radius:10px;background:#fff0e8;color:#682c18}
.lead-alert p{margin:.4rem 0 0}
.lead-results{margin-top:2rem}
.lead-results h3{font-size:1.3rem;letter-spacing:-.02em;margin:2rem 0 1rem}
.lead-score-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem;margin:2rem 0}
.lead-score{padding:1.4rem 1rem;border:1px solid #dee1da;border-radius:12px;display:flex;flex-direction:column;gap:.35rem}
.lead-score-value{font-size:clamp(1.6rem,3vw,2.5rem);font-weight:850;color:#ac3d13}
.lead-score-good .lead-score-value{color:#316c50}.lead-score-mid .lead-score-value{color:#9b6a11}
.lead-score strong{font-size:.95rem}.lead-score>span:last-child{font-size:.74rem;color:var(--muted)}
.lead-metrics{display:flex;flex-wrap:wrap;gap:1rem}
.lead-metrics>div{background:#f5f3ee;border-radius:9px;padding:1rem;min-width:170px;display:grid;gap:.5rem}
.lead-metrics strong{font-size:1.1rem}
.lead-findings{padding-left:1.2rem;line-height:1.9}
.lead-next{background:#141b1a;color:#f5f3ee;border-radius:17px;padding:clamp(1.5rem,3.5vw,3rem);display:flex;justify-content:space-between;gap:2rem;align-items:center;margin-top:2rem}
.lead-next>div{max-width:630px}.lead-next h2,.lead-next h3{font-size:clamp(1.4rem,2.5vw,2rem);line-height:1.18;margin:0 0 .7rem}.lead-next p{line-height:1.65;color:#d9e0dc;margin-bottom:0}
.lead-cta{flex-shrink:0}.lead-cta-light{background:transparent;color:#f5f3ee!important;border-color:#f37a42}
.lead-details{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;margin-top:3rem}
.lead-details article{border-top:1px solid #adb7ae;padding-top:1.2rem}
.lead-details span{color:#a7471e;font-weight:750}.lead-details h3{font-size:1.2rem;margin:.65rem 0}.lead-details p{font-size:.93rem;line-height:1.7;color:var(--muted)}
.lead-bottom-link{margin:2.5rem 0;font-size:.94rem}
.lead-article-list{display:grid;gap:1.3rem}
.lead-article-teaser h2{font-size:clamp(1.4rem,2.7vw,2rem);letter-spacing:-.03em;line-height:1.2}
.lead-article-teaser h2 a{color:#141b1a!important}.lead-article-teaser p{color:var(--muted);line-height:1.7}
.lead-teaser-meta{display:flex;gap:1rem;align-items:center;font-size:.8rem;color:#dbe6dc;margin-bottom:1.3rem}
.lead-article-teaser .lead-teaser-meta{color:var(--muted)}
.lead-severity{display:inline-block;background:#f37a42;color:#141b1a;border-radius:4px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;padding:.36rem .6rem}
.lead-cves{font-family:monospace}
.lead-breadcrumb{margin-bottom:2rem;display:flex;gap:.8rem;color:#f5f3ee;font-size:.83rem}
.lead-breadcrumb a{color:#f5f3ee!important}
.lead-security-hero h1{max-width:1100px;font-size:clamp(2.2rem,5.2vw,5rem)}
.lead-prose{max-width:900px;font-size:1.03rem;line-height:1.8}
.lead-prose h2{margin:2.6rem 0 1rem;font-size:clamp(1.55rem,2.7vw,2.2rem);letter-spacing:-.04em}
.lead-prose h2:first-of-type{margin-top:0}
.lead-prose p{color:#3c4640;margin:0 0 1.25rem}
.lead-article-section{border-bottom:1px solid #d5d9d2;padding:1.7rem 0}
.lead-table-wrap{overflow-x:auto}
.lead-table-wrap table{width:100%;border-collapse:collapse;min-width:450px}
.lead-table-wrap td,.lead-table-wrap th{text-align:left;padding:.85rem;border-bottom:1px solid #d5d9d2}
.lead-table-wrap th{font-weight:750}.lead-table-wrap thead{background:#e9ebe3}
.lead-sources ol{padding-left:1.5rem}.lead-sources li{padding-bottom:.7rem}
.lead-related-links{display:flex;flex-wrap:wrap;justify-content:space-between;gap:2rem;margin-top:2rem}
@media(max-width:800px){.lead-hero-grid{grid-template-columns:1fr}.lead-orbit{display:none}.lead-score-grid{grid-template-columns:repeat(2,1fr)}.lead-next{display:block}.lead-next .lead-cta{margin-top:1.25rem}.lead-details{grid-template-columns:1fr}}
@media(max-width:520px){.lead-shell .container{width:calc(100% - 2.25rem)}.lead-hero{padding-top:4rem}.lead-inline-form{flex-direction:column}.lead-score-grid{gap:.65rem}.lead-score{padding:1rem .75rem}.lead-pills-list{gap:.5rem}}
@media(prefers-reduced-motion:no-preference){.orbit-ring-a{animation:lead-orbit-a 13s linear infinite}.orbit-ring-b{animation:lead-orbit-b 19s linear infinite}@keyframes lead-orbit-a{from{transform:rotate(-25deg) scaleY(.67)}to{transform:rotate(335deg) scaleY(.67)}}@keyframes lead-orbit-b{from{transform:rotate(38deg) scaleY(.7)}to{transform:rotate(398deg) scaleY(.7)}}}
