.shield-page{--accent:var(--shield)}.shield-page .eyebrow{color:#e0b678}.shield-page .btn:not(.secondary){border-color:var(--shield);background:#c99a5710}.shield-page .btn:hover{background:var(--shield);color:#071522}.shieldnav .wrap{scrollbar-width:thin;scrollbar-color:#9a794e #0b1927}.shieldnav a:hover,.shieldnav a.active{color:#f1c98f}.shieldnav a.active{box-shadow:inset 0 -2px #c99a57}.shieldnav a{min-height:30px;display:flex;align-items:center}
.shield-hero{background:radial-gradient(ellipse at 90% 10%,#59452838,transparent 65%),#091622}.shield-hero>.wrap{grid-template-columns:1fr 1.1fr;gap:40px}.shield-hero h1{font-size:clamp(34px,4vw,54px);line-height:1.12}.shield-hero figure{margin:0;border:1px solid #98774766;border-radius:22px;overflow:hidden;background:#0d1f2e}.shield-hero figure img{width:100%;height:auto;aspect-ratio:5/4;object-fit:contain;background:#d0d0c4}.shield-page figcaption{padding:12px 16px;font-size:11px;line-height:1.6;color:#c2c9ce}.shield-tags{display:flex;flex-wrap:wrap;gap:8px;margin:24px 0}.shield-tags span{font-size:11px;border:1px solid #b9925a55;background:#c99a5709;padding:7px 11px;border-radius:99px;color:#e7cfad}.shield-intro{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:start}.shield-intro p{color:var(--muted);margin-top:0}.shield-note{padding:20px 23px;border-left:3px solid var(--shield);background:#c99a570b;border-radius:0 14px 14px 0;color:#d9dfe3}.shield-note p{font-size:14px;margin:8px 0 0}.shield-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.shield-card{border:1px solid var(--line);border-radius:18px;padding:25px;background:linear-gradient(145deg,#142c3a,#0b1b28);min-width:0}.shield-icon{display:grid;place-items:center;width:48px;height:48px;border:1px solid #d5ac6d66;background:#c99a570c;border-radius:13px;margin-bottom:22px;color:#e1b778}.shield-icon svg{width:30px;height:30px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.shield-card h3{font-size:21px;line-height:1.3;margin:0 0 12px}.shield-card p{font-size:14px;color:var(--muted);margin:0}.shield-card small{display:block;margin-top:17px;padding-top:15px;border-top:1px solid var(--line);color:#dbbf96;font-size:12px}
.shield-design-grid{display:grid;grid-template-columns:1.08fr 1fr;gap:35px;align-items:center}.shield-design-grid figure{margin:0;background:#102332;border:1px solid var(--line);border-radius:20px;overflow:hidden}.shield-design-grid img{width:100%;aspect-ratio:16/11;object-fit:contain;background:#cccac1}.shield-parts{display:grid;gap:16px;counter-reset:part}.shield-part{position:relative;padding:2px 0 17px 55px;border-bottom:1px solid var(--line);counter-increment:part}.shield-part:before{content:'0' counter(part);position:absolute;left:0;top:0;display:grid;place-items:center;width:37px;height:37px;border:1px solid #a7855366;border-radius:50%;font-size:12px;color:#e8c799}.shield-part h3{font-size:17px;margin:0 0 5px}.shield-part p{font-size:14px;color:var(--muted);margin:0}.shield-design-foot{margin-top:24px}.shield-dual{display:grid;grid-template-columns:1fr 1fr;gap:20px}.shield-dual .shield-card{padding:30px}.shield-dual h3{font-size:27px}.shield-dual ul{padding-left:20px;color:#bdcbd5;font-size:15px}.shield-dual li{margin:12px 0}.shield-dual .shield-card:last-child{border-color:#c99a5780}.shield-dual .num{color:#e0b678;font-size:11px;letter-spacing:.13em;margin-bottom:15px}.shield-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.shield-step{padding:24px 20px;border:1px solid var(--line);border-top:3px solid #ab8958;border-radius:4px 4px 16px 16px;background:#102434}.shield-step>b{font:33px Georgia,serif;color:#d5ac6d}.shield-step h3{font-size:18px;margin:15px 0 10px}.shield-step p{font-size:14px;color:var(--muted);margin:0}.shield-deliverables{display:grid;grid-template-columns:1fr 1.4fr;gap:30px;align-items:center;margin-top:25px;padding:28px;border:1px solid var(--line);border-radius:18px}.shield-deliverables h3{margin:0;font-size:22px}.shield-deliverables p{margin:9px 0;color:var(--muted);font-size:14px}.shield-deliverables ul{margin:0;padding-left:20px;color:#cbd6df;font-size:14px}.shield-deliverables li{margin:8px 0}.shield-blog-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.shield-blog-card{overflow:hidden;border:1px solid var(--line);border-radius:20px;background:#102434;display:flex;flex-direction:column;min-width:0}.shield-blog-card>img{width:100%;height:205px;object-fit:cover}.shield-blog-copy{display:flex;flex-direction:column;flex:1;padding:24px}.shield-blog-copy>small{font-size:10px;color:#e2bb85;letter-spacing:.1em;text-transform:uppercase}.shield-blog-copy h3{font-size:22px;line-height:1.3;margin:13px 0}.shield-blog-copy p{font-size:14px;color:var(--muted);margin:0 0 22px}.shield-blog-copy button{margin-top:auto;align-self:flex-start}.shield-faq{margin-top:36px}.shield-faq h3{font-size:24px}.shield-faq details{padding:18px 0;border-bottom:1px solid var(--line)}.shield-faq summary{cursor:pointer;font-weight:600;padding-right:16px}.shield-faq p{color:var(--muted);font-size:14px;max-width:850px}.shield-article-modal[hidden]{display:none!important}.shield-article-modal{position:fixed;inset:0;z-index:210;display:grid;place-items:center;padding:26px;background:#020911de;backdrop-filter:blur(12px)}.shield-article-panel{position:relative;max-width:930px;width:100%;max-height:90vh;overflow:auto;background:#0c2030;border:1px solid #98774799;border-radius:22px;padding:38px;color:#edf4fa}.shield-article-close{position:sticky;top:0;float:right;z-index:2;border:1px solid #ad8c5f;background:#122d40;color:#fff;border-radius:10px;padding:9px 14px}.shield-article-panel h2{font-size:clamp(27px,4vw,38px);line-height:1.2;margin:20px 0}.shield-article-panel h3{font-size:21px;margin-top:28px}.shield-article-panel p{color:#c1d1dd;line-height:1.8}.shield-article-panel>img{width:100%;max-height:340px;object-fit:contain;border-radius:14px;background:#bdbfb9;margin:20px 0}.shield-reading{overflow:hidden}
@media(max-width:1000px){.shield-grid,.shield-blog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.shield-steps{grid-template-columns:repeat(2,minmax(0,1fr))}.shield-hero>.wrap,.shield-design-grid{gap:25px}.shield-hero h1{font-size:36px}}
@media(max-width:720px){.shield-hero>.wrap,.shield-intro,.shield-design-grid,.shield-dual,.shield-deliverables{grid-template-columns:1fr}.shield-hero h1{font-size:36px}.shield-hero figure img{aspect-ratio:5/3}.shield-hero figure{order:-1}.shield-intro{gap:16px}.shield-blog-card>img{height:180px}.shield-article-modal{padding:10px}.shield-article-panel{padding:22px;max-height:94vh}.shield-article-close{padding:8px 11px}.shield-deliverables{padding:22px;gap:15px}}
@media(max-width:480px){.shield-grid,.shield-blog-grid,.shield-steps{grid-template-columns:1fr}.shield-card{padding:23px}.shield-hero h1{font-size:33px}.shield-hero .hero-actions{gap:12px}.shield-hero .hero-actions .btn{white-space:normal;text-align:center}.shield-blog-card>img{height:205px}.shield-dual .shield-card{padding:24px}.shield-article-panel{padding:19px}.shieldnav .wrap{gap:20px}}

/* Preserve the supplied render proportions without letterbox bands. */
.shield-hero figure img,.shield-design-grid img{aspect-ratio:auto;height:auto}