@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--blue:#0759d8;--deep:#071e40;--navy:#112d56;--sky:#eaf4ff;--pale:#f5f9fd;--cyan:#2faeea;--muted:#64768c;--border:#e1e9f3;--white:#fff}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--deep);background:white;font:15px/1.7 'DM Sans',Arial,sans-serif}a{text-decoration:none;color:inherit}button,input,textarea,select{font:inherit}button{cursor:pointer}img{display:block;max-width:100%}.container{max-width:1240px;width:calc(100% - 64px);margin:auto}.eyebrow{text-transform:uppercase;color:var(--blue);font-size:11px;font-weight:800;letter-spacing:2.5px}.muted{color:var(--muted)}h1,h2,h3,h4{font-family:'Manrope',Arial,sans-serif;line-height:1.18;letter-spacing:-.045em}h1{font-size:clamp(43px,5vw,68px);margin:18px 0 22px}h2{font-size:clamp(30px,3.2vw,43px);margin:10px 0 13px}h3{font-size:20px;margin:0 0 9px}p{margin:0 0 18px}.small{font-size:12px}.topline{height:5px;background:linear-gradient(90deg,#0354ce,#21abe9 60%,#6bd0f8)}.utility{background:#0c2856;color:#cfe1f5;font-size:11px}.utility .container{min-height:32px;display:flex;align-items:center;justify-content:space-between;gap:20px}.utility a:hover{color:white}.header{background:rgba(255,255,255,.98);border-bottom:1px solid #e5edf5;position:sticky;top:0;z-index:40;box-shadow:0 2px 9px #071e4005}.header .container{min-height:82px;display:flex;align-items:center;justify-content:space-between;gap:24px}.logo{display:inline-flex;align-items:center;gap:12px;flex-shrink:0}.logo-mark{font:italic 900 36px/.9 Arial,sans-serif;letter-spacing:-4.5px;color:var(--blue);padding-right:6px}.logo-meta{border-left:1px solid #b9cadf;padding-left:10px;display:flex;flex-direction:column;font-size:10px;line-height:1.4;letter-spacing:1px;font-weight:800;color:var(--navy)}.logo-meta em{font-style:normal;font-size:9px;color:#7692ad}.nav{display:flex;align-items:center;gap:24px}.nav a{font-size:13px;font-weight:700;color:#38516f;transition:color .2s}.nav a:hover,.nav a.active{color:var(--blue)}.header .actions{display:flex;gap:12px;align-items:center}.mobile-toggle{display:none;border:none;background:transparent;font-size:25px;color:var(--deep)}.btn{border:1px solid transparent;border-radius:8px;display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:13px 20px;white-space:nowrap;font-weight:800;font-size:13px;transition:transform .2s,background .2s}.btn:hover{transform:translateY(-2px)}.btn-primary{background:var(--blue);color:white;box-shadow:0 9px 22px #0e60df26}.btn-primary:hover{background:#0346b2}.btn-white{background:#fff;color:var(--blue)}.btn-border{border-color:#bbd0e8;background:white;color:var(--deep)}.btn-ghost{border-color:#ffffff77;color:white;background:transparent}.section{padding:94px 0}.section-tight{padding:68px 0}.section-muted{background:var(--pale)}.section-head{display:flex;justify-content:space-between;align-items:end;gap:22px;margin-bottom:33px}.section-head p{max-width:600px;color:var(--muted)}.plain-link{color:var(--blue);font-weight:800;font-size:13px}.hero{background:linear-gradient(118deg,#061b40 0%,#0a3974 65%,#1055a6 100%);position:relative;overflow:hidden;color:white}.hero:before{content:'';width:650px;height:650px;border:1px solid #ffffff1f;border-radius:100%;position:absolute;right:-70px;top:-80px;box-shadow:0 0 0 110px #ffffff07,0 0 0 220px #ffffff06}.hero .container{display:grid;grid-template-columns:1.02fr 1fr;align-items:center;gap:30px;min-height:620px;position:relative}.hero .eyebrow{color:#80d6ff}.hero h1{max-width:640px}.hero h1 span{color:#83d8ff}.hero p{color:#c5dbf6;max-width:510px;font-size:17px}.hero-buttons{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}.hero-pills{margin:40px 0 0;display:flex;gap:18px;flex-wrap:wrap;color:#a5c5e9;font-size:11px;letter-spacing:1.3px;text-transform:uppercase;font-weight:800}.hero-visual{height:505px;position:relative}.hero-image{position:absolute;border-radius:16px;background:linear-gradient(145deg,#fff,#f0f8ff);padding:12px;box-shadow:0 28px 65px #0004;display:flex;align-items:center;justify-content:center}.hero-image img{width:100%;height:100%;object-fit:contain}.hero-main{height:340px;width:415px;right:35px;top:55px;transform:rotate(-4deg)}.hero-small{height:210px;width:235px;left:9px;bottom:10px;transform:rotate(6deg)}.hero-flag{position:absolute;right:0;bottom:18px;background:#fff;color:#0d4b9d;border-radius:10px;box-shadow:0 10px 40px #0003;padding:12px 20px;font-size:11px;letter-spacing:1px;font-weight:800;text-transform:uppercase}.trustline{border-bottom:1px solid var(--border);background:white}.trustline .container{display:grid;grid-template-columns:repeat(4,1fr)}.trustline .item{padding:24px 20px;border-right:1px solid var(--border);display:flex;flex-direction:column;gap:2px}.trustline .item:first-child{padding-left:0}.trustline .item:last-child{border-right:none}.trustline strong{color:#0c438e;font-size:13px}.trustline span{color:var(--muted);font-size:12px}.category-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.cat-card{border:1px solid var(--border);background:white;border-radius:16px;overflow:hidden;transition:transform .2s,box-shadow .2s}.cat-card:hover,.prod-card:hover{transform:translateY(-4px);box-shadow:0 14px 36px #0e396617}.cat-image{background:linear-gradient(145deg,#edf6ff,#f9fcff);height:210px;display:flex;align-items:center;justify-content:center;padding:10px}.cat-image img{max-height:195px;width:100%;object-fit:contain}.cat-body{padding:20px 22px}.cat-body p{font-size:12px;color:var(--muted);margin:5px 0 13px}.cat-body .plain-link{font-size:12px}.prod-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.prod-card{border:1px solid var(--border);border-radius:14px;overflow:hidden;background:#fff;transition:.2s}.prod-photo{height:200px;background:linear-gradient(140deg,#f3faff,#fff);padding:14px;display:flex;align-items:center;justify-content:center}.prod-photo img{height:100%;max-width:100%;object-fit:contain}.prod-body{padding:18px}.prod-body .tag{color:var(--blue);font-size:10px;letter-spacing:1.2px;text-transform:uppercase;font-weight:800}.prod-body strong{display:block;font-size:18px;margin:4px 0;font-family:'Manrope',sans-serif}.prod-body .meta{color:var(--muted);font-size:12px}.prod-body .arrow{display:flex;justify-content:space-between;margin-top:16px;padding-top:13px;border-top:1px solid var(--border);color:var(--blue);font-size:12px;font-weight:800}.feature-row{display:grid;grid-template-columns:1fr 1fr;gap:54px;align-items:center}.feature-visual{background:#eaf4fc;border-radius:22px;overflow:hidden;min-height:420px;position:relative}.feature-visual img{width:100%;height:420px;object-fit:cover}.feature-visual .stamp{background:#fff;padding:18px 22px;position:absolute;bottom:24px;left:24px;border-radius:12px;box-shadow:0 10px 26px #0002;font-weight:800;color:#0b58c6;font-size:13px}.feature-list{display:grid;gap:20px;margin-top:28px}.feature-list>div{padding-left:20px;border-left:3px solid #0b75e7}.feature-list h4{font-size:15px;margin:0 0 5px}.feature-list p{font-size:13px;color:var(--muted);margin:0}.video-teaser{height:310px;border-radius:17px;position:relative;overflow:hidden;background:#0d284c}.video-teaser img{width:100%;height:100%;object-fit:cover;filter:brightness(.72)}.video-teaser .play{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:white;font-weight:800}.play span{display:grid;place-items:center;width:80px;height:80px;background:#ffffffe6;color:var(--blue);border-radius:50%;font-size:25px;margin-right:20px}.dark-cta{background:linear-gradient(110deg,#064fbf,#08264f);color:white;border-radius:18px;padding:48px 54px;display:flex;justify-content:space-between;align-items:center;gap:24px}.dark-cta h2{margin:0 0 9px;color:white}.dark-cta p{margin:0;color:#d1e5fb}.footer{background:#081f43;color:white}.foot-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:38px;padding:68px 0}.footer h4{font-size:15px;letter-spacing:0;margin:0 0 18px}.footer .links{display:flex;flex-direction:column;gap:10px}.footer .links a,.footer .links span{color:#b6cae5;font-size:13px}.footer .links a:hover{color:white}.footer p{font-size:13px;color:#b6cae5}.footer .logo-mark{color:white}.footer .logo-meta{color:#fff;border-color:#88a9d4}.footer .logo-meta em{color:#b6cce7}.foot-bottom{border-top:1px solid #ffffff24;padding:19px 0;display:flex;gap:15px;justify-content:space-between;color:#a9c2df;font-size:12px}.foot-bottom a{text-decoration:underline}.page-hero{background:linear-gradient(115deg,#edf7ff,#f8fbff);padding:77px 0 69px}.page-hero h1{font-size:clamp(38px,4.3vw,56px);max-width:780px}.page-hero p{color:var(--muted);max-width:760px;font-size:16px}.crumb{font-size:12px;color:#7390b1;font-weight:700}.crumb a:hover{color:var(--blue)}.filter-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:0 0 30px}.filter{border:1px solid #c8d8ed;border-radius:30px;padding:10px 15px;background:white;color:#365576;font-size:12px;font-weight:800}.filter.active{background:var(--blue);border-color:var(--blue);color:white}.search{margin-left:auto;border:1px solid #bcccde;padding:11px 15px;border-radius:8px;min-width:235px}.zero{display:none;text-align:center;padding:40px;color:var(--muted)}.detail-layout{display:grid;grid-template-columns:1.02fr .98fr;gap:60px;align-items:start}.detail-image{background:linear-gradient(135deg,#eaf5ff,#fff);border:1px solid var(--border);border-radius:18px;display:flex;justify-content:center;align-items:center;min-height:445px;padding:22px}.detail-image img{width:100%;max-height:410px;object-fit:contain}.detail-aside h1{font-size:clamp(34px,4vw,48px)}.detail-stats{margin:28px 0;border-top:1px solid var(--border)}.detail-stats div{display:flex;justify-content:space-between;padding:14px 0;border-bottom:1px solid var(--border);gap:20px}.detail-stats span{color:var(--muted)}.detail-stats strong{color:var(--navy)}.note{padding:15px 18px;border-left:3px solid var(--blue);background:#f2f8ff;color:#49627d;font-size:12px;border-radius:0 6px 6px 0}.prose{max-width:870px;color:#435d77}.prose p{font-size:16px}.prose h2{margin-top:34px}.film{display:block;max-width:100%;width:100%;aspect-ratio:16/9;background:#0a1c39;border-radius:18px;box-shadow:0 18px 40px #07213e20}.film-copy{padding:25px 32px;border-radius:15px;background:#f4f9ff;color:#3b5773;margin-top:25px}.film-copy h3{font-size:17px}.gallery3{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.gallery3 .image{border:1px solid var(--border);border-radius:12px;padding:12px;background:#f2f8ff}.gallery3 img{width:100%;height:260px;object-fit:contain}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.step{border:1px solid var(--border);padding:24px;border-radius:14px}.step b{color:var(--blue);font-size:24px}.step h3{margin:10px 0}.step p{color:var(--muted);font-size:13px;margin:0}.contact-layout{display:grid;grid-template-columns:.85fr 1.15fr;gap:50px}.contact-panel{background:linear-gradient(135deg,#062456,#0758cf);padding:38px;border-radius:17px;color:white}.contact-panel h2{color:white}.contact-panel p{color:#d7e8fe}.contact-info{border-top:1px solid #ffffff50;padding:20px 0}.contact-info label{display:block;text-transform:uppercase;letter-spacing:1.5px;color:#a2d7ff;font-size:10px;font-weight:800}.contact-info a,.contact-info strong{display:block;font-size:16px;color:white;overflow-wrap:anywhere}.form{display:grid;grid-template-columns:1fr 1fr;gap:17px}.form .all{grid-column:1/-1}.form label{display:block;font-size:12px;font-weight:800;color:#284669;margin-bottom:7px}.form input,.form select,.form textarea{border:1px solid #c8d7e6;width:100%;padding:13px 15px;min-height:46px;border-radius:8px;background:white;color:var(--deep)}.form textarea{min-height:139px}.form .agree{display:flex;gap:10px;align-items:flex-start}.form .agree input{width:16px;min-height:16px;margin-top:5px}.form .agree label{font-weight:400;font-size:12px;color:var(--muted)}.form-status{display:none;padding:12px;border-radius:8px;background:#eef9f4;color:#08623d;font-size:13px}.form-status.show{display:block}.hp{position:absolute!important;left:-9999px!important;opacity:0}.alert{background:#fff7e7;border:1px solid #e7c787;padding:18px;color:#705417;font-size:12px;border-radius:9px;margin:20px 0}.draft{position:fixed;right:16px;bottom:16px;background:#0b316a;color:white;border-radius:7px;padding:7px 12px;font-size:11px;font-weight:800;z-index:100;box-shadow:0 7px 20px #0003;pointer-events:none}
@media(max-width:1100px){.nav{gap:14px}.nav a{font-size:12px}.header .actions .btn{display:none}.prod-grid{grid-template-columns:repeat(3,1fr)}.hero-main{width:355px;right:0}.hero-small{left:0}}@media(max-width:790px){.container{width:calc(100% - 34px)}.utility .container{justify-content:center}.utility .right{display:none}.mobile-toggle{display:block}.nav{display:none;position:absolute;top:82px;left:0;right:0;background:white;border-bottom:1px solid #dbe8f4;padding:18px;flex-direction:column;align-items:stretch;gap:0;box-shadow:0 14px 20px #061f4514}.nav.open{display:flex}.nav a{padding:11px;font-size:14px}.hero .container{grid-template-columns:1fr;padding-top:58px}.hero h1{font-size:49px}.hero-visual{height:440px}.hero-main{right:6%;width:65%;top:12px}.hero-small{left:3%;width:41%}.trustline .container{grid-template-columns:1fr 1fr}.trustline .item:nth-child(2){border-right:none}.category-grid,.gallery3{grid-template-columns:repeat(2,1fr)}.prod-grid{grid-template-columns:repeat(2,1fr)}.feature-row,.detail-layout,.contact-layout{grid-template-columns:1fr}.feature-visual{min-height:280px}.feature-visual img{height:320px}.steps,.foot-grid{grid-template-columns:repeat(2,1fr)}.dark-cta{flex-direction:column;align-items:start}.section{padding:64px 0}.search{margin-left:0}.section-head{flex-direction:column;align-items:start}}@media(max-width:490px){.hero h1{font-size:39px}.hero-visual{height:340px}.hero-main{height:242px;width:78%;right:0}.hero-small{height:155px;width:50%;left:0}.hero-flag{bottom:5px;font-size:9px}.hero-pills{gap:11px}.prod-grid,.category-grid,.gallery3,.steps{grid-template-columns:1fr}.cat-image{height:240px}.prod-photo{height:230px}.trustline .item{padding:17px 10px}.trustline strong{font-size:12px}.trustline span{font-size:10px}.foot-grid{grid-template-columns:1fr 1fr;gap:24px}.foot-grid .foot-brand{grid-column:1/-1}.foot-bottom{flex-direction:column}.dark-cta{padding:32px 25px}.form{grid-template-columns:1fr}.form .all{grid-column:auto}.detail-image{min-height:300px}.film-copy{padding:18px}.header .container{min-height:72px}.nav{top:72px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}

/* CLD Modern Shield website logo — selected from branding options */
.logo{gap:9px}.logo-icon{width:43px;height:48px;object-fit:contain;flex-shrink:0}.logo-wordmark{display:flex;flex-direction:column;align-items:start;justify-content:center;line-height:1}.logo-wordmark strong{font:900 28px/1 'Manrope',Arial,sans-serif;color:#074a91;letter-spacing:-1.6px}.logo-wordmark small{font-size:12px;line-height:1.2;font-weight:750;color:#536b86;letter-spacing:-.2px;margin-top:3px}.footer .logo-wordmark strong{color:#fff}.footer .logo-wordmark small{color:#cde7ff}
/* Six curated homepage range picks with equal-width panels */
.home-picks-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:23px}.home-pick{display:block;position:relative}.home-pick .prod-photo{height:230px;position:relative;padding:22px}.home-pick .prod-body{padding:19px 20px 16px}.home-pick .prod-body strong{font-size:19px;line-height:1.26;min-height:25px}.home-pick .prod-body .pick-desc{color:#44617d;font-size:12px;line-height:1.5;margin:7px 0 8px;min-height:19px}.pick-indicator{position:absolute;top:14px;left:14px;padding:6px 10px;background:#ebf5ff;color:#0a65bf;border:1px solid #cee5fb;font-size:10px;font-weight:800;letter-spacing:.1px;border-radius:40px}.selection-note{margin:21px 0 0;color:#60778d;font-size:12px;line-height:1.6}.selection-note strong{color:#284a6f}
@media(max-width:1050px){.home-picks-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:590px){.home-picks-grid{grid-template-columns:1fr}.home-pick .prod-photo{height:245px}.logo-icon{width:35px;height:39px}.logo-wordmark strong{font-size:24px}}

/* Hide draft overlay after deployment; domain remains unlinked until validated */
.draft{display:none!important}