:root{--ink:#073348;--deep:#052838;--aqua:#43c8d7;--foam:#e9f6f5;--sand:#f5f1e9;--muted:#5e747e;--coral:#ff7544}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);font:16px/1.55 "DM Sans",sans-serif;background:#fff}a{text-decoration:none;color:inherit}button,input{font:inherit}button{cursor:pointer}header{height:84px;padding:0 clamp(1.25rem,5vw,6rem);display:flex;align-items:center;justify-content:space-between;gap:2rem;background:#fff;position:sticky;top:0;z-index:10;border-bottom:1px solid #dce8e9}.brand{display:flex;align-items:center;gap:.65rem;font:800 1rem Manrope,sans-serif;letter-spacing:.08em}.brand small{display:block;font-size:.55rem;letter-spacing:.23em}.mark{font-size:2.5rem;color:var(--aqua);line-height:.5}nav{display:flex;gap:1.7rem;font-weight:600;font-size:.9rem}.pill{display:inline-flex;justify-content:center;border:0;border-radius:99px;padding:.82rem 1.25rem;font-weight:700}.dark{background:var(--ink);color:#fff}.coral{background:var(--coral);color:#fff}.outline{border:1px solid #8ba5ad;color:#fff}.hero{display:grid;grid-template-columns:1fr 1fr;min-height:650px;background:var(--deep);color:#fff}.hero>div:first-child{padding:clamp(4rem,7vw,7rem) clamp(1.5rem,6vw,7rem);display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.back-home{font-weight:700;color:#c5dadd;margin-bottom:3rem}.eyebrow{margin:0 0 1rem;color:#1591a5;font-size:.72rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase}.hero .eyebrow{color:var(--aqua)}h1,h2{font:800 clamp(2.5rem,5vw,5rem)/.98 Manrope,sans-serif;letter-spacing:-.055em;margin:0}.hero p:not(.eyebrow){max-width:650px;color:#c5dadd;font-size:1.08rem;margin:1.5rem 0 2rem}.hero-mosaic{display:grid;grid-template-rows:1fr 1fr;gap:2px;background:#fff}.hero-mosaic img{width:100%;height:100%;object-fit:cover;min-height:0}.install-note{display:grid;grid-template-columns:.6fr 1.4fr;gap:2rem;padding:1.4rem clamp(1.5rem,6vw,7rem);background:#fff3ed;border-bottom:1px solid #ffd4c4}.install-note strong{font:800 1rem Manrope}.install-note span{color:#5b6b71}.catalog,.options,.colors{padding:clamp(5rem,8vw,8rem) clamp(1.25rem,6vw,7rem)}.section-head{display:flex;align-items:end;justify-content:space-between;gap:3rem;margin-bottom:2.7rem}.section-head h2{font-size:clamp(2.3rem,4vw,4rem);max-width:780px}.section-head>p{max-width:430px;color:var(--muted)}.tools{display:flex;align-items:end;justify-content:space-between;gap:2rem;margin-bottom:1rem}.filters{display:flex;gap:.55rem;flex-wrap:wrap}.filters button{padding:.62rem .95rem;border:1px solid #c5d5d8;background:#fff;color:var(--ink);border-radius:99px}.filters button.active{background:var(--ink);color:#fff}.search{display:flex;flex-direction:column;gap:.35rem;font-size:.72rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase}.search input{min-width:230px;padding:.7rem 1rem;border:1px solid #c5d5d8;border-radius:99px;color:var(--ink)}.result-count{color:var(--muted);font-size:.85rem;margin:1.5rem 0}.model-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.3rem}.model{border:1px solid #d9e5e6;border-radius:1.15rem;overflow:hidden;background:#fff;transition:.22s}.model:hover{transform:translateY(-4px);box-shadow:0 18px 45px #07334816}.model img{display:block;width:100%;height:225px;object-fit:cover}.model-body{padding:1.25rem}.model-meta{display:flex;justify-content:space-between;color:#138095;font-size:.7rem;font-weight:700;letter-spacing:.11em;text-transform:uppercase}.model h3{font:800 1.6rem Manrope;margin:.4rem 0}.model p{color:var(--muted);min-height:3.1em}.model button{width:100%;border:0;border-top:1px solid #e1e9ea;background:transparent;text-align:left;padding:1rem 0 0;font-weight:700;color:var(--ink)}.model button span{float:right;color:var(--coral)}.empty{grid-column:1/-1;padding:4rem;background:var(--foam);text-align:center}.disclaimer{color:var(--muted);font-size:.78rem}.options{background:var(--sand)}.option-group{margin-top:3rem}.option-group>h3{font:800 1.6rem Manrope}.option-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:#c8d7d6;border:1px solid #c8d7d6}.option-grid article{background:#fff;padding:1.6rem}.option-grid b{font:800 1.15rem Manrope}.option-grid p{color:#138095;font-weight:700}.option-grid span{color:var(--muted)}.colors{background:#edf7f6}.color-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}.color-grid article{background:#fff;padding:1rem;border-radius:.9rem}.color-grid i{height:120px;display:block;border-radius:.55rem;margin-bottom:1rem;background-color:#39c4df;background-image:radial-gradient(#ffffffaa 1px,transparent 1px);background-size:8px 8px}.color-grid b,.color-grid span{display:block}.color-grid b{font:700 1rem Manrope}.color-grid span{color:var(--muted);font-size:.85rem}.color-grid .c1{background-color:#d8f2f3}.color-grid .c2{background-color:#1965b2}.color-grid .c3{background-color:#32b9da}.color-grid .c4{background-color:#20a9b8}.color-grid .c5{background-color:#d5c7a7}.color-grid .c6{background-color:#a6c1c8}.color-grid .c7{background-color:#53666e}.color-grid .c8{background-color:#111c25}.cta{padding:clamp(5rem,9vw,9rem) 1.5rem;text-align:center;background:var(--deep);color:#fff}.cta h2{font-size:clamp(2.4rem,4vw,4.3rem)}.cta>p:not(.eyebrow){max-width:650px;margin:1.3rem auto 2rem;color:#c4d8dd}.cta>div{display:flex;gap:1rem;justify-content:center}footer{padding:2.5rem clamp(1.25rem,6vw,7rem);background:#041f2c;color:#c6d8dc;display:grid;grid-template-columns:1fr auto auto;gap:2rem;align-items:center;font-size:.78rem}footer .brand{color:#fff}dialog{border:0;border-radius:1.2rem;padding:0;width:min(940px,92vw);max-height:88vh;color:var(--ink);box-shadow:0 30px 100px #00182166}dialog::backdrop{background:#021b27b8}.dialog-close{position:sticky;top:1rem;float:right;margin:1rem;z-index:2;width:42px;height:42px;border:0;border-radius:50%;background:#fff;box-shadow:0 5px 20px #05283825;font-size:1.6rem}.dialog-hero{width:100%;height:330px;object-fit:cover}.dialog-body{padding:2rem}.dialog-body h2{font-size:2.7rem}.dialog-body>p{color:var(--muted)}.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:2rem;margin-top:2rem}.sizes{width:100%;border-collapse:collapse}.sizes th,.sizes td{padding:.65rem;border-bottom:1px solid #dbe5e6;text-align:left;font-size:.9rem}.sizes th{color:#138095}.features{margin:0;padding-left:1.2rem}.features li{padding:.35rem 0}
@media(max-width:950px){header nav{display:none}.hero{grid-template-columns:1fr}.hero-mosaic{grid-template-columns:1fr 1fr;grid-template-rows:none;height:320px}.model-grid{grid-template-columns:1fr 1fr}.color-grid{grid-template-columns:1fr 1fr}.tools,.section-head{align-items:flex-start;flex-direction:column}.install-note{grid-template-columns:1fr;gap:.35rem}footer{grid-template-columns:1fr}}
@media(max-width:620px){header{height:72px}.hero h1{font-size:2.75rem}.hero-mosaic{height:220px}.catalog,.options,.colors{padding-left:1rem;padding-right:1rem}.model-grid,.option-grid,.color-grid{grid-template-columns:1fr}.search,.search input{width:100%}.model img{height:210px}.detail-grid{grid-template-columns:1fr}.dialog-body{padding:1.3rem}.dialog-body h2{font-size:2.2rem}.cta>div{flex-direction:column;align-items:center}}
.warranty-highlight{padding:clamp(3.5rem,6vw,6rem) clamp(1.5rem,6vw,7rem);display:grid;grid-template-columns:180px 1fr;gap:clamp(2rem,5vw,5rem);align-items:start;background:#edf7f6;border-bottom:1px solid #d2e8e7}.warranty-mark{width:180px;height:180px;border-radius:50%;display:flex;flex-direction:column;justify-content:center;align-items:center;background:var(--ink);color:#fff;box-shadow:inset 0 0 0 8px #ffffff20}.warranty-mark span{font:800 3.4rem/.9 Manrope,sans-serif;letter-spacing:-.06em}.warranty-mark small{margin-top:.55rem;color:var(--aqua);font-weight:800;letter-spacing:.2em}.warranty-copy h2{font-size:clamp(2.2rem,4vw,4rem);max-width:850px}.warranty-copy>p:not(.eyebrow){max-width:850px;color:var(--muted);font-size:1.05rem}.warranty-copy>p strong{color:var(--ink)}.warranty-points{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;margin:2rem 0;background:#bed5d5;border:1px solid #bed5d5}.warranty-points span{background:#fff;padding:1.25rem;color:var(--muted)}.warranty-points b{display:block;margin-bottom:.25rem;color:var(--ink);font:800 1rem Manrope,sans-serif}.warranty-actions{display:flex;align-items:center;gap:1.25rem}.warranty-actions small{max-width:620px;color:var(--muted);line-height:1.45}
@media(max-width:950px){.warranty-highlight{grid-template-columns:130px 1fr}.warranty-mark{width:130px;height:130px}.warranty-mark span{font-size:2.6rem}.warranty-points{grid-template-columns:1fr}.warranty-actions{align-items:flex-start;flex-direction:column}}
@media(max-width:620px){.warranty-highlight{grid-template-columns:1fr}.warranty-mark{width:110px;height:110px}.warranty-mark span{font-size:2.2rem}.warranty-mark small{font-size:.65rem}}