@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--navy:#102a43;--navy2:#173f5f;--teal:#087e8b;--gold:#d7a75b;--ink:#172b3a;--muted:#617486;--paper:#f5f7f8;--line:#e0e7ec;--white:#fff}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;color:var(--ink);font-family:"DM Sans",sans-serif;line-height:1.6}a{color:inherit;text-decoration:none}.site-header{height:82px;display:flex;align-items:center;justify-content:space-between;padding:0 6.5%;gap:28px;background:#fff;position:sticky;top:0;z-index:10;border-bottom:1px solid #edf0f2}.brand{display:flex;align-items:center;gap:11px;min-width:max-content}.brand-mark{display:grid;place-items:center;width:42px;height:42px;background:var(--navy);color:#fff;font:800 25px Manrope,sans-serif;border-radius:10px;position:relative}.brand-mark:after{content:"";position:absolute;right:-4px;bottom:-4px;width:12px;height:12px;background:var(--gold);border:2px solid white;border-radius:50%}.brand strong,.brand small{display:block;line-height:1.3;letter-spacing:.08em}.brand strong{font:800 15px Manrope,sans-serif;color:var(--navy)}.brand small{font-size:9px;letter-spacing:.19em;color:var(--muted);margin-top:4px}.nav{display:flex;gap:29px;font-size:13px;font-weight:600;color:#40566a}.nav a:hover,.text-link:hover{color:var(--teal)}.header-cta{background:var(--navy);color:#fff;padding:11px 17px;border-radius:6px;font-weight:700;font-size:12px}.menu-toggle{display:none;background:none;border:0;font-size:24px}.hero{background:linear-gradient(110deg,#f3f7f8 0%,#f3f7f8 56%,#e6eff0 56%,#e6eff0 100%);padding:75px 8% 68px;display:grid;grid-template-columns:1fr 1fr;gap:7%;align-items:center;min-height:510px}.eyebrow{color:var(--teal);font-size:10px;font-weight:800;letter-spacing:.2em;margin:0 0 15px}.hero h1{font:800 clamp(38px,4.5vw,62px)/1.12 Manrope,sans-serif;letter-spacing:-.05em;color:var(--navy);max-width:580px;margin:0 0 21px}.hero-intro{font-size:16px;line-height:1.8;color:#526779;max-width:490px}.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin:29px 0 27px}.button{border:0;border-radius:6px;display:inline-flex;justify-content:center;align-items:center;gap:18px;padding:14px 20px;font:700 12px "DM Sans",sans-serif;cursor:pointer}.button-primary{background:var(--teal);color:#fff}.button-primary:hover{background:#076a75}.button-outline{border:1px solid #c7d3da;color:var(--navy);background:transparent}.hero-points{display:flex;flex-wrap:wrap;gap:18px;color:#546a7a;font-size:11px}.hero-points span:first-letter{color:var(--teal)}.hero-art{position:relative;padding:0 12px 22px 0}.hero-image{height:335px;box-shadow:16px 17px 0 #c7dadd;border-radius:5px;overflow:hidden}.image-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;background:linear-gradient(135deg,#d5e5e7,#a9c8cd 48%,#e7eff0);color:#466574;font-size:12px}.placeholder-icon{font-size:48px;opacity:.6}.floating-note{position:absolute;bottom:0;left:-28px;background:#fff;padding:16px 20px;box-shadow:0 12px 35px #102a4318;display:flex;align-items:center;gap:12px;border-radius:6px}.note-dot{width:10px;height:10px;background:#38a58a;border-radius:50%}.floating-note strong,.floating-note small{display:block}.floating-note strong{font-size:12px}.floating-note small{font-size:10px;color:var(--muted);margin-top:3px}.trust-strip{display:grid;grid-template-columns:repeat(4,1fr);padding:24px 8%;border-bottom:1px solid var(--line);gap:20px}.trust-strip div{border-right:1px solid var(--line);padding-left:15px}.trust-strip div:first-child{padding-left:0}.trust-strip div:last-child{border:0}.trust-strip strong,.trust-strip span{display:block}.trust-strip strong{font:700 13px Manrope,sans-serif;color:var(--navy)}.trust-strip span{font-size:10px;color:var(--muted);margin-top:4px}.section{padding:82px 8%}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:35px;margin-bottom:34px}.section-heading h2,.about-copy h2,.contact-section h2{font:800 clamp(28px,3.3vw,41px)/1.2 Manrope,sans-serif;letter-spacing:-.04em;color:var(--navy);margin:0;max-width:600px}.section-heading>p{max-width:360px;color:var(--muted);font-size:13px;margin:0 0 4px}.product-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:17px}.product-card{border:1px solid var(--line);border-radius:7px;overflow:hidden;background:#fff;transition:transform .2s,box-shadow .2s}.product-card:hover{transform:translateY(-4px);box-shadow:0 14px 30px #102a4310}.product-image{height:185px;display:flex;align-items:flex-end;justify-content:space-between;padding:15px;color:#fff;position:relative;overflow:hidden}.product-image:before,.product-image:after{content:"";position:absolute;border:8px solid #ffffffb8;inset:22px 28px 15px 28px}.product-image:after{inset:22px 50% 15px 50%;border-width:0 4px}.product-image span,.product-image b{position:relative;z-index:1;font-size:10px;letter-spacing:.13em}.placeholder-window{background:linear-gradient(140deg,#8eaeb5,#315c6a)}.placeholder-sliding{background:linear-gradient(140deg,#b8cbd0,#557783)}.placeholder-upvc{background:linear-gradient(140deg,#d0dadd,#829fa7)}.placeholder-glass{background:linear-gradient(140deg,#a9c5d0,#4d7486)}.product-body{padding:20px 18px 22px}.product-body h3{font:700 16px Manrope,sans-serif;color:var(--navy);margin:0 0 10px}.product-body p{font-size:12px;line-height:1.8;color:var(--muted);min-height:65px;margin:0 0 15px}.product-body a{color:var(--teal);font-size:11px;font-weight:800}.product-body a span{margin-left:7px}.photo-tip{font-size:11px;color:var(--muted);margin:18px 0 0}.about-section{display:grid;grid-template-columns:.9fr 1.1fr;gap:8%;padding:80px 10%;background:#f2f6f7;align-items:center}.about-art{height:340px;background:var(--navy);border-radius:5px;position:relative;overflow:hidden;display:grid;place-items:center}.about-art:before,.about-art:after{content:"";position:absolute;border:1px solid #ffffff3d;width:75%;height:70%;transform:rotate(-24deg)}.about-art:after{transform:rotate(24deg)}.big-letter{font:800 190px Manrope,sans-serif;color:#ffffff13}.about-label{position:absolute;bottom:26px;left:27px;color:white;font:800 17px Manrope,sans-serif;letter-spacing:.14em}.about-label small{font:500 9px "DM Sans",sans-serif;letter-spacing:.25em}.about-copy>p:not(.eyebrow){font-size:13px;color:var(--muted);line-height:1.9;margin:19px 0}.about-copy ul{padding-left:18px;color:#40576a;font-size:12px;line-height:2.2;margin-bottom:22px}.text-link{color:var(--teal);font-size:12px;font-weight:800}.quote-section{background:#fff}.quote-form{display:grid;grid-template-columns:1fr 1fr;gap:20px 18px;padding:28px;border:1px solid var(--line);border-radius:8px;background:#fbfcfc}.quote-form label{font-size:11px;font-weight:700;color:#344d60;display:flex;flex-direction:column;gap:8px}.quote-form input,.quote-form select,.quote-form textarea{width:100%;font:400 13px "DM Sans",sans-serif;color:var(--ink);padding:13px 14px;border:1px solid #d6e0e5;background:white;border-radius:5px;outline:none}.quote-form input:focus,.quote-form select:focus,.quote-form textarea:focus{border-color:var(--teal);box-shadow:0 0 0 3px #087e8b14}.full{grid-column:1/-1}.quote-form button{width:100%}.form-note{font-size:10px;color:var(--muted);margin:-8px 0 0}.contact-section{padding:65px 10%;display:flex;justify-content:space-between;gap:40px;align-items:center;background:var(--navy);color:white}.contact-section .eyebrow{color:#8ed1d2}.contact-section h2{color:#fff;max-width:500px}.contact-section>div:first-child>p:not(.eyebrow){font-size:13px;color:#c5d4df;line-height:1.9;margin:18px 0 23px}.button-light{background:#fff;color:var(--navy)}.contact-card{background:#fff;color:var(--navy);border-radius:7px;padding:27px 30px;min-width:270px;box-shadow:0 12px 35px #0002}.contact-icon{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:#e0f2ef;color:var(--teal);font-size:20px;margin-bottom:14px}.contact-card small,.contact-card strong,.contact-card span{display:block}.contact-card small{font-size:9px;color:var(--muted);letter-spacing:.15em}.contact-card strong{font:800 16px Manrope,sans-serif;margin:5px 0}.contact-card a{font-size:11px;font-weight:800;color:var(--teal)}.contact-card hr{border:0;border-top:1px solid var(--line);margin:20px 0}.contact-card>span:last-child{font-size:11px;color:var(--muted)}footer{padding:24px 7%;display:flex;justify-content:space-between;align-items:center;gap:20px;font-size:10px;color:var(--muted)}.footer-brand .brand-mark{width:35px;height:35px;font-size:21px}.footer-brand strong{font-size:12px}.footer-brand small{font-size:8px}.floating-whatsapp{position:fixed;right:20px;bottom:20px;z-index:9;background:#20b86a;color:#fff;border-radius:50%;width:54px;height:54px;display:grid;place-items:center;font-size:26px;box-shadow:0 8px 22px #102a4330}
@media(max-width:900px){.site-header{padding:0 4%;gap:14px}.nav{gap:15px}.hero{padding:55px 6%;gap:5%}.section{padding:65px 6%}.product-grid{grid-template-columns:repeat(2,1fr)}.about-section{padding:65px 7%;gap:5%}.contact-section{padding:55px 7%}}
@media(max-width:650px){.site-header{height:70px}.brand-mark{width:36px;height:36px;font-size:21px}.brand strong{font-size:12px}.brand small{font-size:8px}.menu-toggle{display:block;margin-left:auto;color:var(--navy)}.nav{display:none;position:absolute;top:69px;left:0;right:0;padding:18px 6%;background:#fff;box-shadow:0 12px 18px #102a4312;flex-direction:column;gap:17px}.nav.open{display:flex}.header-cta{padding:10px 12px;font-size:10px}.hero{grid-template-columns:1fr;padding:48px 6% 45px;background:linear-gradient(180deg,#f3f7f8 0%,#f3f7f8 58%,#e6eff0 58%)}.hero h1{font-size:42px}.hero-intro{font-size:14px}.hero-art{margin:10px 0 0 8px}.hero-image{height:245px}.floating-note{left:-8px}.trust-strip{grid-template-columns:1fr 1fr;padding:22px 6%;gap:20px 8px}.trust-strip div:nth-child(2){border:0}.trust-strip div{padding-left:0}.section-heading{display:block}.section-heading>p{margin-top:14px}.section-heading h2,.about-copy h2,.contact-section h2{font-size:30px}.product-grid{gap:12px}.product-image{height:145px;padding:10px}.product-image:before,.product-image:after{inset:18px 17px 13px}.product-image:after{inset:18px 50% 13px}.product-body{padding:15px 13px}.product-body h3{font-size:14px}.product-body p{font-size:11px;min-height:92px}.about-section{grid-template-columns:1fr;padding:48px 6%;gap:32px}.about-art{height:250px}.big-letter{font-size:145px}.quote-form{padding:18px;grid-template-columns:1fr}.quote-form label,.quote-form .full{grid-column:1}.contact-section{padding:48px 6%;flex-direction:column;align-items:stretch}.contact-card{min-width:0}.contact-section h2{font-size:30px}footer{padding:22px 6%;flex-wrap:wrap}footer>span{order:3;width:100%}}