:root{
  --ink:#111719;--ink-2:#1c2427;--paper:#f3f0e9;--paper-2:#e8e4da;--white:#fff;
  --accent:#23b7c5;--accent-dark:#0d8995;--gold:#9d8056;--muted:#6f7778;--line:rgba(17,23,25,.17);
  --roof-color:#202628;--radius:4px;--container:min(1240px,calc(100vw - 48px));
}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--paper);color:var(--ink);font-family:Manrope,Arial,sans-serif;font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased}body.menu-open{overflow:hidden}
a{color:inherit;text-decoration:none}button,input{font:inherit}button{color:inherit}.container{width:var(--container);margin-inline:auto}.section-pad{padding:120px 0}.section-dark{background:var(--ink);color:var(--paper)}.section-soft{background:var(--paper-2)}.skip-link{position:fixed;left:16px;top:-50px;z-index:100;background:#fff;padding:10px 16px}.skip-link:focus{top:16px}.eyebrow{margin:0 0 22px;text-transform:uppercase;letter-spacing:.19em;font-size:12px;font-weight:700;color:var(--accent-dark)}.eyebrow-light{color:#73d7df}h1,h2,h3,p{margin-top:0}h1,h2{font-family:Prata,Georgia,serif;font-weight:400;letter-spacing:-.025em;line-height:1.08}h1{font-size:clamp(52px,6.4vw,102px);margin-bottom:30px}h1 em{font-style:normal;color:#8edbe0}h2{font-size:clamp(42px,4.8vw,72px);margin-bottom:28px}h3{line-height:1.25}.button{display:inline-flex;justify-content:center;align-items:center;min-height:56px;padding:0 28px;border:1px solid transparent;border-radius:100px;font-weight:700;font-size:14px;letter-spacing:.01em;transition:.25s ease;cursor:pointer}.button:hover{transform:translateY(-2px)}.button-accent{background:var(--accent);color:#071215}.button-accent:hover{background:#66d4dc}.button-dark{background:var(--ink);color:white}.button-outline-light{border-color:rgba(255,255,255,.35);color:white;background:transparent}.button-outline-light:hover{border-color:white}.button-small{min-height:42px;padding:0 18px;font-size:12px}.button-full{width:100%}.text-link{display:inline-flex;gap:14px;align-items:center;font-weight:700;font-size:14px;border-bottom:1px solid currentColor;padding-bottom:5px}.text-link span{font-size:17px}.text-link.light{color:white}.large-copy{font-size:clamp(22px,2.1vw,31px);line-height:1.45}.site-header{position:fixed;top:0;left:0;right:0;z-index:50;color:white;background:rgba(17,23,25,.18);backdrop-filter:blur(14px);border-bottom:1px solid rgba(255,255,255,.13);transition:.25s}.site-header.scrolled{background:rgba(17,23,25,.94)}.header-inner{height:82px;display:flex;align-items:center;justify-content:space-between;gap:22px}.brand{display:flex;align-items:center;gap:12px}.brand-mark{width:52px;fill:var(--accent)}.brand-copy{display:flex;flex-direction:column;line-height:1}.brand-copy b{font-size:19px;letter-spacing:.07em}.brand-copy small{font-size:9px;text-transform:uppercase;letter-spacing:.18em;margin-top:6px;opacity:.7}.desktop-nav{display:flex;gap:26px;font-size:13px;font-weight:600}.desktop-nav a{opacity:.82}.desktop-nav a:hover{opacity:1}.header-actions{display:flex;align-items:center;gap:18px}.phone{font-weight:700;font-size:13px}.menu-toggle{display:none;background:none;border:0;width:38px;height:38px;position:relative}.menu-toggle span{position:absolute;left:7px;width:24px;height:1px;background:white}.menu-toggle span:first-child{top:14px}.menu-toggle span:last-child{top:22px}.mobile-nav{display:none}.hero{position:relative;min-height:850px;padding:155px 0 70px;overflow:hidden}.hero-noise{position:absolute;inset:0;opacity:.12;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.3'/%3E%3C/svg%3E")}.hero::before{content:"";position:absolute;width:560px;height:560px;border:1px solid rgba(126,217,224,.17);border-radius:50%;left:-300px;top:90px}.hero-grid{position:relative;display:grid;grid-template-columns:.95fr 1.05fr;gap:58px;align-items:center}.hero-content{position:relative;z-index:2}.hero-lead{max-width:620px;font-size:19px;color:#c8cece}.hero-actions{display:flex;gap:26px;align-items:center;margin:40px 0 60px}.hero-trust{display:flex;gap:42px;border-top:1px solid rgba(255,255,255,.19);padding-top:24px}.hero-trust div{display:flex;align-items:flex-start;gap:12px}.hero-trust strong{color:var(--accent);font-family:Prata,serif;font-size:19px}.hero-trust span{font-size:11px;text-transform:uppercase;letter-spacing:.1em;color:#b7bebe;line-height:1.5}.hero-visual{min-height:650px;position:relative;border:1px solid rgba(255,255,255,.15);overflow:hidden;background:linear-gradient(145deg,#1b262b,#3b464a 55%,#a8a397)}.hero-photo{position:absolute;inset:0;background-image:linear-gradient(90deg,rgba(17,23,25,.28),rgba(17,23,25,.02)),url('https://static.tildacdn.pro/tild3166-3930-4466-b862-626164353061/offer-bg.jpg');background-size:cover;background-position:center;opacity:.26;mix-blend-mode:luminosity}.house-illustration{position:absolute;width:100%;height:100%;inset:0;z-index:1}.visual-caption{position:absolute;z-index:2;left:30px;bottom:28px;display:flex;flex-direction:column}.visual-caption span{font-size:11px;letter-spacing:.24em;color:#d6dbda}.visual-caption b{font-size:20px;letter-spacing:.08em}.visual-badge{position:absolute;z-index:2;right:-1px;top:45px;background:rgba(17,23,25,.88);display:flex;align-items:center;gap:10px;padding:13px 16px;font-size:9px;letter-spacing:.13em;text-transform:uppercase}.visual-badge i{width:3px;height:3px;background:var(--accent);border-radius:50%}.hero-marquee{position:absolute;bottom:0;left:0;right:0;border-top:1px solid rgba(255,255,255,.13);height:50px;overflow:hidden;white-space:nowrap}.hero-marquee div{font-size:11px;letter-spacing:.24em;color:#a8b0b1;padding-top:16px;animation:marquee 25s linear infinite}@keyframes marquee{to{transform:translateX(-40%)}}.intro-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:80px}.intro-copy{padding-top:38px}.stat-line{display:grid;grid-template-columns:repeat(3,1fr);gap:25px;border-top:1px solid var(--line);margin-top:55px;padding-top:28px}.stat-line div{display:flex;gap:14px;align-items:flex-start}.stat-line strong{font:400 30px Prata,serif;color:var(--accent-dark)}.stat-line span{font-size:11px;text-transform:uppercase;letter-spacing:.1em;line-height:1.5}.collection{background:#fff}.section-heading{display:grid;grid-template-columns:1.2fr .8fr;gap:70px;align-items:end;margin-bottom:65px}.section-heading>p{max-width:520px;color:var(--muted);margin-bottom:10px}.section-heading.light>p{color:#aeb6b7}.color-stage{display:grid;grid-template-columns:1.28fr .72fr;min-height:620px;border:1px solid var(--line)}.tile-preview{position:relative;overflow:hidden;background:var(--roof-color);transition:background .45s ease}.tile-preview::before{content:"";position:absolute;inset:-20%;background:linear-gradient(130deg,rgba(255,255,255,.24),transparent 34%,rgba(0,0,0,.22) 70%),radial-gradient(circle at 40% 20%,rgba(255,255,255,.18),transparent 33%);mix-blend-mode:overlay}.tile-lines{position:absolute;inset:-10%;transform:perspective(600px) rotateX(54deg) rotateZ(-19deg) scale(1.4);background-image:linear-gradient(rgba(255,255,255,.16) 1px,transparent 1px),linear-gradient(90deg,rgba(0,0,0,.35) 1px,transparent 1px),linear-gradient(180deg,transparent 48%,rgba(0,0,0,.33) 50%,transparent 52%);background-size:100% 56px,140px 100%,100% 56px;box-shadow:inset 0 0 140px rgba(0,0,0,.3)}.tile-label{position:absolute;left:36px;bottom:34px;color:white;display:flex;flex-direction:column;z-index:2}.tile-label small{font-size:10px;text-transform:uppercase;letter-spacing:.18em;opacity:.66}.tile-label b{font-size:26px;letter-spacing:.06em}.color-options{display:flex;flex-direction:column}.color-card{flex:1;display:grid;grid-template-columns:74px 1fr 34px;align-items:center;gap:20px;border:0;border-bottom:1px solid var(--line);padding:18px 24px;background:#fff;text-align:left;cursor:pointer;transition:.25s}.color-card:last-child{border-bottom:0}.color-card:hover,.color-card.active{background:var(--paper)}.color-card.active{box-shadow:inset 3px 0 var(--accent)}.color-card .swatch{width:74px;height:48px;border-radius:2px;box-shadow:inset 0 0 0 1px rgba(255,255,255,.18);background-image:linear-gradient(150deg,rgba(255,255,255,.24),transparent 45%),repeating-linear-gradient(0deg,rgba(0,0,0,.25) 0 1px,transparent 1px 6px)}.swatch.vulcan{background-color:#202628}.swatch.silver{background-color:#4d5559}.swatch.forest{background-color:#29473b}.swatch.red{background-color:#833d30}.swatch.brown{background-color:#554238}.color-card b{display:block;font-size:14px}.color-card small{color:var(--muted)}.color-card i{font-style:normal;color:#a2a8a8;font-size:11px}.collection-footer{display:flex;justify-content:space-between;align-items:center;padding-top:28px}.collection-footer p{margin:0;color:var(--muted)}.collection-footer p span{color:var(--ink);font-weight:700;margin-right:20px}.system-grid{display:grid;grid-template-columns:.75fr 1.25fr;gap:90px;align-items:center}.system-copy p:not(.eyebrow){color:#b8bfc0;max-width:520px;margin-bottom:36px}.layer-stack{display:flex;flex-direction:column;gap:10px;perspective:900px}.layer{display:grid;grid-template-columns:60px 1fr 1.2fr;align-items:center;min-height:74px;padding:0 26px;transform:skewX(-7deg);border:1px solid rgba(255,255,255,.13);box-shadow:0 14px 28px rgba(0,0,0,.15)}.layer>*{transform:skewX(7deg)}.layer span{color:var(--accent);font-family:Prata,serif}.layer b{font-size:14px}.layer small{color:#aeb5b6}.layer-1{background:#303a3d;margin-left:0}.layer-2{background:#263034;margin-left:26px}.layer-3{background:#212a2d;margin-left:52px}.layer-4{background:#1c2427;margin-left:78px}.layer-5{background:#151b1d;margin-left:104px}.benefit-grid{display:grid;grid-template-columns:repeat(4,1fr);margin-top:90px;border-top:1px solid rgba(255,255,255,.17)}.benefit-grid article{padding:35px 28px;border-right:1px solid rgba(255,255,255,.17)}.benefit-grid article:first-child{padding-left:0}.benefit-grid article:last-child{border-right:0}.benefit-grid i{font:400 20px Prata,serif;color:var(--accent)}.benefit-grid h3{font-size:18px;margin:18px 0}.benefit-grid p{font-size:13px;color:#aeb5b6}.project-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:24px}.project-card{background:#fff;border:1px solid var(--line)}.project-large{grid-row:span 2}.project-visual{height:300px;overflow:hidden;background:#c7c4bb}.project-large .project-visual{height:650px}.project-visual svg{width:100%;height:100%;display:block}.p-sky{fill:#b9c1bf}.p-ground{fill:#788174}.p-roof{fill:#202628;stroke:#111719;stroke-width:9}.p-wall{fill:#e7e2d7}.p-wall.brick{fill:#9b705c}.p-wall.warm{fill:#d0b690}.p-window{fill:#27383d;stroke:#77888d;stroke-width:5}.pv-green .p-roof{fill:#29473b}.pv-brown .p-roof{fill:#554238}.project-meta{padding:24px}.project-meta span,.project-meta small{display:block;color:var(--muted);font-size:12px}.project-meta b{display:block;font-size:17px;margin:6px 0}.project-cta{display:flex;justify-content:space-between;align-items:center;margin-top:45px;border-top:1px solid var(--line);padding-top:30px}.project-cta p{margin-bottom:5px;color:var(--muted)}.project-cta h3{font:400 26px Prata,serif;margin:0}.audience-tabs{display:flex;border-bottom:1px solid var(--line);gap:34px}.audience-tab{border:0;background:transparent;padding:0 0 18px;font-weight:700;color:var(--muted);cursor:pointer;border-bottom:3px solid transparent}.audience-tab.active{color:var(--ink);border-color:var(--accent)}.audience-panel{display:grid;grid-template-columns:1.1fr .9fr;gap:90px;padding:70px 0 0}.audience-panel>div>span{font-size:11px;text-transform:uppercase;letter-spacing:.16em;color:var(--accent-dark)}.audience-panel p{max-width:610px;color:var(--muted);font-size:18px}.audience-panel ol{list-style:none;margin:0;padding:20px 0 0}.audience-panel li{padding:18px 0;border-bottom:1px solid var(--line);font-size:18px}.audience-panel li b{font:400 17px Prata,serif;color:var(--accent-dark);margin-right:20px}.timeline{border-top:1px solid var(--line)}.timeline article{display:grid;grid-template-columns:110px 1fr;padding:35px 0;border-bottom:1px solid var(--line)}.timeline article>span{font:400 36px Prata,serif;color:var(--accent-dark)}.timeline h3{font:400 28px Prata,serif;margin:0 0 8px}.timeline p{color:var(--muted);max-width:730px;margin:0}.package-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.package-card{position:relative;border:1px solid rgba(255,255,255,.17);padding:40px 34px;min-height:490px;display:flex;flex-direction:column}.package-card.featured{border-color:var(--accent);background:#172225}.package-card .tag{position:absolute;right:20px;top:20px;background:var(--accent);color:#0c1719;font-size:9px;text-transform:uppercase;letter-spacing:.13em;padding:7px 10px}.package-card>span{font:400 28px Prata,serif;color:var(--accent)}.package-card h3{font:400 34px Prata,serif;margin:24px 0 12px}.package-card p{color:#aeb5b6;min-height:80px}.package-card ul{list-style:none;padding:0;margin:20px 0 35px}.package-card li{border-top:1px solid rgba(255,255,255,.13);padding:12px 0;font-size:13px}.package-card strong{margin-top:auto;font-size:13px;text-transform:uppercase;letter-spacing:.1em}.package-card>a{margin-top:12px;color:var(--accent);font-weight:700}.estimate-grid{display:grid;grid-template-columns:.75fr 1.25fr;gap:90px}.estimate-copy>p:not(.eyebrow){font-size:18px;color:var(--muted);max-width:500px}.estimate-note{margin-top:60px;border-left:3px solid var(--accent);padding-left:25px;display:flex;flex-direction:column}.estimate-note span{font-size:10px;text-transform:uppercase;letter-spacing:.17em;color:var(--muted)}.estimate-note b{font-size:17px;margin:8px 0}.estimate-note small{color:var(--muted)}.estimate-form{background:white;border:1px solid var(--line);padding:38px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:18px}.estimate-form label,.estimate-form legend{font-size:12px;font-weight:700}.estimate-form input[type="text"],.estimate-form input[type="number"],.estimate-form input[type="tel"]{width:100%;display:block;margin-top:8px;border:1px solid var(--line);background:#faf9f5;padding:15px 16px;outline:none}.estimate-form input:focus{border-color:var(--accent-dark)}.estimate-form fieldset{border:0;padding:0;margin:26px 0}.estimate-form legend{margin-bottom:10px}.choice-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.choice-grid label input{position:absolute;opacity:0}.choice-grid label span{display:flex;flex-direction:column;justify-content:center;min-height:65px;border:1px solid var(--line);padding:10px 12px;cursor:pointer;background:#faf9f5}.choice-grid label input:checked+span{border-color:var(--accent-dark);box-shadow:inset 3px 0 var(--accent);background:#eef8f8}.choice-grid small{font-weight:400;color:var(--muted)}.consent{display:flex;align-items:flex-start;gap:9px;margin:20px 0}.consent input{margin-top:4px}.consent span{font-weight:400;color:var(--muted)}.consent a{text-decoration:underline}.form-status{font-size:13px;margin:12px 0 0;color:var(--accent-dark)}.faq-grid{display:grid;grid-template-columns:.72fr 1.28fr;gap:100px}.faq-grid>div:first-child>p:not(.eyebrow){color:var(--muted)}.accordion details{border-top:1px solid var(--line)}.accordion details:last-child{border-bottom:1px solid var(--line)}.accordion summary{list-style:none;display:flex;justify-content:space-between;align-items:center;gap:20px;padding:24px 0;font-weight:700;cursor:pointer}.accordion summary::-webkit-details-marker{display:none}.accordion summary span{font:400 25px Prata,serif;transition:.2s}.accordion details[open] summary span{transform:rotate(45deg)}.accordion details p{color:var(--muted);padding:0 55px 24px 0}.final-cta{padding:90px 0}.final-grid{display:flex;justify-content:space-between;align-items:end;gap:40px}.final-grid h2{margin-bottom:18px}.final-grid p:not(.eyebrow){color:#aeb5b6;margin:0}.site-footer{background:#0b0f10;color:#c8cece;padding:70px 0 25px}.footer-grid{display:grid;grid-template-columns:1.45fr repeat(3,1fr);gap:55px}.footer-grid>div{display:flex;flex-direction:column;align-items:flex-start}.footer-brand{margin-bottom:22px}.footer-grid p{max-width:300px;color:#899294;font-size:13px}.footer-grid h4{font-size:11px;text-transform:uppercase;letter-spacing:.14em;color:white;margin:0 0 22px}.footer-grid a,.footer-grid span{font-size:13px;color:#899294;margin-bottom:10px}.footer-grid a:hover{color:white}.footer-bottom{display:flex;justify-content:space-between;gap:20px;border-top:1px solid rgba(255,255,255,.1);padding-top:24px;margin-top:50px;font-size:11px;color:#687173}.footer-bottom button{border:0;background:none;color:inherit;cursor:pointer}.whatsapp-float{position:fixed;z-index:45;right:22px;bottom:24px;width:54px;height:54px;border-radius:50%;display:grid;place-items:center;background:#1fae6f;color:white;box-shadow:0 12px 30px rgba(0,0,0,.24);font-weight:800;font-size:12px}.cookie-banner{position:fixed;z-index:70;left:22px;bottom:22px;max-width:560px;background:white;border:1px solid var(--line);box-shadow:0 18px 50px rgba(0,0,0,.18);padding:20px;display:none;align-items:center;gap:25px}.cookie-banner.show{display:flex}.cookie-banner p{font-size:12px;margin:0}.cookie-banner>div{display:flex;align-items:center;gap:12px;flex-shrink:0}.text-button{border:0;background:transparent;font-size:11px;text-decoration:underline;cursor:pointer}.reveal{opacity:1;transform:none}.js .reveal{opacity:0;transform:translateY(24px);transition:opacity .7s ease,transform .7s ease}.js .reveal.visible{opacity:1;transform:none}
@media (max-width:1080px){.desktop-nav,.phone{display:none}.hero-grid,.intro-grid,.system-grid,.estimate-grid,.faq-grid{gap:50px}.hero-grid{grid-template-columns:1fr 1fr}.hero-visual{min-height:570px}.benefit-grid{grid-template-columns:1fr 1fr}.benefit-grid article:nth-child(2){border-right:0}.project-large .project-visual{height:550px}.section-pad{padding:95px 0}}
@media (max-width:820px){:root{--container:min(100% - 30px,720px)}.header-actions .button{display:none}.menu-toggle{display:block}.mobile-nav{position:fixed;inset:82px 0 auto;background:var(--ink);padding:25px 22px 35px;flex-direction:column;gap:20px;border-top:1px solid rgba(255,255,255,.14)}.mobile-nav.open{display:flex}.hero{padding-top:125px}.hero-grid,.intro-grid,.section-heading,.color-stage,.system-grid,.project-grid,.audience-panel,.estimate-grid,.faq-grid{grid-template-columns:1fr}.hero-visual{min-height:560px}.hero-content{padding-bottom:0}.hero-trust{gap:20px;justify-content:space-between}.intro-copy{padding-top:0}.color-stage{min-height:auto}.tile-preview{height:460px}.system-copy{max-width:650px}.layer{grid-template-columns:50px 1fr}.layer small{display:none}.layer-1,.layer-2,.layer-3,.layer-4,.layer-5{margin-left:0}.project-large{grid-row:auto}.project-large .project-visual,.project-visual{height:480px}.audience-tabs{overflow-x:auto}.audience-tab{white-space:nowrap}.package-grid{grid-template-columns:1fr}.package-card{min-height:0}.final-grid{align-items:flex-start;flex-direction:column}.footer-grid{grid-template-columns:1fr 1fr}.cookie-banner{right:15px;left:15px;bottom:15px;max-width:none}}
@media (max-width:560px){.section-pad{padding:78px 0}h1{font-size:49px}h2{font-size:39px}.brand-mark{width:42px}.brand-copy small{display:none}.header-inner{height:70px}.mobile-nav{inset:70px 0 auto}.hero{min-height:auto;padding:115px 0 48px}.hero-grid{display:flex;flex-direction:column}.hero-lead{font-size:16px}.hero-actions{align-items:flex-start;flex-direction:column;margin:30px 0 42px}.hero-trust{display:grid;grid-template-columns:1fr 1fr;width:100%}.hero-visual{width:100%;min-height:430px}.visual-badge{display:none}.section-heading{gap:15px;margin-bottom:40px}.stat-line{grid-template-columns:1fr}.stat-line div{border-bottom:1px solid var(--line);padding-bottom:16px}.tile-preview{height:350px}.color-card{grid-template-columns:58px 1fr 22px;padding:14px}.color-card .swatch{width:58px;height:42px}.collection-footer,.project-cta{align-items:flex-start;flex-direction:column;gap:22px}.benefit-grid{grid-template-columns:1fr}.benefit-grid article{border-right:0;border-bottom:1px solid rgba(255,255,255,.17);padding-left:0}.project-large .project-visual,.project-visual{height:340px}.audience-panel{gap:25px}.timeline article{grid-template-columns:65px 1fr}.form-row,.choice-grid{grid-template-columns:1fr}.estimate-form{padding:24px 18px}.choice-grid label span{min-height:54px}.footer-grid{grid-template-columns:1fr}.footer-bottom{flex-wrap:wrap}.cookie-banner{align-items:stretch;flex-direction:column}.cookie-banner>div{justify-content:space-between}}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.js .reveal{opacity:1;transform:none;transition:none}.hero-marquee div{animation:none}.button:hover{transform:none}}