@import url('https://fonts.googleapis.com/css2?family=Inter+Tight:wght@400;500;600;700;800&family=Poppins:wght@300;400;500;600;700&display=swap');
:root{--navy:#071a43;--purple:#25117b;--gold:#f4b51b;--brown:#382b14;--white:#fff;--light:#f7f7f9;--body:#5b5b63;--ink:#1d2140;--shadow:0 12px 35px rgba(18,26,60,.09);--radius:12px;--container:1220px}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;color:var(--body);font-family:Poppins,Arial,sans-serif;font-size:14px;line-height:1.65;background:#fff}img{display:block;max-width:100%}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}.container{width:min(var(--container),calc(100% - 48px));margin-inline:auto}.section-pad{padding:82px 0}.skip-link{position:absolute;left:-9999px;top:8px;background:#fff;color:#000;padding:10px;z-index:1000}.skip-link:focus{left:8px}
.topbar{height:34px;display:flex;align-items:stretch;background:var(--gold);font-size:10px;color:#fff}.topbar-contact{display:flex;align-items:center;gap:22px;background:var(--purple);padding:0 max(24px,calc((100vw - var(--container))/2));padding-right:28px;clip-path:polygon(0 0,100% 0,94% 100%,0 100%)}.topbar-contact a,.topbar-social{display:flex;align-items:center;gap:7px}.topbar-contact i{color:var(--gold)}.topbar-social{margin-left:auto;padding:0 max(24px,calc((100vw - var(--container))/2)) 0 18px;gap:8px;color:#fff}.topbar-social a{font-size:13px;transition:transform .2s}.topbar-social a:hover{transform:translateY(-2px)}
.site-header{position:sticky;top:0;z-index:100;background:rgba(255,255,255,.97);transition:box-shadow .25s,background .25s}.site-header.scrolled{box-shadow:0 8px 24px rgba(13,20,53,.12);backdrop-filter:blur(12px)}.nav-wrap{width:min(var(--container),calc(100% - 48px));height:76px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{display:inline-flex;align-items:center;gap:8px;flex-shrink:0;color:var(--purple)}.brand-mark{width:36px;height:36px;display:grid;place-items:center;border:2px solid var(--gold);border-radius:50%;color:var(--gold);font-size:20px}.brand-text{font-family:"Inter Tight",sans-serif;font-size:12px;line-height:1.05;font-style:italic;font-weight:800;letter-spacing:-.35px;white-space:nowrap}.brand-text b{display:block;font-size:10px}.primary-nav{display:flex;align-items:center;gap:clamp(12px,1.7vw,27px);height:100%;font-size:12px;font-weight:500;color:#25252d}.primary-nav>a:not(.nav-cta),.dropdown-link{position:relative;display:flex;align-items:center;height:100%;white-space:nowrap}.primary-nav>a:not(.nav-cta)::after,.dropdown-link::after{content:"";position:absolute;left:0;bottom:22px;width:0;height:2px;background:var(--gold);transition:width .25s}.primary-nav>a:hover::after,.primary-nav>a.active::after,.dropdown-link:hover::after{width:100%}.primary-nav a.active{color:var(--purple)}.nav-cta{background:var(--gold);color:#fff;padding:12px 15px;border-radius:4px;white-space:nowrap;font-weight:600;box-shadow:0 5px 12px #f4b51b33;transition:transform .25s,background .25s}.nav-cta:hover{transform:translateY(-2px);background:#e9a700}.nav-cta i{margin-left:6px}.nav-dropdown{position:relative;height:100%}.dropdown-link{gap:5px}.dropdown-link i{font-size:9px}.dropdown-menu{position:absolute;top:calc(100% - 7px);left:-15px;min-width:210px;padding:9px;background:#fff;box-shadow:var(--shadow);border-radius:8px;opacity:0;visibility:hidden;transform:translateY(8px);transition:.2s}.dropdown-menu a{display:block;padding:10px 12px;border-radius:5px}.dropdown-menu a:hover{background:#fff7dd;color:var(--purple)}.nav-dropdown:hover .dropdown-menu,.nav-dropdown:focus-within .dropdown-menu{opacity:1;visibility:visible;transform:translateY(0)}.menu-toggle{display:none;border:0;background:transparent;color:var(--purple);font-size:22px}
.hero{height:clamp(480px,52vw,620px);position:relative;overflow:hidden;color:#fff;background:#27272a}.hero-slide{position:absolute;inset:0;background-image:var(--hero-image);background-size:cover;background-position:center;opacity:0;transform:scale(1.04);transition:opacity 1s ease,transform 6s ease}.hero-slide.is-active{opacity:1;transform:scale(1)}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(20,20,22,.76) 0%,rgba(22,22,24,.58) 44%,rgba(20,20,22,.12) 100%),linear-gradient(0deg,rgba(0,0,0,.22),transparent 45%)}.hero-content{position:relative;z-index:2;height:100%;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding-top:10px}.rating{display:flex;align-items:center;gap:7px;font-size:12px;margin-bottom:12px;color:#f7f7f7}.google-g{font-family:Arial,sans-serif;font-weight:800;font-size:17px;color:#4285f4;text-shadow:1px 0 #ea4335,-1px 0 #34a853}.stars{color:var(--gold);letter-spacing:1px;font-size:15px}.verified{color:#4285f4}.eyebrow{font-size:11px;letter-spacing:.12em;text-transform:uppercase;font-weight:600;color:#fff;margin:0 0 8px}.hero-eyebrow{opacity:.85}.hero h1{font-family:"Inter Tight",sans-serif;font-size:clamp(38px,4.4vw,60px);line-height:1.08;letter-spacing:-1.2px;color:#fff;font-weight:800;margin:0 0 13px;max-width:690px}.hero h1 span,.section-heading h2 span,.about-copy h2 span,.why-copy h2 span,.quote-content h2 span,.testimonial-grid span{color:var(--gold)}.hero-copy{max-width:475px;font-size:13px;line-height:1.75;margin:0 0 22px;color:#f4f4f4}.hero-actions{display:flex;gap:12px;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:43px;padding:12px 18px;border:1px solid transparent;border-radius:5px;font-size:12px;font-weight:600;transition:transform .25s,box-shadow .25s,background .25s}.btn:hover{transform:translateY(-3px);box-shadow:0 8px 20px #0002}.btn-gold{background:var(--gold);color:#fff}.btn-gold:hover{background:#e5a700}.btn-outline{border-color:#fff8;color:#fff;background:#ffffff0a}.btn-outline:hover{background:#fff;color:var(--navy)}.btn-purple{background:var(--purple);color:#fff;min-height:38px;padding:10px 17px}.trust-pills{display:flex;gap:7px;flex-wrap:wrap;margin-top:25px}.trust-pills span{font-size:10px;border:1px solid #ffffff54;padding:6px 10px;background:#0002}.hero-arrow{position:absolute;z-index:3;top:50%;transform:translateY(-50%);width:38px;height:38px;border:1px solid #ffffff70;border-radius:50%;background:#1114;color:#fff;opacity:0;transition:opacity .25s,background .25s}.hero:hover .hero-arrow,.hero-arrow:focus-visible{opacity:1}.hero-arrow:hover{background:var(--gold)}.hero-prev{left:22px}.hero-next{right:22px}.hero-dots{position:absolute;z-index:3;bottom:23px;left:50%;transform:translateX(-50%);display:flex;gap:8px}.hero-dots button{width:8px;height:8px;padding:0;border:1px solid #fff;border-radius:50%;background:transparent}.hero-dots button.is-active{width:24px;border-radius:8px;background:var(--gold);border-color:var(--gold)}.hero-corner{position:absolute;right:-55px;bottom:-80px;width:160px;height:160px;border:1px solid #ffffff55;border-radius:50%}
.about{background:var(--light);overflow:hidden}.about-grid{display:grid;grid-template-columns:1fr 1.05fr;gap:65px;align-items:center}.about-visual{position:relative;min-height:390px;padding:0 15px 35px 50px}.image-frame{overflow:hidden;border-radius:13px}.image-frame img,.product-photo img,.gallery-item img{width:100%;height:100%;object-fit:cover;transition:transform .7s cubic-bezier(.2,.7,.2,1)}.image-frame:hover img,.product-card:hover .product-photo img,.gallery-item:hover img{transform:scale(1.055)}.about-main-image{height:330px;width:78%;margin-left:auto;box-shadow:var(--shadow)}.about-small-image{position:absolute;left:0;bottom:0;width:39%;height:170px;border:6px solid var(--light);box-shadow:var(--shadow)}.vertical-word{position:absolute;left:-58px;top:70px;writing-mode:vertical-rl;transform:rotate(180deg);font-family:"Inter Tight",sans-serif;font-weight:800;font-size:64px;letter-spacing:3px;color:#fff;opacity:.72;pointer-events:none}.section-tag{display:inline-block;border:1px solid #d8b34e;border-radius:20px;padding:3px 14px;font-size:11px;font-weight:600;color:var(--ink);line-height:1.5;margin-bottom:12px}.about-copy h2,.why-copy h2,.quote-content h2,.section-heading h2{font-family:"Inter Tight",sans-serif;font-weight:800;color:var(--purple);font-size:clamp(30px,3.1vw,43px);line-height:1.15;letter-spacing:-.6px;margin:0 0 17px}.about-copy p{font-size:13px;line-height:1.8;margin:0 0 12px}.expert-box{display:flex;align-items:center;justify-content:space-between;gap:15px;margin:19px 0 17px;padding:14px 0}.expert-box h3{color:#252a2e;font-size:15px;margin:0 0 8px}.expert-box img{width:130px;height:95px;object-fit:cover;border-radius:10px}.check-list{padding:0;margin:0;list-style:none;font-size:12px}.check-list li{margin:4px 0}.check-list li::before{content:"✓";color:#d9a000;font-weight:800;margin-right:7px}
.products{background:#fff;padding-top:72px;padding-bottom:80px}.section-heading{text-align:center;margin-bottom:32px}.section-heading h2{margin:0 0 9px}.section-heading p{margin:0;font-size:13px;color:#777}.heading-line{display:block;width:36px;height:3px;background:var(--gold);margin:0 auto 12px;border-radius:5px}.product-track{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:16px;align-items:stretch}.product-card{background:#fff;border-radius:11px;box-shadow:0 7px 24px rgba(23,30,67,.09);padding:10px 10px 15px;text-align:center;min-width:0;transition:transform .3s,box-shadow .3s}.product-card:hover{transform:translateY(-7px);box-shadow:0 15px 32px rgba(23,30,67,.15)}.product-photo{display:block;height:150px;border-radius:8px;overflow:hidden}.product-card h3{font-family:"Inter Tight",sans-serif;font-size:13px;line-height:1.3;min-height:34px;color:var(--purple);margin:12px 0 9px}.round-arrow{width:31px;height:31px;display:inline-grid;place-items:center;border:1px solid #b9b9c6;border-radius:50%;font-size:11px;color:var(--purple);transition:background .25s,color .25s,transform .25s}.round-arrow:hover{background:var(--gold);border-color:var(--gold);color:#fff;transform:rotate(-35deg)}.product-card.featured{background:var(--purple);transform:translateY(-7px);color:#fff}.product-card.featured h3{color:#fff}.product-card.featured .round-arrow{background:var(--gold);border-color:var(--gold);color:var(--navy)}.track-controls{display:none;justify-content:center;gap:10px;margin-top:20px}.track-controls button{width:34px;height:34px;border:1px solid #ddd;border-radius:50%;background:#fff;color:var(--purple)}
.why-us{background:var(--brown);color:#fff;padding:70px 0}.why-grid{display:grid;grid-template-columns:1.02fr .98fr;gap:55px;align-items:center}.section-tag-light{color:#fff;border-color:#c49b32}.why-copy h2{font-size:clamp(28px,2.5vw,36px);color:#fff;margin-bottom:25px}.benefit-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.benefit{display:flex;align-items:flex-start;gap:10px;background:#fffdf8;color:#333;border-radius:9px;padding:14px 12px;min-height:82px;transition:transform .25s,background .25s}.benefit:hover{transform:translateY(-4px);background:#fff}.benefit>span{display:grid;place-items:center;flex-shrink:0;width:23px;height:23px;border-radius:50%;background:var(--gold);color:#fff;font-size:11px}.benefit h3{font-size:13px;color:#333;margin:0 0 4px}.benefit p{font-size:10px;line-height:1.5;color:#777;margin:0}.why-image{height:430px;position:relative;box-shadow:0 15px 30px #0002}.image-caption{position:absolute;bottom:16px;left:16px;padding:9px 13px;background:#071a43d9;border-radius:6px;color:#fff;font-size:11px}.image-caption i{color:var(--gold);margin-right:6px}
.category-marquee{overflow:hidden;background:var(--gold);color:var(--navy);padding:13px 0;font-family:"Inter Tight",sans-serif;font-size:15px;font-weight:700}.marquee-track{display:flex;width:max-content;animation:marquee 28s linear infinite}.category-marquee:hover .marquee-track{animation-play-state:paused}.marquee-group{display:flex;align-items:center;flex-shrink:0}.marquee-group span{display:flex;align-items:center;gap:12px;padding:0 34px;white-space:nowrap}.marquee-group i{font-size:13px;color:var(--purple)}@keyframes marquee{to{transform:translateX(-50%)}}
.showcase{background:var(--light);padding-top:70px;padding-bottom:85px}.gallery-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-template-rows:160px 160px;gap:16px}.gallery-item{padding:0;border:0;border-radius:12px;overflow:hidden;background:#ddd;position:relative}.gallery-item::after{content:"View image ↗";position:absolute;right:12px;bottom:12px;padding:5px 10px;background:#071a43cf;color:#fff;border-radius:5px;font-size:10px;opacity:0;transform:translateY(5px);transition:.25s}.gallery-item:hover::after,.gallery-item:focus-visible::after{opacity:1;transform:translateY(0)}.gallery-one{grid-column:span 1}.gallery-two{grid-column:span 1}.gallery-three{grid-column:span 1}.gallery-four{grid-column:span 1;grid-row:span 2}.gallery-five{grid-column:span 2}.gallery-six{grid-column:span 1}.gallery-item img{object-fit:cover}
.quote-section{position:relative;overflow:hidden;background:linear-gradient(115deg,#071a43 0%,#10295a 70%,#0c1c43 100%);color:#fff;padding:65px 0}.quote-angle{position:absolute;right:34%;top:-35%;height:180%;width:95px;background:var(--gold);transform:skewX(-25deg);opacity:.95}.quote-grid{position:relative;z-index:1;display:grid;grid-template-columns:1.1fr .9fr;gap:50px;align-items:center}.quote-content h2{color:#fff;font-size:clamp(34px,3.4vw,46px);margin-bottom:10px}.quote-intro{max-width:470px;font-size:12px;line-height:1.7;color:#d9dfec;margin:0 0 20px}.quote-form{display:grid;grid-template-columns:1fr 1fr;gap:10px}.quote-form input,.quote-form select,.quote-form textarea{width:100%;min-width:0;background:#142c58;border:1px solid #ffffff1c;color:#fff;padding:12px 13px;border-radius:6px;outline:none;font-size:11px;transition:border .2s,background .2s}.quote-form input:focus,.quote-form select:focus,.quote-form textarea:focus{border-color:var(--gold);background:#193464}.quote-form input::placeholder,.quote-form textarea::placeholder{color:#d3d9e7}.quote-form select{color:#d3d9e7}.quote-form select option{color:#222}.quote-form textarea{grid-column:1/-1;resize:vertical}.form-submit{justify-self:start;min-width:165px;border:0}.form-note{grid-column:1/-1;font-size:10px;color:#c6d0e4;margin:0}.form-status{grid-column:1/-1;font-size:12px;margin:0;min-height:0}.form-status.success{color:#b7ffda}.form-status.error{color:#ffd0c8}.quote-perks{display:flex;gap:18px;margin-top:20px}.quote-perks span{font-size:10px;display:grid;grid-template-columns:25px 1fr;align-items:center;column-gap:7px}.quote-perks i{grid-row:span 2;color:var(--gold);font-size:18px}.quote-perks small{display:block;color:#c3cce0;font-size:9px}.quote-visual{height:365px;position:relative;margin-right:-20px}.quote-visual img{width:100%;height:100%;object-fit:cover;border-radius:10px;clip-path:polygon(10% 0,100% 0,100% 100%,0 100%,0 15%)}.phone-cta{position:absolute;right:0;bottom:18px;background:var(--gold);color:#fff;border-radius:7px;padding:13px 17px;font-weight:700;font-size:15px;box-shadow:0 8px 20px #0003}.phone-cta i{margin-right:8px;background:#fff;color:#2d69b7;padding:8px;border-radius:50%}
.testimonials{background:var(--light);padding:72px 0 65px}.testimonials .section-heading{margin-bottom:28px}.testimonials .section-heading h2{display:inline-block;padding:0 10px}.testimonial-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.testimonial-card{position:relative;background:#fff;border-radius:12px;padding:22px 20px 16px;box-shadow:0 8px 24px rgba(20,28,60,.045);display:flex;flex-direction:column;min-height:210px}.quote-mark{font-family:Georgia,serif;font-size:58px;line-height:.8;color:#dfe2e8;font-weight:bold}.testimonial-card>p{font-size:12px;line-height:1.75;color:#4b4b53;margin:6px 0 20px;flex:1}.reviewer{display:flex;align-items:center;gap:9px;border-top:1px solid #eee;padding-top:13px}.reviewer img{width:38px;height:38px;object-fit:cover;border-radius:50%}.reviewer strong{display:block;color:#333;font-size:11px}.reviewer small{display:block;font-size:9px;color:#999}.review-stars{margin-left:auto;color:var(--gold);font-size:12px;letter-spacing:1px;white-space:nowrap}.testimonial-disclaimer{text-align:center;font-size:10px;color:#92929b;margin:18px 0 0}
.site-footer{background:linear-gradient(125deg,#08072d,#17062c);color:#e5e5ee;padding-top:54px}.footer-grid{display:grid;grid-template-columns:1.25fr .8fr .9fr 1.25fr;gap:35px;padding-bottom:42px}.brand-footer{background:#fff;padding:8px 10px;border-radius:4px;max-width:100%;color:var(--purple)}.brand-footer .brand-mark{width:29px;height:29px;font-size:15px}.brand-footer .brand-text{font-size:10px}.brand-footer .brand-text b{font-size:8px}.footer-brand>p{font-size:11px;line-height:1.7;color:#c1bfd0;max-width:230px;margin:15px 0}.footer-social{display:flex;gap:8px}.footer-social a{width:27px;height:27px;border-radius:50%;display:grid;place-items:center;background:#fff;color:var(--purple);transition:background .2s,transform .2s}.footer-social a:hover{background:var(--gold);transform:translateY(-3px)}.footer-column{display:flex;flex-direction:column;gap:8px;font-size:11px}.footer-column h3{font-size:14px;color:#fff;margin:0 0 10px;position:relative;padding-bottom:10px}.footer-column h3::after{content:"";position:absolute;left:0;bottom:0;width:30px;height:2px;background:var(--gold)}.footer-column>a{color:#d0cede;transition:color .2s,transform .2s}.footer-column>a:hover{color:var(--gold);transform:translateX(3px)}.footer-contact>a,.footer-contact>p{display:flex;gap:10px;align-items:flex-start;line-height:1.6;color:#d0cede}.footer-contact i{color:var(--gold);min-width:15px;margin-top:3px}.footer-bottom{border-top:1px solid #ffffff17;padding:15px 0;font-size:10px;color:#bcb9cc}.footer-bottom .container{display:flex;justify-content:space-between;gap:20px}.footer-bottom a{color:#fff}.footer-bottom a:hover{color:var(--gold)}
.back-to-top{position:fixed;z-index:90;right:20px;bottom:20px;width:42px;height:42px;border:0;border-radius:50%;background:var(--gold);color:var(--navy);box-shadow:0 7px 20px #0002;opacity:0;visibility:hidden;transform:translateY(8px);transition:.25s}.back-to-top.visible{opacity:1;visibility:visible;transform:translateY(0)}.lightbox{position:fixed;inset:0;z-index:300;background:rgba(4,7,22,.94);display:flex;align-items:center;justify-content:center;padding:60px 80px;opacity:0;visibility:hidden;transition:.25s}.lightbox.open{opacity:1;visibility:visible}.lightbox img{max-width:min(100%,1100px);max-height:80vh;object-fit:contain;border-radius:8px;box-shadow:0 20px 60px #0007}.lightbox button{position:absolute;border:1px solid #ffffff44;background:#ffffff12;color:#fff;width:42px;height:42px;border-radius:50%;font-size:16px}.lightbox button:hover{background:var(--gold);color:var(--navy)}.lightbox-close{top:20px;right:22px}.lightbox-prev{left:22px;top:50%;transform:translateY(-50%)}.lightbox-next{right:22px;top:50%;transform:translateY(-50%)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.reveal{opacity:0;transform:translateY(22px);transition:opacity .7s ease,transform .7s cubic-bezier(.2,.7,.2,1)}.reveal.is-visible{opacity:1;transform:translateY(0)}.product-card:nth-child(2),.benefit:nth-child(2),.gallery-item:nth-child(2){transition-delay:.08s}.product-card:nth-child(3),.benefit:nth-child(3),.gallery-item:nth-child(3){transition-delay:.15s}.product-card:nth-child(4),.benefit:nth-child(4),.gallery-item:nth-child(4){transition-delay:.22s}.product-card:nth-child(5),.benefit:nth-child(5),.gallery-item:nth-child(5){transition-delay:.29s}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.reveal{opacity:1;transform:none}}
@media(max-width:1050px){.nav-wrap{gap:12px}.brand-text{font-size:10px}.brand-text b{font-size:9px}.primary-nav{gap:12px;font-size:11px}.nav-cta{padding:10px}.about-grid{gap:35px}.why-grid{gap:30px}.product-photo{height:125px}.product-card h3{font-size:12px}.footer-grid{gap:24px}}
@media(max-width:850px){.topbar-contact{padding-left:24px}.topbar-social{padding-right:24px}.nav-wrap{height:68px}.menu-toggle{display:flex;flex-direction:column;gap:5px;padding:9px}.menu-toggle span{width:24px;height:2px;background:var(--purple);border-radius:4px;transition:transform .2s,opacity .2s}.menu-toggle[aria-expanded=true] span:first-child{transform:translateY(7px) rotate(45deg)}.menu-toggle[aria-expanded=true] span:nth-child(2){opacity:0}.menu-toggle[aria-expanded=true] span:last-child{transform:translateY(-7px) rotate(-45deg)}.primary-nav{position:absolute;top:100%;left:0;right:0;height:auto;background:#fff;box-shadow:0 16px 25px #071a4317;display:flex;align-items:stretch;flex-direction:column;gap:0;padding:8px 24px 20px;opacity:0;visibility:hidden;transform:translateY(-8px);transition:.25s}.primary-nav.open{opacity:1;visibility:visible;transform:translateY(0)}.primary-nav>a:not(.nav-cta),.dropdown-link{height:auto;padding:13px 0}.primary-nav>a:not(.nav-cta)::after,.dropdown-link::after{bottom:5px}.nav-dropdown{height:auto}.dropdown-menu{position:static;display:none;opacity:1;visibility:visible;transform:none;box-shadow:none;padding:0 0 6px 12px}.nav-dropdown:hover .dropdown-menu{display:block}.nav-dropdown:focus-within .dropdown-menu{display:block}.nav-cta{align-self:flex-start;margin-top:8px}.hero{height:550px}.about-grid{grid-template-columns:1fr 1fr;gap:28px}.about-visual{min-height:340px;padding-left:20px}.about-main-image{height:285px}.about-small-image{height:140px}.vertical-word{left:-35px;font-size:50px}.expert-box img{width:90px;height:80px}.product-track{grid-template-columns:repeat(5,190px);overflow-x:auto;scroll-snap-type:x mandatory;padding:8px 3px 18px;scrollbar-width:thin}.product-card{scroll-snap-align:start}.track-controls{display:flex}.why-grid{grid-template-columns:1fr 1fr}.benefit-grid{gap:9px}.benefit{padding:12px 9px}.benefit h3{font-size:12px}.benefit p{font-size:9px}.why-image{height:390px}.gallery-grid{grid-template-rows:140px 140px;gap:12px}.quote-grid{gap:25px}.quote-perks{gap:10px}.quote-perks span{font-size:9px}.footer-grid{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:32px}}
@media(max-width:600px){.container,.nav-wrap{width:calc(100% - 34px)}.topbar{height:auto;min-height:33px;font-size:9px}.topbar-contact{padding:0 12px;gap:12px;clip-path:none;flex:1}.topbar-contact a{gap:5px}.topbar-contact a:first-child span{max-width:130px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.topbar-social{padding:0 12px;gap:6px}.topbar-social span{display:none}.nav-wrap{height:64px}.brand-mark{width:31px;height:31px;font-size:17px}.brand-text{font-size:10px}.brand-text b{font-size:8px}.hero{height:555px}.hero-shade{background:linear-gradient(90deg,rgba(12,13,18,.78),rgba(12,13,18,.42)),linear-gradient(0deg,rgba(0,0,0,.3),transparent)}.hero-content{padding-top:0}.hero h1{font-size:clamp(37px,10vw,48px);letter-spacing:-.7px}.hero-copy{font-size:12px;max-width:360px}.hero-arrow{opacity:.85;width:32px;height:32px}.hero-prev{left:8px}.hero-next{right:8px}.trust-pills{gap:5px;margin-top:20px}.trust-pills span{font-size:9px;padding:5px 7px}.hero-dots{bottom:15px}.section-pad{padding:58px 0}.about-grid{grid-template-columns:1fr;gap:38px}.about-visual{min-height:315px;padding:0 8px 26px 30px;max-width:460px;width:100%;margin:auto}.about-main-image{height:280px;width:85%}.about-small-image{width:42%;height:130px}.vertical-word{left:-14px;top:60px;font-size:42px}.about-copy h2,.section-heading h2{font-size:32px}.about-copy p{font-size:12px}.expert-box img{width:100px;height:82px}.products{padding:56px 0 62px}.section-heading{margin-bottom:24px}.product-track{grid-template-columns:repeat(5,168px);gap:12px}.product-photo{height:125px}.why-us{padding:56px 0}.why-grid{grid-template-columns:1fr;gap:28px}.why-copy h2{font-size:31px}.benefit-grid{gap:10px}.benefit{min-height:78px;padding:12px 10px}.why-image{height:300px}.category-marquee{font-size:13px;padding:11px 0}.marquee-group span{padding:0 20px;gap:8px}.showcase{padding:58px 0}.gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:130px 130px 130px;gap:10px}.gallery-one,.gallery-two,.gallery-three,.gallery-four,.gallery-five,.gallery-six{grid-column:span 1;grid-row:span 1}.gallery-four{grid-row:span 2}.gallery-five{grid-column:span 1}.gallery-six{grid-column:span 1}.gallery-item::after{display:none}.quote-section{padding:55px 0}.quote-angle{right:-8%;width:60px;opacity:.25}.quote-grid{grid-template-columns:1fr;gap:30px}.quote-content h2{font-size:38px}.quote-form{gap:8px}.quote-form input,.quote-form select,.quote-form textarea{padding:12px 10px}.quote-perks{gap:8px;justify-content:space-between}.quote-perks span{grid-template-columns:20px 1fr;column-gap:5px;font-size:9px}.quote-perks i{font-size:15px}.quote-visual{height:260px;margin:0}.phone-cta{font-size:13px;padding:10px 12px;bottom:12px}.phone-cta i{padding:6px}.testimonials{padding:58px 0}.testimonial-grid{grid-template-columns:1fr;gap:13px}.testimonial-card{min-height:0;padding:19px}.testimonial-card>p{margin-bottom:14px}.footer-grid{grid-template-columns:1fr 1fr;gap:30px 20px}.footer-brand{grid-column:1/-1}.footer-contact{grid-column:1/-1}.footer-bottom .container{flex-direction:column;text-align:center;gap:6px}.lightbox{padding:55px 15px}.lightbox img{max-height:75vh}.lightbox-prev{left:8px}.lightbox-next{right:8px}.lightbox button{width:36px;height:36px}.lightbox-close{top:12px;right:12px}}
@media(max-width:380px){.topbar-contact{gap:8px}.topbar-contact a{font-size:8px}.topbar-social{gap:5px}.brand-text{font-size:9px}.hero h1{font-size:35px}.hero-actions .btn{padding:11px 12px}.benefit-grid{grid-template-columns:1fr}.gallery-grid{grid-template-rows:115px 115px 115px}.quote-perks{flex-wrap:wrap}.footer-grid{grid-template-columns:1fr}.footer-brand,.footer-contact{grid-column:auto}}


/* === Typography and header refinements from the supplied header reference === */
:root{--font-heading:"Montserrat",sans-serif;--font-body:"Plus Jakarta Sans",sans-serif}
body{font-family:var(--font-body);font-size:15px}
h1,h2,h3,h4,h5,h6,.brand-text,.section-heading h2,.about-copy h2,.why-copy h2,.quote-content h2{font-family:var(--font-heading)}
.hero h1{font-family:var(--font-heading);font-size:clamp(38px,3.55vw,48px);font-weight:600;letter-spacing:-.65px;line-height:1.14}
.section-heading h2,.about-copy h2,.why-copy h2,.quote-content h2{font-family:var(--font-heading);font-weight:600}
.section-heading h2,.about-copy h2{font-size:clamp(32px,3.2vw,48px)}
.section-tag{font-family:var(--font-heading);font-size:20px;font-weight:600;line-height:1.25;padding:4px 15px}
.about-copy p,.hero-copy,.quote-intro{font-size:15px}
.topbar{height:60px;font-family:var(--font-body);font-size:14px;font-weight:600}
.topbar-contact{min-width:49%;gap:26px;padding-left:max(5.1vw,28px);padding-right:42px;clip-path:polygon(0 0,100% 0,96% 100%,0 100%)}
.topbar-contact a{gap:12px;white-space:nowrap}
.topbar-contact i{display:grid;place-items:center;width:29px;height:29px;border-radius:5px;background:var(--gold);color:#fff;font-size:14px}
.topbar-contact a+a{border-left:1px solid #ffffff55;padding-left:34px}
.topbar-social{padding-right:max(5.3vw,28px);gap:9px;font-size:14px}
.topbar-social span{margin-right:7px}
.topbar-social a{display:grid;place-items:center;width:29px;height:29px;border-radius:50%;background:#fff;color:#1877f2;font-size:17px}
.topbar-social a:nth-of-type(2){color:#fff;background:linear-gradient(45deg,#ffb800,#f50078,#7629c7)}
.topbar-social a:nth-of-type(3){color:#4285f4;background:transparent;font-size:24px}
.nav-wrap{width:calc(100% - 9.8vw);height:91px;gap:25px}
.brand-image{width:340px;max-width:31%;flex-shrink:0}
.brand-image img{width:100%;height:auto;max-height:74px;object-fit:contain;object-position:left center}
.primary-nav{gap:clamp(18px,2.5vw,36px);font-size:17px;font-weight:600}
.primary-nav>a:not(.nav-cta)::after,.dropdown-link::after{bottom:23px}
.nav-cta{padding:16px 28px;border-radius:5px;font-size:14px}
.dropdown-link i{font-size:10px}
.brand-footer img{display:block;width:230px;height:auto;max-height:54px;object-fit:contain}
@media(max-width:1100px){
  .nav-wrap{width:calc(100% - 48px);gap:14px}
  .brand-image{width:290px;max-width:28%}
  .primary-nav{gap:14px;font-size:14px}
  .nav-cta{padding:13px 15px}
  .topbar-contact{min-width:55%;padding-left:24px}
}
@media(max-width:850px){
  .topbar{height:43px;font-size:11px}
  .topbar-contact{padding-left:16px;gap:12px;min-width:0}
  .topbar-contact i{width:23px;height:23px;font-size:11px}
  .topbar-contact a+a{padding-left:12px}
  .topbar-social{padding-right:16px;font-size:11px}
  .topbar-social a{width:23px;height:23px;font-size:13px}
  .topbar-social a:nth-of-type(3){font-size:19px}
  .nav-wrap{height:74px}
  .brand-image{max-width:calc(100% - 60px);width:290px}
  .brand-image img{max-height:61px}
}
@media(max-width:600px){
  body{font-size:15px}
  .topbar{min-height:42px;font-size:10px}
  .topbar-contact{padding:0 8px;gap:8px;flex:1}
  .topbar-contact a{gap:5px}
  .topbar-contact a:first-child span{max-width:128px}
  .topbar-contact a+a{padding-left:8px}
  .topbar-contact i{width:21px;height:21px}
  .topbar-social{padding:0 8px;gap:5px}
  .topbar-social a{width:21px;height:21px}
  .nav-wrap{height:68px;width:calc(100% - 28px)}
  .brand-image{width:265px;max-width:calc(100% - 54px)}
  .brand-image img{max-height:57px}
  .section-tag{font-size:16px}
  .hero h1{font-size:clamp(34px,9vw,43px)}
  .about-copy p,.hero-copy,.quote-intro{font-size:15px}
}
@media(max-width:380px){
  .topbar-contact a:first-child span{max-width:100px}
  .topbar-social{gap:3px}
  .brand-image{max-width:calc(100% - 50px)}
}


/* Final reference-matching refinements: About + Feature Products */
.products{padding-top:0;padding-bottom:70px;background:#fff}
.products .section-heading{background:#050505;margin:0 calc((min(var(--container),100vw - 48px) - 100vw)/2) 16px;padding:0 24px 17px;position:relative}
.products .section-heading h2{color:#29258e;font-size:48px;line-height:1.12;margin:0;font-weight:600}
.products .section-heading h2 span{color:#e3a800}
.products .section-heading p,.products .heading-line{display:none}
.product-track{grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;align-items:stretch}
.product-card{padding:10px 9px 18px;border-radius:16px;box-shadow:0 10px 25px rgba(11,25,61,.09);border:1px solid #f2f2f2;overflow:hidden}
.product-photo{height:clamp(155px,17vw,218px);border-radius:13px}
.product-card h3{font-family:var(--font-heading);font-size:16px;line-height:1.35;font-weight:700;color:#071a70;min-height:43px;margin:20px 0 11px}
.round-arrow{width:39px;height:39px;border-color:#071a70;color:#071a70;font-size:13px}
.product-card.featured{border:2px solid #f2a900;background:#071d58;transform:translateY(-6px);padding-top:8px}
.product-card.featured h3{color:#fff}
.product-card.featured .round-arrow{background:#f4a400;color:#fff;border-color:#fff}
.about{background:#f7f7f8;padding:95px 0 90px}
.about-grid{grid-template-columns:minmax(0,1fr) minmax(0,1.08fr);gap:30px}
.about-visual{min-height:530px;padding:0 0 28px 8px}
.about-main-image{width:83%;height:455px;margin-left:auto;border-radius:17px}
.about-small-image{width:47%;height:255px;left:0;bottom:0;border:8px solid #f7f7f8}
.about-copy .section-tag{font-size:20px;font-weight:600;margin-bottom:21px}
.about-copy h2{font-size:48px;line-height:1.16;margin-bottom:16px}
.about-copy p{font-size:15px;line-height:1.65;margin-bottom:23px}
.expert-box{background:#fff;border-radius:28px;padding:20px 25px;margin:18px -6px 18px -14px;min-height:165px;gap:18px}
.expert-box h3{font-size:25px;margin-bottom:13px}
.expert-box img{width:205px;height:126px;border-radius:20px}
.check-list{font-size:15px}
.btn-purple{margin-left:-9px}
@media(max-width:1050px){.products .section-heading h2{font-size:42px}.product-card h3{font-size:13px;margin-top:14px}.product-photo{height:150px}.about{padding:70px 0}.about-grid{gap:24px}.about-visual{min-height:430px}.about-main-image{height:380px}.about-small-image{height:205px}.about-copy h2{font-size:38px}.expert-box{padding:16px;border-radius:20px;margin-left:0;margin-right:0}.expert-box h3{font-size:19px}.expert-box img{width:130px;height:95px}}
@media(max-width:850px){.products .section-heading{margin-bottom:12px}.product-track{grid-template-columns:repeat(5,220px);gap:12px}.product-photo{height:190px}.product-card h3{font-size:15px}.about-grid{grid-template-columns:1fr;gap:38px}.about-visual{max-width:620px;width:100%;margin:auto;min-height:450px}.about-main-image{height:420px}.about-small-image{height:220px}.about-copy h2{font-size:42px}}
@media(max-width:600px){.products{padding-bottom:52px}.products .section-heading{margin-bottom:10px;padding:0 16px 13px}.products .section-heading h2{font-size:32px}.product-track{grid-template-columns:repeat(5,205px);gap:12px}.product-photo{height:175px}.product-card h3{font-size:14px;min-height:40px;margin:14px 0 10px}.round-arrow{width:34px;height:34px}.about{padding:56px 0}.about-visual{min-height:345px;padding-bottom:22px}.about-main-image{height:310px;width:86%}.about-small-image{height:160px;width:47%;border-width:6px}.about-copy .section-tag{font-size:16px;margin-bottom:15px}.about-copy h2{font-size:34px}.about-copy p{font-size:15px;margin-bottom:17px}.expert-box{padding:16px;border-radius:19px;min-height:0;gap:10px}.expert-box h3{font-size:18px}.expert-box img{width:95px;height:82px;border-radius:13px}.check-list{font-size:12px}.btn-purple{margin-left:0}}


/* Final correction: clean white Feature Products section + demo images */
.products{background:#fff!important;padding:64px 0 76px!important;overflow:hidden}
.products .section-heading{background:transparent!important;margin:0 0 34px!important;padding:0!important;text-align:center}
.products .section-heading h2{color:#29258e!important;font-family:"Montserrat",sans-serif;font-size:48px;line-height:1.15;font-weight:600;margin:0}
.products .section-heading h2 span{color:#dfa30b!important}
.products .section-heading p,.products .section-heading .heading-line{display:none!important}
.products .product-track{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:16px;align-items:stretch}
.products .product-card,.products .product-card.featured{background:#fff!important;color:#071a43!important;border:1px solid #edf0f4!important;border-radius:17px;padding:10px 10px 18px;transform:none!important;box-shadow:0 8px 26px rgba(15,31,69,.09);transition:transform .35s ease,box-shadow .35s ease,border-color .35s ease}
.products .product-card:hover{transform:translateY(-7px)!important;border-color:#e0a500!important;box-shadow:0 16px 34px rgba(15,31,69,.14)}
.products .product-photo{display:block;height:clamp(150px,16vw,218px);border-radius:12px;overflow:hidden;background:#f4f5f7}
.products .product-photo img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s ease}
.products .product-card:hover .product-photo img{transform:scale(1.06)}
.products .product-card h3,.products .product-card.featured h3{color:#071a70!important;font-family:"Montserrat",sans-serif;font-size:15px;font-weight:700;line-height:1.4;text-align:center;min-height:42px;margin:18px 0 12px}
.products .round-arrow,.products .product-card.featured .round-arrow{display:flex;align-items:center;justify-content:center;width:39px;height:39px;margin:0 auto;border:1px solid #071a70!important;border-radius:50%;color:#071a70!important;background:#fff!important;transition:all .25s ease}
.products .round-arrow:hover{background:#e2a30b!important;border-color:#e2a30b!important;color:#fff!important}
.brand-text-logo{display:flex;align-items:center;gap:10px;text-decoration:none;min-width:0}
.brand-emblem{display:grid;place-items:center;flex:0 0 48px;width:48px;height:48px;border-radius:50%;background:linear-gradient(145deg,#f9d95b,#dca400);color:#252783;font-size:24px;border:2px solid #fff}
.brand-wordmark{color:#252783;font-family:Georgia,serif;font-style:italic;font-weight:700;font-size:clamp(12px,1.25vw,17px);line-height:1.1;white-space:nowrap}
.brand-wordmark strong{font-weight:800}
.brand-footer .brand-emblem{flex-basis:38px;width:38px;height:38px;font-size:19px}
.brand-footer .brand-wordmark{font-size:13px}
@media(max-width:1000px){.products .product-track{gap:12px}.products .product-card h3,.products .product-card.featured h3{font-size:13px}.products .product-photo{height:150px}}
@media(max-width:850px){.products{padding:54px 0 62px!important}.products .product-track{grid-template-columns:repeat(5,minmax(190px,1fr));overflow-x:auto;padding:8px 2px 18px;scroll-snap-type:x mandatory}.products .product-card{scroll-snap-align:start}.products .product-photo{height:180px}.products .section-heading h2{font-size:40px}}
@media(max-width:600px){.products{padding:44px 0 52px!important}.products .section-heading{margin-bottom:24px!important}.products .section-heading h2{font-size:32px}.products .product-track{grid-template-columns:repeat(5,205px);gap:12px}.products .product-photo{height:175px}.products .product-card h3,.products .product-card.featured h3{font-size:14px;min-height:40px;margin:14px 0 10px}.brand-emblem{flex-basis:37px;width:37px;height:37px;font-size:18px}.brand-wordmark{font-size:11px}}


/* === Premium seamless product-category marquee === */
.category-marquee{
  --marquee-speed:34s;
  position:relative;
  overflow:hidden;
  isolation:isolate;
  padding:18px 0;
  color:#101d55;
  background:linear-gradient(110deg,#f2b719 0%,#ffc629 48%,#e9a80a 100%);
  border-top:1px solid rgba(255,255,255,.45);
  border-bottom:1px solid rgba(7,26,67,.12);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.35),inset 0 -1px 0 rgba(7,26,67,.08);
  font-family:"Plus Jakarta Sans",sans-serif;
  font-size:18px;
  font-weight:800;
  letter-spacing:.1px;
}
.category-marquee::before,
.category-marquee::after{
  content:"";
  position:absolute;
  top:0;
  bottom:0;
  width:clamp(26px,5vw,76px);
  z-index:2;
  pointer-events:none;
}
.category-marquee::before{left:0;background:linear-gradient(90deg,#f2b719,rgba(242,183,25,0))}
.category-marquee::after{right:0;background:linear-gradient(270deg,#e9a80a,rgba(233,168,10,0))}
.marquee-track{
  display:flex;
  width:max-content;
  align-items:center;
  will-change:transform;
  animation:marquee var(--marquee-speed) linear infinite;
}
.category-marquee:hover .marquee-track{animation-play-state:paused}
.marquee-group{display:flex;align-items:center;flex-shrink:0}
.marquee-group span{
  position:relative;
  display:inline-flex;
  align-items:center;
  gap:13px;
  padding:4px 38px;
  white-space:nowrap;
  line-height:1.4;
  text-transform:uppercase;
}
.marquee-group span::after{
  content:"";
  position:absolute;
  right:0;
  top:50%;
  width:7px;
  height:7px;
  border-radius:2px;
  background:#fff8df;
  border:2px solid #17266f;
  transform:translateY(-50%) rotate(45deg);
}
.marquee-group span:last-child::after{right:0}
.marquee-group i{
  display:inline-grid;
  place-items:center;
  flex:0 0 31px;
  width:31px;
  height:31px;
  border:1px solid rgba(20,36,102,.2);
  border-radius:50%;
  background:#102264;
  color:#ffc62b;
  font-size:14px;
  box-shadow:0 3px 8px rgba(10,24,69,.14);
}
@keyframes marquee{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@media(prefers-reduced-motion:reduce){.marquee-track{animation:none;transform:none}.category-marquee{overflow-x:auto}.marquee-group[aria-hidden="true"]{display:none}}
@media(max-width:850px){.category-marquee{font-size:16px;padding:15px 0}.marquee-group span{padding:4px 27px;gap:10px}.marquee-group i{width:28px;height:28px;flex-basis:28px;font-size:12px}}
@media(max-width:600px){.category-marquee{font-size:14px;padding:13px 0;--marquee-speed:27s}.marquee-group span{padding:4px 20px;gap:8px}.marquee-group span::after{width:5px;height:5px}.marquee-group i{width:25px;height:25px;flex-basis:25px;font-size:11px}}


/* === Alignment correction pass (matches the actual HTML class names) === */
/* Testimonials: equal-height cards, aligned reviewer rows and consistent gutters */
.testimonials.section-pad{
  padding:64px 0 66px;
  background:#f7f7f9;
}
.testimonials .container{
  width:min(1220px,calc(100% - 48px));
  margin-inline:auto;
}
.testimonials .section-heading{
  display:flex;
  align-items:center;
  justify-content:center;
  flex-wrap:wrap;
  gap:14px;
  margin:0 0 30px;
  text-align:center;
}
.testimonials .section-heading .section-tag{
  margin:0;
  padding:5px 16px;
  font-size:17px;
  line-height:1.4;
}
.testimonials .section-heading h2{
  display:block;
  margin:0;
  padding:0;
  font-size:clamp(34px,3.3vw,46px);
  line-height:1.15;
}
.testimonial-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  align-items:stretch;
  gap:18px;
}
.testimonial-card{
  min-width:0;
  min-height:228px;
  height:100%;
  padding:22px 20px 16px;
  border:1px solid #f0f1f5;
  border-radius:13px;
  background:#fff;
  box-shadow:0 9px 25px rgba(16,27,60,.045);
  display:flex;
  flex-direction:column;
}
.testimonial-card .quote-mark{
  flex:0 0 34px;
  height:34px;
  margin:0 0 12px;
  color:#dfe2e9;
  font:700 52px/.78 Georgia,serif;
}
.testimonial-card>p{
  flex:1 0 auto;
  margin:0 0 18px;
  color:#4d5360;
  font-family:var(--font-body);
  font-size:13px;
  line-height:1.7;
}
.reviewer{
  display:flex;
  align-items:center;
  gap:10px;
  width:100%;
  min-height:48px;
  margin-top:auto;
  padding-top:12px;
  border-top:1px solid #eceef2;
}
.reviewer img{
  display:block;
  flex:0 0 38px;
  width:38px;
  height:38px;
  margin:0;
  border-radius:50%;
  object-fit:cover;
  object-position:center;
}
.reviewer>div{
  display:flex;
  flex:1 1 auto;
  flex-direction:column;
  justify-content:center;
  min-width:0;
  gap:3px;
}
.reviewer strong{
  display:block;
  margin:0;
  color:#1c263a;
  font-size:11px;
  line-height:1.35;
  font-weight:700;
}
.reviewer small{
  display:block;
  margin:0;
  color:#8b92a0;
  font-size:9px;
  line-height:1.35;
}
.review-stars{
  flex:0 0 auto;
  margin-left:auto;
  align-self:center;
  color:#f3a500;
  font-size:13px;
  line-height:1;
  letter-spacing:1px;
  white-space:nowrap;
}

/* Footer: use explicit column proportions and stop heading/contact wrapping */
.site-footer{
  padding:0;
  overflow:hidden;
  background:linear-gradient(115deg,#070729 0%,#09062c 58%,#18072c 100%);
}
.site-footer>.footer-grid.container{
  width:calc(100% - 30px);
  max-width:1320px;
  margin:0 auto;
  padding:48px 52px 44px;
  display:grid;
  grid-template-columns:minmax(0,1.35fr) minmax(130px,.65fr) minmax(190px,.95fr) minmax(300px,1.35fr);
  gap:0;
  align-items:stretch;
}
.footer-brand{
  min-width:0;
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  padding:0 34px 0 0;
  border-right:1px solid rgba(255,255,255,.18);
  background:transparent;
  border-radius:0;
}
.footer-image-logo{
  display:flex;
  align-items:center;
  justify-content:center;
  width:100%;
  max-width:334px;
  height:76px;
  margin:0;
  padding:8px;
  overflow:hidden;
  background:#fff;
  border:0;
  border-radius:5px;
}
.footer-image-logo img{
  display:block;
  width:100%;
  height:100%;
  max-width:100%;
  object-fit:contain;
  object-position:center;
}
.footer-brand>p.footer-follow{
  display:block;
  order:0;
  margin:29px 0 10px 3px;
  color:#fff;
  font-size:18px;
  font-weight:700;
  line-height:1.4;
}
.footer-brand::after{content:none!important;display:none!important}
.footer-social{
  display:flex;
  align-items:center;
  justify-content:flex-start;
  order:0;
  gap:10px;
  margin:0 0 0 3px;
  padding:0;
}
.footer-social a{
  display:grid;
  place-items:center;
  flex:0 0 40px;
  width:40px;
  height:40px;
  margin:0;
  padding:0;
  border-radius:50%;
  font-size:24px;
  line-height:1;
}
.footer-column{
  min-width:0;
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  gap:11px;
  padding:0 28px;
  border-right:1px solid rgba(255,255,255,.18);
  color:#e5e6f2;
  font-size:14px;
}
.footer-column h3{
  width:100%;
  margin:0 0 12px;
  padding:0 0 15px;
  color:#fff;
  font-family:var(--font-heading);
  font-size:20px;
  font-weight:700;
  line-height:1.25;
  white-space:nowrap;
}
.footer-column h3::after{
  content:"";
  position:absolute;
  left:0;
  bottom:0;
  width:42px;
  height:3px;
  background:#ffb000;
}
.footer-column>a{
  display:block;
  width:100%;
  color:#e1e3f0;
  font-size:14px;
  line-height:1.55;
  white-space:normal;
}
.footer-column>a::before{
  content:"•";
  display:inline-block;
  margin-right:10px;
  color:#fff;
}
.footer-contact{
  padding-right:0;
  border-right:0;
}
.footer-contact>a,.footer-contact>p{
  display:flex;
  align-items:center;
  gap:16px;
  width:100%;
  margin:0 0 10px;
  color:#f1f1fa;
  font-size:14px;
  line-height:1.55;
  overflow-wrap:anywhere;
}
.footer-contact i{
  display:grid;
  place-items:center;
  flex:0 0 37px;
  width:37px;
  min-width:37px;
  height:37px;
  margin:0;
  border-radius:50%;
  background:#ffa600;
  color:#fff;
  font-size:15px;
}
.footer-bottom{
  width:calc(100% - 30px);
  max-width:1320px;
  margin:0 auto;
  padding:20px 12px 19px;
  border-top:1px solid rgba(255,255,255,.15);
  color:#f3f3fa;
  font-size:14px;
  line-height:1.5;
}
.footer-bottom .container{
  width:100%;
  max-width:none;
  display:flex;
  align-items:center;
  justify-content:center;
  flex-wrap:wrap;
  gap:0;
  text-align:center;
}
.footer-bottom .container>span:first-child::after{content:" | "}
.footer-bottom .container>span:last-child{font-weight:700}
.footer-bottom a{color:#bbc5db}
@media(max-width:1100px){
 .site-footer>.footer-grid.container{
   padding:42px 25px 36px;
   grid-template-columns:minmax(0,1.2fr) minmax(120px,.7fr) minmax(170px,.95fr) minmax(250px,1.25fr);
 }
 .footer-brand{padding-right:20px}
 .footer-column{padding:0 18px}
 .footer-column h3{font-size:17px}
 .footer-column>a,.footer-contact>a,.footer-contact>p{font-size:12px}
 .footer-image-logo{height:64px}
 .reviewer strong{font-size:10px}
 .review-stars{font-size:11px;letter-spacing:0}
}
@media(max-width:820px){
 .testimonial-grid{gap:12px}
 .testimonial-card{padding:18px 15px 14px}
 .testimonial-card>p{font-size:12px}
 .site-footer>.footer-grid.container{
   grid-template-columns:1fr 1fr;
   gap:28px 0;
   padding:36px 25px 30px;
 }
 .footer-brand{padding-right:22px}
 .footer-column{padding:0 22px;border-right:0}
 .footer-contact{grid-column:1/-1;padding:23px 0 0;border-top:1px solid rgba(255,255,255,.16)}
}
@media(max-width:600px){
 .testimonials.section-pad{padding:48px 0 52px}
 .testimonials .container{width:calc(100% - 34px)}
 .testimonials .section-heading{display:block;text-align:center;margin-bottom:24px}
 .testimonials .section-heading .section-tag{display:inline-block;margin-bottom:12px}
 .testimonials .section-heading h2{font-size:32px}
 .testimonial-grid{grid-template-columns:1fr;gap:14px}
 .testimonial-card{min-height:0;padding:20px 17px 15px}
 .testimonial-card>p{font-size:13px}
 .site-footer>.footer-grid.container{
   width:calc(100% - 28px);
   grid-template-columns:1fr 1fr;
   gap:27px 0;
   padding:30px 14px 25px;
 }
 .footer-brand{grid-column:1/-1;padding:0;border-right:0}
 .footer-image-logo{height:68px;max-width:334px}
 .footer-brand>p.footer-follow{margin-top:19px;font-size:17px}
 .footer-column{padding:21px 13px 0 0;border-top:1px solid rgba(255,255,255,.15)}
 .footer-column:nth-of-type(3){padding-left:14px;padding-right:0}
 .footer-column h3{font-size:16px;white-space:normal}
 .footer-column>a{font-size:12px}
 .footer-contact{grid-column:1/-1;padding:22px 0 0;border-top:1px solid rgba(255,255,255,.15)}
 .footer-contact h3{font-size:18px}
 .footer-contact>a,.footer-contact>p{font-size:12px;gap:12px}
 .footer-bottom{width:calc(100% - 28px);font-size:11px;padding:17px 5px}
 .footer-bottom .container{flex-direction:column;gap:5px}
 .footer-bottom .container>span:first-child::after{content:""}
}


/* =========================================================
   PREMIUM MOTION LAYER — refined interactions and wow details
   ========================================================= */
:root{
  --gold-bright:#ffc42b;
  --gold-deep:#d99700;
  --premium-shadow:0 24px 70px rgba(7,26,67,.14);
  --ease-premium:cubic-bezier(.2,.75,.25,1);
}
html{scroll-behavior:smooth;scroll-padding-top:110px}
body{overflow-x:hidden}
::selection{background:var(--gold);color:#071a43}
a,button{-webkit-tap-highlight-color:transparent}
:focus-visible{outline:3px solid #f4b51b;outline-offset:4px}

/* Scroll progress bar */
.scroll-progress{
  position:fixed;z-index:9999;left:0;top:0;width:100%;height:3px;
  background:transparent;pointer-events:none
}
.scroll-progress span{
  display:block;width:100%;height:100%;transform:scaleX(0);transform-origin:left center;
  background:linear-gradient(90deg,#f4b51b,#ffe18a,#d99600);
  box-shadow:0 0 14px rgba(244,181,27,.65)
}

/* More polished sticky header */
.site-header{
  transition:box-shadow .35s ease,background .35s ease,transform .35s ease;
  border-bottom:1px solid rgba(7,26,67,.045)
}
.site-header.scrolled{
  background:rgba(255,255,255,.91);
  box-shadow:0 12px 38px rgba(7,26,67,.10);
  backdrop-filter:blur(18px) saturate(150%)
}
.site-header.scrolled .nav-wrap{height:76px}
.primary-nav>a:not(.nav-cta),.dropdown-link{transition:color .25s ease}
.primary-nav>a:not(.nav-cta):hover,.dropdown-link:hover{color:var(--gold-deep)}
.nav-cta,.btn,.phone-cta,.round-arrow{
  position:relative;isolation:isolate;overflow:hidden
}
.nav-cta::before,.btn-gold::before,.phone-cta::before{
  content:"";position:absolute;z-index:-1;top:-80%;left:-35%;width:24%;height:260%;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.38),transparent);
  transform:translateX(-180%) rotate(22deg);
  transition:transform .8s var(--ease-premium)
}
.nav-cta:hover::before,.btn-gold:hover::before,.phone-cta:hover::before{transform:translateX(700%) rotate(22deg)}
.nav-cta:hover,.btn:hover,.phone-cta:hover{filter:saturate(1.08)}

/* Cinematic hero with layered lighting and a slow image drift */
.hero{isolation:isolate;min-height:520px}
.hero-slide{
  background-position:center;
  transition:opacity 1.2s ease,transform 8s cubic-bezier(.2,.6,.2,1),filter 1.2s ease;
  filter:saturate(.92)
}
.hero-slide.is-active{transform:scale(1.075);filter:saturate(1.08)}
.hero-shade{
  background:
    radial-gradient(ellipse at 76% 24%,rgba(244,181,27,.12),transparent 32%),
    linear-gradient(90deg,rgba(5,14,36,.82) 0%,rgba(8,22,49,.66) 43%,rgba(7,19,40,.12) 100%),
    linear-gradient(0deg,rgba(4,11,29,.4),transparent 55%)
}
.hero-content>*{animation:heroRise .85s var(--ease-premium) both}
.hero-content .rating{animation-delay:.08s}
.hero-content .hero-eyebrow{animation-delay:.16s}
.hero-content h1{animation-delay:.23s;text-shadow:0 8px 35px rgba(0,0,0,.16)}
.hero-content .hero-copy{animation-delay:.31s}
.hero-content .hero-actions{animation-delay:.4s}
.hero-content .trust-pills{animation-delay:.48s}
@keyframes heroRise{from{opacity:0;transform:translate3d(0,22px,0)}to{opacity:1;transform:translate3d(0,0,0)}}
.hero-corner{border-color:rgba(255,255,255,.32);box-shadow:0 0 0 22px rgba(255,255,255,.025),0 0 0 44px rgba(255,255,255,.018)}
.hero-arrow{backdrop-filter:blur(8px)}
.hero-dots button{transition:width .3s ease,background .3s ease,box-shadow .3s ease}
.hero-dots button.is-active{box-shadow:0 0 16px rgba(244,181,27,.55)}

/* Section headings gain editorial detail */
.section-heading{position:relative}
.section-heading h2,.about-copy h2,.why-copy h2,.quote-content h2{
  text-wrap:balance;
  letter-spacing:-1.1px
}
.section-heading h2 span,.about-copy h2 span,.why-copy h2 span,.quote-content h2 span{
  background:linear-gradient(110deg,#e2a000 0%,#ffc32c 48%,#d79700 100%);
  -webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent
}
.section-tag{box-shadow:inset 0 0 0 1px rgba(255,255,255,.22);transition:background .3s ease,color .3s ease,transform .3s ease}
.section-tag:hover{background:var(--gold);color:#111;transform:translateY(-2px)}

/* Scroll reveal: directional entrances, staggered by JS */
.reveal{
  opacity:0;
  transform:translate3d(0,32px,0) scale(.985);
  filter:blur(2px);
  transition:opacity .85s var(--ease-premium),transform .85s var(--ease-premium),filter .85s ease;
  transition-delay:var(--reveal-delay,0ms)
}
.reveal.is-visible{opacity:1;transform:translate3d(0,0,0) scale(1);filter:blur(0)}
.about-visual.reveal{transform:translate3d(-24px,24px,0) scale(.985)}
.about-visual.reveal.is-visible{transform:translate3d(0,0,0) scale(1)}
.about-copy.reveal{transform:translate3d(24px,24px,0) scale(.985)}
.about-copy.reveal.is-visible{transform:translate3d(0,0,0) scale(1)}
.why-image.reveal,.quote-visual.reveal{transform:translate3d(25px,18px,0) scale(.985)}
.why-image.reveal.is-visible,.quote-visual.reveal.is-visible{transform:translate3d(0,0,0) scale(1)}

/* Image frames: gentle lift, image zoom and subtle gold edge */
.image-frame,.product-photo,.gallery-item{position:relative;isolation:isolate}
.image-frame::after,.product-photo::after,.gallery-item::after{
  content:"";position:absolute;inset:0;z-index:1;pointer-events:none;
  background:linear-gradient(135deg,rgba(255,255,255,.22),transparent 34%,transparent 65%,rgba(7,26,67,.12));
  opacity:.4;transition:opacity .45s ease
}
.image-frame:hover::after,.product-photo:hover::after,.gallery-item:hover::after{opacity:.9}
.image-frame img,.product-photo img,.gallery-item img{will-change:transform}
.about-main-image{box-shadow:0 20px 55px rgba(7,26,67,.13)}
.about-small-image{transition:transform .5s var(--ease-premium),box-shadow .5s ease}
.about-visual:hover .about-small-image{transform:translate3d(7px,-7px,0);box-shadow:0 20px 45px rgba(7,26,67,.2)}
.expert-box{
  position:relative;border-radius:22px;padding:19px 20px;
  background:rgba(255,255,255,.88);
  border:1px solid rgba(7,26,67,.055);
  box-shadow:0 12px 32px rgba(7,26,67,.045);
  transition:transform .4s var(--ease-premium),box-shadow .4s ease
}
.expert-box:hover{transform:translateY(-4px);box-shadow:0 20px 42px rgba(7,26,67,.1)}
.expert-box img{transition:transform .65s var(--ease-premium),filter .4s ease}
.expert-box:hover img{transform:scale(1.045);filter:saturate(1.08)}
.check-list li{transition:transform .25s ease,color .25s ease}
.check-list li:hover{transform:translateX(4px);color:var(--purple)}

/* Product cards: premium lift, animated gold rim and image zoom */
.products .product-track{perspective:1100px}
.products .product-card{
  position:relative;isolation:isolate;
  box-shadow:0 10px 30px rgba(7,26,67,.065);
  transition:transform .48s var(--ease-premium),box-shadow .48s ease,border-color .35s ease;
  will-change:transform
}
.products .product-card::before{
  content:"";position:absolute;inset:0;z-index:-1;border-radius:inherit;
  background:linear-gradient(140deg,rgba(255,196,43,.16),transparent 42%,rgba(37,17,123,.04));
  opacity:0;transition:opacity .4s ease
}
.products .product-card:hover::before{opacity:1}
.products .product-card:hover{
  transform:translateY(-10px) scale(1.015)!important;
  border-color:rgba(226,163,11,.65)!important;
  box-shadow:0 24px 48px rgba(7,26,67,.15)
}
.products .product-photo{box-shadow:0 5px 14px rgba(7,26,67,.06)}
.products .product-photo img{transition:transform .85s var(--ease-premium),filter .55s ease}
.products .product-card:hover .product-photo img{transform:scale(1.09);filter:saturate(1.12)}
.products .product-card h3{transition:color .3s ease,transform .3s ease}
.products .product-card:hover h3{transform:translateY(-2px)}
.products .round-arrow{box-shadow:0 3px 9px rgba(7,26,67,.06)}
.products .round-arrow:hover{transform:translateY(-2px) rotate(-35deg) scale(1.08)}

/* Why choose us benefit tiles */
.benefit{
  position:relative;isolation:isolate;overflow:hidden;
  border:1px solid rgba(255,255,255,.28);
  box-shadow:0 7px 18px rgba(0,0,0,.07);
  transition:transform .38s var(--ease-premium),box-shadow .38s ease,background .3s ease
}
.benefit::after{
  content:"";position:absolute;inset:0;z-index:-1;
  background:linear-gradient(120deg,rgba(244,181,27,.13),transparent 60%);
  opacity:0;transition:opacity .35s ease
}
.benefit:hover{transform:translateY(-6px) scale(1.015);box-shadow:0 17px 32px rgba(0,0,0,.17)}
.benefit:hover::after{opacity:1}
.benefit>span{transition:transform .35s var(--ease-premium),box-shadow .35s ease}
.benefit:hover>span{transform:rotate(-8deg) scale(1.12);box-shadow:0 0 0 5px rgba(244,181,27,.14)}
.why-image{overflow:hidden;border-radius:16px}
.why-image img{transition:transform 1s var(--ease-premium),filter .5s ease}
.why-image:hover img{transform:scale(1.055);filter:saturate(1.08)}
.image-caption{backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.13);box-shadow:0 10px 28px rgba(0,0,0,.18)}

/* Category marquee: high-contrast and continuous */
.category-marquee{position:relative;overflow:hidden}
.category-marquee::before,.category-marquee::after{
  content:"";position:absolute;z-index:2;top:0;bottom:0;width:70px;pointer-events:none
}
.category-marquee::before{left:0;background:linear-gradient(90deg,var(--gold),transparent)}
.category-marquee::after{right:0;background:linear-gradient(270deg,var(--gold),transparent)}
.marquee-track{will-change:transform;animation-timing-function:linear}
.marquee-group span{transition:color .25s ease,transform .25s ease}
.marquee-group span:hover{color:#fff;transform:translateY(-2px)}

/* Gallery tiles become editorial image panels */
.gallery-item{
  border-radius:15px;overflow:hidden;
  box-shadow:0 10px 28px rgba(7,26,67,.08);
  transition:transform .45s var(--ease-premium),box-shadow .45s ease,border-radius .45s ease
}
.gallery-item:hover{transform:translateY(-5px);box-shadow:0 22px 45px rgba(7,26,67,.2);border-radius:19px;z-index:2}
.gallery-item img{transition:transform .9s var(--ease-premium),filter .6s ease}
.gallery-item:hover img{transform:scale(1.075);filter:saturate(1.12)}
.gallery-item::before{
  content:"View project";position:absolute;z-index:3;left:15px;bottom:15px;
  padding:8px 12px;border:1px solid rgba(255,255,255,.35);border-radius:30px;
  background:rgba(7,26,67,.75);backdrop-filter:blur(10px);
  color:#fff;font-size:11px;font-weight:600;letter-spacing:.02em;
  opacity:0;transform:translateY(7px);transition:opacity .35s ease,transform .35s ease;pointer-events:none
}
.gallery-item:hover::before{opacity:1;transform:translateY(0)}
.gallery-item::after{z-index:1;opacity:0;background:linear-gradient(0deg,rgba(5,16,42,.45),transparent 65%)}
.gallery-item:hover::after{opacity:1}

/* Quote form: glass panels, focused fields and animated CTA */
.quote-section{isolation:isolate}
.quote-section::before{
  content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;
  background:radial-gradient(circle at 12% 85%,rgba(30,113,205,.2),transparent 27%),
             radial-gradient(circle at 45% 0%,rgba(255,255,255,.06),transparent 35%)
}
.quote-content h2{letter-spacing:-1.4px}
.quote-form input,.quote-form select,.quote-form textarea{
  transition:border-color .3s ease,background .3s ease,box-shadow .3s ease,transform .3s ease
}
.quote-form input:focus,.quote-form select:focus,.quote-form textarea:focus{
  border-color:var(--gold);background:rgba(255,255,255,.105);
  box-shadow:0 0 0 4px rgba(244,181,27,.12);transform:translateY(-1px)
}
.form-submit{box-shadow:0 10px 25px rgba(244,181,27,.2);transition:transform .3s ease,box-shadow .3s ease,filter .3s ease}
.form-submit:hover{transform:translateY(-4px);box-shadow:0 16px 35px rgba(244,181,27,.3)}
.quote-perks span{transition:transform .3s ease,color .3s ease}
.quote-perks span:hover{transform:translateY(-3px);color:var(--gold-bright)}
.quote-perks i{transition:transform .35s ease,background .35s ease}
.quote-perks span:hover i{transform:rotate(-8deg) scale(1.08);background:rgba(244,181,27,.18)}
.quote-visual{overflow:hidden;border-radius:16px;box-shadow:0 25px 60px rgba(0,0,0,.2)}
.quote-visual img{transition:transform 1s var(--ease-premium),filter .6s ease}
.quote-visual:hover img{transform:scale(1.045);filter:saturate(1.08)}
.phone-cta{box-shadow:0 12px 30px rgba(0,0,0,.22);transition:transform .35s var(--ease-premium),box-shadow .35s ease}
.phone-cta:hover{transform:translateY(-4px) scale(1.02);box-shadow:0 18px 40px rgba(0,0,0,.3)}

/* Testimonials and footer have refined hover states */
.testimonial-card{
  border:1px solid rgba(7,26,67,.055);
  transition:transform .4s var(--ease-premium),box-shadow .4s ease,border-color .35s ease
}
.testimonial-card:hover{transform:translateY(-6px);box-shadow:0 22px 42px rgba(7,26,67,.09);border-color:rgba(244,181,27,.28)}
.testimonial-card .quote-mark{transition:transform .35s ease,color .35s ease}
.testimonial-card:hover .quote-mark{transform:translateY(-3px);color:var(--gold)}
.reviewer img{transition:transform .4s ease,box-shadow .4s ease}
.testimonial-card:hover .reviewer img{transform:scale(1.08);box-shadow:0 0 0 3px rgba(244,181,27,.25)}
.footer-image-logo{transition:transform .35s ease,box-shadow .35s ease}
.footer-image-logo:hover{transform:translateY(-3px);box-shadow:0 12px 30px rgba(0,0,0,.18)}
.footer-column>a{transition:color .25s ease,transform .25s ease}
.footer-column>a:hover{transform:translateX(5px);color:var(--gold-bright)}
.footer-contact i{transition:transform .3s ease,background .3s ease}
.footer-contact>a:hover i{transform:rotate(-8deg) scale(1.08);background:var(--gold-bright)}
.footer-social a{transition:transform .35s var(--ease-premium),box-shadow .35s ease}
.footer-social a:hover{transform:translateY(-5px) scale(1.08);box-shadow:0 8px 18px rgba(0,0,0,.2)}
.back-to-top{transition:opacity .3s ease,visibility .3s ease,transform .3s ease,box-shadow .3s ease}
.back-to-top:hover{box-shadow:0 10px 28px rgba(244,181,27,.4);transform:translateY(-4px)}

/* Fine pointer devices only: tilt is applied by JS; avoid motion on touch */
@media(hover:hover) and (pointer:fine){
  .product-card,.benefit,.testimonial-card{transform-style:preserve-3d}
}
@media(prefers-reduced-motion:reduce){
  .hero-content>*{animation:none!important}
  .reveal,.about-visual.reveal,.about-copy.reveal,.why-image.reveal,.quote-visual.reveal{opacity:1;transform:none;filter:none;transition:none}
  .hero-slide.is-active{transform:none}
  .scroll-progress{display:none}
  .gallery-item:hover,.products .product-card:hover,.benefit:hover,.testimonial-card:hover{transform:none!important}
}
@media(max-width:760px){
  .category-marquee::before,.category-marquee::after{width:28px}
  .gallery-item::before{display:none}
  .about-visual.reveal,.about-copy.reveal,.why-image.reveal,.quote-visual.reveal{transform:translateY(22px) scale(.99)}
  .about-visual.reveal.is-visible,.about-copy.reveal.is-visible,.why-image.reveal.is-visible,.quote-visual.reveal.is-visible{transform:none}
}


/* ============================================================
   SIGNATURE REDESIGN — premium editorial layout across the site
   ============================================================ */
:root{
  --signature-navy:#071a43;
  --signature-blue:#26258e;
  --signature-gold:#e6a70a;
  --signature-paper:#f7f8fb;
  --signature-line:rgba(8,26,67,.10);
  --signature-ease:cubic-bezier(.18,.72,.24,1);
}
body{background:#fff;color:#343b4b}
.container{width:min(1280px,calc(100% - 64px))}
.section-pad{padding-top:108px;padding-bottom:108px}
main{overflow:clip}
section[id]{scroll-margin-top:110px}

/* Navigation feels like a designed brand system */
.topbar{height:42px;font-size:12px;letter-spacing:.01em}
.topbar-contact{padding-left:max(4.8vw,32px);gap:24px}
.topbar-social{padding-right:max(4.8vw,32px)}
.site-header{box-shadow:0 5px 25px rgba(7,26,67,.045)}
.nav-wrap{height:86px;width:calc(100% - 9.6vw)}
.brand-emblem{width:44px;height:44px;font-size:20px;box-shadow:0 5px 15px rgba(230,167,10,.18)}
.brand-wordmark{font-size:15px;letter-spacing:-.5px}
.primary-nav{gap:clamp(15px,2vw,30px);font-size:13px}
.primary-nav>a:not(.nav-cta)::after,.dropdown-link::after{bottom:24px;height:3px;border-radius:4px}
.nav-cta{padding:15px 20px;border-radius:8px;font-size:13px;box-shadow:0 9px 22px rgba(230,167,10,.2)}

/* Hero: cinematic dark treatment, sharper typography and floating proof panel */
.hero{height:min(760px,calc(100svh - 110px));min-height:600px;border-radius:0 0 34px 34px}
.hero-slide{background-position:center 54%}
.hero-shade{
 background:
   radial-gradient(ellipse at 80% 30%,rgba(230,167,10,.12),transparent 27%),
   linear-gradient(90deg,rgba(3,13,34,.88) 0%,rgba(5,18,44,.77) 38%,rgba(5,18,44,.27) 72%,rgba(5,18,44,.12) 100%),
   linear-gradient(0deg,rgba(3,13,34,.52),transparent 42%)
}
.hero-content{width:min(1280px,calc(100% - 64px));padding-top:0;padding-bottom:20px}
.hero .rating{padding:8px 13px;border:1px solid #ffffff35;border-radius:30px;background:#071a4350;backdrop-filter:blur(10px);margin-bottom:24px}
.hero-eyebrow{font-size:11px;letter-spacing:.19em;color:#ffd46a;margin-bottom:15px}
.hero h1{font-family:Montserrat,sans-serif;font-size:clamp(52px,6vw,82px);font-weight:700;line-height:1.02;letter-spacing:-2.8px;max-width:760px;margin-bottom:22px}
.hero h1 span{color:#ffc02b;text-shadow:0 8px 35px rgba(230,167,10,.14)}
.hero-copy{max-width:530px;font-size:16px;line-height:1.8;color:#e1e7f2;margin-bottom:29px}
.hero-actions{gap:14px}
.hero-actions .btn{min-height:54px;padding:15px 23px;border-radius:9px;font-size:13px}
.btn-gold{background:linear-gradient(120deg,#ffc12b,#e5a000);color:#091a3d;box-shadow:0 10px 28px rgba(230,167,10,.22)}
.btn-outline{border-color:#ffffff75;background:rgba(255,255,255,.06);backdrop-filter:blur(7px)}
.trust-pills{gap:9px;margin-top:30px}
.trust-pills span{font-size:11px;letter-spacing:.015em;border-radius:30px;border-color:#ffffff40;padding:9px 13px;background:#ffffff0b;backdrop-filter:blur(7px)}
.hero-proof-card{
 position:absolute;z-index:4;right:max(5vw,36px);bottom:82px;
 display:flex;align-items:center;gap:14px;max-width:345px;padding:17px 20px;
 color:#fff;background:rgba(8,23,54,.73);border:1px solid rgba(255,255,255,.22);
 border-radius:16px;backdrop-filter:blur(18px);box-shadow:0 20px 55px rgba(0,0,0,.2);
 animation:proofFloat 5s ease-in-out infinite
}
.hero-proof-icon{width:43px;height:43px;display:grid;place-items:center;flex:0 0 43px;border-radius:13px;background:linear-gradient(135deg,#ffc42b,#d99700);color:#071a43;font-size:18px}
.hero-proof-card div{display:flex;flex-direction:column;gap:5px}
.hero-proof-card strong{font-size:13px;font-weight:700}
.hero-proof-card small{font-size:10px;line-height:1.5;color:#c9d3e7}
.hero-proof-arrow{margin-left:auto;color:#ffc42b}
@keyframes proofFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}
.hero-arrow{width:46px;height:46px;border-radius:15px;background:#071a4370;backdrop-filter:blur(8px)}
.hero-dots{bottom:27px;gap:10px}
.hero-dots button{height:5px;width:23px;border:0;border-radius:5px;background:#ffffff70}
.hero-dots button.is-active{width:48px;background:#ffc42b}

/* Slim premium trust rail directly below hero */
.trust-strip{position:relative;z-index:5;background:#fff;padding:0 0 8px}
.trust-strip-inner{
 display:grid;grid-template-columns:1.25fr repeat(3,1fr);align-items:center;
 gap:0;min-height:120px;padding:22px 0;border-bottom:1px solid var(--signature-line)
}
.trust-intro{padding:10px 28px 10px 0}
.trust-kicker,.section-overline{display:block;color:#9a720d;font-size:10px;font-weight:800;letter-spacing:.18em;text-transform:uppercase;margin-bottom:9px}
.trust-intro strong{display:block;font-family:Montserrat,sans-serif;font-size:19px;line-height:1.35;color:var(--signature-navy)}
.trust-intro em{font-style:normal;color:#d79c00}
.trust-item{display:flex;align-items:center;gap:13px;padding:12px 18px;border-left:1px solid var(--signature-line)}
.trust-icon{width:43px;height:43px;display:grid;place-items:center;flex:0 0 43px;border-radius:14px;background:#fff5d7;color:#b98500;font-size:17px;transition:transform .35s var(--signature-ease),background .35s ease}
.trust-item:hover .trust-icon{transform:rotate(-7deg) scale(1.08);background:#ffebad}
.trust-item div{display:flex;flex-direction:column;gap:5px}
.trust-item strong{font-size:12px;color:#13244a;font-weight:800}
.trust-item small{font-size:10px;color:#7c8493;line-height:1.45}

/* About: editorial image collage and a stronger right-hand text hierarchy */
.about{position:relative;background:linear-gradient(180deg,#f7f8fb 0%,#fff 100%);padding-top:115px;padding-bottom:115px}
.about::before{content:"";position:absolute;top:0;left:0;width:36%;height:100%;background:radial-gradient(ellipse at 0 40%,rgba(230,167,10,.07),transparent 58%);pointer-events:none}
.about-grid{position:relative;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(42px,6vw,92px)}
.about-visual{min-height:550px;padding:0 18px 36px 0}
.about-main-image{width:84%;height:500px;margin-left:auto;border-radius:24px;box-shadow:0 28px 65px rgba(7,26,67,.17)}
.about-main-image::before{content:"";position:absolute;inset:0;border:1px solid rgba(255,255,255,.3);border-radius:inherit;pointer-events:none}
.about-small-image{left:0;bottom:0;width:46%;height:245px;border:9px solid #f7f8fb;border-radius:23px;box-shadow:0 20px 45px rgba(7,26,67,.16)}
.vertical-word{left:-25px;top:80px;font-size:72px;color:#dce1e9;opacity:.5;z-index:0}
.about-copy{position:relative;z-index:1}
.about-copy .section-tag{padding:7px 17px;border-color:#dba500;color:#1b2850;font-size:11px;letter-spacing:.11em;background:#fff;border-radius:30px;margin-bottom:20px}
.about-copy h2{font-size:clamp(39px,4vw,57px);line-height:1.08;letter-spacing:-1.8px;margin-bottom:22px}
.about-copy p{font-size:15px;line-height:1.85;color:#687080;margin-bottom:16px}
.expert-box{background:#fff;border:1px solid #e9edf3;border-radius:22px;padding:22px;margin:27px 0 23px;box-shadow:0 15px 40px rgba(7,26,67,.055);gap:22px}
.expert-box h3{font-family:Montserrat,sans-serif;font-size:17px;color:#0e2930;margin-bottom:12px}
.expert-box img{width:142px;height:115px;border-radius:15px}
.check-list{font-size:13px;color:#384152}
.check-list li{margin:9px 0}
.btn-purple{border-radius:9px;min-height:48px;padding:14px 22px;background:linear-gradient(120deg,#29258e,#111b66);box-shadow:0 9px 22px rgba(38,37,142,.18)}

/* Section heading system */
.section-heading{margin-bottom:44px}
.section-overline{display:flex;align-items:center;justify-content:center;gap:9px;margin-bottom:14px;font-size:10px}
.section-overline i{font-size:12px}
.section-heading h2,.section-heading h2{font-family:Montserrat,sans-serif;font-size:clamp(38px,4vw,54px);line-height:1.08;letter-spacing:-1.8px;font-weight:700;margin-bottom:13px}
.section-heading p{font-size:15px;line-height:1.75;color:#747d8c}
.heading-line{display:none}

/* Product collection: premium cards, varied height and better image-led composition */
.products{position:relative;padding:100px 0 112px!important;background:#fff!important}
.products::before{content:"";position:absolute;inset:0 0 auto;height:330px;background:linear-gradient(180deg,#f6f8fc 0%,rgba(246,248,252,0) 100%);pointer-events:none}
.products .container{position:relative}
.products .section-heading{margin-bottom:46px!important}
.products .section-heading h2{font-size:clamp(40px,4.3vw,58px);color:#20247e!important;letter-spacing:-2px}
.products .section-heading h2 span{color:#e1a300!important}
.products .section-heading p{max-width:560px;margin:0 auto}
.products .product-track{gap:18px;align-items:stretch}
.products .product-card,.products .product-card.featured{
 position:relative;display:flex;flex-direction:column;align-items:stretch;
 padding:12px 12px 20px!important;border-radius:21px!important;
 background:rgba(255,255,255,.95)!important;border:1px solid #e9edf4!important;
 box-shadow:0 13px 34px rgba(7,26,67,.07)!important;
 transform:translateY(0)!important;overflow:hidden
}
.products .product-card::after{content:"";position:absolute;left:18px;right:18px;top:0;height:3px;border-radius:0 0 4px 4px;background:linear-gradient(90deg,#e5a300,#ffe39a);transform:scaleX(0);transform-origin:left;transition:transform .45s var(--signature-ease)}
.products .product-card:hover::after{transform:scaleX(1)}
.products .product-card:hover{transform:translateY(-12px)!important;border-color:#e5c46e!important;box-shadow:0 25px 55px rgba(7,26,67,.14)!important}
.products .product-photo{height:clamp(170px,18vw,245px);border-radius:15px;background:#edf0f5;overflow:hidden}
.products .product-photo img{display:block;filter:saturate(.93);transition:transform .8s var(--signature-ease),filter .6s ease}
.products .product-card:hover .product-photo img{transform:scale(1.085);filter:saturate(1.12)}
.products .product-card h3,.products .product-card.featured h3{font-family:Montserrat,sans-serif;font-size:14px;font-weight:700;line-height:1.45;min-height:42px;margin:18px 3px 12px;color:#14265a!important}
.products .round-arrow,.products .product-card.featured .round-arrow{width:42px;height:42px;margin:0 auto;border-radius:14px;border:1px solid #d9dfeb!important;color:#15286a!important;background:#fff!important;font-size:13px}
.products .round-arrow:hover{background:#e5a300!important;border-color:#e5a300!important;color:#fff!important;transform:translateY(-2px) rotate(-35deg)}
.track-controls{margin-top:28px}
.track-controls button{width:43px;height:43px;border-radius:14px;border-color:#e3e7ef;box-shadow:0 6px 18px rgba(7,26,67,.06);transition:all .3s ease}
.track-controls button:hover{background:#171d72;color:#fff;border-color:#171d72;transform:translateY(-3px)}

/* Why choose us: dramatic dark panel with editorial split and luminous benefits */
.why-us{position:relative;isolation:isolate;overflow:hidden;background:#2d2516!important;padding:112px 0!important}
.why-us::before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(ellipse at 0 100%,rgba(230,167,10,.15),transparent 38%),radial-gradient(ellipse at 100% 0,rgba(255,255,255,.06),transparent 30%);pointer-events:none}
.why-us::after{content:"SECURITY • COMFORT • STYLE";position:absolute;right:-45px;top:40px;z-index:-1;writing-mode:vertical-rl;font-family:Montserrat,sans-serif;font-size:10px;letter-spacing:.28em;color:#ffffff13}
.why-grid{grid-template-columns:minmax(0,1.03fr) minmax(0,.97fr);gap:clamp(40px,6vw,90px)}
.section-tag-light{font-size:11px;letter-spacing:.13em;text-transform:uppercase;padding:8px 17px;border-color:#b78a19;border-radius:30px;background:#ffffff06}
.why-copy h2{font-family:Montserrat,sans-serif;font-size:clamp(35px,3.7vw,49px);line-height:1.13;letter-spacing:-1.4px;margin:20px 0 34px;color:#fff}
.benefit-grid{gap:13px}
.benefit{min-height:120px;align-items:flex-start;padding:22px 18px;border-radius:17px;background:linear-gradient(135deg,#fff 0%,#f5f4f0 100%);border:1px solid #ffffff65;box-shadow:0 8px 25px rgba(0,0,0,.1);gap:13px}
.benefit>span{display:grid;place-items:center;flex:0 0 34px;width:34px;height:34px;background:linear-gradient(135deg,#ffcb42,#d99b00);color:#fff;border-radius:12px;font-size:13px;box-shadow:0 6px 14px rgba(230,167,10,.22)}
.benefit h3{font-family:Montserrat,sans-serif;font-size:13px;font-weight:700;color:#17203a;margin:2px 0 8px}
.benefit p{font-size:12px;line-height:1.65;color:#777c87;margin:0}
.why-image{height:clamp(410px,44vw,590px);border-radius:25px;box-shadow:0 28px 65px rgba(0,0,0,.25)}
.why-image img{object-fit:cover}
.image-caption{left:22px;bottom:22px;padding:13px 17px;border-radius:12px;background:rgba(7,26,67,.82);font-size:12px}
.image-caption i{color:#ffc12b;margin-right:8px}

/* Moving service band */
.category-marquee{padding:17px 0;background:linear-gradient(100deg,#f4b91c,#ffd35e 48%,#e5a300);color:#071a43;box-shadow:0 10px 25px rgba(7,26,67,.07)}
.marquee-track{gap:0}
.marquee-group{gap:0}
.marquee-group span{display:flex;align-items:center;gap:12px;padding:0 37px;font-family:Montserrat,sans-serif;font-size:13px;font-weight:800;letter-spacing:.02em;text-transform:uppercase;white-space:nowrap}
.marquee-group span i{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:#071a43;color:#ffc42b;font-size:11px}
.marquee-group span::after{content:"✦";margin-left:24px;color:#8b6400;font-size:13px}

/* Showcase: asymmetrical gallery, like an architecture journal */
.showcase{position:relative;padding:110px 0 120px;background:#f6f7fa}
.showcase::before{content:"";position:absolute;top:0;right:0;width:34%;height:100%;background:linear-gradient(180deg,#edf0f6,rgba(237,240,246,0));pointer-events:none}
.showcase .container{position:relative}
.showcase .section-heading{margin-bottom:42px}
.showcase .section-heading h2{font-size:clamp(40px,4.2vw,58px)}
.gallery-grid{display:grid;grid-template-columns:1.05fr .9fr 1.05fr 1fr;grid-template-rows:220px 210px;gap:17px}
.gallery-item{width:100%;height:100%;min-height:0;border:0;border-radius:20px;background:#e8ebf1;box-shadow:0 12px 28px rgba(7,26,67,.07);overflow:hidden;padding:0}
.gallery-item img{display:block;width:100%;height:100%;object-fit:cover}
.gallery-one{grid-column:1;grid-row:1/3}
.gallery-two{grid-column:2;grid-row:1}
.gallery-three{grid-column:3;grid-row:1/3}
.gallery-four{grid-column:4;grid-row:1}
.gallery-five{grid-column:2;grid-row:2}
.gallery-six{grid-column:4;grid-row:2}
.gallery-item::before{left:17px;bottom:17px}
.gallery-item:hover{transform:translateY(-5px) scale(1.005);box-shadow:0 26px 48px rgba(7,26,67,.16)}
.gallery-item::after{opacity:.18}

/* Quote: more spacious, premium form styling and feature rows */
.quote-section{position:relative;isolation:isolate;overflow:hidden;background:#071a43!important}
.quote-section::before{background:radial-gradient(ellipse at 0 100%,rgba(20,95,177,.28),transparent 35%),radial-gradient(ellipse at 55% 0,rgba(255,255,255,.06),transparent 32%)}
.quote-grid{grid-template-columns:minmax(0,1.12fr) minmax(0,.88fr);gap:0;min-height:610px;align-items:stretch}
.quote-content{padding:80px clamp(35px,5.5vw,85px) 72px max(5vw,32px);align-self:center}
.quote-content h2{font-size:clamp(44px,4.5vw,62px);letter-spacing:-2px;margin-bottom:17px}
.quote-content h2::after{width:55px;height:5px;border-radius:8px;margin-top:17px}
.quote-intro{max-width:570px;font-size:15px;line-height:1.8;color:#d8e0f0;margin-bottom:27px}
.quote-form{gap:13px}
.quote-form input,.quote-form select,.quote-form textarea{min-height:51px;padding:14px 16px;border-radius:12px;background:#ffffff0a;border:1px solid #ffffff24;color:#fff;font-size:13px}
.quote-form textarea{min-height:68px}
.quote-form input:focus,.quote-form select:focus,.quote-form textarea:focus{border-color:#ffc12b;background:#ffffff12;box-shadow:0 0 0 4px #ffc12b1a}
.quote-form .form-submit{min-height:55px;padding:15px 25px;border-radius:11px;font-size:13px}
.quote-perks{gap:16px;margin-top:25px}
.quote-perks span{grid-template-columns:39px 1fr;column-gap:10px;font-size:11px;font-weight:700}
.quote-perks i{width:39px;height:39px;display:grid;place-items:center;border-radius:13px;background:#ffffff12;color:#ffc42b;font-size:16px}
.quote-perks small{font-size:10px;margin-top:4px;font-weight:400}
.quote-visual{height:auto;min-height:610px;margin:0;border-radius:0}
.quote-visual img{clip-path:polygon(18% 0,100% 0,100% 100%,18% 100%,0 35%,0 27%);object-position:center;filter:saturate(.93)}
.quote-angle{right:30%;width:44px;background:linear-gradient(180deg,#ffd45d,#e7a000);opacity:1}
.phone-cta{right:5%;bottom:7%;padding:16px 22px;border-radius:16px;font-size:clamp(18px,2vw,26px);background:linear-gradient(110deg,#ffbd20,#ee9f00);box-shadow:0 17px 38px rgba(0,0,0,.28)}
.phone-cta i{width:43px;height:43px;display:inline-grid;place-items:center;background:#0764c5;color:#fff;padding:0}

/* Testimonials: larger, calm, trustworthy editorial cards */
.testimonials{padding:105px 0 110px;background:#fff!important}
.testimonials .section-heading{display:flex;flex-direction:column;align-items:center;gap:0;margin-bottom:43px}
.testimonials .section-heading .section-overline{margin-bottom:14px}
.testimonials .section-heading .section-tag{margin-bottom:13px;padding:6px 16px;font-size:10px}
.testimonials .section-heading h2{font-family:Montserrat,sans-serif;font-size:clamp(38px,4vw,54px);line-height:1.1;letter-spacing:-1.7px;margin-bottom:12px}
.testimonials .section-heading p{margin:0}
.testimonial-grid{gap:20px}
.testimonial-card{min-height:260px;padding:28px 25px 20px;border-radius:20px;border:1px solid #e9edf4;box-shadow:0 14px 38px rgba(7,26,67,.055)}
.testimonial-card .quote-mark{font-size:65px;color:#e3b32c;opacity:.65;margin-bottom:16px}
.testimonial-card>p{font-size:14px;line-height:1.8;color:#606a7a;margin:0 0 24px}
.reviewer{padding-top:16px;gap:12px;border-top:1px solid #edf0f4}
.reviewer img{width:44px;height:44px;flex:0 0 44px}
.reviewer strong{font-family:Montserrat,sans-serif;font-size:11px}
.reviewer small{font-size:10px}
.review-stars{font-size:13px;color:#e7a500}
.testimonial-card:hover{transform:translateY(-9px);border-color:#e4c46b;box-shadow:0 26px 55px rgba(7,26,67,.1)}

/* Footer as a polished brand closing */
.site-footer{padding-top:0;background:radial-gradient(ellipse at 100% 0,rgba(76,24,93,.32),transparent 36%),linear-gradient(115deg,#060625,#09072b 58%,#160725)}
.footer-grid{padding-top:68px;padding-bottom:58px;gap:0}
.footer-brand{padding-right:34px}
.footer-image-logo{height:78px;max-width:350px;padding:7px;border-radius:8px;box-shadow:0 9px 28px rgba(0,0,0,.12)}
.footer-brand>p.footer-follow{font-size:18px;margin-top:29px}
.footer-social{gap:12px}
.footer-social a{width:42px;height:42px;flex-basis:42px;font-size:22px}
.footer-column{padding:0 30px}
.footer-column h3{font-size:18px;margin-bottom:13px;padding-bottom:17px}
.footer-column>a{font-size:13px;padding:2px 0}
.footer-contact>a,.footer-contact>p{font-size:13px;margin-bottom:13px;gap:13px}
.footer-contact i{width:39px;height:39px;flex-basis:39px;border-radius:13px}
.footer-bottom{padding:22px 0;font-size:12px;color:#aeb8ce}

/* Entrance timing is more deliberate and all hover effects use a unified curve */
.reveal{transition-duration:1s;transition-timing-function:var(--signature-ease)}
.reveal.is-visible{filter:blur(0)}
.btn,.nav-cta,.round-arrow,.track-controls button,.footer-social a,.gallery-item,.testimonial-card,.benefit{transition-timing-function:var(--signature-ease)}
@media(max-width:1100px){
 .section-pad{padding-top:85px;padding-bottom:85px}
 .hero{min-height:560px;height:650px}
 .hero-proof-card{right:32px;bottom:76px;max-width:300px}
 .trust-strip-inner{grid-template-columns:1fr 1fr;row-gap:12px;padding:23px 0}
 .trust-intro{padding-left:10px}
 .trust-item:nth-child(2){border-left:0}
 .about-grid{gap:40px}
 .about-visual{min-height:450px}
 .about-main-image{height:410px}
 .about-small-image{height:205px}
 .products .product-track{gap:12px}
 .products .product-photo{height:180px}
 .benefit{padding:17px 13px;min-height:108px}
 .gallery-grid{grid-template-rows:190px 180px;gap:12px}
 .quote-grid{min-height:570px}
 .quote-content{padding-top:55px;padding-bottom:55px}
 .quote-visual{min-height:570px}
 .quote-perks{gap:9px}
 .quote-perks span{font-size:10px}
 .footer-grid{padding:50px 0}
 .footer-column{padding:0 20px}
}
@media(max-width:760px){
 .container{width:calc(100% - 38px)}
 .section-pad{padding-top:68px;padding-bottom:68px}
 .topbar{height:38px}
 .topbar-contact{padding-left:18px;gap:12px}
 .topbar-contact a+a{padding-left:12px}
 .topbar-social{padding-right:18px}
 .nav-wrap{width:calc(100% - 34px);height:75px}
 .brand-wordmark{font-size:12px}
 .hero{height:690px;min-height:610px;border-radius:0 0 24px 24px}
 .hero-content{width:calc(100% - 38px);justify-content:center;padding-bottom:80px}
 .hero h1{font-size:clamp(43px,9vw,62px);letter-spacing:-1.9px}
 .hero-copy{font-size:14px;max-width:470px}
 .hero-proof-card{right:19px;bottom:60px;left:19px;max-width:none;padding:12px 15px}
 .hero-proof-icon{width:38px;height:38px;flex-basis:38px}
 .hero-proof-card strong{font-size:12px}
 .hero-proof-card small{font-size:10px}
 .hero-dots{bottom:20px;left:auto;right:23px;transform:none}
 .trust-strip-inner{grid-template-columns:1fr 1fr;min-height:0;gap:10px;padding:20px 0}
 .trust-intro{grid-column:1/-1;padding:5px 0 12px}
 .trust-intro strong{font-size:18px}
 .trust-item{border-left:0;padding:8px 0;gap:9px}
 .trust-icon{width:35px;height:35px;flex-basis:35px;border-radius:11px;font-size:14px}
 .trust-item strong{font-size:11px}
 .trust-item small{font-size:9px}
 .about-grid{grid-template-columns:1fr;gap:37px}
 .about-visual{min-height:410px;max-width:600px;width:100%;margin:auto}
 .about-main-image{width:84%;height:370px}
 .about-small-image{width:44%;height:185px}
 .vertical-word{left:-15px;font-size:52px}
 .about-copy h2{font-size:clamp(37px,8vw,48px)}
 .about-copy p{font-size:14px}
 .expert-box{padding:17px;gap:12px}
 .expert-box img{width:105px;height:92px}
 .section-heading{margin-bottom:30px}
 .section-heading h2,.products .section-heading h2,.showcase .section-heading h2,.testimonials .section-heading h2{font-size:clamp(34px,7.5vw,44px);letter-spacing:-1.2px}
 .products{padding:70px 0 75px!important}
 .products .product-track{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;padding:5px 3px 18px;scrollbar-width:none}
 .products .product-track::-webkit-scrollbar{display:none}
 .products .product-card,.products .product-card.featured{flex:0 0 250px;scroll-snap-align:center}
 .products .product-photo{height:205px}
 .products .product-card h3{font-size:14px}
 .track-controls{display:flex}
 .why-us{padding:72px 0!important}
 .why-grid{grid-template-columns:1fr;gap:35px}
 .why-copy h2{font-size:clamp(34px,7.2vw,44px);margin-bottom:25px}
 .benefit-grid{gap:10px}
 .benefit{min-height:104px;padding:15px 12px;gap:10px;border-radius:14px}
 .benefit>span{width:29px;height:29px;flex-basis:29px;border-radius:10px}
 .benefit h3{font-size:11px}
 .benefit p{font-size:10px}
 .why-image{height:390px;min-height:0}
 .category-marquee{padding:13px 0}
 .marquee-group span{font-size:11px;padding:0 20px}
 .marquee-group span i{width:24px;height:24px}
 .showcase{padding:72px 0 78px}
 .gallery-grid{grid-template-columns:1fr 1fr;grid-template-rows:210px 160px 190px;gap:10px}
 .gallery-one{grid-column:1;grid-row:1/3}
 .gallery-two{grid-column:2;grid-row:1}
 .gallery-three{grid-column:2;grid-row:2}
 .gallery-four{grid-column:1;grid-row:3}
 .gallery-five{grid-column:2;grid-row:3}
 .gallery-six{display:none}
 .gallery-item{border-radius:14px}
 .quote-grid{grid-template-columns:1fr;min-height:0}
 .quote-content{padding:55px 20px 40px}
 .quote-content h2{font-size:clamp(42px,9vw,54px)}
 .quote-intro{font-size:14px}
 .quote-form{gap:10px}
 .quote-form input,.quote-form select,.quote-form textarea{min-height:48px;padding:12px}
 .quote-perks{flex-wrap:wrap;gap:13px}
 .quote-perks span{flex:1 1 130px}
 .quote-visual{min-height:350px;height:350px}
 .quote-visual img{clip-path:polygon(0 7%,100% 0,100% 100%,0 100%)}
 .quote-angle{right:14%;top:-3%;height:33%;width:25px}
 .phone-cta{font-size:19px;right:14px;bottom:15px;padding:12px 16px}
 .phone-cta i{width:35px;height:35px}
 .testimonials{padding:72px 0!important}
 .testimonial-grid{grid-template-columns:1fr;gap:14px}
 .testimonial-card{min-height:0;padding:23px 20px}
 .testimonial-card>p{font-size:13px}
 .footer-grid{grid-template-columns:1fr 1fr;padding:40px 0 30px;gap:28px 0}
 .footer-brand{grid-column:1/-1;border-right:0;padding:0 0 23px;border-bottom:1px solid #ffffff20}
 .footer-image-logo{height:72px}
 .footer-column{padding:0 14px 0 0}
 .footer-column:nth-of-type(3){padding-left:14px;padding-right:0}
 .footer-column h3{font-size:16px;white-space:normal}
 .footer-column>a{font-size:12px}
 .footer-contact{grid-column:1/-1;padding:22px 0 0;border-top:1px solid #ffffff20}
 .footer-bottom .container{flex-direction:column;align-items:center;gap:7px}
}
@media(max-width:420px){
 .topbar{font-size:10px}
 .topbar-contact{gap:7px;padding-left:10px}
 .topbar-contact i{width:22px;height:22px}
 .topbar-social{padding-right:10px;gap:5px}
 .topbar-social span{display:none}
 .brand-wordmark{font-size:10px}
 .hero h1{font-size:42px}
 .hero-actions .btn{min-height:48px;padding:13px 16px}
 .trust-item{align-items:flex-start}
 .trust-item small{max-width:110px}
 .about-visual{min-height:330px}
 .about-main-image{height:300px}
 .about-small-image{height:150px;border-width:6px}
 .expert-box{align-items:flex-start}
 .expert-box img{width:84px;height:78px}
 .benefit-grid{grid-template-columns:1fr}
 .benefit{min-height:0}
 .gallery-grid{grid-template-rows:180px 145px 165px}
 .quote-form{grid-template-columns:1fr}
 .quote-form textarea{grid-column:auto}
 .quote-form .form-submit{width:100%}
 .quote-perks span{flex-basis:100%}
}
@media(prefers-reduced-motion:reduce){
 .hero-proof-card{animation:none}
 .reveal,.reveal.is-visible{transition:none;transform:none;opacity:1;filter:none}
}


/* === V6 refinements requested from screenshots === */
:root{--font-paragraph:"Inter",sans-serif;--signature-gold-gradient:linear-gradient(110deg,rgb(226,160,0) 0%,rgb(255,195,44) 48%,rgb(215,151,0) 100%)}
p,.about-copy p,.hero-copy,.benefit p,.quote-intro,.testimonial-card>p,.form-note,.expert-box li,.gallery-caption,.footer-contact,.footer-links{font-family:var(--font-paragraph)!important;font-size:15px;line-height:1.7}
.hero{min-height:590px;height:min(720px,calc(100svh - 110px))}
.hero-content{width:min(1280px,calc(100% - 64px));padding-top:0;padding-bottom:28px}
.hero h1{font-family:"Montserrat",sans-serif!important;font-size:clamp(42px,4.6vw,64px)!important;line-height:1.06!important;letter-spacing:-1.8px!important;max-width:900px!important;margin-bottom:18px!important;text-wrap:balance}
.hero-copy{max-width:570px;font-size:15px!important;line-height:1.7!important;margin-bottom:22px!important}
.hero .rating{margin-bottom:18px}.hero-eyebrow{margin-bottom:11px}.trust-pills{margin-top:22px}.hero-proof-card{bottom:78px}
@media(max-width:900px){.hero{height:auto;min-height:610px}.hero-content{width:calc(100% - 48px);padding-top:65px;padding-bottom:90px}.hero h1{font-size:clamp(40px,6.4vw,56px)!important;max-width:720px!important}.hero-proof-card{right:24px;bottom:68px;max-width:300px}}
@media(max-width:600px){.hero{min-height:650px;height:auto}.hero-content{width:calc(100% - 36px);padding-top:54px;padding-bottom:110px}.hero h1{font-size:clamp(36px,9vw,46px)!important;line-height:1.08!important;letter-spacing:-1.2px!important}.hero-copy{font-size:15px!important}.hero-proof-card{left:18px;right:18px;bottom:60px;max-width:none;padding:12px 14px}.hero-dots{bottom:20px}}
.about{padding-top:100px!important;padding-bottom:100px!important;background:linear-gradient(145deg,#f8f9fc 0%,#fff 54%,#f5f7fb 100%)!important}
.about-grid{display:grid;grid-template-columns:minmax(0,.96fr) minmax(0,1.04fr);align-items:center!important;gap:clamp(36px,5vw,76px)!important}
.about-visual{min-height:520px;align-self:center}.about-main-image{height:470px!important;width:86%!important;border-radius:24px!important}.about-small-image{height:220px!important;width:45%!important;bottom:0!important}.about-copy{max-width:660px}.about-copy .section-tag{margin-bottom:18px}
.about-copy h2{font-size:clamp(34px,3.25vw,47px)!important;line-height:1.12!important;letter-spacing:-1.3px!important;margin-bottom:20px!important}.about-copy p{color:#687387!important;margin-bottom:16px!important}
.expert-box{margin-top:22px!important;padding:22px!important;border:1px solid #e8ecf4!important;border-radius:24px!important;box-shadow:0 16px 42px rgba(12,28,68,.07)!important;background:rgba(255,255,255,.92)!important;align-items:center!important}.expert-box img{height:118px!important;width:150px!important;object-fit:cover;border-radius:15px!important}.expert-box h3{font-size:19px!important;margin-bottom:12px!important}.expert-box li{font-size:15px!important;line-height:1.55!important;margin-bottom:5px}
@media(max-width:850px){.about{padding-top:70px!important;padding-bottom:70px!important}.about-grid{grid-template-columns:1fr;gap:38px!important}.about-visual{min-height:440px}.about-main-image{height:410px!important}.about-copy{max-width:none}}
@media(max-width:560px){.about-visual{min-height:350px;padding-right:4px}.about-main-image{height:320px!important;width:88%!important}.about-small-image{height:155px!important;width:47%!important;border-width:6px!important}.about-copy h2{font-size:34px!important}.expert-box{padding:17px!important;gap:12px}.expert-box img{width:100px!important;height:100px!important}}
.products .product-card,.product-card{position:relative;overflow:hidden;background:#fff;transition:background .35s ease,color .35s ease,transform .35s ease,box-shadow .35s ease,border-color .35s ease!important}
.products .product-card::before,.product-card::before{content:"";position:absolute;inset:0;z-index:0;opacity:0;pointer-events:none;background:linear-gradient(145deg,#182b88 0%,#071a43 78%);transition:opacity .32s ease}
.products .product-card>*,.product-card>*{position:relative;z-index:1}.products .product-card:hover::before,.product-card:hover::before{opacity:1}
.products .product-card:hover,.product-card:hover{background:#102264!important;border-color:#e6a700!important;color:#fff!important;transform:translateY(-9px)!important;box-shadow:0 24px 50px rgba(7,26,67,.22)!important}
.products .product-card:hover h3,.product-card:hover h3{color:#fff!important}.products .product-card:hover .round-arrow,.product-card:hover .round-arrow{color:#071a43!important;background-image:var(--signature-gold-gradient)!important;border-color:#ffc32c!important;transform:translateY(-2px)}
.products .product-card:hover .product-photo img,.product-card:hover .product-photo img{transform:scale(1.07);filter:saturate(1.08)}
.category-marquee{overflow:hidden!important;max-width:100%;background-image:var(--signature-gold-gradient)!important}
.marquee-track{display:flex!important;width:max-content!important;gap:0!important;animation:msdSeamlessMarquee 32s linear infinite!important;transform:translate3d(0,0,0);will-change:transform}
.marquee-group{display:flex!important;flex:0 0 auto!important;width:max-content!important;gap:0!important;padding:0!important;margin:0!important}.marquee-group[aria-hidden="true"]{display:flex!important}
@keyframes msdSeamlessMarquee{from{transform:translate3d(0,0,0)}to{transform:translate3d(-50%,0,0)}}
.category-marquee:hover .marquee-track{animation-play-state:paused!important}
@media(max-width:600px){.marquee-track{animation-duration:25s!important}}@media(prefers-reduced-motion:reduce){.marquee-track{animation:none!important;transform:none!important}}


/* V8 HOTFIX — overrides for the current index.html */
.about.section-pad{padding-top:46px!important;padding-bottom:58px!important}
.about-grid{align-items:center!important;gap:clamp(28px,4vw,58px)!important}
.about-visual{height:clamp(390px,39vw,510px)!important;min-height:0!important;padding:0 0 28px!important;margin:0!important;align-self:center!important}
.about-main-image{position:absolute!important;top:0!important;right:0!important;width:84%!important;height:calc(100% - 28px)!important;margin:0!important;overflow:hidden!important;border-radius:22px!important}
.about-small-image{position:absolute!important;left:0!important;bottom:0!important;width:43%!important;height:42%!important;border:8px solid #f7f8fb!important;border-radius:22px!important;overflow:hidden!important}
.about-main-image img,.about-small-image img{display:block!important;width:100%!important;height:100%!important;object-fit:cover!important}
.about-copy{max-width:660px!important;align-self:center!important;margin:0!important}
.about-copy h2{font-size:clamp(34px,3.3vw,46px)!important;line-height:1.12!important;margin:0 0 18px!important}
.about-copy>p{font-family:Inter,sans-serif!important;font-size:15px!important;line-height:1.7!important;margin:0 0 14px!important}
.expert-box{margin:18px 0!important;padding:20px 22px!important;gap:20px!important;align-items:center!important;border-radius:22px!important}
.expert-box h3{font-size:19px!important;margin:0 0 10px!important}
.expert-box .check-list li{font-family:Inter,sans-serif!important;font-size:15px!important;line-height:1.5!important;margin:0 0 7px!important}
.expert-box img{width:140px!important;height:112px!important;flex:0 0 140px!important;object-fit:cover!important;border-radius:15px!important}

.benefit-grid .benefit p,.benefit p{font-family:Inter,sans-serif!important;font-size:18px!important;line-height:1.5!important;margin-top:8px!important}
.benefit-grid .benefit{min-height:116px!important;padding:20px!important;align-items:flex-start!important}
.benefit h3{font-size:16px!important;line-height:1.35!important}

.category-marquee{overflow:hidden!important;position:relative!important;width:100%!important;background-image:linear-gradient(110deg,rgb(226,160,0) 0%,rgb(255,195,44) 48%,rgb(215,151,0) 100%)!important;padding:16px 0!important}
.marquee-track{display:flex!important;width:max-content!important;flex-wrap:nowrap!important;gap:0!important;animation:msdV8Loop 25s linear infinite!important;will-change:transform!important}
.marquee-group{display:flex!important;flex:0 0 auto!important;width:max-content!important;flex-wrap:nowrap!important;align-items:center!important;gap:0!important;white-space:nowrap!important}
.marquee-group span{display:inline-flex!important;align-items:center!important;gap:12px!important;flex:0 0 auto!important;padding:0 32px!important;white-space:nowrap!important;font-family:Inter,sans-serif!important;font-size:18px!important;font-weight:750!important;line-height:1.4!important;color:#101f5c!important}
.marquee-group span i{font-size:18px!important;color:#202b8c!important}
@keyframes msdV8Loop{from{transform:translateX(0)}to{transform:translateX(-50%)}}
.category-marquee:hover .marquee-track{animation-play-state:paused!important}
@media(max-width:900px){.about-grid{grid-template-columns:1fr!important}.about-visual{height:clamp(330px,58vw,450px)!important}.about-copy{max-width:100%!important}}
@media(max-width:600px){.about.section-pad{padding-top:42px!important;padding-bottom:48px!important}.about-visual{height:330px!important}.about-copy h2{font-size:33px!important}.expert-box{padding:14px!important;gap:12px!important}.expert-box img{width:88px!important;height:88px!important;flex-basis:88px!important}.benefit-grid .benefit p,.benefit p{font-size:16px!important}.marquee-group span{font-size:16px!important;padding:0 20px!important}}

.quote-section{position:relative!important;isolation:isolate!important;overflow:hidden!important;padding:0!important;background:#071a40!important;color:#fff!important}
.quote-section:before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(circle at 5% 90%,rgba(18,112,207,.22),transparent 25%),linear-gradient(110deg,#071735 0%,#0a2049 60%,#071431 100%)!important}
.quote-section .quote-angle{position:absolute!important;z-index:2!important;top:-8%!important;bottom:-8%!important;left:59%!important;width:100px!important;height:116%!important;background-image:linear-gradient(110deg,rgb(226,160,0) 0%,rgb(255,195,44) 48%,rgb(215,151,0) 100%)!important;clip-path:polygon(45% 0,100% 0,55% 100%,0 100%)!important;pointer-events:none!important}
.quote-grid{width:100%!important;max-width:none!important;display:grid!important;grid-template-columns:minmax(0,1.18fr) minmax(360px,.92fr)!important;gap:0!important;align-items:stretch!important}
.quote-content{width:100%!important;max-width:850px!important;justify-self:end!important;align-self:center!important;box-sizing:border-box!important;padding:58px clamp(34px,5vw,76px) 44px max(34px,calc((100vw - 1280px)/2))!important}
.quote-content .eyebrow{color:#ffca4e!important;font-size:12px!important;font-weight:800!important;letter-spacing:1.5px!important;text-transform:uppercase!important;margin:0 0 15px!important}
.quote-content h2{font-family:Montserrat,sans-serif!important;font-size:clamp(42px,4.1vw,60px)!important;font-weight:800!important;line-height:1.08!important;letter-spacing:-1.6px!important;color:#fff!important;margin:0 0 18px!important}
.quote-content h2 span{color:#ffad0a!important;background:none!important;-webkit-text-fill-color:#ffad0a!important}
.quote-content .quote-intro{max-width:650px!important;color:#e5ebf7!important;font-family:Inter,sans-serif!important;font-size:16px!important;line-height:1.65!important;margin:0 0 24px!important}
.quote-form{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:11px 13px!important}
.quote-form input,.quote-form select,.quote-form textarea{box-sizing:border-box!important;width:100%!important;min-width:0!important;min-height:48px!important;margin:0!important;padding:13px 16px!important;color:#fff!important;background:rgba(255,255,255,.065)!important;border:1px solid rgba(196,215,246,.23)!important;border-radius:12px!important;font-family:Inter,sans-serif!important;font-size:14px!important;line-height:1.4!important;outline:none!important;transition:border-color .25s ease,background .25s ease,box-shadow .25s ease!important}
.quote-form input::placeholder,.quote-form textarea::placeholder{color:#e0e7f4!important;opacity:1!important}
.quote-form select{color:#fff!important}.quote-form select option{color:#15234a;background:#fff}
.quote-form textarea{grid-column:1/-1!important;min-height:58px!important;resize:vertical!important}
.quote-form input:focus,.quote-form select:focus,.quote-form textarea:focus{border-color:#ffb414!important;background:rgba(255,255,255,.11)!important;box-shadow:0 0 0 3px rgba(255,180,20,.12)!important}
.quote-form .form-submit{grid-column:1/-1!important;justify-self:start!important;display:inline-flex!important;align-items:center!important;gap:15px!important;min-height:52px!important;margin-top:7px!important;padding:0 24px!important;color:#071a40!important;background-image:linear-gradient(110deg,rgb(226,160,0) 0%,rgb(255,195,44) 48%,rgb(215,151,0) 100%)!important;border:0!important;border-radius:12px!important;font-family:Inter,sans-serif!important;font-size:15px!important;font-weight:800!important;box-shadow:0 10px 24px rgba(255,174,10,.2)!important;transition:transform .28s ease,box-shadow .28s ease!important}
.quote-form .form-submit:hover{transform:translateY(-3px)!important;box-shadow:0 15px 32px rgba(255,174,10,.32)!important}
.quote-form .form-note{grid-column:1/-1!important;color:#b9c7e0!important;font-family:Inter,sans-serif!important;font-size:12px!important;line-height:1.5!important;margin:0!important}
.quote-form .form-status{grid-column:1/-1!important}
.quote-perks{display:flex!important;align-items:center!important;justify-content:flex-start!important;flex-wrap:wrap!important;gap:16px!important;margin-top:27px!important}
.quote-perks>span{display:grid!important;grid-template-columns:42px auto!important;grid-template-rows:auto auto!important;align-items:center!important;column-gap:10px!important;color:#fff!important;font-family:Inter,sans-serif!important;font-size:13px!important;font-weight:700!important;line-height:1.3!important;min-width:135px!important}
.quote-perks>span i{grid-row:1/3!important;display:flex!important;align-items:center!important;justify-content:center!important;width:42px!important;height:42px!important;border-radius:50%!important;color:#fff!important;background:rgba(255,255,255,.1)!important;border:1px solid rgba(255,255,255,.1)!important;font-size:17px!important}
.quote-perks>span small{display:block!important;color:#b9c7e0!important;font-size:11px!important;font-weight:400!important;margin-top:3px!important}
.quote-visual{position:relative!important;min-width:0!important;min-height:100%!important;overflow:hidden!important;border-radius:0!important;margin:0!important;align-self:stretch!important;background:#a8b5c6!important}
.quote-visual:before{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(0deg,rgba(4,16,37,.25),transparent 45%)!important}
.quote-visual img{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;min-height:100%!important;object-fit:cover!important;object-position:center!important;border-radius:0!important;transform:scale(1.015);transition:transform .8s cubic-bezier(.2,.7,.2,1)!important}
.quote-section:hover .quote-visual img{transform:scale(1.055)}
.quote-visual .phone-cta{position:absolute!important;z-index:4!important;right:clamp(20px,3vw,42px)!important;bottom:clamp(28px,4vw,44px)!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:14px!important;min-height:76px!important;padding:12px 24px 12px 14px!important;border-radius:22px!important;color:#fff!important;background-image:linear-gradient(110deg,rgb(226,160,0) 0%,rgb(255,195,44) 48%,rgb(215,151,0) 100%)!important;border:1px solid rgba(255,255,255,.5)!important;box-shadow:0 18px 42px rgba(0,0,0,.24)!important;font-family:Inter,sans-serif!important;font-size:clamp(20px,2.2vw,30px)!important;font-weight:800!important;line-height:1.15!important;white-space:nowrap!important;animation:msdV8PhoneFloat 3.8s ease-in-out infinite!important;transition:transform .3s ease,box-shadow .3s ease!important}
.quote-visual .phone-cta i{display:inline-flex!important;align-items:center!important;justify-content:center!important;flex:0 0 48px!important;width:48px!important;height:48px!important;border-radius:50%!important;color:#fff!important;background:#0754a7!important;font-size:22px!important;box-shadow:0 0 0 5px rgba(255,255,255,.17)!important}
.quote-visual .phone-cta:hover{transform:translateY(-5px) scale(1.025)!important;box-shadow:0 24px 50px rgba(0,0,0,.3)!important;animation-play-state:paused!important}
@keyframes msdV8PhoneFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-7px)}}
@media(max-width:1050px){.quote-grid{grid-template-columns:minmax(0,1fr) minmax(300px,.78fr)!important}.quote-content{padding:48px 28px!important}.quote-content h2{font-size:clamp(40px,5vw,52px)!important}.quote-section .quote-angle{left:60%!important;width:70px!important}}
@media(max-width:760px){.quote-grid{grid-template-columns:1fr!important}.quote-content{max-width:none!important;padding:44px 24px 34px!important}.quote-content h2{font-size:clamp(38px,8vw,48px)!important}.quote-content .quote-intro{font-size:15px!important}.quote-visual{min-height:350px!important;height:350px!important}.quote-section .quote-angle{left:auto!important;right:0!important;top:auto!important;bottom:315px!important;width:100%!important;height:50px!important;clip-path:polygon(0 100%,100% 0,100% 100%)!important}.quote-visual .phone-cta{right:18px!important;bottom:20px!important;min-height:62px!important;padding:8px 16px 8px 10px!important;border-radius:16px!important;font-size:22px!important}.quote-visual .phone-cta i{width:42px!important;height:42px!important;flex-basis:42px!important;font-size:19px!important}}
@media(max-width:430px){.quote-content{padding:38px 18px 28px!important}.quote-form{gap:10px!important}.quote-form input,.quote-form select{padding:12px!important;font-size:13px!important}.quote-form .form-submit{width:100%!important;justify-content:center!important}.quote-perks{display:grid!important;grid-template-columns:1fr 1fr!important}.quote-perks>span{min-width:0!important;grid-template-columns:36px auto!important;font-size:12px!important}.quote-perks>span i{width:36px!important;height:36px!important}.quote-visual{height:300px!important;min-height:300px!important}.quote-visual .phone-cta{font-size:19px!important;gap:10px!important}}
@media(prefers-reduced-motion:reduce){.marquee-track,.quote-visual .phone-cta{animation:none!important}.quote-visual img{transition:none!important}}


/* V9 HEADER TYPOGRAPHY UPDATE */
.topbar,
.top-bar,
.header-top,
.header-topbar,
.header-top-bar,
.site-topbar,
.topbar-inner,
.topbar a,
.top-bar a,
.header-top a,
.header-topbar a,
.header-top-bar a,
.site-topbar a,
.topbar span,
.top-bar span,
.header-top span,
.header-topbar span,
.header-top-bar span,
.site-topbar span {
  font-size: 15px !important;
  line-height: 1.45 !important;
}

.site-header nav a,
.site-header .nav-link,
.site-header .menu a,
.site-header .navbar a,
.main-navigation a,
.primary-navigation a,
.primary-menu a,
.nav-menu a,
header nav a,
header .menu a,
header .nav-link {
  font-size: 17px !important;
  font-weight: 700 !important;
  line-height: 1.35 !important;
}

@media (max-width: 900px) {
  .site-header nav a,
  .site-header .nav-link,
  .site-header .menu a,
  .site-header .navbar a,
  .main-navigation a,
  .primary-navigation a,
  .primary-menu a,
  .nav-menu a,
  header nav a,
  header .menu a,
  header .nav-link {
    font-size: 16px !important;
  }
}


/* V10 PREMIUM WOW EFFECTS — refined motion, depth, and interaction */
:root {
  --msd-gold-gradient: linear-gradient(110deg, rgb(226,160,0) 0%, rgb(255,195,44) 48%, rgb(215,151,0) 100%);
  --msd-navy: #0a2049;
  --msd-indigo: #25258b;
  --msd-ease: cubic-bezier(.2,.75,.25,1);
}

/* Premium navigation */
.site-header,
header.site-header,
header {
  transition: box-shadow .3s ease, background-color .3s ease;
}
.site-header nav a,
.site-header .nav-link,
.site-header .menu a,
.site-header .navbar a,
.main-navigation a,
.primary-navigation a,
.primary-menu a,
.nav-menu a,
header nav a,
header .menu a,
header .nav-link {
  position: relative;
  transition: color .25s ease, transform .25s ease;
}
.site-header nav a::after,
.site-header .menu a::after,
.main-navigation a::after,
.primary-navigation a::after,
.primary-menu a::after,
.nav-menu a::after,
header nav a::after,
header .menu a::after {
  content: "";
  position: absolute;
  left: 0;
  right: 100%;
  bottom: -7px;
  height: 3px;
  border-radius: 99px;
  background: var(--msd-gold-gradient);
  transition: right .28s var(--msd-ease);
}
.site-header nav a:hover::after,
.site-header .menu a:hover::after,
.main-navigation a:hover::after,
.primary-navigation a:hover::after,
.primary-menu a:hover::after,
.nav-menu a:hover::after,
header nav a:hover::after,
header .menu a:hover::after {
  right: 0;
}
.site-header nav a:hover,
.site-header .menu a:hover,
.main-navigation a:hover,
.primary-navigation a:hover,
.primary-menu a:hover,
.nav-menu a:hover,
header nav a:hover,
header .menu a:hover {
  color: var(--msd-indigo) !important;
  transform: translateY(-1px);
}

/* Premium button depth and feedback */
button, .btn, .button, a.btn, a.button, .cta-button, .submit-btn {
  transition: transform .28s var(--msd-ease), box-shadow .28s ease, filter .28s ease !important;
}
.btn-primary, .button-primary, .btn-gold, .quote-form .form-submit,
a.btn-primary, a.button-primary, .hero-buttons a:first-child {
  background-image: var(--msd-gold-gradient);
  box-shadow: 0 9px 22px rgba(226,160,0,.2);
}
.btn-primary:hover, .button-primary:hover, .btn-gold:hover, .quote-form .form-submit:hover,
a.btn-primary:hover, a.button-primary:hover, .hero-buttons a:first-child:hover {
  transform: translateY(-3px) !important;
  filter: saturate(1.08);
  box-shadow: 0 16px 32px rgba(226,160,0,.3) !important;
}

/* Product cards: rich navy hover, image zoom and glow */
.product-card, .feature-card, .featured-product, .category-card, .product-item {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  transition: transform .38s var(--msd-ease), background-color .35s ease,
              border-color .35s ease, box-shadow .38s ease !important;
}
.product-card img, .feature-card img, .featured-product img,
.category-card img, .product-item img {
  transition: transform .65s var(--msd-ease), filter .45s ease !important;
}
.product-card:hover, .feature-card:hover, .featured-product:hover,
.category-card:hover, .product-item:hover {
  transform: translateY(-9px) !important;
  background: linear-gradient(145deg, #102c67 0%, #071a40 100%) !important;
  border-color: #e2a000 !important;
  box-shadow: 0 22px 48px rgba(7,26,64,.2), 0 0 0 1px rgba(226,160,0,.2) !important;
  color: #fff !important;
}
.product-card:hover h3, .product-card:hover h4,
.feature-card:hover h3, .feature-card:hover h4,
.featured-product:hover h3, .featured-product:hover h4,
.category-card:hover h3, .category-card:hover h4,
.product-item:hover h3, .product-item:hover h4 {
  color: #fff !important;
}
.product-card:hover img, .feature-card:hover img, .featured-product:hover img,
.category-card:hover img, .product-item:hover img {
  transform: scale(1.045);
  filter: saturate(1.08);
}

/* Why Choose Us cards get a subtle lift */
.benefit, .benefit-card, .why-card, .why-choose-card {
  transition: transform .32s var(--msd-ease), box-shadow .32s ease !important;
}
.benefit:hover, .benefit-card:hover, .why-card:hover, .why-choose-card:hover {
  transform: translateY(-5px) !important;
  box-shadow: 0 15px 34px rgba(0,0,0,.13) !important;
}

/* Image frames */
.about-main-image, .about-small-image, .about-visual img,
.showcase-grid img, .gallery-grid img, .quote-visual img {
  transition: transform .65s var(--msd-ease), filter .45s ease !important;
}
.about-main-image:hover img, .about-small-image:hover img,
.showcase-grid a:hover img, .gallery-grid a:hover img {
  transform: scale(1.045);
}

/* Quote panel polished focus state */
.quote-form input:hover, .quote-form select:hover, .quote-form textarea:hover {
  border-color: rgba(255,195,44,.65) !important;
}
.quote-content h2 span {
  background-image: var(--msd-gold-gradient);
}

/* Scroll reveal: elements reveal on entry; no-JS keeps everything visible */
.js-scroll-reveal .reveal-ready {
  opacity: 0;
  transform: translateY(24px);
  transition: opacity .75s var(--msd-ease), transform .75s var(--msd-ease);
}
.js-scroll-reveal .reveal-ready.is-revealed {
  opacity: 1;
  transform: translateY(0);
}
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after {
    scroll-behavior: auto !important;
    animation-duration: .01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: .01ms !important;
  }
  .js-scroll-reveal .reveal-ready { opacity: 1; transform: none; }
}


/* V11 FOOTER TYPOGRAPHY — consistent 15px body and link text */
footer,
.site-footer,
.footer,
.footer-content,
.footer-column,
.footer-contact,
.footer-links,
.footer p,
.footer li,
.footer a,
.footer span,
.site-footer p,
.site-footer li,
.site-footer a,
.site-footer span,
footer p,
footer li,
footer a,
footer span {
  font-size: 15px !important;
  line-height: 1.65 !important;
}
footer h1, footer h2, footer h3, footer h4,
.site-footer h1, .site-footer h2, .site-footer h3, .site-footer h4,
.footer h1, .footer h2, .footer h3, .footer h4 {
  line-height: 1.3 !important;
}


/* V12 — real Modern Security Doors media assets */
.about-video-frame{overflow:hidden;isolation:isolate;background:#071a43}
.about-video-frame .about-us-video{
  display:block!important;
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  object-position:center!important;
  border-radius:inherit!important;
  background:#071a43;
}
.about-video-frame::after{
  content:"";
  position:absolute;
  inset:0;
  z-index:1;
  pointer-events:none;
  background:linear-gradient(180deg,rgba(5,15,35,.04),rgba(5,15,35,.16));
  border-radius:inherit;
}
.about-video-frame .about-us-video::-webkit-media-controls-panel{z-index:3}
.about-video-frame:hover .about-us-video{filter:saturate(1.06)}
.hero-slide{background-size:cover!important;background-position:center!important}
.product-photo img,.gallery-item img,.why-image img,.about-small-image img,.quote-visual img{
  object-fit:cover!important;
  object-position:center!important;
}

/* Supplied brand assets: header logo and footer logo */
.site-header .brand-image{width:300px;max-width:30%;flex-shrink:0;display:flex;align-items:center}
.site-header .brand-image img{display:block;width:100%;height:auto;max-height:72px;object-fit:contain;object-position:left center}
.footer-image-logo{background:transparent!important;padding:0!important;border-radius:0!important;justify-content:flex-start!important}
.footer-image-logo img{width:100%!important;height:100%!important;max-width:334px!important;object-fit:contain!important;object-position:left center!important}
@media(max-width:1050px){.site-header .brand-image{width:255px;max-width:27%}}
@media(max-width:760px){.site-header .brand-image{width:245px;max-width:calc(100% - 64px)}.site-header .brand-image img{max-height:58px}.footer-image-logo{max-width:300px!important}}

/* V14: clean Request a Quote section — continuous navy background, image on top, no diagonal divider */
.quote-section,
.quote-section:before{
  background:#071a40!important;
}
.quote-section:before{
  background:linear-gradient(135deg,#071a40 0%,#0a2049 55%,#071a40 100%)!important;
}
.quote-section .quote-angle,
.quote-section .quote-angle:before,
.quote-section .quote-angle:after{
  display:none!important;
  content:none!important;
}
.quote-grid{
  background:#071a40!important;
}
.quote-content,
.quote-visual{
  background:#071a40!important;
}
.quote-visual img{
  clip-path:none!important;
  border:0!important;
  outline:0!important;
  object-fit:cover!important;
  object-position:center!important;
}
@media(max-width:760px){
  .quote-section .quote-angle{display:none!important}
  .quote-visual img{clip-path:none!important}
}


/* V15: clean quote section with a fully covered, rectangular image */
.quote-section{background:#071a43!important;padding:0!important;overflow:hidden!important}
.quote-section .quote-angle{display:none!important}
.quote-section .quote-grid{grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr)!important;gap:0!important;align-items:stretch!important}
.quote-section .quote-content{padding:64px 42px 58px 0;min-width:0}
.quote-section .quote-visual{height:auto!important;min-height:540px;margin:0 -20px 0 0!important;position:relative;overflow:hidden}
.quote-section .quote-visual img{display:block;width:100%!important;height:100%!important;min-height:540px;object-fit:cover!important;object-position:center center!important;clip-path:none!important;border-radius:0!important}
.quote-section .phone-cta{right:18px;bottom:18px;z-index:2}
@media(max-width:900px){
 .quote-section{padding:48px 0!important}
 .quote-section .quote-grid{grid-template-columns:1fr!important;gap:28px!important}
 .quote-section .quote-content{padding:0!important}
 .quote-section .quote-visual{height:380px!important;min-height:0!important;margin:0!important;border-radius:10px;overflow:hidden}
 .quote-section .quote-visual img{height:100%!important;min-height:0!important;object-position:center!important;border-radius:0!important}
}
@media(max-width:560px){
 .quote-section .quote-visual{height:280px!important}
 .quote-section .quote-content h2{font-size:clamp(32px,9vw,42px)}
 .quote-section .quote-perks{flex-wrap:wrap}
}

/* Responsive contact actions: desktop floating call + mobile bottom action bar */
.floating-call-btn{position:fixed;right:24px;bottom:24px;z-index:9998;width:58px;height:58px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#f7b512;color:#071a43!important;box-shadow:0 8px 28px rgba(0,0,0,.24);font-size:23px;text-decoration:none;transition:transform .2s,box-shadow .2s}
.floating-call-btn:hover{transform:translateY(-3px);box-shadow:0 12px 32px rgba(0,0,0,.3)}
.mobile-contact-bar{display:none}
.quote-popup{position:fixed;inset:0;z-index:10001;display:none;align-items:center;justify-content:center;padding:18px;background:rgba(2,10,30,.78);backdrop-filter:blur(5px)}
.quote-popup.is-open{display:flex}
.quote-popup-panel{position:relative;width:min(100%,520px);max-height:min(88vh,760px);overflow:auto;background:#071a43;color:#fff;border:1px solid rgba(255,255,255,.12);border-radius:18px;padding:28px;box-shadow:0 25px 80px rgba(0,0,0,.38)}
.quote-popup-close{position:absolute;top:12px;right:14px;width:38px;height:38px;border:0;border-radius:50%;background:rgba(255,255,255,.12);color:#fff;font-size:25px;cursor:pointer}
.quote-popup-panel h2{font-size:clamp(27px,6vw,36px);line-height:1.1;margin:0 42px 10px 0;color:#fff}
.quote-popup-panel h2 span{color:#ffb915}
.quote-popup-panel>p{color:#d8e0f0;margin:0 0 20px;line-height:1.6}
.quote-popup-form{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.quote-popup-form input,.quote-popup-form select,.quote-popup-form textarea{width:100%;min-width:0;border:1px solid rgba(255,255,255,.22);border-radius:10px;padding:13px 14px;background:#172c50;color:#fff;font:inherit;font-size:14px}
.quote-popup-form select{grid-column:span 2}.quote-popup-form textarea{grid-column:span 2;resize:vertical}
.quote-popup-form input::placeholder,.quote-popup-form textarea::placeholder{color:#d1d9e9}
.quote-popup-form .popup-submit{grid-column:span 2;border:0;border-radius:10px;background:#ffb915;color:#071a43;font-weight:800;padding:14px;cursor:pointer}
.quote-popup-status{grid-column:span 2;color:#fff;font-size:13px;margin:0}
body.quote-popup-open{overflow:hidden}
@media(max-width:767px){
 .floating-call-btn{display:none}
 .mobile-contact-bar{position:fixed;left:0;right:0;bottom:0;z-index:9999;display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:9px max(10px,env(safe-area-inset-right)) calc(9px + env(safe-area-inset-bottom)) max(10px,env(safe-area-inset-left));background:#071a43;border-top:1px solid rgba(255,255,255,.15);box-shadow:0 -6px 24px rgba(0,0,0,.2)}
 .mobile-contact-bar a,.mobile-contact-bar button{display:flex;align-items:center;justify-content:center;gap:9px;min-height:48px;border:0;border-radius:9px;text-decoration:none;font-weight:800;font-size:14px;line-height:1.2}
 .mobile-call-action{background:#fff;color:#071a43!important}
 .mobile-quote-action{background:#ffb915;color:#071a43;cursor:pointer}
 body{padding-bottom:76px}
 .back-to-top{bottom:88px!important}
 .quote-popup-panel{padding:24px 18px 20px}
}
@media(max-width:390px){.mobile-contact-bar a,.mobile-contact-bar button{font-size:12px;gap:6px}.mobile-contact-bar i{font-size:14px}}
@media(min-width:768px){.mobile-contact-bar{display:none!important}}

/* V17 — mobile/tablet responsive layout repair */
html, body { width:100%; max-width:100%; overflow-x:clip; }
*, *::before, *::after { box-sizing:border-box; }
img, video, iframe, svg { max-width:100%; }
.container, .hero-content { width:min(1280px, calc(100% - 48px)); max-width:100%; }
.site-header, .site-footer, main, section { max-width:100%; }

@media (max-width: 1024px) {
  .container, .hero-content { width:calc(100% - 40px)!important; }
  .section-pad { padding-top:64px!important; padding-bottom:64px!important; }
  .hero { min-height:500px!important; height:auto!important; }
  .hero-content { min-height:500px; padding-top:56px!important; padding-bottom:58px!important; }
  .about-grid, .why-grid { grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important; gap:24px!important; }
  .product-track { grid-template-columns:repeat(3,minmax(0,1fr))!important; }
  .gallery-grid { grid-template-columns:repeat(3,minmax(0,1fr))!important; grid-template-rows:repeat(2,minmax(130px, auto))!important; }
  .footer-grid { grid-template-columns:repeat(2,minmax(0,1fr))!important; gap:28px!important; }
}
@media (max-width: 767px) {
  html { scroll-padding-top:72px; }
  body { min-width:0!important; padding-bottom:calc(76px + env(safe-area-inset-bottom))!important; }
  .container, .hero-content { width:calc(100% - 32px)!important; }
  .topbar { min-height:32px!important; height:auto!important; padding:5px 10px!important; gap:5px!important; flex-wrap:wrap!important; justify-content:center!important; }
  .topbar-contact { display:flex!important; flex-wrap:wrap!important; justify-content:center!important; gap:6px 12px!important; min-width:0!important; }
  .topbar-contact a, .topbar-social, .topbar-social a, .topbar-social span { font-size:10px!important; }
  .site-header { position:sticky!important; top:0!important; z-index:9998!important; }
  .site-header .nav-wrap { min-height:64px!important; padding:7px 16px!important; gap:10px!important; }
  .site-header .brand-image { width:auto!important; max-width:calc(100% - 58px)!important; flex:0 1 auto!important; }
  .site-header .brand-image img { display:block!important; width:auto!important; max-width:100%!important; max-height:48px!important; object-fit:contain!important; }
  .menu-toggle { flex:0 0 40px!important; width:40px!important; height:40px!important; }
  .primary-nav { max-width:100vw!important; }
  .hero { min-height:540px!important; height:auto!important; border-radius:0 0 18px 18px!important; }
  .hero-slide { background-position:center!important; }
  .hero-shade { background:linear-gradient(90deg,rgba(4,16,40,.86),rgba(4,16,40,.48))!important; }
  .hero-content { min-height:540px!important; height:auto!important; justify-content:center!important; align-items:flex-start!important; padding:52px 0 64px!important; }
  .hero .rating { font-size:10px!important; margin-bottom:14px!important; max-width:100%; flex-wrap:wrap; }
  .hero-eyebrow, .eyebrow { font-size:10px!important; letter-spacing:.12em!important; line-height:1.5!important; }
  .hero h1 { max-width:100%!important; font-size:clamp(34px,9.4vw,48px)!important; line-height:1.06!important; letter-spacing:-1.1px!important; overflow-wrap:anywhere; }
  .hero-copy { max-width:100%!important; font-size:13px!important; line-height:1.65!important; }
  .hero-actions { display:flex!important; flex-wrap:wrap!important; gap:8px!important; width:100%; }
  .hero-actions .btn { min-height:42px!important; padding:11px 13px!important; font-size:11px!important; }
  .trust-pills { gap:6px!important; margin-top:16px!important; }
  .trust-pills span { font-size:9px!important; padding:5px 7px!important; }
  .hero-proof-card { max-width:calc(100% - 28px)!important; right:14px!important; bottom:16px!important; padding:10px!important; }
  .section-pad { padding-top:48px!important; padding-bottom:48px!important; }
  .section-heading { margin-bottom:22px!important; }
  .section-heading h2, .products .section-heading h2 { font-size:clamp(27px,7vw,36px)!important; line-height:1.15!important; }
  .section-heading p { font-size:13px!important; line-height:1.6!important; }
  .about-grid, .why-grid { display:grid!important; grid-template-columns:minmax(0,1fr)!important; gap:24px!important; }
  .about-visual, .about-copy, .why-copy, .why-image { width:100%!important; min-width:0!important; }
  .about-main-image, .about-main-image img, .about-us-video { max-width:100%!important; }
  .about-copy h2, .why-copy h2 { font-size:clamp(28px,7vw,36px)!important; line-height:1.15!important; }
  .about-copy p, .why-copy p { font-size:13px!important; line-height:1.7!important; }
  .why-features, .feature-grid, .why-list { grid-template-columns:repeat(2,minmax(0,1fr))!important; gap:10px!important; }
  .products { padding:48px 0!important; }
  .products .product-track, .product-track { display:grid!important; grid-template-columns:repeat(2,minmax(0,1fr))!important; gap:12px!important; }
  .product-card, .products .product-card { min-width:0!important; padding:8px!important; border-radius:12px!important; }
  .product-photo, .products .product-photo { height:clamp(120px,38vw,175px)!important; }
  .products .product-card h3, .product-card h3 { font-size:12px!important; line-height:1.35!important; min-height:0!important; margin:10px 0!important; overflow-wrap:anywhere; }
  .products .round-arrow, .round-arrow { width:32px!important; height:32px!important; }
  .track-controls { display:flex!important; }
  .why-us { padding-top:48px!important; padding-bottom:48px!important; }
  .why-us .why-grid { grid-template-columns:minmax(0,1fr)!important; }
  .why-us .why-features { grid-template-columns:repeat(2,minmax(0,1fr))!important; }
  .why-image img { width:100%!important; height:auto!important; object-fit:cover!important; }
  .showcase { padding:48px 0!important; }
  .gallery-grid { display:grid!important; grid-template-columns:repeat(2,minmax(0,1fr))!important; grid-template-rows:none!important; gap:9px!important; }
  .gallery-item, .gallery-four, .gallery-five, .gallery-six { grid-column:auto!important; grid-row:auto!important; min-width:0!important; height:clamp(110px,38vw,170px)!important; }
  .gallery-item img { width:100%!important; height:100%!important; object-fit:cover!important; }
  .quote-section { padding:0!important; overflow:hidden!important; }
  .quote-section .quote-grid { display:grid!important; grid-template-columns:minmax(0,1fr)!important; gap:0!important; width:100%!important; }
  .quote-section .quote-content { min-width:0!important; padding:36px 16px 28px!important; }
  .quote-section .quote-content h2 { font-size:clamp(30px,8vw,40px)!important; line-height:1.08!important; }
  .quote-section .quote-intro { font-size:13px!important; line-height:1.6!important; }
  .quote-section .quote-form { display:grid!important; grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important; gap:9px!important; }
  .quote-section .quote-form input, .quote-section .quote-form select, .quote-section .quote-form textarea { width:100%!important; min-width:0!important; padding:11px!important; font-size:12px!important; }
  .quote-section .quote-form textarea { grid-column:1/-1!important; }
  .quote-section .quote-visual { height:260px!important; min-height:260px!important; margin:0!important; border-radius:0!important; }
  .quote-section .quote-visual img { height:100%!important; min-height:0!important; object-fit:cover!important; object-position:center!important; }
  .quote-section .quote-angle { display:none!important; }
  .quote-section .quote-visual .phone-cta { right:12px!important; bottom:12px!important; min-height:46px!important; padding:7px 12px!important; font-size:17px!important; gap:8px!important; border-radius:12px!important; }
  .quote-section .quote-visual .phone-cta i { width:34px!important; height:34px!important; flex-basis:34px!important; font-size:16px!important; }
  .testimonials { padding:48px 0!important; }
  .testimonial-grid { grid-template-columns:minmax(0,1fr)!important; gap:14px!important; }
  .testimonial-card { min-width:0!important; padding:18px!important; }
  .google-reviews-section, .google-reviews-section .container, .google-reviews-section iframe { max-width:100%!important; min-width:0!important; }
  .google-reviews-section { overflow:hidden!important; }
  .site-footer { padding-top:38px!important; }
  .footer-grid { display:grid!important; grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important; gap:24px 16px!important; }
  .footer-brand { grid-column:1/-1!important; min-width:0!important; }
  .footer-image-logo { max-width:230px!important; }
  .footer-image-logo img { width:100%!important; height:auto!important; }
  .footer-column { min-width:0!important; overflow-wrap:anywhere; }
  .footer-column h3 { font-size:13px!important; }
  .footer-column a, .footer-column p, .footer-follow { font-size:11px!important; line-height:1.6!important; }
  .footer-bottom { padding-bottom:12px!important; font-size:10px!important; }
  .floating-call-btn { display:none!important; }
  .mobile-contact-bar { display:grid!important; }
  .back-to-top { bottom:88px!important; right:12px!important; }
}
@media (max-width: 390px) {
  .container, .hero-content { width:calc(100% - 24px)!important; }
  .hero h1 { font-size:clamp(31px,9vw,38px)!important; }
  .hero-actions .btn { flex:1 1 auto!important; }
  .quote-section .quote-form { grid-template-columns:minmax(0,1fr)!important; }
  .quote-section .quote-form textarea { grid-column:auto!important; }
  .why-us .why-features, .why-features, .feature-grid, .why-list { grid-template-columns:minmax(0,1fr)!important; }
  .footer-grid { grid-template-columns:minmax(0,1fr)!important; }
  .footer-brand { grid-column:auto!important; }
}

/* V18 — targeted responsive corrections based on supplied mobile screenshots */
@media (max-width: 767px) {
  html, body { width:100% !important; max-width:100% !important; overflow-x:hidden !important; }
  body { font-size:15px !important; }
  .container, .hero-content { width:calc(100% - 30px) !important; max-width:100% !important; margin-left:auto !important; margin-right:auto !important; }
  main, section, .section-pad, .about, .products, .why-us, .showcase, .testimonials, .quote-section { min-width:0 !important; max-width:100% !important; }
  .section-pad, .about.section-pad, .products.section-pad, .showcase.section-pad, .testimonials.section-pad { padding-top:42px !important; padding-bottom:42px !important; }
  .section-heading { width:100% !important; max-width:100% !important; text-align:center !important; margin:0 auto 22px !important; }
  .section-heading h2, .products .section-heading h2 { font-size:clamp(25px, 6.7vw, 32px) !important; line-height:1.18 !important; overflow-wrap:normal !important; }
  .section-heading p { max-width:36rem !important; margin-left:auto !important; margin-right:auto !important; font-size:14px !important; }

  /* Hero: keep all copy and actions within the viewport */
  .hero { width:100% !important; min-height:500px !important; height:auto !important; overflow:hidden !important; }
  .hero-content { min-height:500px !important; padding:44px 0 72px !important; }
  .hero h1 { max-width:100% !important; font-size:clamp(32px, 8.2vw, 43px) !important; line-height:1.08 !important; word-break:normal !important; overflow-wrap:break-word !important; }
  .hero-copy { max-width:34rem !important; font-size:14px !important; line-height:1.55 !important; }
  .hero-actions { align-items:stretch !important; }
  .hero-actions .btn { flex:0 1 auto !important; min-width:0 !important; font-size:12px !important; }
  .hero-proof-card { width:min(290px, calc(100% - 30px)) !important; max-width:calc(100% - 30px) !important; right:15px !important; bottom:14px !important; }

  /* About: prevent overlapping image and text columns */
  .about-grid, .about .about-grid, .why-grid, .why-us .why-grid { display:grid !important; grid-template-columns:minmax(0,1fr) !important; gap:22px !important; }
  .about-visual { width:100% !important; min-width:0 !important; height:auto !important; min-height:0 !important; padding:0 0 24px !important; }
  .about-main-image { position:relative !important; width:100% !important; max-width:100% !important; height:clamp(230px, 65vw, 330px) !important; }
  .about-main-image img, .about-main-image video, .about-us-video { display:block !important; width:100% !important; height:100% !important; max-width:100% !important; object-fit:cover !important; }
  .about-small-image { width:42% !important; max-width:165px !important; height:clamp(95px, 27vw, 135px) !important; left:0 !important; bottom:0 !important; }
  .about-copy, .why-copy, .why-image { width:100% !important; max-width:100% !important; min-width:0 !important; }
  .about-copy h2, .why-copy h2 { font-size:clamp(27px, 7vw, 35px) !important; line-height:1.14 !important; }
  .about-copy p, .why-copy p { font-size:14px !important; line-height:1.65 !important; }
  .expert-box { display:flex !important; width:100% !important; gap:12px !important; align-items:center !important; }
  .expert-box img { width:82px !important; height:82px !important; flex:0 0 82px !important; object-fit:cover !important; }

  /* Product cards: two readable columns on phones */
  .products .product-track, .product-track { display:grid !important; grid-template-columns:repeat(2,minmax(0,1fr)) !important; gap:12px !important; width:100% !important; overflow:visible !important; }
  .product-card, .products .product-card { display:flex !important; width:auto !important; min-width:0 !important; max-width:100% !important; flex-direction:column !important; align-items:stretch !important; padding:9px !important; }
  .product-photo, .products .product-photo { display:block !important; width:100% !important; height:clamp(125px, 39vw, 170px) !important; min-width:0 !important; overflow:hidden !important; }
  .product-photo img { width:100% !important; height:100% !important; object-fit:cover !important; }
  .product-card h3, .products .product-card h3 { width:100% !important; min-height:36px !important; font-size:12px !important; line-height:1.35 !important; text-align:center !important; overflow-wrap:break-word !important; }
  .track-controls { justify-content:center !important; }

  /* Why choose us: stack benefit copy cleanly instead of squeezing cards */
  .why-us .why-grid { grid-template-columns:minmax(0,1fr) !important; }
  .why-us .benefit-grid, .why-us .why-features, .why-features, .feature-grid, .why-list { display:grid !important; grid-template-columns:repeat(2,minmax(0,1fr)) !important; gap:10px !important; }
  .why-us .benefit, .benefit, .benefit-card, .why-card, .why-choose-card { display:flex !important; align-items:flex-start !important; gap:8px !important; min-width:0 !important; width:100% !important; padding:12px 10px !important; }
  .benefit h3, .benefit-card h3, .why-card h3 { font-size:12px !important; line-height:1.3 !important; overflow-wrap:break-word !important; }
  .benefit p, .benefit-card p, .why-card p { font-size:12px !important; line-height:1.45 !important; overflow-wrap:break-word !important; }
  .why-image { height:auto !important; min-height:0 !important; }
  .why-image img { display:block !important; width:100% !important; height:auto !important; max-height:360px !important; aspect-ratio:4/3 !important; object-fit:cover !important; }

  /* Gallery: consistent 2-column grid; remove desktop mosaic spans */
  .showcase .gallery-grid, .gallery-grid { display:grid !important; grid-template-columns:repeat(2,minmax(0,1fr)) !important; grid-template-rows:none !important; gap:10px !important; width:100% !important; }
  .gallery-grid .gallery-item, .gallery-grid .gallery-one, .gallery-grid .gallery-two, .gallery-grid .gallery-three, .gallery-grid .gallery-four, .gallery-grid .gallery-five, .gallery-grid .gallery-six { display:block !important; grid-column:auto !important; grid-row:auto !important; width:100% !important; min-width:0 !important; height:clamp(135px, 42vw, 190px) !important; min-height:0 !important; margin:0 !important; padding:0 !important; overflow:hidden !important; border-radius:12px !important; }
  .gallery-grid .gallery-item img { display:block !important; width:100% !important; height:100% !important; object-fit:cover !important; }

  /* Quote: single-column form and clean rectangular photo, no decorative slashes */
  .quote-section, .quote-section:before { background:#071a43 !important; }
  .quote-section .quote-angle, .quote-section:after { display:none !important; content:none !important; }
  .quote-section .quote-grid { display:grid !important; grid-template-columns:minmax(0,1fr) !important; gap:0 !important; width:100% !important; }
  .quote-section .quote-content { padding:34px 15px 26px !important; width:100% !important; min-width:0 !important; }
  .quote-section .quote-content h2 { font-size:clamp(30px, 8vw, 39px) !important; line-height:1.1 !important; }
  .quote-section .quote-intro { font-size:14px !important; line-height:1.6 !important; }
  .quote-section .quote-form { display:grid !important; grid-template-columns:minmax(0,1fr) !important; gap:10px !important; width:100% !important; }
  .quote-section .quote-form input, .quote-section .quote-form select, .quote-section .quote-form textarea { display:block !important; grid-column:1 !important; width:100% !important; max-width:100% !important; min-width:0 !important; min-height:44px !important; padding:12px !important; font-size:14px !important; }
  .quote-section .quote-form textarea { min-height:90px !important; }
  .quote-section .quote-form .form-submit { width:100% !important; min-height:46px !important; justify-content:center !important; }
  .quote-section .quote-perks { display:grid !important; grid-template-columns:repeat(3,minmax(0,1fr)) !important; gap:8px !important; }
  .quote-section .quote-perks>span { min-width:0 !important; display:flex !important; flex-direction:column !important; align-items:flex-start !important; font-size:11px !important; line-height:1.35 !important; }
  .quote-section .quote-visual { width:100% !important; height:clamp(220px, 68vw, 320px) !important; min-height:0 !important; margin:0 !important; border-radius:0 !important; overflow:hidden !important; }
  .quote-section .quote-visual img { display:block !important; width:100% !important; height:100% !important; min-height:0 !important; object-fit:cover !important; object-position:center !important; clip-path:none !important; }
  .quote-section .quote-visual .phone-cta { right:12px !important; bottom:12px !important; max-width:calc(100% - 24px) !important; font-size:clamp(14px, 4vw, 18px) !important; }

  /* Reviews and footer must not create horizontal overflow */
  .google-reviews-section, .google-reviews-section .container, .google-reviews-section iframe, .google-reviews-section > * { width:100% !important; max-width:100% !important; min-width:0 !important; }
  .google-reviews-section { overflow:hidden !important; }
  .testimonial-grid { display:grid !important; grid-template-columns:minmax(0,1fr) !important; }
  .testimonial-card { width:100% !important; min-width:0 !important; }
  .footer-grid { display:grid !important; grid-template-columns:repeat(2,minmax(0,1fr)) !important; gap:22px 14px !important; width:100% !important; }
  .footer-brand { grid-column:1/-1 !important; min-width:0 !important; }
  .footer-column { min-width:0 !important; overflow-wrap:anywhere !important; }
  .footer-column a, .footer-column p { font-size:12px !important; line-height:1.6 !important; }
  .footer-bottom .container { display:flex !important; flex-direction:column !important; gap:8px !important; text-align:center !important; }
}
@media (max-width: 420px) {
  .container, .hero-content { width:calc(100% - 24px) !important; }
  .why-us .benefit-grid, .why-us .why-features, .why-features, .feature-grid, .why-list { grid-template-columns:minmax(0,1fr) !important; }
  .why-us .benefit, .benefit, .benefit-card, .why-card, .why-choose-card { padding:12px !important; }
  .quote-section .quote-perks { grid-template-columns:minmax(0,1fr) !important; }
  .footer-grid { grid-template-columns:repeat(2,minmax(0,1fr)) !important; }
  .footer-brand { grid-column:1/-1 !important; }
}
@media (min-width: 768px) and (max-width: 1024px) {
  .about-grid, .why-grid { grid-template-columns:repeat(2,minmax(0,1fr)) !important; gap:24px !important; }
  .product-track { grid-template-columns:repeat(3,minmax(0,1fr)) !important; }
  .gallery-grid { grid-template-columns:repeat(3,minmax(0,1fr)) !important; grid-template-rows:none !important; }
  .gallery-grid .gallery-item { grid-column:auto !important; grid-row:auto !important; min-width:0 !important; }
  .quote-section .quote-grid { grid-template-columns:minmax(0,1fr) minmax(0,.85fr) !important; gap:24px !important; }
  .quote-section .quote-content { padding:40px 0 !important; }
  .quote-section .quote-visual { min-height:420px !important; margin:0 !important; }
}


/* V19 mobile-specific refinements from the supplied screenshots */
@media (max-width: 767px) {
  /* Hide the thin contact/social strip above the header on phones */
  body .topbar { display:none !important; }

  /* Keep quote benefits aligned as compact icon + text rows */
  .quote-section .quote-perks {
    display:grid !important;
    grid-template-columns:minmax(0,1fr) !important;
    gap:10px !important;
    margin-top:18px !important;
    width:100% !important;
  }
  .quote-section .quote-perks > span {
    display:grid !important;
    grid-template-columns:34px minmax(0,1fr) !important;
    grid-template-rows:auto auto !important;
    column-gap:10px !important;
    align-items:center !important;
    justify-items:start !important;
    min-width:0 !important;
    font-size:12px !important;
    line-height:1.35 !important;
    text-align:left !important;
  }
  .quote-section .quote-perks > span > i {
    grid-column:1 !important;
    grid-row:1 / span 2 !important;
    width:32px !important;
    height:32px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    margin:0 !important;
    font-size:14px !important;
  }
  .quote-section .quote-perks > span > small {
    grid-column:2 !important;
    grid-row:2 !important;
    display:block !important;
    margin:2px 0 0 !important;
    font-size:11px !important;
    line-height:1.35 !important;
    text-align:left !important;
  }
  /* Hide the decorative garage-door image below the quote form on mobile */
  .quote-section .quote-visual { display:none !important; }
}

/* Inner pages: premium Australian home-improvement design */
.msd-inner-page{overflow:hidden;color:#52596a}.msd-page-hero{position:relative;min-height:430px;display:flex;align-items:center;background:#071a43;color:#fff;isolation:isolate}.msd-page-hero-image,.msd-page-hero-shade{position:absolute;inset:0;z-index:-1}.msd-page-hero-image{background-size:cover;background-position:center 52%;opacity:.48}.msd-page-hero-shade{background:linear-gradient(90deg,rgba(5,17,48,.97),rgba(5,17,48,.76) 52%,rgba(5,17,48,.22))}.msd-page-hero-content{padding-block:76px}.msd-kicker,.msd-card-kicker{display:inline-block;color:#f4b51b;font-size:11px;font-weight:800;letter-spacing:.14em;text-transform:uppercase}.msd-page-hero h1{max-width:780px;margin:13px 0 16px;color:#fff;font:800 clamp(36px,5vw,64px)/1.06 'Inter Tight',sans-serif;letter-spacing:-.035em}.msd-page-hero h1 span,.msd-copy h2 span,.section-heading h2 span{color:#f4b51b}.msd-page-hero p{max-width:640px;margin:0;color:#edf0f8;font-size:16px}.msd-page-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:26px}.msd-inner-page .section-heading{max-width:760px;margin:0 auto 38px;text-align:center}.msd-inner-page .section-heading h2,.msd-copy h2{color:#101d48;font:800 clamp(27px,3.2vw,42px)/1.15 'Inter Tight',sans-serif;letter-spacing:-.025em;margin:12px 0 15px}.msd-inner-page .section-heading p{margin:0 auto;max-width:680px}.msd-split{width:min(1220px,calc(100% - 48px));margin:0 auto;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:64px;align-items:center}.msd-split-reverse{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.msd-feature-image{position:relative;min-width:0}.msd-feature-image img{width:100%;height:440px;object-fit:cover;border-radius:20px;box-shadow:0 22px 55px rgba(10,25,65,.16)}.msd-image-label{position:absolute;left:18px;bottom:18px;padding:10px 14px;border-radius:8px;background:#071a43;color:#fff;font-weight:700;font-size:12px;border-bottom:3px solid #f4b51b}.msd-copy p{margin:0 0 17px}.msd-check-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px;margin:25px 0}.msd-check-grid div{display:flex;gap:9px;align-items:center;color:#18234b;font-weight:600;font-size:13px}.msd-check-grid i{color:#d99d00}.msd-values{background:#f7f8fb}.msd-card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.msd-card-grid article,.msd-services-grid article{position:relative;background:#fff;padding:28px;border:1px solid #e9ebf2;border-radius:16px;box-shadow:0 12px 30px rgba(13,24,61,.06);transition:transform .25s,box-shadow .25s}.msd-card-grid article:hover,.msd-services-grid article:hover,.msd-product-card:hover{transform:translateY(-5px);box-shadow:0 18px 38px rgba(13,24,61,.12)}.msd-card-grid article>i,.msd-services-grid article>i{display:grid;place-items:center;width:50px;height:50px;border-radius:13px;background:#fff4d0;color:#bd8500;font-size:21px;margin-bottom:18px}.msd-card-grid h3,.msd-services-grid h2{color:#101d48;font:750 20px/1.25 'Inter Tight',sans-serif;margin:0 0 10px}.msd-card-grid p,.msd-services-grid p{margin:0;font-size:13px}.msd-cta-band{background:linear-gradient(115deg,#071a43,#21116e);color:#fff;padding:46px 0}.msd-cta-band>.container{display:flex;justify-content:space-between;align-items:center;gap:28px}.msd-cta-band h2{font:800 clamp(27px,3vw,40px)/1.1 'Inter Tight',sans-serif;margin:8px 0}.msd-cta-band p{margin:0;color:#e2e6f2}.msd-products-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px}.msd-product-card{min-width:0;overflow:hidden;border:1px solid #e8eaf1;border-radius:15px;background:#fff;box-shadow:0 10px 28px rgba(13,24,61,.06);transition:transform .25s,box-shadow .25s}.msd-product-photo{height:220px;display:block;position:relative;overflow:hidden;background:#f0f1f4}.msd-product-photo img{width:100%;height:100%;object-fit:cover;transition:transform .45s}.msd-product-card:hover .msd-product-photo img{transform:scale(1.06)}.msd-product-arrow{position:absolute;right:13px;bottom:13px;display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:#f4b51b;color:#071a43}.msd-product-card-copy{padding:20px}.msd-card-kicker{font-size:9px;letter-spacing:.1em}.msd-product-card h2{margin:8px 0 9px;color:#101d48;font:750 20px/1.2 'Inter Tight',sans-serif}.msd-product-card p{font-size:12px;line-height:1.7;margin:0 0 16px}.msd-text-link{font-size:12px;color:#25117b;font-weight:700}.msd-text-link i{color:#d99d00;margin-left:6px}.msd-services-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}.msd-services-grid article{padding-top:38px}.msd-service-number{position:absolute;right:20px;top:15px;color:#e4e7ef;font:800 30px 'Inter Tight',sans-serif}.msd-services-grid article>i{position:relative}.msd-warranty-layout{width:min(1120px,calc(100% - 48px));margin:auto;display:grid;grid-template-columns:1.1fr .9fr;gap:54px;align-items:center}.msd-warranty-card{padding:34px;background:#fff;border:1px solid #e8eaf1;border-radius:18px;box-shadow:0 20px 50px rgba(13,24,61,.1)}.msd-warranty-icon{width:58px;height:58px;display:grid;place-items:center;border-radius:15px;background:#fff2c9;color:#bc8500;font-size:25px}.msd-warranty-card h3{font:800 25px 'Inter Tight',sans-serif;color:#101d48}.msd-warranty-card ul{list-style:none;padding:0;margin:0}.msd-warranty-card li{display:flex;gap:10px;margin:14px 0;color:#343b50;font-size:13px}.msd-warranty-card li i{color:#bd8900;margin-top:4px}.msd-disclaimer{font-size:11px;padding-top:15px;border-top:1px solid #e9ebf2;color:#747b89}.msd-bullet-list{padding-left:19px;margin:20px 0 26px}.msd-bullet-list li{margin:8px 0}.msd-contact-layout{width:min(1220px,calc(100% - 48px));margin:auto;display:grid;grid-template-columns:.85fr 1.15fr;gap:58px;align-items:start}.msd-contact-methods{display:grid;gap:14px;margin-top:30px}.msd-contact-methods>a,.msd-contact-methods>div{display:flex;gap:14px;align-items:center}.msd-contact-methods>*>span{width:48px;height:48px;flex-shrink:0;display:grid;place-items:center;border-radius:13px;background:#fff1c5;color:#b78100}.msd-contact-methods small{display:block;color:#9a7100;font-weight:800;letter-spacing:.1em;font-size:9px}.msd-contact-methods strong{display:block;color:#111e48;font-size:13px;overflow-wrap:anywhere}.msd-contact-note{display:flex;gap:12px;padding:16px;margin-top:25px;border-radius:10px;background:#f7f8fb;color:#6c7381;font-size:12px}.msd-contact-note i{color:#bc8500;margin-top:4px}.msd-contact-note p{margin:0}.msd-contact-form-card{padding:34px;background:#071a43;border-radius:18px;color:#fff;box-shadow:0 20px 50px rgba(7,26,67,.18)}.msd-contact-form-card h2{margin:8px 0 25px;font:800 30px 'Inter Tight',sans-serif;color:#fff}.msd-contact-form{display:grid;gap:15px}.msd-contact-form label{display:grid;gap:7px;font-size:12px;font-weight:600;color:#e8ebf5}.msd-form-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}.msd-contact-form input,.msd-contact-form select,.msd-contact-form textarea{width:100%;min-width:0;border:1px solid rgba(255,255,255,.2);border-radius:8px;background:#132951;color:#fff;padding:13px 14px;outline:none}.msd-contact-form input:focus,.msd-contact-form select:focus,.msd-contact-form textarea:focus{border-color:#f4b51b}.msd-contact-form input::placeholder,.msd-contact-form textarea::placeholder{color:#aab4cb}.msd-contact-form select option{color:#111;background:#fff}.msd-form-notice{font-size:10px;color:#c1cbe0;margin:0}.msd-inner-page+.site-footer{margin-top:0}
@media(max-width:1050px){.msd-products-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.msd-services-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.msd-split,.msd-warranty-layout,.msd-contact-layout{gap:32px}.msd-product-photo{height:200px}}
@media(max-width:767px){.msd-page-hero{min-height:390px}.msd-page-hero-content{padding-block:54px}.msd-page-hero h1{font-size:clamp(34px,9vw,48px)}.msd-page-hero p{font-size:14px}.msd-inner-page .section-pad{padding:52px 0}.msd-split,.msd-warranty-layout,.msd-contact-layout{width:calc(100% - 32px);grid-template-columns:minmax(0,1fr);gap:28px}.msd-split-reverse .msd-feature-image{order:0}.msd-feature-image img{height:300px;border-radius:14px}.msd-copy h2,.msd-inner-page .section-heading h2{font-size:30px}.msd-check-grid{grid-template-columns:1fr;gap:10px}.msd-card-grid{grid-template-columns:1fr;gap:14px}.msd-card-grid article{padding:22px}.msd-products-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.msd-product-photo{height:155px}.msd-product-card-copy{padding:13px}.msd-product-card h2{font-size:16px}.msd-product-card p{font-size:11px}.msd-card-kicker{font-size:8px}.msd-services-grid{grid-template-columns:1fr;gap:14px}.msd-services-grid article{padding:23px}.msd-cta-band>.container{align-items:flex-start;flex-direction:column;padding-inline:16px}.msd-cta-band{padding:34px 0}.msd-contact-form-card,.msd-warranty-card{padding:23px}.msd-form-row{grid-template-columns:1fr;gap:14px}.msd-contact-form-card h2{font-size:26px}.msd-page-actions .btn{font-size:12px;padding:12px 14px}.msd-inner-page .section-heading{margin-bottom:26px}}
@media(max-width:380px){.msd-products-grid{grid-template-columns:1fr}.msd-product-photo{height:220px}.msd-page-actions{flex-direction:column;align-items:stretch}.msd-page-actions .btn{justify-content:center}.msd-contact-methods strong{font-size:12px}}


/* V21 - premium service cards, warranty/contact refinements and responsive dynamic nav */
.primary-nav{display:flex;align-items:center;gap:clamp(12px,1.7vw,27px)}
.primary-nav>div{position:relative;height:100%;display:flex;align-items:center}
.primary-nav>div>a{position:relative;display:flex;align-items:center;height:100%;white-space:nowrap}
.primary-nav .dropdown-menu{display:flex;flex-direction:column;top:calc(100% - 7px);left:-15px;min-width:230px;padding:9px;background:#fff;box-shadow:var(--shadow);border-radius:8px;opacity:0;visibility:hidden;transform:translateY(8px);transition:.2s;z-index:120}
.primary-nav .nav-dropdown:hover .dropdown-menu,.primary-nav .nav-dropdown:focus-within .dropdown-menu{opacity:1;visibility:visible;transform:translateY(0)}
.primary-nav .dropdown-menu a{height:auto;padding:10px 12px;white-space:normal}
.primary-nav .nav-cta{height:auto;padding:12px 15px}
.msd-service-cards-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px;margin-top:38px}
.msd-service-card{background:#fff;border:1px solid #e9ebf2;border-radius:17px;overflow:hidden;box-shadow:0 12px 34px rgba(10,24,61,.07);transition:transform .28s,box-shadow .28s;display:flex;flex-direction:column;min-width:0}
.msd-service-card:hover{transform:translateY(-6px);box-shadow:0 20px 42px rgba(10,24,61,.14)}
.msd-service-card-image{height:205px;position:relative;display:block;overflow:hidden;background:#edf0f5}
.msd-service-card-image img{width:100%;height:100%;object-fit:cover;transition:transform .5s}
.msd-service-card:hover .msd-service-card-image img{transform:scale(1.06)}
.msd-service-card-icon{position:absolute;right:15px;bottom:-1px;width:46px;height:46px;border-radius:13px 13px 0 0;background:var(--gold);color:var(--navy);display:grid;place-items:center;font-size:18px;box-shadow:0 7px 18px #071a4320}
.msd-service-card-body{padding:22px;display:flex;flex-direction:column;align-items:flex-start;flex:1}
.msd-service-card-number{font-size:10px;letter-spacing:.13em;color:#b18408;font-weight:700;margin-bottom:8px}
.msd-service-card h2{font:700 20px/1.2 'Inter Tight',sans-serif;color:var(--navy);margin:0 0 10px}
.msd-service-card p{font-size:13px;line-height:1.75;margin:0 0 20px}
.msd-read-more{margin-top:auto;display:inline-flex;align-items:center;gap:10px;color:var(--purple);font-weight:700;font-size:12px;border-bottom:2px solid var(--gold);padding-bottom:5px}
.msd-read-more i{transition:transform .2s}.msd-read-more:hover i{transform:translateX(4px)}
.msd-contact-methods>a,.msd-contact-methods>div{background:#fff;border:1px solid #e9edf5;border-radius:14px;padding:15px 16px;box-shadow:0 8px 24px rgba(7,26,67,.05);transition:transform .2s,border-color .2s}
.msd-contact-methods>a:hover{transform:translateY(-3px);border-color:#f4b51b}
.msd-contact-methods> a>span,.msd-contact-methods>div>span{flex:0 0 48px;width:48px;height:48px;border-radius:14px;background:#fff3cf;color:#a87500;display:grid;place-items:center;font-size:18px}
.msd-contact-methods small{font-size:10px;letter-spacing:.1em;color:#b18408;font-weight:700}
.msd-contact-methods strong{display:block;color:var(--navy);font-size:14px;overflow-wrap:anywhere}
.msd-contact-form-card{border:1px solid rgba(255,255,255,.1);box-shadow:0 25px 70px rgba(7,26,67,.2);position:relative;overflow:hidden}
.msd-contact-form-card:before{content:"";position:absolute;left:0;top:0;width:100%;height:4px;background:linear-gradient(90deg,var(--gold),#ffe08a,var(--gold))}
.msd-warranty-layout{align-items:stretch;gap:40px}
.msd-warranty-card{border-radius:22px;border:1px solid #e8ebf3;background:linear-gradient(145deg,#fff,#f5f7fc);box-shadow:0 20px 50px rgba(7,26,67,.09);padding:clamp(24px,3vw,38px);position:relative;overflow:hidden}
.msd-warranty-card:after{content:"";position:absolute;right:-55px;top:-55px;width:180px;height:180px;border:24px solid rgba(244,181,27,.12);border-radius:50%;pointer-events:none}
.msd-warranty-icon{width:62px;height:62px;border-radius:18px;background:var(--navy);color:var(--gold);display:grid;place-items:center;font-size:25px;box-shadow:0 10px 20px rgba(7,26,67,.15)}
.msd-warranty-card h3{font:700 25px/1.2 'Inter Tight',sans-serif;color:var(--navy);margin:20px 0}
.msd-values .msd-card-grid article{border:1px solid #e8ebf3;border-radius:16px;box-shadow:0 12px 30px rgba(7,26,67,.06);padding:25px;background:#fff}
@media(max-width:1100px){.msd-service-cards-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.primary-nav{gap:12px}}
@media(max-width:850px){.msd-service-cards-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.primary-nav{position:absolute;left:0;right:0;top:100%;height:auto;display:none;flex-direction:column;align-items:stretch;gap:0;background:#fff;padding:10px 20px 20px;box-shadow:0 18px 30px rgba(7,26,67,.14)}.primary-nav.is-open{display:flex}.primary-nav>div{height:auto;display:block}.primary-nav>div>a{height:auto;padding:13px 10px}.primary-nav .dropdown-menu{position:static;display:none;opacity:1;visibility:visible;transform:none;box-shadow:none;border-radius:0;padding:0 0 0 12px}.primary-nav .nav-dropdown.submenu-open .dropdown-menu{display:flex}.primary-nav .nav-cta{display:inline-flex;margin-top:10px}.menu-toggle{display:block}.nav-wrap{position:relative}}
@media(max-width:540px){.msd-service-cards-grid{grid-template-columns:1fr;gap:18px}.msd-service-card-image{height:220px}.msd-service-card-body{padding:20px}.msd-service-card h2{font-size:19px}.msd-contact-layout{gap:26px}.msd-contact-methods>a,.msd-contact-methods>div{padding:12px}.msd-contact-form-card{padding:24px 18px!important}.msd-warranty-card{padding:23px}.msd-warranty-card h3{font-size:22px}}


/* =====================================================
   INNER PAGES — PREMIUM EDITORIAL REDESIGN V22
===================================================== */
.msd-inner-page{background:#fff}
.msd-inner-page .msd-page-hero{min-height:510px;overflow:hidden;background:#071a43}
.msd-inner-page .msd-page-hero:after{content:"";position:absolute;z-index:-1;right:-6%;top:-22%;width:46%;height:145%;border:1px solid rgba(244,181,27,.38);transform:rotate(15deg);border-radius:40px;box-shadow:0 0 0 22px rgba(244,181,27,.035),0 0 0 54px rgba(255,255,255,.025)}
.msd-inner-page .msd-page-hero-image{opacity:.42;filter:saturate(.82);background-position:center 55%}
.msd-inner-page .msd-page-hero-shade{background:linear-gradient(90deg,rgba(4,15,42,.98) 0%,rgba(7,26,67,.88) 48%,rgba(7,26,67,.34) 100%)}
.msd-inner-page .msd-page-hero-content{position:relative;padding-block:90px}
.msd-inner-page .msd-kicker{padding:9px 13px;border:1px solid rgba(244,181,27,.42);border-radius:99px;background:rgba(244,181,27,.09);font-size:10px;letter-spacing:.16em}
.msd-inner-page .msd-page-hero h1{max-width:760px;font-size:clamp(42px,5.3vw,68px);line-height:1.01;margin:22px 0 18px;text-wrap:balance}
.msd-inner-page .msd-page-hero p{max-width:590px;font-size:16px;line-height:1.85;color:#e2e8f4}
.msd-inner-page .msd-page-actions{margin-top:30px}
.msd-inner-page .msd-page-actions .btn{min-height:49px;border-radius:8px}
.msd-inner-page .section-pad{padding:92px 0}
.msd-inner-page .section-heading{margin-bottom:48px}
.msd-inner-page .section-tag{display:inline-flex;align-items:center;gap:9px;color:#a87800;font-size:10px;font-weight:800;letter-spacing:.16em;text-transform:uppercase}
.msd-inner-page .section-tag:before{content:"";width:24px;height:2px;background:#f4b51b;display:inline-block}
.msd-inner-page .section-heading h2,.msd-inner-page .msd-copy h2{font-size:clamp(32px,3.3vw,46px);line-height:1.08;letter-spacing:-.035em}
.msd-inner-page .section-heading p,.msd-inner-page .msd-copy p{font-size:14px;line-height:1.9;color:#697184}
.msd-inner-page .msd-split{gap:78px}
.msd-inner-page .msd-feature-image img{height:490px;border-radius:6px 30px 6px 30px;box-shadow:18px 18px 0 #fff1c7,0 28px 60px rgba(7,26,67,.13)}
.msd-inner-page .msd-image-label{left:-18px;bottom:24px;padding:14px 18px;border-radius:5px 12px 5px 12px;box-shadow:0 10px 30px rgba(7,26,67,.15)}
.msd-inner-page .msd-check-grid div{padding:12px 13px;border:1px solid #e8ebf2;border-radius:8px;background:#fff;box-shadow:0 5px 18px rgba(7,26,67,.035)}
.msd-inner-page .msd-values{background:linear-gradient(180deg,#f7f8fb 0%,#fff 100%);position:relative}
.msd-inner-page .msd-values:before{content:"";position:absolute;top:0;left:0;width:100%;height:4px;background:linear-gradient(90deg,#071a43,#f4b51b,#25117b)}
.msd-inner-page .msd-card-grid{gap:20px}
.msd-inner-page .msd-card-grid article{padding:30px 28px;border-radius:6px 18px 6px 18px;box-shadow:0 14px 36px rgba(7,26,67,.065);border:1px solid #e9edf4;position:relative;overflow:hidden}
.msd-inner-page .msd-card-grid article:after{content:"";position:absolute;left:0;bottom:0;width:0;height:3px;background:#f4b51b;transition:width .3s}
.msd-inner-page .msd-card-grid article:hover:after{width:100%}
.msd-inner-page .msd-card-grid article>i{width:56px;height:56px;border-radius:15px;background:#071a43;color:#f4b51b;box-shadow:0 8px 18px rgba(7,26,67,.16)}
.msd-inner-page .msd-card-grid h3{font-size:21px}
.msd-inner-page .msd-products-grid{gap:24px}
.msd-inner-page .msd-product-card{border-radius:8px 20px 8px 20px;border-color:#e7eaf2;box-shadow:0 12px 34px rgba(7,26,67,.07)}
.msd-inner-page .msd-product-photo{height:238px;background:#eef0f5}
.msd-inner-page .msd-product-photo:after{content:"";position:absolute;inset:45% 0 0;background:linear-gradient(transparent,rgba(7,26,67,.25));pointer-events:none}
.msd-inner-page .msd-product-arrow{z-index:1;width:42px;height:42px;transition:transform .25s,background .25s}
.msd-inner-page .msd-product-card:hover .msd-product-arrow{transform:rotate(-45deg);background:#071a43;color:#f4b51b}
.msd-inner-page .msd-product-card-copy{padding:23px 22px 25px}
.msd-inner-page .msd-product-card h2{font-size:21px;line-height:1.18}
.msd-inner-page .msd-product-card p{font-size:13px;line-height:1.8}
.msd-inner-page .msd-text-link,.msd-inner-page .msd-read-more{display:inline-flex;align-items:center;gap:9px;margin-top:auto;padding-top:4px;font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.035em}
.msd-inner-page .msd-service-cards-grid{gap:24px;margin-top:46px}
.msd-inner-page .msd-service-card{border-radius:7px 20px 7px 20px;box-shadow:0 12px 34px rgba(7,26,67,.07)}
.msd-inner-page .msd-service-card-image{height:230px}
.msd-inner-page .msd-service-card-image:after{content:"";position:absolute;inset:45% 0 0;background:linear-gradient(transparent,rgba(7,26,67,.3))}
.msd-inner-page .msd-service-card-icon{z-index:1;right:18px;bottom:14px;border-radius:12px;width:48px;height:48px;box-shadow:0 8px 22px rgba(7,26,67,.2)}
.msd-inner-page .msd-service-card-body{padding:25px;min-height:230px}
.msd-inner-page .msd-service-card h2{font-size:21px;line-height:1.2}
.msd-inner-page .msd-service-card p{font-size:13px;line-height:1.8}
.msd-inner-page .msd-warranty-layout{gap:72px}
.msd-inner-page .msd-warranty-card{padding:42px;border-radius:8px 24px 8px 24px;border-top:4px solid #f4b51b;box-shadow:0 25px 70px rgba(7,26,67,.1)}
.msd-inner-page .msd-warranty-card h3{font-size:28px;margin:22px 0}
.msd-inner-page .msd-warranty-card li{font-size:13px;line-height:1.7;padding:11px 0;border-bottom:1px solid #eef0f5}
.msd-inner-page .msd-contact-layout{gap:72px;align-items:stretch}
.msd-inner-page .msd-contact-methods{gap:12px}
.msd-inner-page .msd-contact-methods>a,.msd-inner-page .msd-contact-methods>div{padding:15px;border:1px solid #e9ecf3;border-radius:10px;background:#fff;box-shadow:0 8px 24px rgba(7,26,67,.04);transition:transform .25s,border-color .25s}
.msd-inner-page .msd-contact-methods>a:hover{transform:translateX(4px);border-color:#f4b51b}
.msd-inner-page .msd-contact-methods>*>span{width:52px;height:52px;border-radius:15px;background:#071a43;color:#f4b51b;font-size:18px}
.msd-inner-page .msd-contact-methods small{font-size:9px;letter-spacing:.15em;margin-bottom:5px}
.msd-inner-page .msd-contact-methods strong{font-size:13px;line-height:1.6}
.msd-inner-page .msd-contact-form-card{padding:42px;border-radius:8px 24px 8px 24px;background:radial-gradient(circle at top right,rgba(37,17,123,.65),transparent 42%),#071a43;box-shadow:0 28px 70px rgba(7,26,67,.22)}
.msd-inner-page .msd-contact-form-card h2{font-size:34px;margin:15px 0 30px}
.msd-inner-page .msd-contact-form label{font-size:11px;letter-spacing:.02em}
.msd-inner-page .msd-contact-form input,.msd-inner-page .msd-contact-form select,.msd-inner-page .msd-contact-form textarea{min-height:48px;border-radius:7px;background:rgba(255,255,255,.065);padding:14px 15px;transition:border-color .2s,background .2s}
.msd-inner-page .msd-contact-form input:focus,.msd-inner-page .msd-contact-form select:focus,.msd-inner-page .msd-contact-form textarea:focus{background:rgba(255,255,255,.1);box-shadow:0 0 0 3px rgba(244,181,27,.1)}
.msd-inner-page .msd-contact-form textarea{min-height:120px}
.msd-inner-page .msd-form-notice{line-height:1.7}
.msd-inner-page .msd-cta-band{position:relative;overflow:hidden;padding:58px 0}
.msd-inner-page .msd-cta-band:after{content:"";position:absolute;right:8%;top:-100px;width:260px;height:260px;border:1px solid rgba(244,181,27,.25);border-radius:50%;box-shadow:0 0 0 24px rgba(255,255,255,.025),0 0 0 52px rgba(255,255,255,.02);pointer-events:none}
.msd-premium-strip{position:relative;z-index:2;margin-top:-1px;background:#fff;box-shadow:0 16px 38px rgba(7,26,67,.06)}
.msd-premium-strip-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));padding-block:24px;gap:20px}
.msd-premium-strip-grid>div{display:flex;align-items:center;gap:14px;padding:10px 22px;border-right:1px solid #e8ebf2}
.msd-premium-strip-grid>div:last-child{border-right:0}
.msd-strip-icon{width:48px;height:48px;display:grid;place-items:center;flex:0 0 48px;background:#fff4d0;color:#a97900;border-radius:14px;font-size:19px}
.msd-premium-strip-grid strong{display:block;color:#101d48;font:750 15px 'Inter Tight',sans-serif;margin-bottom:4px}
.msd-premium-strip-grid small{display:block;color:#737b8d;font-size:11px;line-height:1.6}
.msd-editorial-section{background:linear-gradient(120deg,#f8f9fc,#fff)}
.msd-editorial-grid{width:min(1120px,calc(100% - 48px));margin:auto;display:grid;grid-template-columns:.9fr 1.1fr;gap:80px;align-items:center}
.msd-editorial-heading h2{font:800 clamp(32px,3.4vw,46px)/1.08 'Inter Tight',sans-serif;letter-spacing:-.035em;color:#101d48;margin:15px 0}
.msd-editorial-heading h2 span{color:#d89b00}
.msd-editorial-copy{padding:28px 0 28px 30px;border-left:3px solid #f4b51b}
.msd-editorial-copy p{color:#687184;font-size:14px;line-height:1.9;margin:0 0 15px}
.msd-process-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.msd-process-grid article{position:relative;padding:30px;border:1px solid #e7eaf2;border-radius:8px 20px 8px 20px;background:#fff;box-shadow:0 14px 34px rgba(7,26,67,.055);overflow:hidden}
.msd-process-grid article>span{position:absolute;right:18px;top:12px;color:#edf0f5;font:800 44px 'Inter Tight',sans-serif}
.msd-process-grid article>i{position:relative;display:grid;place-items:center;width:54px;height:54px;margin-bottom:22px;background:#071a43;color:#f4b51b;border-radius:15px;font-size:20px}
.msd-process-grid h3{position:relative;color:#101d48;font:750 20px/1.2 'Inter Tight',sans-serif;margin:0 0 10px}
.msd-process-grid p{color:#6d7484;font-size:13px;line-height:1.8;margin:0}
.msd-warranty-steps{max-width:850px;margin:0 auto;display:grid;gap:14px}
.msd-warranty-steps article{display:flex;gap:22px;align-items:flex-start;padding:23px 26px;background:#fff;border:1px solid #e8ebf2;border-radius:12px;box-shadow:0 8px 24px rgba(7,26,67,.04)}
.msd-warranty-steps article>span{display:grid;place-items:center;flex:0 0 48px;height:48px;border-radius:14px;background:#071a43;color:#f4b51b;font-weight:800}
.msd-warranty-steps h3{font:750 19px 'Inter Tight',sans-serif;color:#101d48;margin:0 0 6px}
.msd-warranty-steps p{font-size:13px;line-height:1.8;color:#697184;margin:0}
.msd-warranty-help{max-width:850px;margin:22px auto 0;padding:20px 24px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:15px;background:#fff7df;border:1px solid #f3dfa0;border-radius:12px}
.msd-warranty-help>i{font-size:22px;color:#a87800}
.msd-warranty-help p{font-size:12px;line-height:1.7;color:#5e5960;margin:0}
.msd-warranty-help a{white-space:nowrap;font-size:12px;font-weight:800;color:#071a43}
.msd-contact-tip-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.msd-contact-tip-grid article{padding:30px;background:#fff;border:1px solid #e8ebf2;border-radius:8px 18px 8px 18px;box-shadow:0 12px 30px rgba(7,26,67,.05)}
.msd-contact-tip-grid article>i{display:grid;place-items:center;width:52px;height:52px;border-radius:15px;background:#071a43;color:#f4b51b;font-size:20px;margin-bottom:20px}
.msd-contact-tip-grid h3{font:750 20px 'Inter Tight',sans-serif;color:#101d48;margin:0 0 9px}
.msd-contact-tip-grid p{font-size:13px;line-height:1.8;color:#697184;margin:0}
.msd-detail-cta{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-top:32px;padding:28px 32px;background:linear-gradient(110deg,#071a43,#21116e);border-radius:10px 22px 10px 22px;color:#fff}
.msd-detail-cta small{font-size:10px;letter-spacing:.15em;color:#f4b51b;font-weight:800}
.msd-detail-cta h2{font:800 clamp(22px,3vw,32px) 'Inter Tight',sans-serif;color:#fff;margin:8px 0 0}
@media(max-width:900px){.msd-inner-page .msd-page-hero{min-height:440px}.msd-inner-page .msd-page-hero-content{padding-block:68px}.msd-inner-page .msd-split,.msd-inner-page .msd-warranty-layout,.msd-inner-page .msd-contact-layout{gap:36px}.msd-inner-page .msd-products-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.msd-premium-strip-grid{gap:8px}.msd-premium-strip-grid>div{padding-inline:10px}.msd-editorial-grid{gap:36px}.msd-contact-tip-grid{gap:14px}}
@media(max-width:650px){.msd-inner-page .msd-page-hero{min-height:400px}.msd-inner-page .msd-page-hero-content{padding-block:54px}.msd-inner-page .msd-page-hero h1{font-size:clamp(36px,10vw,48px)}.msd-inner-page .section-pad{padding:58px 0}.msd-premium-strip-grid{grid-template-columns:1fr;padding-block:12px;gap:0}.msd-premium-strip-grid>div{border-right:0;border-bottom:1px solid #edf0f5;padding:13px 4px}.msd-premium-strip-grid>div:last-child{border-bottom:0}.msd-editorial-grid{grid-template-columns:1fr;width:calc(100% - 32px);gap:10px}.msd-editorial-copy{padding:8px 0 8px 18px}.msd-inner-page .msd-feature-image img{height:310px}.msd-inner-page .msd-image-label{left:8px}.msd-inner-page .msd-card-grid{grid-template-columns:1fr}.msd-inner-page .msd-products-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.msd-inner-page .msd-product-photo{height:165px}.msd-inner-page .msd-product-card-copy{padding:15px}.msd-inner-page .msd-product-card h2{font-size:17px}.msd-inner-page .msd-product-card p{font-size:11px}.msd-inner-page .msd-service-cards-grid{grid-template-columns:1fr}.msd-inner-page .msd-service-card-image{height:225px}.msd-inner-page .msd-contact-form-card{padding:26px 19px}.msd-inner-page .msd-contact-methods strong{font-size:12px}.msd-process-grid,.msd-contact-tip-grid{grid-template-columns:1fr;gap:14px}.msd-process-grid article{padding:24px}.msd-warranty-steps article{padding:18px;gap:14px}.msd-warranty-help{grid-template-columns:auto 1fr;padding:17px}.msd-warranty-help a{grid-column:2}.msd-detail-cta{align-items:flex-start;flex-direction:column;padding:24px}.msd-inner-page .msd-cta-band>.container{padding-inline:20px}.msd-inner-page .msd-warranty-card{padding:26px 21px}}
@media(prefers-reduced-motion:reduce){.msd-inner-page *{scroll-behavior:auto!important;transition:none!important;animation:none!important}}



/* V23 shared dynamic header: consistent across homepage and all inner pages */
.primary-nav{display:flex;align-items:center;gap:clamp(12px,1.7vw,27px);height:100%;}
.primary-nav>div{height:100%;display:flex;align-items:center;position:relative;}
.primary-nav>div>a:not(.nav-cta){position:relative;display:flex;align-items:center;height:100%;white-space:nowrap;}
.primary-nav>div>a:not(.nav-cta)::after{content:"";position:absolute;left:0;bottom:22px;width:0;height:2px;background:var(--gold);transition:width .25s;}
.primary-nav>div>a:hover::after,.primary-nav>div>a.active::after,.primary-nav>div.current-menu-item-wrap>a::after{width:100%;}
.primary-nav>div>a.active,.primary-nav>div.current-menu-item-wrap>a{color:var(--purple);}
.primary-nav>div.nav-dropdown>.dropdown-menu{position:absolute;top:calc(100% - 7px);left:-15px;min-width:220px;padding:9px;background:#fff;box-shadow:var(--shadow);border-radius:8px;opacity:0;visibility:hidden;transform:translateY(8px);transition:.2s;z-index:110;}
.primary-nav>div.nav-dropdown:hover>.dropdown-menu,.primary-nav>div.nav-dropdown:focus-within>.dropdown-menu{opacity:1;visibility:visible;transform:translateY(0);}
.primary-nav>div.nav-dropdown>.dropdown-menu a{display:block;height:auto;padding:10px 12px;border-radius:5px;white-space:normal;}
.primary-nav>div.nav-dropdown>.dropdown-menu a:hover{background:#fff7dd;color:var(--purple);}
@media(max-width:1050px){.nav-wrap{width:calc(100% - 32px);gap:12px}.primary-nav{gap:14px;font-size:12px}.brand img{max-width:270px;height:auto}.nav-cta{padding:11px 12px}}
@media(max-width:860px){.menu-toggle{display:block}.nav-wrap{height:72px}.primary-nav{position:absolute;top:100%;left:0;right:0;height:auto;display:none;align-items:stretch;flex-direction:column;gap:0;padding:12px 20px 20px;background:#fff;box-shadow:0 14px 24px rgba(7,26,67,.13);max-height:calc(100vh - 72px);overflow:auto}.primary-nav.open{display:flex}.primary-nav>div{height:auto;display:block}.primary-nav>div>a:not(.nav-cta){height:auto;min-height:44px;padding:10px 4px}.primary-nav>div>a:not(.nav-cta)::after{bottom:4px}.primary-nav .nav-cta{display:inline-flex;align-self:flex-start;margin-top:10px}.primary-nav>div.nav-dropdown>.dropdown-menu{position:static;display:none;opacity:1;visibility:visible;transform:none;box-shadow:none;padding:0 0 8px 12px;min-width:0}.primary-nav>div.nav-dropdown:focus-within>.dropdown-menu,.primary-nav>div.nav-dropdown.open>.dropdown-menu{display:block}.primary-nav>div.nav-dropdown>.dropdown-menu a{padding:9px 12px}.topbar{font-size:10px}.topbar-contact{padding-left:16px;padding-right:20px;gap:12px}.topbar-social{padding-right:16px}}
@media(max-width:560px){.topbar{display:none}.nav-wrap{width:calc(100% - 28px);height:68px}.brand img{max-width:230px;max-height:50px;object-fit:contain}.primary-nav{max-height:calc(100vh - 68px)}}


/* V26: shared premium typography, service detail polish and visible footer on every page */
.msd-inner-page, .msd-inner-page p, .msd-inner-page li, .msd-inner-page label, .msd-inner-page input, .msd-inner-page select, .msd-inner-page textarea {font-family:Poppins,Arial,sans-serif;}
.msd-inner-page h1,.msd-inner-page h2,.msd-inner-page h3,.msd-inner-page h4,.site-footer h3 {font-family:"Inter Tight",sans-serif;letter-spacing:-.035em;}
.msd-inner-page p,.msd-inner-page li {font-size:14px;line-height:1.85;}
.msd-inner-page .section-heading h2,.msd-inner-page .msd-copy h2 {font-size:clamp(30px,3.3vw,44px);line-height:1.12;font-weight:800;color:#071a43;}
.msd-inner-page .msd-page-hero {position:relative;isolation:isolate;overflow:hidden;min-height:500px;display:flex;align-items:center;background:#071a43;}
.msd-inner-page .msd-page-hero-image {position:absolute;inset:0;background-size:cover;background-position:center;transform:scale(1.02);}
.msd-inner-page .msd-page-hero-shade {position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,18,48,.94) 0%,rgba(7,26,67,.82) 52%,rgba(7,26,67,.28) 100%);}
.msd-inner-page .msd-page-hero-content {position:relative;z-index:1;width:min(1220px,calc(100% - 48px));margin-inline:auto;padding-block:90px;color:#fff;}
.msd-inner-page .msd-page-hero h1 {max-width:850px;font:800 clamp(42px,5.3vw,70px)/1.02 "Inter Tight",sans-serif;letter-spacing:-.045em;color:#fff;margin:20px 0;}
.msd-inner-page .msd-page-hero h1 span {color:#f4b51b;}
.msd-inner-page .msd-page-hero-content>p {max-width:650px;font-size:16px;line-height:1.8;color:#e4e9f5;}
.msd-inner-page .msd-kicker {display:inline-flex;align-items:center;padding:9px 14px;border:1px solid rgba(244,181,27,.6);border-radius:999px;color:#f4b51b;font-size:11px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;}
.msd-inner-page .msd-feature-image img {width:100%;height:470px;object-fit:cover;border-radius:10px 28px 10px 28px;box-shadow:0 24px 55px rgba(7,26,67,.16);}
.msd-inner-page .msd-split {align-items:center;}
.msd-inner-page .msd-copy h2 {margin:16px 0;}
.msd-inner-page .msd-copy p {color:#626b7d;}
.msd-inner-page .msd-bullet-list {padding-left:0;list-style:none;display:grid;gap:11px;margin:24px 0 28px;}
.msd-inner-page .msd-bullet-list li {position:relative;padding-left:30px;color:#303b53;}
.msd-inner-page .msd-bullet-list li:before {content:"\f00c";font-family:"Font Awesome 6 Free";font-weight:900;position:absolute;left:0;top:3px;width:20px;height:20px;display:grid;place-items:center;background:#fff2c6;color:#9b6a00;border-radius:50%;font-size:10px;}
.msd-inner-page .msd-values {background:linear-gradient(180deg,#f7f8fc,#fff);}
.msd-inner-page .msd-card-grid article,.msd-inner-page .msd-process-grid article {background:#fff;border:1px solid #e5e9f2;border-radius:10px 22px 10px 22px;padding:30px;box-shadow:0 14px 35px rgba(7,26,67,.06);transition:transform .25s,box-shadow .25s;}
.msd-inner-page .msd-card-grid article:hover,.msd-inner-page .msd-process-grid article:hover {transform:translateY(-5px);box-shadow:0 20px 42px rgba(7,26,67,.12);}
.msd-inner-page .msd-card-grid article>i,.msd-inner-page .msd-process-grid article>i {width:52px;height:52px;border-radius:15px;background:#071a43;color:#f4b51b;display:grid;place-items:center;font-size:20px;margin-bottom:18px;}
.msd-inner-page .msd-card-grid h3,.msd-inner-page .msd-process-grid h3 {font-size:22px;line-height:1.2;font-weight:800;color:#071a43;margin:0 0 10px;}
.msd-inner-page .msd-card-grid p,.msd-inner-page .msd-process-grid p {margin:0;color:#697184;}
.site-footer {position:relative;background:linear-gradient(115deg,#080722 0%,#100a35 56%,#210c43 100%);color:#fff;margin-top:70px;overflow:hidden;}
.site-footer:before {content:"";position:absolute;left:0;top:0;width:100%;height:4px;background:linear-gradient(90deg,#f4b51b,#ffd45a,#f4b51b);}
.site-footer .footer-grid {display:grid;grid-template-columns:1.25fr .8fr 1.1fr 1.35fr;gap:38px;padding-top:66px;padding-bottom:54px;}
.site-footer .footer-brand img {width:245px;height:auto;max-height:76px;object-fit:contain;object-position:left center;border-radius:7px;background:#fff;padding:8px;}
.site-footer .footer-follow {max-width:280px;color:#c8c9dc;font-size:13px;line-height:1.8;margin:25px 0 18px;}
.site-footer .footer-social {display:flex;gap:10px;}
.site-footer .footer-social a {display:grid;place-items:center;width:40px;height:40px;border-radius:50%;background:#fff;color:#25117b;transition:.2s;}
.site-footer .footer-social a:hover {background:#f4b51b;color:#071a43;transform:translateY(-3px);}
.site-footer .footer-column {display:flex;flex-direction:column;align-items:flex-start;gap:13px;}
.site-footer .footer-column h3 {position:relative;color:#fff;font-size:19px;font-weight:800;margin:0 0 10px;padding-bottom:14px;letter-spacing:-.02em;}
.site-footer .footer-column h3:after {content:"";position:absolute;left:0;bottom:0;width:42px;height:3px;background:#f4b51b;border-radius:2px;}
.site-footer .footer-column>a,.site-footer .footer-column .menu-item a {font-size:13px;line-height:1.7;color:#d9d9e8;transition:color .2s,padding .2s;}
.site-footer .footer-column>a:hover,.site-footer .footer-column .menu-item a:hover {color:#f4b51b;padding-left:4px;}
.site-footer .footer-column ul {list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:12px;}
.site-footer .footer-contact {gap:18px;}
.site-footer .footer-contact .footer-abn{display:block;margin-top:0;color:#e0dfed;font-size:13px;line-height:1.6;transition:color .2s,transform .2s;}
.site-footer .footer-contact .footer-abn strong{font-weight:800;}
.site-footer .footer-contact .footer-abn:hover{color:#f4b51b;transform:translateX(3px)}
.site-footer .footer-contact>a:not(.footer-quote-link),.site-footer .footer-contact p {display:flex;align-items:flex-start;gap:13px;margin:0;color:#e0dfed;font-size:13px;line-height:1.7;overflow-wrap:anywhere;}
.site-footer .footer-contact>a:not(.footer-quote-link)>i,.site-footer .footer-contact p>i {flex:0 0 38px;width:38px;height:38px;display:grid;place-items:center;border-radius:12px;background:#f4b51b;color:#071a43;font-size:15px;}
.site-footer .footer-quote-link {display:inline-flex;align-items:center;gap:10px;margin-top:3px;padding:12px 17px;border-radius:7px;background:#f4b51b;color:#071a43!important;font-size:13px!important;font-weight:800;}
.site-footer .footer-bottom {border-top:1px solid rgba(255,255,255,.14);}
.site-footer .footer-bottom>.container {display:flex;justify-content:space-between;align-items:center;gap:16px;padding-top:10px;padding-bottom:10px;color:#aaa9c4;font-size:11px;line-height:1.45;}
.site-footer .footer-bottom a {color:#f4b51b;font-weight:700;}
.footer-contact ul,.footer-contact li {list-style:none!important;margin:0;padding:0;}
@media(max-width:900px){.site-footer .footer-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:36px 28px}.msd-inner-page .msd-feature-image img{height:390px}}
@media(max-width:600px){.site-footer{margin-top:44px}.site-footer .footer-grid{grid-template-columns:1fr;gap:30px;padding-top:46px;padding-bottom:38px}.site-footer .footer-brand img{width:230px}.site-footer .footer-bottom>.container{flex-direction:column;gap:8px;text-align:center}.msd-inner-page .msd-page-hero{min-height:430px}.msd-inner-page .msd-page-hero-content{width:calc(100% - 36px);padding-block:56px}.msd-inner-page .msd-page-hero h1{font-size:clamp(38px,10vw,48px)}.msd-inner-page .msd-page-hero-content>p{font-size:14px}.msd-inner-page .msd-feature-image img{height:300px}.msd-inner-page .msd-card-grid article,.msd-inner-page .msd-process-grid article{padding:23px}.msd-inner-page .msd-copy h2,.msd-inner-page .section-heading h2{font-size:32px}}


/* Single-video hero and floating Google review badge */
.hero{position:relative;isolation:isolate;overflow:hidden}
.hero-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;z-index:-2}
.hero-shade{z-index:-1;background:linear-gradient(90deg,rgba(7,18,35,.82) 0%,rgba(7,18,35,.60) 46%,rgba(7,18,35,.16) 100%),linear-gradient(0deg,rgba(4,13,25,.30),transparent 48%)}
.hero .rating,.hero-arrow,.hero-dots{display:none!important}
.hero-google-float{position:absolute;z-index:5;right:max(5vw,28px);bottom:34px;display:flex;align-items:center;gap:13px;width:min(340px,calc(100% - 38px));padding:13px 16px;color:#fff;text-decoration:none;background:rgba(7,25,27,.88);border:1px solid rgba(70,199,155,.7);border-radius:16px;box-shadow:0 14px 42px rgba(0,0,0,.28),inset 0 1px rgba(255,255,255,.08);backdrop-filter:blur(14px);transition:transform .25s,border-color .25s;animation:heroGoogleFloat 5s ease-in-out infinite}
.hero-google-float:hover{transform:translateY(-4px);border-color:#46c79b}
.hero-google-float img{display:block;width:45px;height:45px;flex:0 0 45px;object-fit:contain;border-radius:50%}
.hero-google-copy{display:flex;min-width:0;flex-direction:column;gap:3px}
.hero-google-copy strong{font-size:13px;line-height:1.3;font-weight:750;letter-spacing:-.15px}
.hero-google-stars{font-size:15px;line-height:1.1;letter-spacing:2px;color:#f9c744}
.hero-google-copy small{font-size:10px;line-height:1.4;color:#d4e6df}
.hero-google-arrow{margin-left:auto;align-self:flex-start;color:#46c79b;font-size:18px}
@keyframes heroGoogleFloat{0%,100%{translate:0 0}50%{translate:0 -6px}}
@media(max-width:600px){.hero-google-float{right:19px;left:19px;bottom:22px;width:auto;max-width:340px;margin-left:auto;padding:11px 13px;gap:11px}.hero-google-float img{width:39px;height:39px;flex-basis:39px}.hero-google-copy strong{font-size:12px}.hero-google-stars{font-size:14px}.hero-google-copy small{font-size:10px}.hero-content{padding-bottom:75px}}
@media(prefers-reduced-motion:reduce){.hero-google-float{animation:none}}


/* Desktop-only floating Google reviews badge: keep it outside the hero visually */
.hero-google-float{position:fixed!important;left:24px!important;right:auto!important;bottom:28px!important;top:auto!important;z-index:9997!important;width:min(340px,calc(100vw - 48px))!important;background:rgba(25,14,83,.96)!important;border:1px solid rgba(244,181,27,.9)!important;border-radius:15px!important;box-shadow:0 12px 34px rgba(17,10,58,.28),inset 0 1px rgba(255,255,255,.08)!important;backdrop-filter:blur(14px);animation:heroGoogleFloat 5s ease-in-out infinite}
.hero-google-float:hover{border-color:#f4b51b!important}
.hero-google-copy strong{color:#fff}
.hero-google-stars{color:#f4b51b!important}
.hero-google-copy small{color:#eeeafc!important}
.hero-google-arrow{color:#f4b51b!important}
@media(max-width:767px){.hero-google-float{display:none!important}}
@media(prefers-reduced-motion:reduce){.hero-google-float{animation:none}}

/* Mobile hamburger visibility fix: colored button with white icon */
@media (max-width: 860px) {
  .site-header .menu-toggle {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 5px !important;
    flex: 0 0 42px !important;
    width: 42px !important;
    height: 42px !important;
    padding: 9px !important;
    background: #281477 !important;
    border: 1px solid #f4b51b !important;
    border-radius: 8px !important;
    color: #ffffff !important;
    box-shadow: 0 4px 12px rgba(40, 20, 119, .22) !important;
    cursor: pointer;
    position: relative;
    z-index: 120;
  }
  .site-header .menu-toggle span {
    display: block !important;
    width: 22px !important;
    height: 2.5px !important;
    min-height: 2.5px !important;
    background: #ffffff !important;
    border-radius: 3px !important;
    opacity: 1;
  }
  .site-header .menu-toggle[aria-expanded="true"] span:first-child { transform: translateY(7.5px) rotate(45deg) !important; }
  .site-header .menu-toggle[aria-expanded="true"] span:nth-child(2) { opacity: 0 !important; }
  .site-header .menu-toggle[aria-expanded="true"] span:last-child { transform: translateY(-7.5px) rotate(-45deg) !important; }
}


/* V32: inner-page mobile menu visibility/click repair */
@media (max-width: 860px) {
  .site-header { position: sticky !important; z-index: 10000 !important; }
  .site-header .nav-wrap { position: relative !important; }
  .site-header .menu-toggle { position: relative !important; z-index: 10003 !important; pointer-events: auto !important; touch-action: manipulation; }
  .site-header .primary-nav,
  .site-header nav.primary-nav { z-index: 10002 !important; }
  .site-header .primary-nav.open,
  .site-header nav.primary-nav.open,
  .site-header .primary-nav.is-open,
  .site-header nav.primary-nav.is-open {
    display: flex !important; opacity: 1 !important; visibility: visible !important;
    pointer-events: auto !important; transform: translateY(0) !important;
  }
}

/* V32: premium glass Google review badge, fixed site-wide on desktop */
.hero-google-float {
  position: fixed !important; left: 24px !important; right: auto !important; bottom: 28px !important; top: auto !important;
  z-index: 9997 !important; display: flex !important; align-items: center; gap: 13px;
  width: min(355px, calc(100vw - 48px)) !important; padding: 14px 16px !important;
  color: #fff !important; text-decoration: none !important;
  background: linear-gradient(135deg, rgba(255,255,255,.20), rgba(255,255,255,.075)) !important;
  border: 1px solid rgba(255,255,255,.48) !important; border-radius: 18px !important;
  box-shadow: 0 16px 42px rgba(9,18,49,.24), inset 0 1px 0 rgba(255,255,255,.28) !important;
  -webkit-backdrop-filter: blur(22px) saturate(155%) !important; backdrop-filter: blur(22px) saturate(155%) !important;
  transition: transform .25s ease, border-color .25s ease, box-shadow .25s ease !important;
}
.hero-google-float:hover { transform: translateY(-4px) !important; border-color: rgba(244,181,27,.9) !important; box-shadow: 0 20px 48px rgba(9,18,49,.3), inset 0 1px 0 rgba(255,255,255,.34) !important; }
.hero-google-icon-wrap { width: 48px; height: 48px; flex: 0 0 48px; display: grid; place-items: center; border-radius: 14px; background: rgba(255,255,255,.88); box-shadow: 0 4px 14px rgba(0,0,0,.12); }
.hero-google-float .hero-google-icon-wrap img { display: block; width: 39px; height: 39px; object-fit: contain; border-radius: 50%; }
.hero-google-copy { display: flex; min-width: 0; flex: 1; flex-direction: column; gap: 4px; }
.hero-google-copy strong { color: #fff !important; font-size: 13px; line-height: 1.3; font-weight: 750; }
.hero-google-stars { color: #ffc329 !important; font-size: 15px; line-height: 1; letter-spacing: 2px; }
.hero-google-copy small { color: rgba(255,255,255,.88) !important; font-size: 11px; line-height: 1.3; }
.hero-google-arrow { color: #ffc329 !important; font-size: 20px; margin-left: auto; align-self: flex-start; }
@media (max-width: 767px) { .hero-google-float { display: none !important; } }
@media (prefers-reduced-motion: reduce) { .hero-google-float { animation: none !important; transition: none !important; } }

/* V32: quote popup order — name and phone half-width; email full-width below */
.quote-popup-form .popup-name, .quote-popup-form .popup-phone { grid-column: span 1 !important; }
.quote-popup-form .popup-email { grid-column: 1 / -1 !important; }
@media (max-width: 480px) { .quote-popup-form { grid-template-columns: minmax(0,1fr) minmax(0,1fr) !important; } }

/* V33: final mobile navigation repair across every page template */
@media (max-width: 860px) {
  .site-header { position: sticky !important; top: 0 !important; z-index: 99990 !important; }
  .site-header .nav-wrap { position: relative !important; isolation: isolate; }
  .site-header .menu-toggle { z-index: 100005 !important; cursor: pointer !important; pointer-events: auto !important; }
  .site-header nav.primary-nav {
    position: absolute !important; top: 100% !important; left: 0 !important; right: 0 !important;
    width: 100% !important; height: auto !important; max-height: calc(100dvh - 140px) !important;
    overflow-y: auto !important; display: none !important; flex-direction: column !important;
    align-items: stretch !important; gap: 0 !important; padding: 12px 20px 20px !important;
    background: rgba(8, 20, 52, .98) !important; color: #fff !important;
    border-top: 1px solid rgba(244,181,27,.45) !important; box-shadow: 0 20px 40px rgba(3,10,30,.32) !important;
    opacity: 1 !important; visibility: visible !important; transform: none !important;
    pointer-events: none !important; backdrop-filter: blur(18px) !important; -webkit-backdrop-filter: blur(18px) !important;
  }
  .site-header nav.primary-nav.open, .site-header nav.primary-nav.is-open {
    display: flex !important; pointer-events: auto !important;
  }
  .site-header nav.primary-nav > div, .site-header nav.primary-nav > a { display: block !important; width: 100% !important; height: auto !important; }
  .site-header nav.primary-nav > div > a, .site-header nav.primary-nav > a:not(.nav-cta) {
    display: flex !important; align-items: center !important; min-height: 48px !important; padding: 12px 8px !important;
    color: #fff !important; text-decoration: none !important; pointer-events: auto !important; border-bottom: 1px solid rgba(255,255,255,.1) !important;
  }
  .site-header nav.primary-nav .nav-cta { display: inline-flex !important; width: fit-content !important; margin-top: 12px !important; pointer-events: auto !important; }
  .site-header nav.primary-nav .dropdown-menu { position: static !important; display: none !important; opacity: 1 !important; visibility: visible !important; transform: none !important; box-shadow: none !important; background: rgba(255,255,255,.06) !important; }
  .site-header nav.primary-nav .nav-dropdown.open > .dropdown-menu,
  .site-header nav.primary-nav .nav-dropdown:focus-within > .dropdown-menu { display: block !important; }
}

/* V33: darker, more premium glass Google review badge */
.hero-google-float {
  background: linear-gradient(135deg, rgba(7,18,43,.96), rgba(21,31,69,.91)) !important;
  border: 1px solid rgba(244,181,27,.62) !important;
  box-shadow: 0 18px 44px rgba(4,10,30,.28), inset 0 1px 0 rgba(255,255,255,.12) !important;
  -webkit-backdrop-filter: blur(22px) saturate(145%) !important;
  backdrop-filter: blur(22px) saturate(145%) !important;
  color: #fff !important; opacity: 1 !important;
  transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease !important;
}
.hero-google-float:hover {
  transform: translateY(-4px) !important;
  border-color: #ffc126 !important;
  box-shadow: 0 22px 50px rgba(4,10,30,.36), 0 0 0 1px rgba(244,181,27,.12) !important;
}
.hero-google-icon-wrap { background: rgba(255,255,255,.98) !important; box-shadow: 0 4px 14px rgba(0,0,0,.2) !important; }
.hero-google-copy strong { color: #fff !important; text-shadow: 0 1px 8px rgba(0,0,0,.25); }
.hero-google-copy small { color: #e2e8f0 !important; }
.hero-google-stars, .hero-google-arrow { color: #ffc126 !important; }


/* V34: darker premium glass Google review badge */
.hero-google-float {
  background: linear-gradient(135deg, rgba(5,17,47,.97) 0%, rgba(24,17,78,.96) 58%, rgba(12,31,62,.97) 100%) !important;
  border: 1px solid rgba(244,181,27,.78) !important;
  box-shadow: 0 18px 42px rgba(3,10,30,.42), inset 0 1px 0 rgba(255,255,255,.12) !important;
  -webkit-backdrop-filter: blur(24px) saturate(135%) !important;
  backdrop-filter: blur(24px) saturate(135%) !important;
}
.hero-google-float:hover {
  background: linear-gradient(135deg, rgba(3,13,38,.99), rgba(20,13,68,.98)) !important;
  border-color: #ffc329 !important;
  box-shadow: 0 22px 48px rgba(3,10,30,.48), inset 0 1px 0 rgba(255,255,255,.16) !important;
}
@media (max-width: 860px) {
  .site-header { position: sticky !important; top: 0 !important; isolation: isolate !important; z-index: 99990 !important; }
  .site-header .nav-wrap { position: relative !important; isolation: auto !important; }
  .site-header .menu-toggle { position: relative !important; z-index: 100005 !important; cursor: pointer !important; pointer-events: auto !important; touch-action: manipulation !important; }
  .site-header nav.primary-nav { z-index: 100004 !important; }
  .site-header nav.primary-nav.open, .site-header nav.primary-nav.is-open { display: flex !important; visibility: visible !important; opacity: 1 !important; pointer-events: auto !important; }
}

/* Client-requested video replacements: preserve the existing image frames and layout. */
.about-video-frame .about-us-video,.why-image .why-choose-video,.msd-feature-video video{display:block;width:100%;height:100%;object-fit:cover;border:0}
.why-image .why-choose-video{position:absolute;inset:0;border-radius:inherit}
.msd-feature-video{position:relative;overflow:hidden}
.msd-feature-video video{min-height:100%;border-radius:inherit}


/* Footer ABN placement and compact copyright row */

.site-footer .footer-bottom>.container{padding-top:10px!important;padding-bottom:10px!important;min-height:0!important;}
@media(max-width:600px){.site-footer .footer-bottom>.container{padding-top:9px!important;padding-bottom:9px!important;gap:5px!important;}}


/* WooCommerce single-product template: deliberately scoped so other pages stay unchanged. */
.msd-single-product{background:#fff;color:var(--body,#222)}
.msd-product-breadcrumb-wrap{background:#f7f8fb;border-bottom:1px solid #e8ebf2;padding:13px 0;font-size:12px;color:#68728a}
.msd-product-breadcrumb-wrap .woocommerce-breadcrumb{margin:0}
.msd-product-breadcrumb-wrap a{color:#1b2d62}
.msd-breadcrumb-sep{padding:0 9px;color:#d5a100}
.msd-product-detail{padding-top:54px;padding-bottom:64px;background:linear-gradient(180deg,#fbfcff 0%,#fff 100%)}
.msd-product-detail-grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:56px;align-items:start}
.msd-product-gallery{min-width:0}
.msd-product-main-image{height:480px;display:flex;align-items:center;justify-content:center;background:#f1f3f8;border:1px solid #e6eaf2;border-radius:18px;overflow:hidden;box-shadow:0 18px 45px rgba(7,26,67,.08)}
.msd-product-main-image img{width:100%;height:100%;object-fit:contain}
.msd-product-thumbnails{display:flex;gap:11px;margin-top:14px;overflow-x:auto;padding:2px 2px 8px}
.msd-product-thumb{display:block;flex:0 0 76px;width:76px;height:76px;border:1px solid #e1e5ed;border-radius:10px;overflow:hidden;background:#f5f6f9}
.msd-product-thumb.is-active,.msd-product-thumb:hover{border-color:#f6b711;box-shadow:0 0 0 2px rgba(246,183,17,.16)}
.msd-product-thumb img{width:100%;height:100%;object-fit:cover}
.msd-product-summary{padding:13px 0}
.msd-product-eyebrow{display:inline-block;color:#ad7900;font-size:10px;font-weight:800;letter-spacing:.13em;margin-bottom:13px}
.msd-product-summary h1{font-family:"Inter Tight",Montserrat,sans-serif;color:#101f4b;font-size:clamp(34px,3.4vw,48px);font-weight:800;line-height:1.08;letter-spacing:-1.4px;margin:0 0 18px}
.msd-product-short-description{font-size:15px;line-height:1.8;color:#606b82;margin-bottom:23px}
.msd-product-short-description p{margin:0 0 10px}
.msd-product-category{border-top:1px solid #e5e8ef;border-bottom:1px solid #e5e8ef;padding:15px 0;display:grid;grid-template-columns:130px minmax(0,1fr);gap:12px;font-size:13px}
.msd-product-category>span,.msd-product-sku span{font-weight:700;color:#13234f}
.msd-product-category a{color:#b78300;font-weight:600}
.msd-product-sku{font-size:12px;color:#68728a;margin:13px 0}
.msd-product-sku span{margin-right:8px}
.msd-product-quote-actions{display:flex;gap:11px;flex-wrap:wrap;margin-top:25px}
.msd-product-quote-actions .btn{min-height:48px;padding:13px 19px}
.msd-product-call{background:#fff;color:#10204a;border-color:#d7ddea}
.msd-product-trust-points{display:grid;gap:11px;margin-top:26px;padding:19px;background:#f5f7fb;border-radius:12px;color:#25345d;font-size:12px}
.msd-product-trust-points span{display:flex;align-items:center;gap:10px}
.msd-product-trust-points i{width:18px;color:#d99e00}
.msd-product-description-section{padding:58px 0 64px;background:#fff;border-top:1px solid #edf0f5}
.msd-product-description-inner{max-width:960px}
.msd-product-description-inner h2{font-family:"Inter Tight",Montserrat,sans-serif;font-size:clamp(30px,3vw,40px);line-height:1.15;color:#101f4b;letter-spacing:-.7px;margin:0 0 18px}
.msd-product-description-inner h2 span{color:#efad08}
.msd-product-full-description{font-size:14px;line-height:1.85;color:#58637a}
.msd-product-full-description h2,.msd-product-full-description h3,.msd-product-full-description h4{color:#10204a;line-height:1.25;margin:24px 0 10px}
.msd-product-full-description ul,.msd-product-full-description ol{padding-left:22px}
.msd-related-products{background:#f7f8fc;padding:72px 0}
.msd-related-products .section-heading{margin-bottom:30px}
.msd-related-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}
.msd-related-card{background:#fff;border:1px solid #e5e9f1;border-radius:14px;overflow:hidden;box-shadow:0 10px 28px rgba(7,26,67,.045);transition:transform .25s,box-shadow .25s}
.msd-related-card:hover{transform:translateY(-5px);box-shadow:0 18px 35px rgba(7,26,67,.11)}
.msd-related-image{height:210px;display:block;position:relative;background:#edf0f6;overflow:hidden}
.msd-related-image>img{width:100%;height:100%;object-fit:cover;transition:transform .45s}
.msd-related-card:hover .msd-related-image>img{transform:scale(1.045)}
.msd-related-arrow{position:absolute;right:12px;bottom:12px;width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#ffb90f;color:#10204a}
.msd-related-copy{padding:18px}
.msd-related-category{font-size:10px;color:#b78300;font-weight:700;line-height:1.5}
.msd-related-copy h3{font-family:"Inter Tight",Montserrat,sans-serif;font-size:19px;line-height:1.25;color:#101f4b;margin:7px 0 9px}
.msd-related-copy p{font-size:12px;line-height:1.65;color:#69738a;margin:0 0 14px}
.msd-related-copy .msd-text-link{font-size:12px;font-weight:700;color:#10204a}
.msd-related-copy .msd-text-link i{color:#d99e00;margin-left:5px}
.msd-single-product .quote-section{margin:0}
.msd-single-product .testimonials{margin:0}
@media(max-width:900px){
 .msd-product-detail-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:28px}
 .msd-product-main-image{height:390px}
 .msd-related-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .msd-related-image{height:230px}
}
@media(max-width:650px){
 .msd-product-detail{padding:32px 0 42px}
 .msd-product-detail-grid{grid-template-columns:minmax(0,1fr);gap:24px}
 .msd-product-main-image{height:clamp(260px,82vw,390px);border-radius:13px}
 .msd-product-summary{padding:0}
 .msd-product-summary h1{font-size:34px}
 .msd-product-short-description{font-size:14px}
 .msd-product-category{grid-template-columns:110px minmax(0,1fr)}
 .msd-product-quote-actions{display:grid;grid-template-columns:1fr}
 .msd-product-quote-actions .btn{width:100%}
 .msd-product-description-section{padding:42px 0}
 .msd-related-products{padding:48px 0}
 .msd-related-grid{grid-template-columns:minmax(0,1fr);gap:15px}
 .msd-related-image{height:240px}
}


/* V37: three-column product detail with sticky category sidebar and interactive gallery. */
.msd-product-detail-grid{grid-template-columns:minmax(0,1.02fr) minmax(0,1fr) minmax(205px,.66fr);gap:30px;align-items:start}
.msd-product-category-sidebar{position:sticky;top:115px;align-self:start;border:1px solid #e5e9f1;border-radius:12px;overflow:hidden;background:#fff;box-shadow:0 12px 32px rgba(9,27,65,.07)}
.msd-product-category-sidebar h2{margin:0;padding:16px 19px;background:#ffb70d;color:#fff;font-size:19px;line-height:1.25;font-weight:800}
.msd-product-category-sidebar ul{list-style:none;margin:0;padding:7px 17px}
.msd-product-category-sidebar li{position:relative;border-bottom:1px solid #e9ecf2;padding:0 0 0 14px}
.msd-product-category-sidebar li:last-child{border-bottom:0}
.msd-product-category-sidebar li:before{content:"";position:absolute;left:0;top:21px;width:5px;height:5px;background:#e4a500;border-radius:1px}
.msd-product-category-sidebar a{display:block;padding:14px 0;color:#14234b;font-size:12px;line-height:1.5;font-weight:700;text-decoration:none;transition:color .2s,transform .2s}
.msd-product-category-sidebar a:hover,.msd-product-category-sidebar .is-current>a{color:#d78f00}
.msd-product-category-sidebar a:hover{transform:translateX(3px)}
.msd-product-thumb{transition:border-color .2s,box-shadow .2s,transform .2s;cursor:pointer}
.msd-product-thumb:hover{transform:translateY(-3px);border-color:#f6b711;box-shadow:0 5px 16px rgba(12,31,72,.12)}
.msd-product-main-image img{transition:opacity .18s ease}
.msd-product-quote-actions,.msd-product-trust-points{display:none!important}
@media(max-width:1100px){
 .msd-product-detail-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:28px}
 .msd-product-category-sidebar{grid-column:1/-1;position:static}
 .msd-product-category-sidebar ul{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));column-gap:20px}
}
@media(max-width:650px){
 .msd-product-detail-grid{grid-template-columns:minmax(0,1fr);gap:24px}
 .msd-product-category-sidebar{grid-column:auto}
 .msd-product-category-sidebar ul{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:14px}
}


/* Product-category archive design and compact single-product title banner */
.msd-category-hero{position:relative;isolation:isolate;overflow:hidden;min-height:230px;display:flex;align-items:center;background:#091b40;color:#fff;background-image:var(--msd-category-banner-image);background-position:center;background-size:cover}
.msd-category-hero:before{content:"";position:absolute;inset:0;z-index:-2;background:linear-gradient(110deg,#071838 0%,#102653 58%,#1c2d55 100%)}
.msd-category-hero[style*="--msd-category-banner-image"]:before{background:linear-gradient(90deg,rgba(5,18,45,.92),rgba(5,18,45,.62))}
.msd-category-hero-shade{position:absolute;inset:0;z-index:-1;background:linear-gradient(115deg,transparent 0 62%,rgba(255,184,14,.13) 62% 63%,transparent 63%),radial-gradient(circle at 85% 20%,rgba(255,184,14,.12),transparent 30%)}
.msd-category-hero-inner{position:relative;padding-top:40px;padding-bottom:40px}
.msd-category-kicker,.msd-single-product-hero .container>span{display:block;font-size:10px;font-weight:800;letter-spacing:.17em;color:#ffbd18;margin-bottom:11px}
.msd-category-hero h1{font-family:"Inter Tight",Montserrat,sans-serif;font-size:clamp(34px,4.5vw,54px);line-height:1.08;letter-spacing:-1.1px;font-weight:800;color:#fff;margin:0;max-width:850px}
.msd-category-hero-line{width:66px;height:4px;border-radius:10px;background:#ffb90f;margin-top:20px}
.msd-category-products{padding-top:54px;padding-bottom:52px}
.msd-category-toolbar{display:flex;justify-content:space-between;align-items:center;gap:18px;margin-bottom:24px;color:#68728a;font-size:12px}
.msd-category-toolbar p{margin:0}
.msd-category-ordering select{border:1px solid #dce2ec;border-radius:8px;padding:10px 34px 10px 12px;background:#fff;color:#15264e;font-size:12px}
.msd-category-product-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.msd-category-product-card{margin:0;background:#fff;border:1px solid #e5e9f1;border-radius:15px;overflow:hidden;box-shadow:0 10px 28px rgba(7,26,67,.05);transition:transform .25s,box-shadow .25s}
.msd-category-product-card:hover{transform:translateY(-5px);box-shadow:0 18px 35px rgba(7,26,67,.11)}
.msd-category-product-image{height:245px;position:relative;display:flex;align-items:center;justify-content:center;background:#f1f3f8;overflow:hidden}
.msd-category-product-image>img{width:100%;height:100%;object-fit:cover;transition:transform .45s}
.msd-category-product-card:hover .msd-category-product-image>img{transform:scale(1.045)}
.msd-category-product-arrow{position:absolute;right:13px;bottom:13px;width:36px;height:36px;display:grid;place-items:center;border-radius:50%;background:#ffb90f;color:#10204a}
.msd-category-product-copy{padding:20px}
.msd-category-product-label{font-size:9px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:#b78300}
.msd-category-product-copy h2{font-family:"Inter Tight",Montserrat,sans-serif;font-size:20px;line-height:1.25;color:#101f4b;margin:8px 0 10px}
.msd-category-product-copy h2 a{color:inherit}
.msd-category-product-copy p{font-size:12px;line-height:1.7;color:#68728a;margin:0 0 14px}
.msd-category-view-link{font-size:12px;font-weight:700;color:#10204a}
.msd-category-view-link i{color:#d99e00;margin-left:6px}
.msd-category-pagination{margin-top:32px}
.msd-category-pagination ul{display:flex;gap:8px;justify-content:center;list-style:none;padding:0}
.msd-category-pagination a,.msd-category-pagination span{display:grid;place-items:center;min-width:36px;height:36px;padding:0 10px;border:1px solid #e0e5ef;border-radius:8px;color:#10204a}
.msd-category-pagination .current{background:#ffb90f;border-color:#ffb90f}
.msd-category-empty{padding:45px 25px;text-align:center;background:#f6f8fc;border-radius:15px;color:#68728a}
.msd-category-empty h2{color:#10204a}
.msd-category-content-section{padding:65px 0;background:#f7f8fc;border-top:1px solid #e9edf4;border-bottom:1px solid #e9edf4}
.msd-category-content-grid{display:grid;grid-template-columns:minmax(0,.75fr) minmax(0,1.25fr);gap:55px;align-items:start}
.msd-category-content-heading h2{font-family:"Inter Tight",Montserrat,sans-serif;font-size:clamp(30px,3.2vw,42px);line-height:1.13;letter-spacing:-.8px;color:#10204a;margin:15px 0}
.msd-category-content-heading h2 span{color:#e9a800}
.msd-category-gold-rule{height:4px;width:58px;background:#ffb90f;border-radius:5px}
.msd-category-rich-content{font-size:14px;line-height:1.9;color:#5e6981}
.msd-category-rich-content p{margin:0 0 17px}
.msd-category-rich-content h3{font-family:"Inter Tight",Montserrat,sans-serif;color:#10204a;font-size:21px;line-height:1.3;margin:24px 0 9px}
.msd-category-quote{margin:0}
.msd-category-quote .quote-section{margin:0}
.msd-single-product-hero{position:relative;overflow:hidden;background:linear-gradient(110deg,#071838,#14295a);padding:29px 0 32px;color:#fff}
.msd-single-product-hero:after{content:"";position:absolute;right:12%;top:-90px;width:230px;height:230px;border:1px solid rgba(255,185,15,.25);border-radius:50%;box-shadow:0 0 0 28px rgba(255,185,15,.04),0 0 0 56px rgba(255,185,15,.025);pointer-events:none}
.msd-single-product-hero .container{position:relative;z-index:1}
.msd-single-product-hero h1{font-family:"Inter Tight",Montserrat,sans-serif;color:#fff;font-size:clamp(28px,3.4vw,42px);font-weight:800;line-height:1.12;letter-spacing:-.8px;margin:0}
.msd-product-breadcrumb-wrap{padding-top:10px;padding-bottom:10px}
@media(max-width:900px){
 .msd-category-product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .msd-category-content-grid{grid-template-columns:1fr;gap:22px}
 .msd-category-hero{min-height:205px}
}
@media(max-width:600px){
 .msd-category-hero{min-height:175px}
 .msd-category-hero-inner{padding-top:30px;padding-bottom:30px}
 .msd-category-hero h1{font-size:32px}
 .msd-category-products{padding-top:32px;padding-bottom:34px}
 .msd-category-toolbar{align-items:flex-start;flex-direction:column}
 .msd-category-product-grid{grid-template-columns:1fr;gap:16px}
 .msd-category-product-image{height:240px}
 .msd-category-content-section{padding:42px 0}
 .msd-single-product-hero{padding:23px 0 25px}
}


/* V43: image-led category content for all WooCommerce product categories */
.msd-category-content-section{padding:68px 0;background:#f7f8fc;border-top:1px solid #e9edf4;border-bottom:1px solid #e9edf4}
.msd-category-content-layout{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);gap:54px;align-items:center}
.msd-category-content-image{position:relative;min-height:430px;border-radius:20px;overflow:hidden;background:#e8edf5;box-shadow:0 20px 50px rgba(7,26,67,.13)}
.msd-category-content-image>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.msd-category-image-caption{position:absolute;left:18px;right:18px;bottom:18px;padding:20px 22px;border:1px solid rgba(255,255,255,.35);border-radius:14px;background:rgba(8,25,62,.78);backdrop-filter:blur(12px);color:#fff}
.msd-category-image-caption span{display:block;font-size:9px;font-weight:800;letter-spacing:.16em;color:#ffc12b;margin-bottom:7px}
.msd-category-image-caption strong{display:block;font-family:"Inter Tight",Montserrat,sans-serif;font-size:19px;line-height:1.3}
.msd-category-rich-content>.section-tag{display:inline-block;margin-bottom:12px}
.msd-category-rich-content h2{font-family:"Inter Tight",Montserrat,sans-serif;font-size:clamp(30px,3vw,42px);line-height:1.12;letter-spacing:-.8px;color:#10204a;margin:0 0 19px}
.msd-category-rich-content h2 span{color:#e9a800}
.msd-category-rich-content h3{font-family:"Inter Tight",Montserrat,sans-serif;font-size:20px;line-height:1.3;color:#10204a;margin:22px 0 8px}
.msd-category-rich-content p{font-size:14px;line-height:1.85;color:#606b82;margin:0 0 15px}
.msd-category-contact-link{display:inline-flex;align-items:center;gap:18px;margin-top:10px;padding:13px 18px;border-radius:9px;background:#ffb90f;color:#10204a;font-size:12px;font-weight:800;box-shadow:0 8px 20px rgba(255,185,15,.2)}
.msd-category-contact-link span{font-size:19px;line-height:1}
@media(max-width:900px){
 .msd-category-content-layout{grid-template-columns:1fr;gap:30px}
 .msd-category-content-image{min-height:340px}
}
@media(max-width:600px){
 .msd-category-content-section{padding:42px 0}
 .msd-category-content-image{min-height:300px;border-radius:15px}
 .msd-category-image-caption{left:12px;right:12px;bottom:12px;padding:15px}
 .msd-category-image-caption strong{font-size:17px}
}


/* V44: content-only category pages for Fly Doors and Fly Screen */
.msd-product-category-page.msd-content-only-category .msd-category-content-section{padding-top:64px}