:root{--color-blue:#457b9d;--color-blue-deep:#24516d;--color-ice:#f4f8fb;--color-panel:#f4f2f5;--color-text:#0d141a;--color-muted:#52616c;--color-white:#fff;--color-line:#d8e3ea;--color-accent:#9bd7e6;--shadow-soft:0 18px 45px #0d141a24;--radius:8px;--content:1180px;--header-height:92px;font-family:Roboto,Arial,Helvetica,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;min-width:320px}body{color:var(--color-text);background:var(--color-white);margin:0;font-family:Roboto,Arial,Helvetica,sans-serif;line-height:1.55}img{max-width:100%;height:auto;display:block}a{color:inherit}button,input{font:inherit}.skip-link{z-index:100;border-radius:var(--radius);background:var(--color-text);color:var(--color-white);padding:10px 14px;position:fixed;top:12px;left:12px;transform:translateY(-160%)}.skip-link:focus{transform:translateY(0)}.site-header{z-index:40;border-bottom:1px solid var(--color-line);backdrop-filter:blur(12px);background:#fffffff5;position:sticky;top:0;box-shadow:0 8px 28px #0d141a14}.sticky-bar{background:var(--color-blue);color:var(--color-white);letter-spacing:0;text-align:center;padding:9px 16px;font-size:.83rem;font-weight:700}.nav-shell{width:min(100% - 32px, var(--content));min-height:var(--header-height);grid-template-columns:auto 1fr auto;align-items:center;gap:22px;margin:0 auto;display:grid}.brand{align-items:center;width:170px;display:inline-flex}.brand img{object-fit:contain;width:170px;max-height:76px}.desktop-nav{justify-content:center;gap:clamp(18px,3vw,42px);display:flex}.desktop-nav a,.mobile-menu nav a{color:var(--color-text);font-weight:700;line-height:1;text-decoration:none}.desktop-nav a{border-bottom:3px solid #0000;padding:12px 0}.desktop-nav a:hover,.desktop-nav a[aria-current=page]{color:var(--color-blue-deep);border-color:var(--color-blue)}.order-link,.button,.footer-form button{text-align:center;cursor:pointer;border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;min-height:44px;padding:12px 20px;font-weight:700;text-decoration:none;display:inline-flex}.order-link,.button.primary{background:var(--color-blue);color:var(--color-white)}.order-link:hover,.button.primary:hover{background:var(--color-blue-deep)}.button.secondary{background:var(--color-white);color:var(--color-blue-deep);border-color:var(--color-white)}.button.secondary:hover{background:var(--color-ice)}.mobile-menu{display:none;position:relative}.mobile-menu summary{border:1px solid var(--color-line);border-radius:var(--radius);cursor:pointer;background:var(--color-white);place-items:center;width:46px;height:46px;list-style:none;display:grid}.mobile-menu summary::-webkit-details-marker{display:none}.mobile-menu summary span{background:var(--color-text);width:22px;height:2px;margin:3px 0;display:block}.mobile-menu nav{background:var(--color-white);border:1px solid var(--color-line);border-radius:var(--radius);width:min(84vw,320px);box-shadow:var(--shadow-soft);gap:12px;padding:14px;display:grid;position:absolute;top:calc(100% + 12px);right:0}.mobile-menu nav a{border-radius:var(--radius);padding:12px}.mobile-menu nav a:hover,.mobile-menu nav a[aria-current=page]{background:var(--color-ice)}.mobile-order{background:var(--color-blue);text-align:center;color:var(--color-white)!important}.section{padding:clamp(56px,7vw,96px) 0}.section.tight{padding:clamp(38px,5vw,64px) 0}.container{width:min(100% - 32px, var(--content));margin:0 auto}.hero{isolation:isolate;min-height:calc(100svh - 130px);color:var(--color-white);background:var(--color-blue-deep);align-items:end;display:grid;position:relative;overflow:clip}.hero:before,.page-hero:before{content:"";z-index:-2;background-image:var(--hero-image);background-position:50%;background-size:cover;position:absolute;inset:0}.hero:after,.page-hero:after{content:"";z-index:-1;background:#0d141a85;position:absolute;inset:0}.hero-content{width:min(100% - 32px, var(--content));margin:0 auto;padding:clamp(86px,12vw,150px) 0 clamp(70px,9vw,108px)}.eyebrow{text-transform:uppercase;letter-spacing:0;margin:0 0 12px;font-size:.86rem;font-weight:700}h1,h2,h3,p{overflow-wrap:anywhere}h1,h2,h3{margin:0;line-height:1.08}h1{max-width:780px;font-family:Oxygen,Roboto,Arial,sans-serif;font-size:clamp(3.2rem,9vw,7.2rem);font-weight:700}.page-hero h1{font-size:clamp(2.6rem,7vw,5.4rem)}.hero p,.page-hero p{max-width:690px;margin:18px 0 0;font-size:clamp(1.12rem,2vw,1.45rem);font-weight:700}.hero-actions{flex-wrap:wrap;gap:14px;margin-top:30px;display:flex}.page-hero{isolation:isolate;color:var(--color-white);background:var(--color-blue-deep);position:relative}.page-hero .container{padding:clamp(84px,10vw,132px) 0 clamp(56px,7vw,84px)}.split{grid-template-columns:minmax(0,1fr) minmax(280px,.8fr);align-items:center;gap:clamp(28px,6vw,72px);display:grid}.split.reverse{grid-template-columns:minmax(280px,.8fr) minmax(0,1fr)}.copy h2{color:var(--color-text);font-size:clamp(2rem,4vw,3.2rem)}.copy p{color:var(--color-muted);margin:18px 0 0;font-size:1.05rem}.media-frame{border-radius:var(--radius);box-shadow:var(--shadow-soft);background:var(--color-panel);overflow:hidden}.media-frame img{aspect-ratio:4/3;object-fit:cover;width:100%}.blue-band{background:var(--color-blue);color:var(--color-white)}.blue-band .copy h2,.blue-band .copy p,.blue-band .section-title h2,.blue-band .section-title p{color:var(--color-white)}.service-list{gap:12px;margin:26px 0 0;padding:0;list-style:none;display:grid}.service-list li{border-left:4px solid var(--color-blue);background:var(--color-ice);border-radius:var(--radius);color:var(--color-text);padding:14px 16px;font-weight:600}.blue-band .service-list li{border-left-color:var(--color-accent);color:var(--color-white);background:#ffffff1f}.products-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:22px;margin-top:34px;display:grid}.product-card{align-content:start;gap:16px;min-width:0;display:grid}.product-card img{aspect-ratio:1;object-fit:contain;background:var(--color-ice);border:1px solid var(--color-line);border-radius:var(--radius);width:100%;padding:18px}.product-card h3{text-align:center;min-height:3.5em;font-size:clamp(1.05rem,1.6vw,1.25rem)}.section-title{max-width:780px}.section-title h2{font-size:clamp(2rem,4vw,3.1rem)}.section-title p{color:var(--color-muted);margin:14px 0 0}.community-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin-top:34px;display:grid}.community-card{border-radius:var(--radius);border:1px solid var(--color-line);background:var(--color-white);grid-template-rows:auto 1fr;display:grid;overflow:hidden}.community-card img{aspect-ratio:16/10;object-fit:cover;width:100%}.community-card div{padding:24px}.community-card h3{font-size:1.35rem}.community-card p{color:var(--color-muted);margin:12px 0 0}.gallery-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.gallery-grid figure{border-radius:var(--radius);background:var(--color-panel);margin:0;overflow:hidden}.gallery-grid img{aspect-ratio:1;object-fit:cover;width:100%;transition:transform .18s}.gallery-grid figure:hover img{transform:scale(1.03)}.video-wrap{aspect-ratio:16/9;border-radius:var(--radius);background:var(--color-text);width:min(100%,820px);box-shadow:var(--shadow-soft);margin-top:34px;overflow:hidden}.video-wrap iframe{border:0;width:100%;height:100%}.site-footer{background:var(--color-blue);color:var(--color-white);padding:40px 0 22px}.footer-inner{width:min(100% - 32px, var(--content));grid-template-columns:.8fr 1fr 1.1fr;align-items:start;gap:clamp(28px,6vw,78px);margin:0 auto;display:grid}.footer-brand img{width:min(220px,70vw)}.footer-slogan{margin:14px 0 0;font-weight:700}.footer-contact,.footer-form{gap:12px;display:grid}.footer-contact h2,.footer-form h2{text-transform:uppercase;font-size:1.15rem}.footer-contact a{width:fit-content;color:var(--color-white);text-decoration:none}.footer-contact a:hover{text-decoration:underline}.footer-form label{font-weight:700}.footer-form input{border-radius:var(--radius);width:100%;min-height:46px;color:var(--color-text);background:var(--color-white);border:1px solid #b8c0cc;padding:11px 13px}.footer-form button{background:var(--color-white);width:fit-content;color:var(--color-blue)}.footer-form button:hover{background:var(--color-blue-deep);color:var(--color-white);border-color:var(--color-white)}.copyright{width:min(100% - 32px, var(--content));margin:28px auto 0;font-size:.92rem}.success-panel{align-items:center;min-height:52vh;display:grid}.success-panel .container{max-width:780px}.success-panel h1{color:var(--color-text);font-size:clamp(2.5rem,7vw,4.8rem)}.success-panel p{color:var(--color-muted);font-size:1.15rem}.success-panel .button.secondary{border-color:var(--color-blue)}@media (width<=980px){.nav-shell{grid-template-columns:auto 1fr auto auto}.desktop-nav{display:none}.mobile-menu{display:block}.order-link{justify-self:end}.split,.split.reverse{grid-template-columns:1fr}.split.reverse .media-frame{order:2}.products-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.footer-inner{grid-template-columns:1fr 1fr}.footer-form{grid-column:1/-1}}@media (width<=720px){.nav-shell{width:min(100% - 24px, var(--content));grid-template-columns:auto 1fr auto;gap:12px;min-height:78px}.brand,.brand img{width:128px}.order-link{display:none}.hero{min-height:74svh}.hero-content{width:min(100% - 28px, var(--content))}.hero-actions .button{width:100%}.section,.section.tight{padding:46px 0}.container{width:min(100% - 28px, var(--content))}.products-grid,.community-grid,.footer-inner{grid-template-columns:1fr}.gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.footer-brand img{margin:0 auto}.footer-brand,.footer-contact{text-align:center}.footer-contact a,.footer-form button{margin-inline:auto}}@media (width<=420px){h1{font-size:clamp(2.8rem,16vw,4rem)}.page-hero h1{font-size:clamp(2.25rem,13vw,3.4rem)}.gallery-grid{grid-template-columns:1fr}}
