:root {
  --ink: #0b1f2a;
  --navy: #082b3b;
  --ocean: #006b7d;
  --teal: #00a89d;
  --mint: #a7f3df;
  --aqua: #dffbf4;
  --paper: #f7fbfa;
  --white: #ffffff;
  --gold: #c9a45c;
  --muted: #61747d;
  --line: #d8e6e4;
  --shadow: 0 24px 70px rgba(4, 44, 57, .13);
  --radius: 24px;
}
.architect-hero { min-height: 720px; padding: 140px clamp(24px, 8vw, 120px) 90px; color: white; background: radial-gradient(circle at 80% 20%, rgba(116,203,169,.35), transparent 30%), linear-gradient(140deg, #092f35, #0a5d59 60%, #8d7442); }
.product-hero { min-height:760px; padding:130px clamp(24px,8vw,120px) 90px; color:white; background:radial-gradient(circle at 75% 24%,rgba(167,243,223,.3),transparent 28%),linear-gradient(140deg,#082b3b,#08766e 70%,#b28b4a); }.product-hero h1{max-width:850px;margin:0 0 22px;font-size:clamp(48px,7vw,92px)}.product-hero>p:not(.eyebrow):not(.product-pe){max-width:760px;color:#d4e6e3;font-size:19px}.product-number{font-size:clamp(110px,18vw,240px);font-weight:900;line-height:.72;letter-spacing:-.09em;color:var(--mint)}.product-pe{margin:15px 0 35px;font-weight:900;letter-spacing:.4em}
.site-header a[aria-current="page"]{color:var(--teal);font-weight:900}
.product-facts{display:grid;grid-template-columns:1fr 1fr 2fr 1fr;gap:12px;background:#edf7f3}.fact{padding:25px;background:white;border:1px solid var(--line);border-radius:18px}.fact span,.fact strong{display:block}.fact span{color:var(--muted);font-size:11px;text-transform:uppercase;letter-spacing:.1em}.fact strong{margin-top:13px;font-size:22px}.fact.cod strong{font-size:14px;line-height:1.5}
.kit-section{background:var(--ink);color:white}.kit-section .section-heading>p:last-child{color:#bdd0d5}.kit-flow{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.kit-flow article{padding:26px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);border-radius:18px}.kit-flow span{color:var(--mint);font-weight:900}.kit-flow h3{margin:24px 0 8px}.kit-flow p{color:#bdd0d5;font-size:13px}
.product-commercial{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:start}.product-commercial h2{font-size:50px;margin:0}.product-commercial li{margin:10px 0;color:var(--muted)}.commercial-card{padding:36px;color:white;background:linear-gradient(145deg,#0b3745,#08766e);border-radius:24px;box-shadow:var(--shadow)}.commercial-card span,.commercial-card strong,.commercial-card small,.commercial-card b{display:block}.commercial-card strong{margin:8px 0;font-size:38px}.commercial-card small{color:#c8dedb}.commercial-card hr{margin:25px 0;border:0;border-top:1px solid rgba(255,255,255,.18)}.commercial-card b{margin-top:8px;font-size:23px}.commercial-card p{color:#d4e5e2}.product-upgrade{display:flex;justify-content:space-between;align-items:center;gap:30px;background:#e9f6f2}.product-upgrade h2{max-width:800px;font-size:40px}.product-care{background:#f7fbfa}
.grease-product{background:linear-gradient(135deg,#fff8df,#eefbf6)}.grease-spec-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.grease-spec-grid article,.grease-detail-grid article{padding:24px;background:white;border:1px solid var(--line);border-radius:18px}.grease-spec-grid span,.grease-spec-grid strong{display:block}.grease-spec-grid span{color:var(--muted);font-size:11px;text-transform:uppercase;letter-spacing:.1em}.grease-spec-grid strong{margin-top:10px;font-size:20px}.grease-detail-grid{display:grid;grid-template-columns:1fr 1fr .8fr;gap:14px;margin-top:14px}.grease-detail-grid li{margin:8px 0;color:var(--muted)}.grease-price{display:flex;flex-direction:column;justify-content:center;color:white;background:linear-gradient(145deg,#0b3745,#08766e)!important}.grease-price strong{font-size:34px}.grease-price small{color:#d6ebe6}
.grease-product-image{display:block;width:100%;max-height:620px;margin:0 0 24px;object-fit:cover;border-radius:24px;box-shadow:var(--shadow)}
@media(max-width:980px){.product-facts{grid-template-columns:1fr 1fr}.kit-flow{grid-template-columns:1fr 1fr}.product-commercial{grid-template-columns:1fr}.product-upgrade{align-items:flex-start;flex-direction:column}.grease-spec-grid{grid-template-columns:1fr 1fr}.grease-detail-grid{grid-template-columns:1fr}}
@media(max-width:640px){.product-hero{padding:100px 20px 60px;min-height:auto}.product-facts,.kit-flow,.grease-spec-grid{grid-template-columns:1fr}}
.architect-hero h1 { max-width: 1100px; }
.architect-hero p:not(.eyebrow) { max-width: 780px; color: #d5e6e2; font-size: 20px; }
.architect-hero > div { display:flex; flex-wrap:wrap; gap:12px; margin-top:30px; }
.architect-hero .secondary { color:white; border-color:#91b5ad; }
.principle-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:14px; }
.principle-grid article { padding:25px; background:white; border:1px solid var(--line); border-radius:18px; }
.principle-grid b,.principle-grid span { display:block; }.principle-grid b { color:var(--teal); font-size:20px; }.principle-grid span { margin-top:10px; color:var(--muted); }
.cctp-section { background:#edf7f3; }.spec-box { padding:clamp(24px,5vw,55px); background:white; border:1px solid var(--line); border-radius:24px; box-shadow:var(--shadow); }.spec-box h3 { font-size:28px; }.spec-box p { color:#435c63; }
.spec-actions,.architect-links { display:flex; flex-wrap:wrap; gap:12px; margin-top:22px; }.boq-table { overflow:hidden; border:1px solid var(--line); border-radius:20px; }.boq-table div { display:grid; grid-template-columns:60px 1fr; gap:15px; padding:20px; background:white; border-bottom:1px solid var(--line); }.boq-table div:last-child { border:0; }.boq-table b { color:var(--teal); }
@media(max-width:980px){.principle-grid{grid-template-columns:1fr 1fr}}
@media(max-width:640px){.architect-hero{padding:100px 20px 60px;min-height:auto}.principle-grid{grid-template-columns:1fr}}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0; color: var(--ink); background: var(--paper); font-family: Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; line-height: 1.55; }
a { color: inherit; }
button, input, select { font: inherit; }
button { cursor: pointer; }

.site-header { position: sticky; top: 0; z-index: 50; display: flex; align-items: center; justify-content: space-between; padding: 16px clamp(20px, 5vw, 74px); background: rgba(247, 251, 250, .9); border-bottom: 1px solid rgba(216, 230, 228, .8); backdrop-filter: blur(18px); }
.brand { display: inline-flex; align-items: center; gap: 11px; text-decoration: none; letter-spacing: .08em; }
.brand-logo { display:block; width:176px; height:auto; }
.brand-mark { display: grid; place-items: center; width: 42px; height: 42px; color: var(--white); background: linear-gradient(145deg, var(--teal), var(--ocean)); border-radius: 50% 50% 48% 52% / 62% 60% 40% 38%; font-weight: 850; }
.brand strong { display: block; font-size: 18px; line-height: 1; }
.brand small { display: block; margin-top: 4px; font-size: 8px; color: var(--muted); }
nav { display: flex; align-items: center; gap: 28px; }
nav a { font-size: 14px; font-weight: 650; text-decoration: none; }
.staff-menu { position:relative; }
.staff-menu summary { cursor:pointer; list-style:none; font-size:14px; font-weight:750; }
.staff-menu summary::-webkit-details-marker { display:none; }
.staff-menu summary::after { content:' ▾'; color:var(--teal); }
.staff-menu[open] summary::after { content:' ▴'; }
.staff-menu div { position:absolute; top:calc(100% + 14px); right:0; display:grid; min-width:180px; padding:8px; background:white; border:1px solid var(--line); border-radius:14px; box-shadow:var(--shadow); }
.staff-menu div a { display:block; padding:10px 12px; border-radius:9px; }
.staff-menu div a:hover { background:var(--aqua); }
.nav-cta { padding: 11px 18px; color: white; background: var(--ink); border-radius: 999px; }
.language-select { width: auto; height: 38px; margin: 0; padding: 0 28px 0 10px; background: white; border: 1px solid var(--line); border-radius: 999px; font-size: 12px; font-weight: 800; }

.hero { position: relative; min-height: 790px; padding: 100px clamp(24px, 6vw, 92px) 80px; display: grid; grid-template-columns: 1.1fr .9fr; align-items: center; gap: 60px; overflow: hidden; background: radial-gradient(circle at 70% 20%, #e2fff7 0, transparent 32%), linear-gradient(145deg, #f8fcfb, #eef9f6); }
.hero-content { position: relative; z-index: 2; max-width: 760px; }
.eyebrow { margin: 0 0 18px; color: var(--teal); font-size: 12px; font-weight: 850; letter-spacing: .18em; text-transform: uppercase; }
h1 { margin: 0; font-size: clamp(58px, 7vw, 104px); line-height: .9; letter-spacing: -.065em; }
h1 span { color: var(--teal); }
.hero-copy { max-width: 670px; margin: 30px 0; color: #3c5660; font-size: clamp(17px, 2vw, 21px); }
.hero-actions { display: flex; flex-wrap: wrap; gap: 12px; }
.button { display: inline-flex; align-items: center; justify-content: center; min-height: 50px; padding: 0 22px; border: 1px solid transparent; border-radius: 999px; font-weight: 780; text-decoration: none; transition: transform .2s, box-shadow .2s, background .2s; }
.button:hover { transform: translateY(-2px); }
.button.primary { color: white; background: linear-gradient(120deg, var(--teal), var(--ocean)); box-shadow: 0 12px 28px rgba(0, 126, 129, .22); }
.button.secondary { color: var(--ink); background: transparent; border-color: #abc9c5; }
.button.secondary.dark { color: var(--ink); background: white; border-color: #a7c5c1; }
.trust-row { display: flex; flex-wrap: wrap; align-items: center; gap: 12px; margin-top: 48px; color: #60777d; font-size: 11px; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; }
.trust-row i { width: 4px; height: 4px; background: var(--teal); border-radius: 50%; }
.hero-visual { position: relative; min-height: 560px; display: grid; place-items: center; }
.system-core { position: relative; z-index: 4; display: grid; place-items: center; width: 260px; height: 260px; color: white; background: linear-gradient(145deg, #0b4051, #007d85); border: 1px solid rgba(255,255,255,.3); border-radius: 48% 52% 60% 40% / 42% 44% 56% 58%; box-shadow: 0 35px 90px rgba(0, 92, 104, .3); animation: float 5s ease-in-out infinite; }
.system-core::after { content: ""; position: absolute; inset: 16px; border: 1px solid rgba(255,255,255,.2); border-radius: inherit; }
.system-core strong { font-size: 30px; letter-spacing: .04em; }
.system-core small { margin-top: -48px; color: var(--mint); font-weight: 800; letter-spacing: .2em; }
.core-label { margin-bottom: -48px; font-size: 11px; letter-spacing: .3em; }
.orbit { position: absolute; border: 1px solid rgba(0, 120, 125, .19); border-radius: 50%; }
.orbit-one { width: 410px; height: 410px; }
.orbit-two { width: 540px; height: 540px; border-style: dashed; animation: rotate 30s linear infinite; }
.stage-pill { position: absolute; z-index: 5; padding: 12px 16px; background: rgba(255,255,255,.82); border: 1px solid rgba(139,191,184,.45); border-radius: 15px; box-shadow: 0 12px 38px rgba(13,69,76,.12); backdrop-filter: blur(12px); font-size: 13px; font-weight: 700; }
.stage-pill b { margin-right: 6px; color: var(--teal); }
.stage-a { top: 12%; left: 4%; }.stage-b { top: 17%; right: -2%; }.stage-c { bottom: 20%; left: -1%; }.stage-d { right: 0; bottom: 12%; }
.hero-glow { position: absolute; border-radius: 50%; filter: blur(10px); opacity: .35; }
.hero-glow-one { width: 360px; height: 360px; right: -180px; top: 60px; background: var(--mint); }
.hero-glow-two { width: 220px; height: 220px; left: -100px; bottom: 20px; background: #92d9ff; }
@keyframes float { 50% { transform: translateY(-12px) rotate(1deg); } }
@keyframes rotate { to { transform: rotate(360deg); } }

.proof-strip { display: grid; grid-template-columns: repeat(4, 1fr); background: var(--ink); color: white; }
.proof-strip div { padding: 28px; text-align: center; border-right: 1px solid rgba(255,255,255,.12); }
.proof-strip strong { display: block; color: var(--mint); font-size: 28px; }
.proof-strip span { color: #bed0d5; font-size: 12px; }
.problem-section { background:linear-gradient(180deg,#f7fbfa,#e6f3ee); }
.problem-intro { display:grid; grid-template-columns:.7fr 1.3fr; gap:22px 60px; align-items:end; }
.problem-intro .eyebrow { grid-column:1/-1; }.problem-intro h2{margin:0;font-size:clamp(44px,6vw,78px);line-height:.95;letter-spacing:-.05em}.problem-intro>p:last-child{margin:0;color:var(--muted);font-size:19px}
.problem-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:16px; margin-top:50px; }.problem-grid article{padding:30px;background:white;border:1px solid var(--line);border-radius:20px}.problem-grid span{color:var(--teal);font-weight:900}.problem-grid h3{margin:28px 0 10px;font-size:22px}.problem-grid p{color:var(--muted)}
.problem-answer { display:grid; grid-template-columns:1fr 1fr auto; gap:30px; align-items:center; margin-top:20px; padding:30px; color:white; background:linear-gradient(125deg,#0a3542,#147561); border-radius:22px; }.problem-answer span{color:var(--mint);font-size:10px;font-weight:900;letter-spacing:.16em}.problem-answer h3{margin:8px 0 0;font-size:27px}.problem-answer p{color:#d1e5e1}.claim-note{color:var(--muted);font-size:12px;text-align:center}
.about-section { display:grid; grid-template-columns:1.05fr .95fr; gap:70px; align-items:center; color:white; background:radial-gradient(circle at 82% 18%,rgba(91,227,181,.18),transparent 28%),linear-gradient(135deg,#061f2b,#084c50); }
.about-story h2 { margin:0 0 24px; max-width:850px; font-size:clamp(40px,5vw,68px); line-height:.98; letter-spacing:-.045em; }
.about-story>p:not(.eyebrow) { color:#c7dadd; font-size:17px; }
.startup-manifesto { padding:34px; background:rgba(255,255,255,.07); border:1px solid rgba(255,255,255,.15); border-radius:26px; box-shadow:0 30px 80px rgba(0,0,0,.18); backdrop-filter:blur(10px); }
.startup-badge { display:inline-flex; padding:9px 12px; color:#073b3d; background:var(--mint); border-radius:999px; font-size:10px; font-weight:900; letter-spacing:.14em; }
.startup-manifesto blockquote { margin:30px 0; font-size:25px; line-height:1.25; font-weight:760; letter-spacing:-.02em; }
.startup-pillars { display:grid; grid-template-columns:repeat(2,1fr); gap:10px; }
.startup-pillars div { padding:18px; background:rgba(255,255,255,.06); border-radius:15px; }
.startup-pillars b,.startup-pillars small { display:block; }.startup-pillars b{color:var(--mint)}.startup-pillars small{margin-top:5px;color:#bcd0d3}
.section { padding: 110px clamp(24px, 6vw, 92px); }
.section-heading { max-width: 820px; margin-bottom: 50px; }
.section-heading h2, .global-section h2, .configurator-intro h2 { margin: 0 0 18px; font-size: clamp(38px, 5vw, 68px); line-height: 1; letter-spacing: -.045em; }
.section-heading > p:last-child, .global-section > div > p:last-child, .configurator-intro > p:last-child { color: var(--muted); font-size: 18px; }
.system-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 20px; }
.system-card { position: relative; padding: 34px; background: white; border: 1px solid var(--line); border-radius: var(--radius); box-shadow: 0 18px 50px rgba(8,43,59,.06); }
.system-card.featured { color: white; background: linear-gradient(155deg, #0c3a4b, #006c76); transform: translateY(-12px); }
.model-number { display: block; color: var(--teal); font-size: 86px; font-weight: 850; line-height: 1; letter-spacing: -.08em; }
.featured .model-number { color: var(--mint); }
.model-kicker { margin: 4px 0 24px; font-size: 11px; font-weight: 850; letter-spacing: .18em; }
.system-card h3 { margin: 0; font-size: 24px; }
.system-card p:not(.model-kicker) { color: var(--muted); }
.featured p:not(.model-kicker) { color: #c5dadd; }
.system-card ul { min-height: 110px; padding-left: 20px; color: var(--muted); }
.featured ul { color: #d4e5e7; }
.system-card a { color: var(--teal); font-weight: 800; text-decoration: none; }
.featured a { color: var(--mint); }
.popular { position: absolute; top: 24px; right: 24px; padding: 7px 10px; color: var(--ink); background: var(--mint); border-radius: 999px; font-size: 10px; font-weight: 850; text-transform: uppercase; }
.restaurant-card { border-color:#8bd9c8; background:linear-gradient(180deg,#fff,#effcf7); }

.grease-feature{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:clamp(2rem,5vw,5rem);align-items:center;background:linear-gradient(135deg,#073f4d,#087f7a);color:#fff;border-radius:38px;margin-block:clamp(3rem,7vw,7rem)}
.grease-feature-image img{width:100%;aspect-ratio:1.18/1;object-fit:cover;border-radius:28px;box-shadow:0 24px 70px rgba(0,0,0,.28)}
.grease-feature-copy h2{font-size:clamp(2.5rem,5vw,5rem);margin:.3rem 0 1rem}.grease-feature-copy>p{color:#d7eeec;font-size:1.08rem;line-height:1.7}.grease-feature-copy ul{display:grid;grid-template-columns:1fr 1fr;gap:.65rem 1.5rem;padding-left:1.2rem}.grease-feature .button.secondary{color:#fff;border-color:#8de1d1}.grease-feature-prices{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin:1.6rem 0}.grease-feature-prices span{display:flex;flex-direction:column;padding:1rem;border:1px solid rgba(255,255,255,.22);border-radius:18px;background:rgba(255,255,255,.08)}.grease-feature-prices b{font-size:1.2rem;color:#9ef0da}.grease-feature-prices small{color:#d7eeec;margin-top:.25rem}
.ai-search-section{background:#f2faf8;border-radius:38px}.ai-search-section .blog-grid article{background:#fff}
.grease-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(2rem,6vw,6rem);align-items:center;padding:clamp(4rem,9vw,9rem) max(5vw,calc((100vw - 1500px)/2));background:linear-gradient(145deg,#f4fbfa,#dff5ef)}.grease-hero h1{font-size:clamp(3.2rem,7vw,7.5rem);line-height:.92;margin:.5rem 0 1.5rem}.grease-hero>img{width:100%;border-radius:34px;box-shadow:0 28px 80px rgba(4,56,67,.18)}.grease-product-summary{display:grid;gap:2rem}.grease-commercial{display:grid;grid-template-columns:1fr minmax(300px,520px);gap:3rem;align-items:start;background:#073f4d;color:#fff;border-radius:38px}.grease-commercial h2{font-size:clamp(2.2rem,4vw,4.5rem)}
@media (max-width:850px){.grease-feature,.grease-hero,.grease-commercial{grid-template-columns:1fr}.grease-feature-prices,.grease-feature-copy ul{grid-template-columns:1fr}.grease-feature{border-radius:26px}.grease-hero{padding-top:7rem}}
.parallel-note { max-width: 780px; margin: 34px auto 0; padding: 18px 24px; text-align: center; background: var(--aqua); border: 1px solid #bfeadd; border-radius: 18px; }

.installation-views { overflow:hidden; background:linear-gradient(180deg,#eef8f5,#f9fcfb); }
.installation-view-grid { display:grid; grid-template-columns:repeat(2,1fr); gap:22px; }
.installation-view-card { overflow:hidden; background:white; border:1px solid var(--line); border-radius:26px; box-shadow:0 20px 55px rgba(8,43,59,.08); }
.installation-view-copy { padding:30px; }
.installation-view-copy>span { color:var(--teal); font-size:11px; font-weight:900; letter-spacing:.16em; }
.installation-view-copy h3 { margin:12px 0 10px; font-size:28px; }
.installation-view-copy p { margin:0; color:var(--muted); }
.buried-scene,.container-scene { position:relative; height:310px; overflow:hidden; background:linear-gradient(#c9f0eb 0 38%,#dce8d9 38%); }
.skyline { position:absolute; inset:55px 9% auto; display:flex; align-items:end; gap:10px; height:64px; opacity:.24; }
.skyline span { flex:1; height:60%; background:#0c5f67; border-radius:4px 4px 0 0; }.skyline span:nth-child(2){height:100%}.skyline span:nth-child(3){height:78%}
.slab { position:absolute; top:116px; left:0; right:0; height:38px; background:linear-gradient(#cfd7d8,#9ba8aa); border-top:7px solid #e8eeee; box-shadow:0 7px 0 rgba(57,68,68,.15); }
.slab:after { content:""; position:absolute; top:-13px; left:65%; width:78px; height:15px; background:#235a5d; border:5px solid #94a8a8; border-radius:7px 7px 2px 2px; }
.slab i { position:absolute; top:-38px; left:calc(65% - 16px); color:#20575b; font-size:10px; font-style:normal; font-weight:850; letter-spacing:.08em; text-transform:uppercase; }
.soil-layer { position:absolute; inset:154px 0 0; background:linear-gradient(120deg,#a77846,#7d5b36); }
.soil-layer:before { content:""; position:absolute; inset:0; opacity:.18; background:repeating-linear-gradient(15deg,transparent 0 20px,#f1d2a8 21px 23px); }
.buried-set { position:absolute; top:42px; left:15%; right:15%; height:86px; display:flex; flex-direction:column; align-items:center; justify-content:center; color:white; background:linear-gradient(135deg,#0b5360,#00847e); border:5px solid #d8eeea; border-radius:16px 16px 26px 26px; box-shadow:0 14px 25px rgba(37,25,12,.25); }
.buried-set b { letter-spacing:.12em; }.buried-set small { margin-top:6px; color:#c7f4e8; }
.container-scene { background:linear-gradient(160deg,#d9f5ef,#e9f2ec 62%,#b8cbbd 63%); }
.container-shell { position:absolute; top:58px; left:10%; right:10%; height:180px; display:grid; place-items:center; color:white; background:linear-gradient(135deg,#083947,#007b78); border:7px solid #d4e7e4; border-radius:7px; box-shadow:0 24px 35px rgba(10,54,57,.24); }
.container-shell:before,.container-shell:after { content:""; position:absolute; top:0; bottom:0; width:10px; border-left:3px solid rgba(255,255,255,.16); border-right:3px solid rgba(255,255,255,.16); }.container-shell:before{left:25px}.container-shell:after{right:25px}
.container-shell>i { position:absolute; bottom:-18px; width:42px; height:18px; background:#233b3d; border-radius:0 0 4px 4px; }.container-shell>i:first-of-type{left:45px}.container-shell>i:last-of-type{right:45px}
.container-brand { position:relative; z-index:1; display:flex; flex-direction:column; align-items:center; padding:20px 38px; background:rgba(255,255,255,.08); border:1px solid rgba(255,255,255,.18); border-radius:16px; }
.container-brand small { color:var(--mint); font-size:12px; font-weight:900; letter-spacing:.35em; }.container-brand b { font-size:34px; letter-spacing:.05em; }.container-brand span { margin-top:5px; color:#c9e5e3; font-size:9px; letter-spacing:.2em; }
.container-ground { position:absolute; left:5%; right:5%; bottom:43px; height:9px; background:rgba(30,67,59,.22); border-radius:50%; filter:blur(2px); }
.installation-view-note { margin:20px 0 0; color:var(--muted); font-size:12px; text-align:center; }

.upgrade-section { display: grid; grid-template-columns: 1.1fr .9fr; gap: 70px; align-items: center; background: white; }
.upgrade-image img { width: 100%; display: block; border-radius: 28px; box-shadow: var(--shadow); }
.upgrade-copy h2 { margin: 0 0 20px; font-size: clamp(38px, 5vw, 66px); line-height: 1; letter-spacing: -.045em; }
.upgrade-copy > p:not(.eyebrow) { color: var(--muted); font-size: 18px; }
.upgrade-points { display: grid; gap: 10px; margin: 28px 0; }
.upgrade-points span { padding: 13px 16px; background: var(--aqua); border-left: 3px solid var(--teal); border-radius: 0 12px 12px 0; font-weight: 750; }

.process-section { background: var(--ink); color: white; }
.section-heading.light > p:last-child { color: #bdd0d5; }
.process-flow { display: grid; grid-template-columns: 1fr 40px 1fr 40px 1fr 40px 1fr; align-items: center; gap: 10px; }
.process-flow article { min-height: 210px; padding: 28px; background: rgba(255,255,255,.06); border: 1px solid rgba(255,255,255,.12); border-radius: 20px; }
.process-flow article span { color: var(--mint); font-weight: 850; }
.process-flow article h3 { margin: 30px 0 8px; font-size: 23px; }
.process-flow article p { color: #bed0d4; font-size: 14px; }
.flow-line { height: 1px; background: linear-gradient(90deg, var(--teal), var(--mint)); }
.smart-control-callout { display:grid; grid-template-columns:100px 1fr; gap:28px; align-items:center; margin-top:24px; padding:26px 30px; background:linear-gradient(120deg,rgba(47,224,181,.12),rgba(255,255,255,.06)); border:1px solid rgba(120,235,204,.28); border-radius:22px; }
.smart-control-callout span { color:var(--mint); font-size:10px; font-weight:900; letter-spacing:.16em; }.smart-control-callout h3{margin:7px 0;font-size:25px}.smart-control-callout p{margin:0;color:#bfd2d5;font-size:14px}
.smart-signal { display:flex; align-items:end; justify-content:center; gap:8px; height:58px; }.smart-signal i{display:block;width:10px;background:var(--mint);border-radius:8px}.smart-signal i:nth-child(1){height:20px;opacity:.45}.smart-signal i:nth-child(2){height:36px;opacity:.7}.smart-signal i:nth-child(3){height:56px}
.media-science-section { color:white; background:linear-gradient(145deg,#073d48,#05685f); }
.media-science-copy { display:grid; grid-template-columns:.8fr 1.2fr; gap:18px 60px; align-items:end; }.media-science-copy .eyebrow{grid-column:1/-1}.media-science-copy h2{margin:0;font-size:clamp(40px,5vw,67px);line-height:.98;letter-spacing:-.045em}.media-science-copy p{margin:0;color:#c7dedb;font-size:16px}.media-science-copy p:last-child{margin-top:10px}
.reaction-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:16px; margin-top:45px; }.reaction-grid article{padding:27px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.15);border-radius:20px}.reaction-grid span{color:var(--mint);font-size:10px;font-weight:900;letter-spacing:.14em}.reaction-grid h3{margin:16px 0}.reaction-grid code{display:block;margin:8px 0;padding:12px;color:#083c3c;background:#dffbf3;border-radius:10px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px;white-space:normal}.reaction-grid p{color:#c7dcda;font-size:13px}.science-note{margin:20px 0 0;color:#b8d3d0;font-size:11px;text-align:center}
.treatment-visual-section { background:#f3faf8; }.treatment-journey{display:grid;grid-template-columns:1fr .72fr 1fr;gap:20px;align-items:stretch}.water-state{display:grid;grid-template-columns:130px 1fr;gap:24px;align-items:center;padding:27px;background:white;border:1px solid var(--line);border-radius:24px;box-shadow:0 18px 46px rgba(8,43,59,.07)}.water-state>div>span{color:var(--teal);font-size:10px;font-weight:900;letter-spacing:.14em}.water-state h3{margin:9px 0 14px;font-size:25px}.water-state ul{margin:0;padding-left:18px;color:var(--muted);font-size:13px}.water-state li{margin:6px 0}
.water-glass{position:relative;width:112px;height:174px;padding:8px;border:5px solid #b9d5d3;border-top:0;border-radius:0 0 24px 24px;background:rgba(255,255,255,.65)}.water-fill{position:absolute;left:7px;right:7px;bottom:7px;height:76%;overflow:hidden;background:linear-gradient(#8f8166,#514c3d);border-radius:0 0 15px 15px}.outgoing .water-fill{height:80%;background:linear-gradient(#d7fbf5,#70d6cc)}.water-fill:before{content:"";position:absolute;top:-7px;left:-10%;width:120%;height:18px;background:rgba(255,255,255,.25);border-radius:50%}.water-fill i{position:absolute;width:10px;height:10px;background:#b39872;border-radius:50%}.water-fill i:nth-child(1){left:20%;top:24%}.water-fill i:nth-child(2){left:63%;top:42%;width:16px;height:8px}.water-fill i:nth-child(3){left:38%;top:67%;width:7px;height:17px}.water-fill i:nth-child(4){left:75%;top:72%}.outgoing .water-fill i{left:65%;top:34%;width:8px;height:8px;background:rgba(255,255,255,.7)}
.journey-core{display:flex;flex-direction:column;justify-content:center;gap:8px;padding:26px;color:white;text-align:center;background:linear-gradient(150deg,#092f3c,#007d79);border-radius:24px;box-shadow:0 18px 46px rgba(8,43,59,.13)}.journey-core small{color:var(--mint);font-weight:900;letter-spacing:.3em}.journey-core b{margin-bottom:12px;font-size:27px}.journey-core span{padding:9px 8px;background:rgba(255,255,255,.08);border-radius:9px;font-size:10px;font-weight:800;letter-spacing:.06em}.journey-core em{margin-top:9px;color:#c5e6e1;font-size:10px;font-style:normal}
.care-section { background: #edf8f5; }
.care-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; }
.care-grid article { padding: 30px; background: white; border: 1px solid var(--line); border-radius: 20px; }
.care-grid article span { color: var(--teal); font-size: 12px; font-weight: 850; letter-spacing: .12em; text-transform: uppercase; }
.care-grid h3 { margin: 24px 0 8px; font-size: 24px; }
.care-grid p { color: var(--muted); }
.care-price { display: block; margin-top: 18px; color: var(--teal); font-size: 14px; line-height: 1.45; }
.care-breakdown { margin-top: 24px; border: 1px solid var(--line); border-radius: 24px; background: white; overflow: hidden; box-shadow: 0 18px 50px rgba(4,53,65,.08); }
.care-breakdown-heading { display: flex; justify-content: space-between; gap: 32px; padding: 22px 26px; background: var(--navy); color: white; }
.care-breakdown-heading span { max-width: 650px; color: rgba(255,255,255,.78); }
.care-breakdown-row { display: grid; grid-template-columns: 1fr .8fr 1.4fr; gap: 16px; padding: 16px 26px; border-top: 1px solid var(--line); align-items: center; }
.care-breakdown-row strong { color: var(--teal); }
.care-breakdown > p { margin: 0; padding: 20px 26px; background: var(--mint); color: var(--navy); line-height: 1.6; }
.global-section { display: grid; grid-template-columns: .8fr 1.2fr; gap: 70px; align-items: center; }
.location-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 12px; }
.location-grid span { padding: 25px; background: white; border: 1px solid var(--line); border-radius: 18px; color: var(--muted); }
.location-grid b { display: block; color: var(--ink); font-size: 24px; }

.standards-section { background: #f5faf9; }
.standards-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 18px; }
.standards-grid article { padding: 32px; background: white; border: 1px solid var(--line); border-radius: 22px; }
.standards-grid article > span { color: var(--teal); font-size: 11px; font-weight: 850; letter-spacing: .15em; }
.standards-grid h3 { margin: 28px 0 12px; font-size: 24px; }
.standards-grid p { color: var(--muted); }
.standards-grid a { color: var(--ocean); font-weight: 800; text-decoration: none; }
.standards-grid .aluvia-response { color: white; background: var(--ink); }
.standards-grid .aluvia-response p { color: #bed0d5; }
.standards-grid .aluvia-response a, .standards-grid .aluvia-response > span { color: var(--mint); }
.standards-note { margin-top: 20px; padding: 18px 22px; background: #fff6d9; border: 1px solid #ead18a; border-radius: 14px; color: #6d5a25; font-size: 13px; }
.architect-teaser { display: grid; grid-template-columns: 1.2fr .8fr; gap: 60px; align-items: end; color: white; background: linear-gradient(135deg, #064354, #007a7f); }
.architect-teaser h2 { margin: 0; font-size: clamp(34px, 4vw, 58px); line-height: 1; letter-spacing: -.04em; }
.architect-teaser > div:last-child p { color: #c7dfe1; font-size: 17px; }
.blog-section { background: #eef7f5; }
.blog-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 18px; }
.blog-grid article { padding: 30px; background: white; border: 1px solid var(--line); border-radius: 20px; }
.blog-grid span { color: var(--teal); font-size: 10px; font-weight: 850; letter-spacing: .16em; }
.blog-grid h3 { margin: 24px 0 12px; font-size: 22px; }
.blog-grid p, .blog-note { color: var(--muted); }
.blog-grid a { color: var(--ocean); font-weight: 800; text-decoration: none; }
.blog-note { margin-top: 20px; font-size: 13px; }
.contact-section { display: grid; grid-template-columns: 1.1fr .9fr; gap: 60px; align-items: center; color: white; background: var(--ink); }
.contact-section h2 { margin: 0 0 18px; font-size: clamp(38px, 5vw, 66px); line-height: 1; }
.contact-section p { color: #bfd0d4; }
.contact-actions { display: flex; flex-wrap: wrap; gap: 12px; }
.contact-actions .secondary { color: white; border-color: #64818a; }
.contact-actions p { width: 100%; font-size: 11px; }
.faq-section{display:grid;grid-template-columns:minmax(260px,.72fr) minmax(0,1.28fr);gap:clamp(2.5rem,6vw,6.5rem);align-items:start;background:linear-gradient(145deg,#eef9f6,#f9fcfb)}
.faq-intro{position:sticky;top:118px}.faq-intro h2{margin:.25rem 0 1rem;font-size:clamp(2.8rem,5vw,5.6rem);line-height:.94}.faq-intro>p:not(.eyebrow){color:var(--muted);font-size:1.05rem;line-height:1.75;margin-bottom:1.6rem}
.faq-list{display:grid;gap:14px}.faq-list details{background:#fff;border:1px solid var(--line);border-radius:20px;box-shadow:0 12px 38px rgba(3,51,62,.06);overflow:hidden}.faq-list summary{position:relative;padding:24px 58px 24px 24px;cursor:pointer;font-weight:800;font-size:1.05rem;line-height:1.35;list-style:none}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary::after{content:'+';position:absolute;right:24px;top:19px;color:var(--teal);font-size:1.6rem;font-weight:500}.faq-list details[open] summary::after{content:'−'}.faq-list details p{margin:0;padding:0 24px 24px;color:var(--muted);line-height:1.75}.faq-list details[open]{border-color:#9edfd4}
.whatsapp-float { position:fixed; right:22px; bottom:22px; z-index:60; display:grid; place-items:center; width:58px; height:58px; color:white; background:#1f9d65; border:3px solid white; border-radius:50%; box-shadow:0 12px 30px rgba(4,55,39,.3); font-size:13px; font-weight:900; text-decoration:none; }
.chat-launcher { position:fixed; right:92px; bottom:28px; z-index:60; min-width:82px; height:46px; padding:0 18px; color:white; background:var(--ocean); border:2px solid white; border-radius:999px; box-shadow:0 12px 30px rgba(4,55,39,.22); font-weight:850; }
.chat-widget { position:fixed; right:22px; bottom:96px; z-index:70; width:min(390px,calc(100vw - 28px)); overflow:hidden; background:white; border:1px solid var(--line); border-radius:22px; box-shadow:0 28px 80px rgba(4,39,49,.28); }
.chat-header { display:flex; align-items:center; justify-content:space-between; padding:18px 20px; color:white; background:linear-gradient(120deg,var(--ocean),var(--teal)); }.chat-header strong,.chat-header small{display:block}.chat-header small{color:#d9fffa;font-size:11px}.chat-header button{color:white;background:transparent;border:0;font-size:26px}
.chat-body { max-height:220px; overflow:auto; padding:18px; background:#f5faf8; }.chat-message{max-width:90%;padding:12px 14px;background:white;border:1px solid var(--line);border-radius:15px 15px 15px 4px;color:#35515a;font-size:13px}
.chat-choices { display:grid; gap:7px; padding:14px 18px; }.chat-choices button{padding:10px 12px;text-align:left;color:var(--ink);background:white;border:1px solid var(--line);border-radius:10px;font-size:12px;font-weight:750}.chat-choices button:hover{background:var(--aqua);border-color:var(--teal)}
.chat-whatsapp { display:block;padding:13px 18px;color:white;background:#1f9d65;text-align:center;text-decoration:none;font-size:12px;font-weight:850; }
html[dir="rtl"] .chat-widget { right:auto; left:22px; }

.configurator-section { padding: 110px clamp(20px, 5vw, 72px); background: linear-gradient(145deg, #dff8f1, #f5fbf9); }
.configurator-intro { max-width: 820px; margin: 0 auto 44px; text-align: center; }
.configurator-shell { max-width: 1180px; margin: auto; overflow: hidden; background: white; border: 1px solid rgba(167, 204, 198, .7); border-radius: 30px; box-shadow: var(--shadow); }
.steps { display: grid; grid-template-columns: repeat(4, 1fr); padding: 18px; background: #f0f7f5; border-bottom: 1px solid var(--line); }
.step { display: flex; align-items: center; justify-content: center; gap: 9px; padding: 12px; color: #71848a; background: transparent; border: 0; font-weight: 750; }
.step span { display: grid; place-items: center; width: 28px; height: 28px; background: #dfeae8; border-radius: 50%; }
.step.active { color: var(--ocean); }
.step.active span, .step.complete span { color: white; background: var(--teal); }
.form-panel { display: none; margin: 0; padding: clamp(28px, 5vw, 60px); border: 0; }
.form-panel.active { display: block; animation: rise .35s ease; }
@keyframes rise { from { opacity: 0; transform: translateY(8px); } }
legend { padding: 0; font-size: clamp(28px, 4vw, 42px); font-weight: 830; letter-spacing: -.03em; }
.panel-copy { margin: 8px 0 30px; color: var(--muted); }
.field-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 18px; }
label { font-size: 13px; font-weight: 750; }
input:not([type="radio"]):not([type="checkbox"]), select { width: 100%; height: 51px; margin-top: 8px; padding: 0 15px; color: var(--ink); background: #fbfdfd; border: 1px solid #cbdedb; border-radius: 12px; outline: none; }
input:focus, select:focus { border-color: var(--teal); box-shadow: 0 0 0 3px rgba(0,168,157,.12); }
.choice-block { margin-top: 30px; }
.choice-label { display: block; margin-bottom: 12px; font-size: 13px; font-weight: 800; }
.choice-row { display: grid; grid-template-columns: repeat(4, 1fr); gap: 12px; }
.choice-row.two { grid-template-columns: repeat(2, 1fr); }
.choice-card { position: relative; display: block; min-height: 110px; cursor: pointer; }
.choice-card input { position: absolute; opacity: 0; pointer-events: none; }
.choice-card span { display: flex; flex-direction: column; height: 100%; padding: 20px; background: white; border: 1px solid #cfe0de; border-radius: 16px; transition: .2s; }
.choice-card b { font-size: 16px; }
.choice-card small { margin-top: 8px; color: var(--muted); font-weight: 500; }
.choice-card em { margin-top: 12px; color: var(--teal); font-size: 11px; font-style: normal; font-weight: 850; }
.choice-card input:checked + span { background: var(--aqua); border-color: var(--teal); box-shadow: 0 0 0 2px rgba(0,168,157,.12); }
.choice-card.disabled { opacity: .42; pointer-events: none; }
.capacity span { min-height: 112px; justify-content: center; text-align: center; }
.care-options { grid-template-columns: repeat(3, 1fr); }
.care-choice span { min-height: 200px; }
.care-choice i { margin-bottom: 25px; color: var(--teal); font-size: 11px; font-style: normal; letter-spacing: .15em; text-transform: uppercase; }
.care-choice.premium span { color: white; background: var(--ink); border-color: var(--ink); }
.care-choice.premium small { color: #bcd0d5; }
.care-choice.premium input:checked + span { background: linear-gradient(145deg, #0a3d4c, #006e73); border-color: var(--mint); }
.consent { display: flex; align-items: flex-start; gap: 9px; margin-top: 22px; color: var(--muted); font-weight: 550; }
.consent input { margin-top: 5px; }
.panel-actions { display: flex; justify-content: space-between; align-items: center; gap: 20px; margin-top: 34px; }
.text-button { padding: 10px; color: var(--ocean); background: transparent; border: 0; font-weight: 800; }
.assessment-banner { display: flex; flex-direction: column; margin-top: 24px; padding: 18px 20px; background: #fff7dc; border: 1px solid #ecd385; border-radius: 14px; }
.assessment-banner b { color: #835f10; }
.assessment-banner span { color: #705e33; font-size: 13px; }
.weekend-peak-option { margin-top:20px; padding:20px; background:linear-gradient(120deg,#fff7dc,#e9fbf5); border:1px solid #e1c773; border-radius:16px; }
.weekend-peak-option label { display:flex; align-items:flex-start; gap:12px; cursor:pointer; }
.weekend-peak-option input { margin-top:5px; }
.weekend-peak-option span { display:grid; gap:4px; }
.weekend-peak-option b { font-size:17px; }
.weekend-peak-option small { color:var(--muted); font-weight:550; }
.mandatory-note { margin-top: 20px; padding: 15px 18px; color: #35515a; background: #edf6f4; border-radius: 12px; font-size: 13px; }
.validation-error { margin: 16px 0 0; padding: 12px 15px; color: #8b2d2d; background: #fff0f0; border: 1px solid #f2c4c4; border-radius: 10px; font-size: 13px; }

.offer-card { padding: clamp(24px, 5vw, 50px); color: white; background: linear-gradient(145deg, #0b3140, #006b73); border-radius: 24px; }
.offer-top { display: flex; justify-content: space-between; gap: 30px; padding-bottom: 25px; border-bottom: 1px solid rgba(255,255,255,.18); }
.offer-top h3 { margin: 5px 0; font-size: 32px; }
.offer-top p { margin: 0; color: #c3dadd; }
.offer-id { text-align: right; color: var(--mint); font-size: 12px; font-weight: 800; }
.offer-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 28px; padding: 28px 0; }
.offer-block { padding: 20px; background: rgba(255,255,255,.07); border-radius: 16px; }
.offer-block h4 { margin: 0 0 14px; color: var(--mint); font-size: 11px; letter-spacing: .15em; text-transform: uppercase; }
.offer-block dl { display: grid; grid-template-columns: 1fr auto; gap: 9px 16px; margin: 0; font-size: 13px; }
.offer-block dd { margin: 0; text-align: right; font-weight: 800; }
.price-summary { padding-top: 24px; border-top: 1px solid rgba(255,255,255,.18); }
.price-row { display: flex; justify-content: space-between; gap: 20px; margin: 7px 0; color: #d6e5e7; }
.price-row.total { margin-top: 18px; color: white; font-size: 24px; font-weight: 850; }
.promo-chip { display: inline-flex; margin-top: 20px; padding: 9px 12px; color: #46360f; background: #ffe8a6; border-radius: 999px; font-size: 12px; font-weight: 850; }
.offer-next { display:grid; grid-template-columns:1fr 1fr; gap:12px 34px; margin-top:26px; padding-top:24px; border-top:1px solid rgba(255,255,255,.18); }.offer-next h4{margin:0;color:var(--mint);font-size:11px;letter-spacing:.14em}.offer-next ul,.offer-next ol{margin:0;padding-left:20px;color:#d5e5e7;font-size:13px}.offer-next li{margin:6px 0}
.offer-actions { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 24px; }
.offer-disclaimer { color: var(--muted); font-size: 12px; }

footer { display: grid; grid-template-columns: 1fr auto auto; align-items: center; gap: 30px; padding: 38px clamp(24px, 6vw, 92px); color: #b9cbd0; background: #061c26; font-size: 12px; }
.footer-brand .brand-logo { width:164px; padding:7px 10px; background:white; border-radius:12px; }

@media (max-width: 980px) {
  .care-breakdown-heading { display: block; }
  .care-breakdown-heading span { display: block; margin-top: 10px; }
  .care-breakdown-row { grid-template-columns: 1fr; }
  .care-breakdown-row span { color: var(--muted); }
  nav a:not(.nav-cta) { display: none; }
  .staff-menu div a { display:block; }
  .hero { grid-template-columns: 1fr; }
  .hero-visual { min-height: 500px; }
  .proof-strip { grid-template-columns: repeat(2, 1fr); }
  .system-grid, .care-grid, .installation-view-grid { grid-template-columns: 1fr; }
  .problem-intro,.problem-answer { grid-template-columns:1fr; }.problem-grid{grid-template-columns:1fr;}
  .system-card.featured { transform: none; }
  .process-flow { grid-template-columns: 1fr; }
  .smart-control-callout { grid-template-columns:1fr; }
  .flow-line { width: 1px; height: 28px; margin: auto; }
  .global-section { grid-template-columns: 1fr; }
  .media-science-copy,.reaction-grid,.treatment-journey { grid-template-columns:1fr; }
  .upgrade-section, .architect-teaser, .contact-section, .about-section, .faq-section { grid-template-columns: 1fr; }
  .faq-intro{position:static}
  .standards-grid, .blog-grid { grid-template-columns: 1fr; }
  .choice-row, .care-options { grid-template-columns: repeat(2, 1fr); }
  footer { grid-template-columns: 1fr; }
}

html[dir="rtl"] body { font-family: Tahoma, Arial, sans-serif; }
html[dir="rtl"] .upgrade-points span { border-left: 0; border-right: 3px solid var(--teal); border-radius: 12px 0 0 12px; }

@media (max-width: 640px) {
  .site-header { padding: 12px 16px; }
  .nav-cta { padding: 9px 12px; font-size: 12px; }
  .hero { padding: 70px 20px 50px; min-height: auto; }
  h1 { font-size: 54px; }
  .hero-visual { min-height: 400px; transform: scale(.82); margin: -30px; }
  .trust-row { gap: 8px; }
  .proof-strip { grid-template-columns: 1fr 1fr; }
  .proof-strip div { padding: 20px 10px; }
  .section { padding: 75px 20px; }
  .field-grid, .choice-row, .choice-row.two, .care-options, .location-grid, .offer-grid { grid-template-columns: 1fr; }
  .water-state { grid-template-columns:1fr; }.water-glass{margin:auto}
  .steps { padding: 10px 4px; }
  .step { font-size: 0; gap: 0; }
  .step span { font-size: 12px; }
  .form-panel { padding: 28px 20px; }
  .offer-top { flex-direction: column; }
  .offer-next { grid-template-columns:1fr; }
  .offer-id { text-align: left; }
}

/* Supplied project photography */
.installation-photo { display:block; width:100%; height:310px; object-fit:cover; }
.water-photo { display:block; width:130px; height:174px; object-fit:cover; border:5px solid #d8e9e7; border-radius:18px; }
.maintenance-separate { display:grid; gap:4px; margin-top:18px; padding:16px; color:#08313d; background:#dff8ef; border-radius:14px; }
.maintenance-separate strong { color:#007f79; }
.maintenance-separate small { color:#536c73; }
.capacity-contact { color:inherit; text-decoration:none; }
.form-honeypot { position:absolute!important; left:-10000px!important; width:1px!important; height:1px!important; overflow:hidden!important; }
.lead-status { min-height:24px; margin:12px 0 0; font-weight:750; }
.lead-status.success { color:#0b7a55; }
.lead-status.error { color:#a53a31; }
.article-page { max-width:920px; margin:auto; }
.article-page h1 { max-width:900px; font-size:clamp(44px,7vw,78px); }
.answer-box,.source-note{margin:32px 0;padding:28px;background:var(--aqua);border:1px solid #bfeadd;border-radius:20px}.source-note{background:#fff8df;border-color:#ead493}.answer-box h2{margin-top:0}.article-page li{margin:9px 0}.article-page h2{margin-top:46px}
.article-page h2 { margin-top:52px; font-size:clamp(28px,4vw,42px); }
.article-page p,.article-page li { color:#536c73; font-size:18px; line-height:1.75; }
.article-lead { font-size:22px!important; color:#173f49!important; }
.article-meta { margin:22px 0; color:#007f79; font-weight:750; }
.article-hero-image { width:100%; max-height:520px; object-fit:cover; border-radius:28px; box-shadow:var(--shadow); }
.article-callout,.article-cta { margin:44px 0; padding:30px; background:#dff8ef; border-left:5px solid var(--teal); border-radius:18px; }
.article-callout strong { color:var(--teal); font-size:22px; }
.article-cta .button { margin:8px 8px 0 0; }
@media (max-width: 640px) {
  .installation-photo { height:260px; }
  .water-photo { width:100%; height:220px; }
}

@media print {
  body * { visibility: hidden; }
  .offer-panel, .offer-panel * { visibility: visible; }
  .offer-panel { position: absolute; inset: 0; display: block !important; padding: 0; }
  .offer-actions, .offer-disclaimer { display: none; }
  .offer-card { color: #111; background: white; border: 1px solid #aaa; }
  .offer-card p, .price-row { color: #333; }
  .offer-block { background: #f4f4f4; }
  .offer-block h4, .offer-id { color: #176b6c; }
}