:root{--navy:#0e3a5d;--navy-deep:#0a2a45;--teal:#14a895;--teal-dark:#0e8a7b;--bg:#f6f9fb;--white:#fff;--text:#22333f;--muted:#5b6b77;--radius:14px;--shadow:0 8px 30px rgba(14,58,93,.10);}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;font-size:112.5%;-webkit-text-size-adjust:100%;text-size-adjust:100%}body{font-family:'Segoe UI',system-ui,-apple-system,'Helvetica Neue',Arial,sans-serif;color:var(--text);background:var(--bg);font-size:1rem;line-height:1.75}img{max-width:100%;display:block}a{color:var(--teal-dark);text-decoration:none}.container{max-width:1180px;margin:0 auto;padding:0 24px}h1,h2,h3{color:var(--navy);line-height:1.25}h2{font-size:2rem;margin-bottom:12px}.section{padding:72px 0}.section-head{text-align:center;max-width:760px;margin:0 auto 44px}.section-head p{color:var(--muted)}.eyebrow{display:inline-block;background:rgba(20,168,149,.12);color:var(--teal-dark);font-weight:700;font-size:.8rem;letter-spacing:.12em;text-transform:uppercase;padding:5px 14px;border-radius:999px;margin-bottom:14px}header{position:sticky;top:0;z-index:100;background:var(--white);box-shadow:0 1px 0 rgba(14,58,93,.08)}.nav{display:flex;align-items:center;justify-content:space-between;height:68px}.nav img{height:56px}.nav ul{display:flex;list-style:none;white-space:nowrap;flex-wrap:nowrap}.nav ul>li{margin-left:24px}.nav ul>li:first-child{margin-left:0}.nav ul a{color:var(--navy);font-weight:600;font-size:1rem;white-space:nowrap}.nav ul a:hover{color:var(--teal)}.nav .cta{background:var(--teal);color:#fff;padding:10px 20px;border-radius:8px;font-weight:700}.nav .cta:hover{background:var(--teal-dark)}.menu-btn{display:none;background:none;border:none;font-size:1.6rem;color:var(--navy);cursor:pointer}@media(max-width:1024px){.nav ul{display:none;position:absolute;top:68px;left:0;right:0;background:#fff;flex-direction:column;padding:20px 24px;box-shadow:var(--shadow);white-space:normal}.nav ul.open{display:flex}.nav ul>li{margin-left:0;margin-bottom:14px}.nav ul>li:last-child{margin-bottom:0}.menu-btn{display:block}}.hero{background:linear-gradient(135deg,var(--navy-deep) 0%,var(--navy) 55%,#11557f 100%);color:#fff;padding:96px 0}.hero h1{color:#fff;font-size:2.7rem;max-width:780px;margin-bottom:18px}.hero h1 em{font-style:normal;color:#3fd6c2}.hero p{max-width:680px;color:#cfe0ec;font-size:1.1rem;margin-bottom:30px}.btn{display:inline-block;padding:14px 28px;border-radius:10px;font-weight:700;transition:.2s}.btn-primary{background:var(--teal);color:#fff}.btn-primary:hover{background:var(--teal-dark)}.btn-ghost{border:2px solid rgba(255,255,255,.55);color:#fff;margin-left:12px}.btn-ghost:hover{border-color:#fff}.hero-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:54px}.stat{background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.14);border-radius:var(--radius);padding:20px;text-align:center}.stat b{display:block;font-size:1.7rem;color:#3fd6c2}.stat span{font-size:.85rem;color:#cfe0ec}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}.card{background:var(--white);border-radius:var(--radius);box-shadow:var(--shadow);padding:28px}.card h3{font-size:1.15rem;margin-bottom:10px}.card p{color:var(--muted);font-size:1rem}.card .icon{width:52px;height:52px;border-radius:12px;background:rgba(20,168,149,.12);display:flex;align-items:center;justify-content:center;font-size:1.5rem;margin-bottom:16px}.card ul{list-style:none;margin-top:12px}.card ul li{padding-left:20px;position:relative;color:var(--muted);font-size:1rem;margin-bottom:6px}.card ul li::before{content:"✓";position:absolute;left:0;color:var(--teal);font-weight:700}.products{background:var(--bg)}.pcard{position:relative;display:flex;flex-direction:column;height:100%;border:1px solid #e6eef4;border-radius:var(--radius);overflow:hidden;background:#fff;box-shadow:0 1px 3px rgba(14,58,93,.05);transition:transform .28s ease,box-shadow .28s ease,border-color .28s ease}.pcard:hover{transform:translateY(-6px);box-shadow:0 18px 40px rgba(14,58,93,.15);border-color:#cfe2ee}.pcard .ph{position:relative;display:block;width:100%;padding-top:75%;overflow:hidden;background:linear-gradient(135deg,#e8f4f2,#dcebf4)}.pcard .ph-img{display:block;width:100%;height:auto;transition:transform .5s ease}.pcard .ph .ph-img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center 30%}.pcard>img.ph-img{width:100%;height:220px;object-fit:cover;object-position:center 30%}.pcard:hover .ph-img{transform:scale(1.06)}.pcard .pb{padding:24px 24px 26px;display:flex;flex-direction:column;flex:1}.pcard h3{font-size:1.2rem;line-height:1.4;margin-bottom:10px}.pcard h3 a{color:var(--navy);text-decoration:none}.pcard h3 a:hover{color:var(--teal-dark)}.pcard p{font-size:1rem;color:var(--muted);line-height:1.7;flex:1}.pcard .more{display:inline-block;margin-top:16px;font-weight:700;font-size:.88rem;color:var(--teal-dark)}.pcard .more span{display:inline-block;transition:transform .25s ease}.pcard:hover .more span{transform:translateX(5px)}.process{background:var(--navy);color:#fff}.process h2{color:#fff}.process .section-head p{color:#b9cfdf}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.step{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);border-radius:var(--radius);padding:26px}.step b{display:inline-flex;width:38px;height:38px;border-radius:50%;background:var(--teal);align-items:center;justify-content:center;margin-bottom:14px;color:#fff}.step h3{color:#fff;font-size:1.05rem;margin-bottom:8px}.step p{color:#b9cfdf;font-size:.9rem}.faq details{display:block;width:100%;box-sizing:border-box;background:var(--white);border-radius:var(--radius);box-shadow:var(--shadow);margin:0 0 14px 0;padding:20px 24px;overflow:hidden}.faq summary{display:block;width:100%;box-sizing:border-box;cursor:pointer;font-weight:700;color:var(--navy);font-size:1.02rem;line-height:1.5;list-style:none;padding-left:22px;position:relative;text-align:left}.faq summary::-webkit-details-marker{display:none}.faq summary::marker{content:"";font-size:0}.faq summary::before{content:"\25B8";position:absolute;left:0;top:0;color:var(--teal);font-size:1rem;line-height:1.6;transition:transform .2s}.faq details[open]>summary::before{content:"\25BE"}.faq details>p{display:block;width:100%;max-width:100%;box-sizing:border-box;margin:12px 0 0 0;color:var(--muted);font-size:1rem;line-height:1.7;overflow-wrap:break-word;word-wrap:break-word;white-space:normal}.no-details details>summary{display:block;cursor:pointer;list-style:none}.no-details details>summary::-webkit-details-marker{display:none}.no-details details>summary::before{content:"\25B8";position:absolute;left:0;top:0;color:var(--teal);font-size:1rem;line-height:1.6}.no-details details.open>summary::before{content:"\25BE"}.no-details details>*{display:none !important}.no-details details>summary{display:block !important}.no-details details.open>*{display:block !important}.no-details details.open>p{margin:12px 0 0 0;color:var(--muted);font-size:1rem;line-height:1.7}.contact{background:linear-gradient(135deg,var(--navy-deep),var(--navy));color:#fff}.contact h2{color:#fff}.contact .section-head p{color:#b9cfdf}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.cbox{background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.14);border-radius:var(--radius);padding:30px}.cbox h3{color:#3fd6c2;margin-bottom:14px}.cbox a{color:#fff;font-weight:600}.cbox a:hover{color:#3fd6c2}.note{margin-top:26px;font-size:.85rem;color:#8fa9bd}footer{background:var(--navy-deep);color:#8fa9bd;padding:28px 0;font-size:.88rem}footer .container{display:flex;justify-content:space-between;flex-wrap:wrap;gap:10px}footer a{color:#cfe0ec}@media(max-width:880px){.nav ul{display:none;position:absolute;top:68px;left:0;right:0;background:#fff;flex-direction:column;padding:20px 24px;box-shadow:var(--shadow)}.nav ul.open{display:flex}.menu-btn{display:block}.hero-stats,.grid-3,.steps{grid-template-columns:repeat(2,1fr)}.grid-2,.contact-grid{grid-template-columns:1fr}.hero h1{font-size:2rem}.btn-ghost{margin-left:0;margin-top:10px}}@media(max-width:520px){.hero-stats,.grid-3,.steps{grid-template-columns:1fr}}.gallery{background:var(--white)}.gfilters{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-bottom:28px}.gfilters button{border:1px solid #cfdde6;background:#fff;color:var(--navy);padding:8px 18px;border-radius:999px;font-weight:600;cursor:pointer;font-size:.9rem;transition:.2s}.gfilters button.active,.gfilters button:hover{background:var(--teal);border-color:var(--teal);color:#fff}.ggrid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.gitem{position:relative;border-radius:12px;overflow:hidden;cursor:zoom-in;background:#fff;border:1px solid #e6edf2}.gitem::before{content:"";display:block;padding-top:100%}.gitem img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center;transition:.3s}.gitem:hover img{transform:scale(1.05)}.gitem figcaption{position:absolute;left:0;right:0;bottom:0;background:linear-gradient(transparent,rgba(10,42,69,.85));color:#fff;font-size:.78rem;padding:22px 10px 8px;opacity:0;transition:.25s}.gitem:hover figcaption{opacity:1}.gitem.hide{display:none}@media(max-width:880px){.ggrid{grid-template-columns:repeat(3,1fr)}}@media(max-width:520px){.ggrid{grid-template-columns:repeat(2,1fr)}}#lightbox{position:fixed;inset:0;background:rgba(8,24,38,.92);display:none;align-items:center;justify-content:center;z-index:200;padding:24px}#lightbox.open{display:flex}#lightbox img{max-width:92vw;max-height:88vh;border-radius:10px}#lightbox .close{position:absolute;top:18px;right:26px;font-size:2.2rem;color:#fff;cursor:pointer;line-height:1}.quote-banner{background:linear-gradient(120deg,rgba(10,42,69,.94) 0%,rgba(14,138,123,.88) 55%,rgba(20,168,149,.80) 100%),url('assets/products/devon-display-wall.jpg') center 40%/cover;border-radius:18px;padding:52px 32px;text-align:center;color:#fff;box-shadow:0 14px 34px rgba(20,168,149,.28)}.quote-banner h2{color:#fff;font-size:1.65rem;margin-bottom:10px}.quote-banner p{color:rgba(255,255,255,.94);max-width:640px;margin:0 auto 26px;font-size:1.02rem}.quote-banner .btn-white{display:inline-block;background:#fff;color:var(--teal-dark);padding:13px 36px;border-radius:999px;font-weight:700;font-size:1rem;transition:.2s;box-shadow:0 4px 14px rgba(10,42,69,.18)}.quote-banner .btn-white:hover{transform:translateY(-2px);box-shadow:0 8px 22px rgba(10,42,69,.25)}.news-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.ncard{display:flex;flex-direction:column;background:#fff;border:1px solid #e6eef4;border-radius:var(--radius);overflow:hidden;box-shadow:0 1px 3px rgba(14,58,93,.05);transition:transform .28s ease,box-shadow .28s ease,border-color .28s ease}.ncard:hover{transform:translateY(-6px);box-shadow:0 18px 40px rgba(14,58,93,.15);border-color:#cfe2ee}.ncard .nph{position:relative;display:block;width:100%;padding-top:62%;overflow:hidden;background:linear-gradient(135deg,#e8f4f2,#dcebf4)}.ncard .nph img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:.3s}.ncard:hover .nph img{transform:scale(1.05)}.ncard .nb{padding:20px 20px 24px;display:flex;flex-direction:column;flex:1}.ncard .meta{display:flex;gap:10px;align-items:center;color:var(--muted);font-size:.8rem;margin-bottom:10px}.ncard .meta .tag{background:var(--teal);color:#fff;padding:3px 10px;border-radius:999px;font-weight:600;font-size:.72rem}.ncard h3{font-size:1.12rem;line-height:1.45;margin-bottom:10px}.ncard h3 a{color:var(--navy)}.ncard p{color:var(--muted);font-size:1rem;flex:1;margin-bottom:14px}.ncard .more{font-weight:700;color:var(--teal);font-size:.95rem}@media(max-width:880px){.news-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:560px){.news-grid{grid-template-columns:1fr}}.article{max-width:820px;margin:0 auto}.article .lead{font-size:1.12rem;color:var(--muted);margin:18px 0 26px;line-height:1.75}.article h2{font-size:1.4rem;margin:34px 0 12px}.article p{margin:0 0 16px;line-height:1.85}.article ul{margin:0 0 16px;padding-left:22px}.article ul li{margin-bottom:9px;line-height:1.75}.article blockquote{margin:22px 0;padding:14px 20px;border-left:4px solid var(--teal);background:#f3f9fb;color:var(--navy);border-radius:0 8px 8px 0;font-style:italic}.logos-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:18px;align-items:stretch}.logo-card{background:#fff;border:1px solid var(--line,#e5e9ee);border-radius:10px;padding:14px;height:104px;box-sizing:border-box;display:flex;align-items:center;justify-content:center;overflow:hidden;transition:.3s}.logo-card img{display:block;width:auto;height:48px;max-width:100%;object-fit:contain;transition:.3s}.logo-card:hover{transform:translateY(-4px);box-shadow:0 8px 20px rgba(14,58,93,.10)}.logo-card:hover img{transform:scale(1.05)}@media(max-width:900px){.logos-grid{grid-template-columns:repeat(4,1fr)}}@media(max-width:560px){.logos-grid{grid-template-columns:repeat(2,1fr)}}