:root{--blue:#174a7e;--blue-dark:#10385f;--text:#20252a;--muted:#68717a;--line:#dfe3e6;--light:#f5f7f8;--white:#fff}*{box-sizing:border-box}html{scroll-behavior:smooth}body{color:var(--text);background:var(--white);margin:0;font-family:Arial,Helvetica,sans-serif;line-height:1.55}a{color:inherit;text-decoration:none}.container{width:min(1100px,100% - 40px);margin:0 auto}.header{border-bottom:1px solid var(--line);background:var(--white)}.header-inner{align-items:center;gap:32px;min-height:70px;display:flex}.logo{color:var(--blue-dark);margin-right:auto;font-size:20px;font-weight:700}nav{gap:28px;font-size:14px;display:flex}nav a:hover{text-decoration:underline}.call-link{border:1px solid var(--blue);color:var(--blue);padding:10px 14px;font-size:14px;font-weight:700}.hero{background:var(--light);border-bottom:1px solid var(--line);position:relative;overflow:hidden}.hero-inner{grid-template-columns:minmax(0,.95fr) minmax(0,1.25fr);align-items:stretch;min-height:540px;display:grid}.hero-content{z-index:2;align-self:center;padding:82px 0;position:relative}.hero-kicker{color:var(--blue);letter-spacing:.12em;text-transform:uppercase;margin:0 0 16px;font-size:13px;font-weight:700}.label{color:var(--blue);text-transform:uppercase;letter-spacing:.06em;margin:0 0 12px;font-size:13px;font-weight:700}h1{letter-spacing:-.035em;max-width:680px;margin:0;font-size:clamp(38px,5vw,58px);line-height:1.08}.intro{color:#505b64;max-width:570px;margin:22px 0 0;font-size:18px}.actions{align-items:center;gap:24px;margin-top:30px;display:flex}.primary-button{background:var(--blue);color:var(--white);font:inherit;cursor:pointer;border:0;padding:12px 18px;font-weight:700}.primary-button:hover{background:var(--blue-dark)}.secondary-link{color:var(--blue);font-weight:700;text-decoration:underline}.hero-image-wrap{background:var(--light);align-self:stretch;width:calc(100% + max(20px,50vw - 550px));min-height:540px;margin-left:-105px;position:relative;overflow:hidden}.hero-image-wrap:before{z-index:1;content:"";background:linear-gradient(90deg, var(--light) 0%, #f5f7f8f5 10%, #f5f7f88f 30%, transparent 58%);pointer-events:none;position:absolute;inset:0}.hero-image{object-fit:cover;object-position:center;width:100%;height:100%;min-height:540px;display:block}.section{padding:80px 0}.section-title{justify-content:space-between;align-items:end;gap:40px;margin-bottom:32px;display:flex}h2{margin:0;font-size:34px;line-height:1.2}.section-title>p{color:var(--muted);margin:0}.product-grid{border-top:1px solid var(--line);border-left:1px solid var(--line);grid-template-columns:repeat(3,1fr);display:grid}.product{border-right:1px solid var(--line);border-bottom:1px solid var(--line);flex-direction:column;padding:18px;display:flex}.product-image-wrap{background:var(--light);justify-content:center;align-items:center;height:230px;margin-bottom:18px;display:flex;overflow:hidden}.product-image{object-fit:contain;width:100%;height:100%}.product-image-placeholder{color:#7b838a;text-align:center;max-width:190px;font-size:18px;font-weight:700;line-height:1.35}.product h3{margin:0;font-size:17px}.product-quantity{color:var(--muted);margin:7px 0 18px;font-size:13px;font-weight:700}.quote-button{background:var(--blue);width:fit-content;color:var(--white);font:inherit;cursor:pointer;border:0;margin-top:auto;padding:9px 14px;font-size:13px;font-weight:700}.quote-button:hover{background:var(--blue-dark)}body.modal-open{overflow:hidden}.quote-backdrop{z-index:100;background:#0c1218b8;place-items:center;padding:22px;display:grid;position:fixed;inset:0}.quote-modal{border:1px solid var(--line);background:var(--white);grid-template-columns:320px minmax(0,1fr);width:min(950px,100%);max-height:calc(100vh - 44px);display:grid;position:relative;overflow:auto;box-shadow:0 20px 60px #0000003d}.quote-close{z-index:1;color:var(--text);cursor:pointer;background:0 0;border:0;padding:0;font-size:32px;font-weight:700;line-height:1;position:absolute;top:10px;right:14px}.quote-product-summary{border-right:1px solid var(--line);background:var(--light);padding:20px}.quote-product-image-wrap{border:1px solid var(--line);background:var(--white);height:270px;margin-bottom:18px;overflow:hidden}.quote-product-image-wrap img{object-fit:contain;width:100%;height:100%}.quote-product-summary h3{margin:0 0 8px;font-size:18px}.quote-product-summary p{color:var(--muted);margin:5px 0;font-size:13px}.quote-form{padding:52px 40px 38px}.quote-form h2{font-size:28px}.quote-form>p{color:var(--muted);margin:8px 0 26px}.quote-form label{margin:18px 0 6px;font-size:13px;font-weight:700;display:block}.mobile-field{border:1px solid #9ca7af;grid-template-columns:auto 1fr;display:grid}.mobile-field:focus-within{border-color:var(--blue);outline:1px solid var(--blue)}.mobile-field span{border-right:1px solid var(--line);background:var(--light);color:var(--muted);place-items:center;padding:0 14px;display:grid}.mobile-field input,.quote-form textarea{background:var(--white);width:100%;color:var(--text);font:inherit;border:1px solid #9ca7af;border-radius:0}.mobile-field input{border:0;outline:0;min-height:48px;padding:10px 12px}.quote-form textarea{resize:vertical;padding:11px 12px}.quote-form textarea:focus{border-color:var(--blue);outline:1px solid var(--blue)}.quote-form small{color:var(--muted);margin-top:6px;font-size:12px;display:block}.quote-submit{background:var(--blue);color:var(--white);font:inherit;cursor:pointer;border:0;margin-top:20px;padding:12px 24px;font-weight:700}.quote-submit:hover{background:var(--blue-dark)}.quote-submit:disabled{cursor:wait;opacity:.65}.form-status{border:1px solid;margin:14px 0 0;padding:10px 12px;font-size:13px;font-weight:700}.form-success{color:#245b31;background:#edf7ef;border-color:#7baa87}.form-error{color:#8a2727;background:#fff1f1;border-color:#d59a9a}.about{background:var(--light);border-block:1px solid var(--line)}.about-inner{grid-template-columns:1fr 1fr;gap:90px;display:grid}.about-inner>p{color:var(--muted);margin:27px 0 0;font-size:17px}.contact-inner{grid-template-columns:.7fr 1.3fr;gap:90px;display:grid}.contact-inner>div:first-child>p:last-child{color:var(--muted)}.contact-card{border:1px solid var(--line)}.contact-card>div{grid-template-columns:110px 1fr;gap:20px;padding:22px;display:grid}.contact-card>div+div{border-top:1px solid var(--line)}.contact-card span{color:var(--muted);text-transform:uppercase;font-size:13px;font-weight:700}.contact-card a{color:var(--blue);font-size:18px;font-weight:700}.contact-card p{margin:0}footer{border-top:1px solid var(--line);background:var(--light);padding:32px 0}.footer-inner{align-items:center;gap:24px;display:flex}.footer-inner strong{color:var(--blue-dark)}.footer-inner p{color:var(--muted);margin:0;font-size:13px}.footer-inner p:last-child{margin-left:auto}@media (max-width:850px){.hero-inner,.about-inner,.contact-inner{grid-template-columns:1fr;gap:38px}.hero-inner{gap:0}.hero-content{padding:58px 0 28px}.hero-image-wrap{width:100%;min-height:340px;margin-left:0}.hero-image-wrap:before{background:linear-gradient(180deg, var(--light) 0%, #f5f7f88c 18%, transparent 46%)}.hero-image{min-height:340px}.product-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:620px){.container{width:min(100% - 28px,1100px)}.header-inner{min-height:64px}nav,.call-link{display:none}.hero-content{padding:48px 0 24px}.hero-image-wrap,.hero-image{min-height:250px}h1{font-size:38px}.intro{font-size:16px}.section{padding:58px 0}.section-title{display:block}.section-title>p{margin-top:12px}.product-grid{grid-template-columns:1fr}.product-image-wrap{height:260px}.quote-backdrop{padding:10px}.quote-modal{grid-template-columns:1fr;max-height:calc(100vh - 20px)}.quote-product-summary{border-right:0;border-bottom:1px solid var(--line);grid-template-columns:96px 1fr;column-gap:14px;padding:16px;display:grid}.quote-product-image-wrap{grid-row:span 3;height:96px;margin:0}.quote-product-summary h3{align-self:end}.quote-product-summary p{margin:2px 0}.quote-form{padding:34px 18px 24px}.quote-form h2{font-size:24px}.contact-card>div{grid-template-columns:1fr;gap:8px}.footer-inner{flex-direction:column;align-items:flex-start;gap:8px}.footer-inner p:last-child{margin-left:0}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
