@font-face{font-family:Bricolage Grotesque Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/bricolage-grotesque-vietnamese-wght-normal-BUzh504Q.woff2) format("woff2-variations");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Bricolage Grotesque Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/bricolage-grotesque-latin-ext-wght-normal-CcLUaPy7.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Bricolage Grotesque Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/bricolage-grotesque-latin-wght-normal-DLoelf7F.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--color-accent: #9bbc2a;--color-accent-dark: #4a7c0f;--color-accent-light: rgba(197, 212, 142, 1);--color-accent-lightest: rgba(219, 226, 191, 1);--color-accent-50: #f5fae7;--color-surface: #fafaf8;--color-surface-raised: #ffffff;--color-surface-sunken: #f5f5f5;--color-surface-overlay: rgba(255, 255, 255, .92);--color-border: rgba(0, 0, 0, .08);--color-border-strong: rgba(0, 0, 0, .14);--color-text-primary: rgba(0, 0, 0, 1);--color-text-muted: rgba(0, 0, 0, .6);--color-text-light: rgba(0, 0, 0, .45);--gradient-cta: linear-gradient(135deg, #9bbc2a 0%, #7da318 100%);--gradient-cta-hover: linear-gradient(135deg, #a8c73d 0%, #8eb31d 100%);--shadow-sm: 0 2px 8px rgba(0, 0, 0, .06);--shadow-card: 0px 4px 16px rgba(0, 0, 0, .08);--shadow-card-hover: 0 20px 40px rgba(0, 0, 0, .1);--shadow-accent: 0 12px 28px rgba(153, 188, 42, .2);--shadow-elevated: 0 24px 48px rgba(0, 0, 0, .12);--color-footer-bg: #1a1a1a;--color-footer-text: rgba(255, 255, 255, .88);--color-footer-text-muted: rgba(255, 255, 255, .6);--color-black: #000000;--color-white: #ffffff;--font-family: "Inter", system-ui, -apple-system, sans-serif;--font-family-display: "Bricolage Grotesque Variable", "Inter", system-ui, sans-serif;--font-weight-regular: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--font-weight-extrabold: 800;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 2rem;--font-size-4xl: 3rem;--font-size-5xl: 4rem;--space-xs: .25rem;--space-sm: .5rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2rem;--space-2xl: 3rem;--space-3xl: 4rem;--space-4xl: 6rem;--radius-sm: .5rem;--radius-md: 1rem;--radius-lg: 1.5rem;--radius-xl: 2rem;--radius-2xl: 2.5rem;--radius-full: 9999px;--transition-fast: .15s ease;--transition-base: .25s ease;--transition-slow: .4s ease;--max-width: 1280px;--header-height: 64px}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--color-accent: #7822ff;--color-accent-dark: #9b5aff;--color-accent-light: #5a1abf;--color-accent-lightest: #3d1280;--color-accent-50: rgba(120, 34, 255, .1);--color-surface: #0e0e10;--color-surface-raised: #1a1a1e;--color-surface-sunken: #141416;--color-surface-overlay: rgba(20, 20, 24, .92);--color-border: rgba(255, 255, 255, .08);--color-border-strong: rgba(255, 255, 255, .14);--color-text-primary: rgba(255, 255, 255, .94);--color-text-muted: rgba(255, 255, 255, .65);--color-text-light: rgba(255, 255, 255, .45);--gradient-cta: linear-gradient(135deg, #7822ff 0%, #6318d9 100%);--gradient-cta-hover: linear-gradient(135deg, #8b3dff 0%, #7822ff 100%);--shadow-sm: 0 2px 8px rgba(0, 0, 0, .3);--shadow-card: 0px 4px 16px rgba(0, 0, 0, .3);--shadow-card-hover: 0 20px 40px rgba(0, 0, 0, .4);--shadow-accent: 0 12px 28px rgba(120, 34, 255, .25);--shadow-elevated: 0 24px 48px rgba(0, 0, 0, .5);--color-footer-bg: #08080a;--color-footer-text: rgba(255, 255, 255, .88);--color-footer-text-muted: rgba(255, 255, 255, .5)}}:root[data-theme=dark]{--color-accent: #7822ff;--color-accent-dark: #9b5aff;--color-accent-light: #5a1abf;--color-accent-lightest: #3d1280;--color-accent-50: rgba(120, 34, 255, .1);--color-surface: #0e0e10;--color-surface-raised: #1a1a1e;--color-surface-sunken: #141416;--color-surface-overlay: rgba(20, 20, 24, .92);--color-border: rgba(255, 255, 255, .08);--color-border-strong: rgba(255, 255, 255, .14);--color-text-primary: rgba(255, 255, 255, .94);--color-text-muted: rgba(255, 255, 255, .65);--color-text-light: rgba(255, 255, 255, .45);--gradient-cta: linear-gradient(135deg, #7822ff 0%, #6318d9 100%);--gradient-cta-hover: linear-gradient(135deg, #8b3dff 0%, #7822ff 100%);--shadow-sm: 0 2px 8px rgba(0, 0, 0, .3);--shadow-card: 0px 4px 16px rgba(0, 0, 0, .3);--shadow-card-hover: 0 20px 40px rgba(0, 0, 0, .4);--shadow-accent: 0 12px 28px rgba(120, 34, 255, .25);--shadow-elevated: 0 24px 48px rgba(0, 0, 0, .5);--color-footer-bg: #08080a;--color-footer-text: rgba(255, 255, 255, .88);--color-footer-text-muted: rgba(255, 255, 255, .5)}.site{min-height:100vh;background:var(--color-surface)}.site-header__inner,.site-footer__inner,.page-wrap{width:min(1280px,100% - 2.5rem);margin:0 auto}.site-header{border-bottom:1px solid var(--color-border);background:var(--color-surface-overlay);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);position:sticky;top:0;z-index:50}.site-header__inner{min-height:84px;display:flex;align-items:center;justify-content:space-between;gap:1rem}.site-logo{width:220px;max-width:52vw}.site-logo--dark{display:none}@media(prefers-color-scheme:dark){:root:not([data-theme=light]) .site-logo--light{display:none}:root:not([data-theme=light]) .site-logo--dark{display:block}}:root[data-theme=dark] .site-logo--light{display:none}:root[data-theme=dark] .site-logo--dark{display:block}:root[data-theme=light] .site-logo--light{display:block}:root[data-theme=light] .site-logo--dark{display:none}.theme-toggle{display:grid;place-items:center;width:36px;height:36px;border-radius:999px;border:1px solid var(--color-border-strong);background:var(--color-surface-raised);color:var(--color-text-primary);cursor:pointer;transition:background-color var(--transition-fast),color var(--transition-fast),border-color var(--transition-fast)}.theme-toggle:hover{background:var(--color-accent-50);color:var(--color-accent);border-color:var(--color-accent)}.site-nav{display:flex;align-items:center;gap:1.4rem;flex-wrap:wrap;justify-content:flex-end}.site-nav__link{font-size:.88rem;font-weight:600;transition:color var(--transition-fast),transform var(--transition-fast);position:relative}.site-nav__link:after{content:"";position:absolute;left:0;right:0;bottom:-4px;height:2px;border-radius:2px;background:var(--color-accent);transform:scaleX(0);transform-origin:left center;transition:transform var(--transition-base)}.site-nav__link:hover:after,.site-nav__link:focus-visible:after{transform:scaleX(1)}.site-nav__link--underline:after{transform:scaleX(1)}.site-nav__link:hover{color:var(--color-accent)}.site-nav__link:active{transform:translateY(1px)}.lang-switch{display:inline-flex;border:1px solid var(--color-border-strong);border-radius:999px;overflow:hidden;box-shadow:var(--shadow-sm)}.lang-switch__btn{border:0;background:var(--color-surface-raised);color:var(--color-text-primary);padding:.38rem .62rem;font-size:.76rem;font-weight:700;letter-spacing:.03em;cursor:pointer;transition:background-color var(--transition-fast),color var(--transition-fast)}.lang-switch__btn.is-active{background:var(--color-text-primary);color:var(--color-surface)}.hero{position:relative;min-height:620px;display:flex;align-items:center;overflow:hidden;padding:3rem 0 3.5rem}.hero:before{content:"";position:absolute;inset:0;background-image:url(/images/hero-solar.jpeg);background-image:image-set(url(/images/hero-solar.avif) type("image/avif"),url(/images/hero-solar.webp) type("image/webp"),url(/images/hero-solar.jpeg) type("image/jpeg"));background-size:cover;background-position:center 30%;opacity:1}.hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,var(--color-surface) 0%,color-mix(in srgb,var(--color-surface) 84%,transparent) 34%,color-mix(in srgb,var(--color-surface) 38%,transparent) 58%,color-mix(in srgb,var(--color-surface) 10%,transparent) 78%,transparent 94%),linear-gradient(to bottom,transparent 72%,var(--color-surface) 100%)}@media(prefers-color-scheme:dark){:root:not([data-theme=light]) .hero:before{filter:brightness(.52) saturate(.8)}:root:not([data-theme=light]) .hero:after{background:linear-gradient(180deg,color-mix(in srgb,#7822ff 14%,transparent) 0%,transparent 48%),linear-gradient(90deg,var(--color-surface) 0%,color-mix(in srgb,var(--color-surface) 84%,transparent) 34%,color-mix(in srgb,var(--color-surface) 38%,transparent) 58%,color-mix(in srgb,var(--color-surface) 10%,transparent) 78%,transparent 94%),linear-gradient(to bottom,transparent 72%,var(--color-surface) 100%)}}:root[data-theme=dark] .hero:before{filter:brightness(.52) saturate(.8)}:root[data-theme=dark] .hero:after{background:linear-gradient(180deg,color-mix(in srgb,#7822ff 14%,transparent) 0%,transparent 48%),linear-gradient(90deg,var(--color-surface) 0%,color-mix(in srgb,var(--color-surface) 84%,transparent) 34%,color-mix(in srgb,var(--color-surface) 38%,transparent) 58%,color-mix(in srgb,var(--color-surface) 10%,transparent) 78%,transparent 94%),linear-gradient(to bottom,transparent 72%,var(--color-surface) 100%)}.hero__content{position:relative;z-index:2;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,420px);gap:3rem;align-items:center;text-align:left}.hero__copy>*{animation:fade-up .7s ease both}.hero__kicker{display:inline-flex;align-items:center;gap:.55rem;font-size:.8rem;font-weight:700;letter-spacing:.09em;text-transform:uppercase;color:var(--color-accent-dark);margin-bottom:.9rem}.hero__kicker:before{content:"";width:26px;height:2px;border-radius:2px;background:var(--color-accent)}.hero h1{font-size:clamp(2.4rem,4.6vw,4.1rem);margin-bottom:.9rem;animation-delay:.08s}.hero__sub{color:var(--color-text-muted);font-size:clamp(1.05rem,1.9vw,1.25rem);max-width:560px;margin-bottom:1.3rem;animation-delay:.16s}.hero__chips{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1.6rem;animation-delay:.24s}.hero__chips li{display:inline-flex;align-items:center;gap:.42rem;font-size:.84rem;font-weight:600;padding:.42rem .85rem;border-radius:999px;background:var(--color-surface-overlay);border:1px solid var(--color-border-strong);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}.hero__chips li svg{color:var(--color-accent-dark);flex:none}.hero__actions{display:flex;gap:.8rem;justify-content:flex-start;flex-wrap:wrap;animation-delay:.32s}.quick-check{position:relative;z-index:2;background:var(--color-surface-raised);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-elevated);padding:1.4rem 1.4rem 1.2rem;animation:fade-up .7s ease both;animation-delay:.28s}.quick-check__head{display:flex;align-items:center;justify-content:space-between;gap:.8rem}.quick-check__head h2{font-size:1.15rem}.quick-check__badge{font-size:.72rem;font-weight:700;color:var(--color-accent-dark);background:var(--color-accent-50);border:1px solid color-mix(in srgb,var(--color-accent) 35%,transparent);border-radius:999px;padding:.22rem .6rem;white-space:nowrap}.quick-check__label{font-size:.8rem;font-weight:600;color:var(--color-text-muted);margin:.9rem 0 .45rem}.quick-check__tiles{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.45rem}.quick-check__tiles--text{grid-template-columns:repeat(3,minmax(0,1fr))}.quick-check__tile{display:flex;flex-direction:column;align-items:center;gap:.32rem;padding:.45rem .3rem .42rem;border-radius:12px;border:2px solid var(--color-border);background:var(--color-surface);cursor:pointer;font-size:.74rem;font-weight:600;color:var(--color-text-muted);transition:border-color var(--transition-fast),background-color var(--transition-fast),color var(--transition-fast),transform var(--transition-fast)}.quick-check__tile img{width:100%;max-width:84px;aspect-ratio:3 / 2;object-fit:cover;border-radius:8px;background:#e9e9e7}.quick-check__tile:hover{border-color:var(--color-accent);color:var(--color-text-primary);transform:translateY(-1px)}.quick-check__tile.is-selected{border-color:var(--color-accent);background:var(--color-accent-50);color:var(--color-accent-dark)}.quick-check__tile--text{flex-direction:row;justify-content:center;padding:.55rem .3rem;font-size:.85rem}.quick-check__result{min-height:86px;display:flex;flex-direction:column;justify-content:center;margin:1rem 0 .9rem;padding:.7rem 1rem;border-radius:12px;background:var(--color-surface-sunken);border:1px dashed var(--color-border-strong)}.quick-check__hint{font-size:.85rem;color:var(--color-text-muted)}.quick-check__kwp{display:flex;align-items:baseline;gap:.6rem;flex-wrap:wrap}.quick-check__kwp-value{font-size:1.5rem;font-weight:800;letter-spacing:-.02em;font-variant-numeric:tabular-nums}.quick-check__kwp-label{font-size:.78rem;color:var(--color-text-muted)}.quick-check__figures{font-size:.85rem;font-weight:600;color:var(--color-accent-dark);margin-top:.1rem;font-variant-numeric:tabular-nums}.quick-check__cta{width:100%}.quick-check__prefill{margin-top:.5rem;font-size:.76rem;color:var(--color-accent-dark);text-align:center}.quick-check__disclaimer{margin-top:.45rem;font-size:.7rem;color:var(--color-text-light);text-align:center}.stats-band{background:var(--color-surface-raised);border-block:1px solid var(--color-border);padding:1.7rem 0}.stats-band__grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem}.stats-band__item{text-align:center;padding:.2rem .5rem}.stats-band__value{font-family:var(--font-family-display, var(--font-family));font-size:clamp(1.5rem,2.6vw,2rem);font-weight:800;letter-spacing:-.02em;line-height:1.1;font-variant-numeric:tabular-nums}.stats-band__label{font-size:.82rem;color:var(--color-text-muted);margin-top:.2rem}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;border-radius:12px;border:2px solid var(--color-border-strong);padding:.8rem 1.4rem;font-weight:600;font-size:.95rem;cursor:pointer;background:var(--color-surface-raised);color:var(--color-text-primary);transition:transform var(--transition-fast),box-shadow var(--transition-base),filter var(--transition-fast),border-color var(--transition-fast);box-shadow:var(--shadow-sm)}.btn--primary{background:var(--color-text-primary);color:var(--color-surface);border-color:var(--color-text-primary)}.btn--green{color:#fff;background:var(--gradient-cta);border:none;box-shadow:var(--shadow-accent)}.btn--green:hover{background:var(--gradient-cta-hover);box-shadow:var(--shadow-accent);filter:brightness(1.08)}.btn:hover{transform:translateY(-2px);box-shadow:var(--shadow-card-hover)}.btn:active{transform:translateY(0);box-shadow:var(--shadow-sm)}.btn:disabled,.btn.is-disabled{opacity:.42;pointer-events:none;filter:grayscale(.3);box-shadow:none}.section-header{text-align:left;margin-bottom:2.5rem}.section-header h2{font-size:clamp(1.8rem,3.5vw,2.8rem);margin-bottom:.5rem}.section-header p{color:var(--color-text-muted);font-size:1.1rem;max-width:640px}.section-header__kicker{display:inline-flex;align-items:center;gap:.55rem;font-size:.78rem;font-weight:700;letter-spacing:.09em;text-transform:uppercase;color:var(--color-accent-dark);margin-bottom:.55rem}.section-header__kicker:before{content:"";width:24px;height:2px;border-radius:2px;background:var(--color-accent)}.cards{padding:4rem 0;background:var(--color-accent-50)}.cards__grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1.25rem}.cards__disclaimer{margin-top:1.2rem;font-size:.82rem;color:var(--color-text-muted);line-height:1.45}.card{border-radius:16px;background:var(--color-surface-raised);overflow:hidden;transition:transform var(--transition-base),box-shadow var(--transition-base);box-shadow:var(--shadow-sm)}.card:hover{transform:translateY(-6px);box-shadow:var(--shadow-elevated)}.card img{width:100%;aspect-ratio:4/3;object-fit:cover;transition:transform .5s ease}.card__media{position:relative;overflow:hidden}.card__overlay{position:absolute;inset:0;background:linear-gradient(160deg,color-mix(in srgb,var(--color-accent) 30%,transparent),#0006 78%);opacity:.5;transition:opacity var(--transition-base)}.card__body{padding:1.1rem 1rem}.card__title-row{display:flex;align-items:center;gap:.45rem;margin-bottom:.4rem;color:var(--color-accent)}.card__title-row h3{font-size:1.2rem;letter-spacing:-.01em;color:var(--color-text-primary)}.card__body p{color:var(--color-text-muted);font-weight:400;font-size:.92rem;line-height:1.5}.card:hover img{transform:scale(1.06)}.card:hover .card__overlay{opacity:.25}.card__title-row svg{flex:none;transition:transform var(--transition-base)}.card:hover .card__title-row svg{transform:scale(1.15) rotate(-4deg)}.cards__grid--featured{grid-template-columns:repeat(3,minmax(0,1fr))}.cards__more-title{margin:2.2rem 0 1rem;font-size:.8rem;font-weight:700;letter-spacing:.09em;text-transform:uppercase;color:var(--color-text-muted)}.cards__grid--mini{grid-template-columns:repeat(5,minmax(0,1fr));gap:1rem}.card--mini{padding:1rem .95rem;border:1px solid var(--color-border)}.card--mini .card__title-row{margin-bottom:.35rem}.card--mini .card__title-row h4{font-size:.98rem;letter-spacing:-.01em;color:var(--color-text-primary)}.card--mini p{color:var(--color-text-muted);font-size:.84rem;line-height:1.45}.card--mini:hover{transform:translateY(-4px);border-color:var(--color-accent);box-shadow:var(--shadow-card-hover)}.process{padding:4rem 0 4.5rem}.process__list{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1.4rem}.process__step{position:relative}.process__step:not(:last-child):after{content:"";position:absolute;top:24px;left:60px;width:calc(100% - 60px + 1.4rem);height:2px;background:linear-gradient(90deg,var(--color-border-strong),var(--color-border))}.process__marker{position:relative;z-index:1;width:48px;height:48px;border-radius:50%;display:grid;place-items:center;background:var(--color-accent-50);color:var(--color-accent-dark);border:2px solid var(--color-accent);margin-bottom:.9rem}.process__step h3{display:flex;align-items:center;gap:.5rem;font-size:1.05rem;margin-bottom:.4rem}.process__num{flex:none;font-size:.72rem;font-weight:800;color:var(--color-accent-dark);background:var(--color-accent-50);border-radius:999px;padding:.1rem .5rem}.process__step p{font-size:.9rem;color:var(--color-text-muted);line-height:1.55}.process__cta{margin-top:2.2rem}.contact-band{background:var(--color-accent-50);border-block:1px solid var(--color-border);padding:3rem 0}.contact-band__inner{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:2rem;align-items:center}.contact-band__copy h2{font-size:clamp(1.6rem,3vw,2.2rem);margin-bottom:.5rem}.contact-band__note{color:var(--color-text-muted);max-width:480px}.contact-band__person{display:flex;align-items:center;gap:.8rem;margin-top:1.2rem}.contact-band__avatar{flex:none;width:52px;height:52px;border-radius:50%;display:grid;place-items:center;background:var(--gradient-cta);color:#fff;font-weight:800;letter-spacing:.02em;box-shadow:var(--shadow-accent)}.contact-band__person strong{display:block;font-size:1rem;line-height:1.3}.contact-band__role{display:block;font-size:.82rem;color:var(--color-text-muted)}.contact-band__actions{display:flex;flex-direction:column;align-items:stretch;gap:.7rem;justify-self:end;width:min(360px,100%)}.location{padding:4rem 0;display:grid;grid-template-columns:1fr 1fr;gap:2rem;align-items:center}.location__map{border-radius:var(--radius-lg);background:var(--color-surface-sunken);min-height:320px;overflow:hidden;border:1px solid var(--color-border);box-shadow:var(--shadow-card)}.location__map iframe{width:100%;height:100%;min-height:320px;border:0}.location h2{font-size:clamp(2rem,4vw,3rem);margin-bottom:.9rem}.location p{color:var(--color-text-muted);font-size:1.05rem;line-height:1.6}.site-footer{background:var(--color-footer-bg);color:var(--color-footer-text);margin-top:0}.site-footer__inner{padding:3rem 0;display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:2rem}.site-footer h4{font-size:.92rem;margin-bottom:.65rem;color:#fff}.site-footer p,.site-footer a{font-size:.86rem;color:var(--color-footer-text-muted);margin-bottom:.33rem;transition:color var(--transition-fast)}.site-footer a:hover{color:var(--color-accent-light)}.site-footer__link-btn{border:0;background:transparent;font-size:.86rem;color:var(--color-footer-text-muted);margin-bottom:.33rem;padding:0;text-decoration:underline;cursor:pointer;transition:color var(--transition-fast)}.site-footer__link-btn:hover{color:var(--color-accent-light)}.site-footer__bottom{border-top:1px solid rgba(255,255,255,.1);padding-top:1.5rem;margin-top:1rem;font-size:.8rem;color:var(--color-footer-text-muted)}.site--cookie-open{padding-bottom:var(--cookie-banner-offset, 18rem)}.cookie-banner{position:fixed;left:0;right:0;bottom:0;z-index:60;padding:.8rem;animation:slide-up .4s ease both}.cookie-banner__inner{width:min(980px,100%);margin:0 auto;background:var(--color-surface-overlay);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--color-border);border-radius:16px;box-shadow:var(--shadow-elevated);padding:1.2rem;display:grid;gap:.65rem}.cookie-banner__inner p{color:var(--color-text-muted)}.cookie-banner__state{font-size:.9rem}.cookie-banner__actions{display:flex;flex-wrap:wrap;gap:.6rem}.basic-page{padding:3rem 0 4rem}.basic-page h1{font-size:clamp(2rem,4vw,3rem);margin-bottom:1rem}.basic-page h2{font-size:1.1rem;margin:1.5rem 0 .5rem}.basic-page p{white-space:pre-line;color:var(--color-text-muted);margin-bottom:.8rem;line-height:1.7}.construction{padding:3rem 0;display:grid;grid-template-columns:1.1fr 1fr;gap:2rem;align-items:start}.construction img{width:100%;border-radius:var(--radius-md);box-shadow:var(--shadow-card)}.construction h1{font-size:clamp(2.1rem,4vw,3.2rem);margin-bottom:1rem}.construction p{color:var(--color-text-muted);margin-bottom:.4rem;line-height:1.7}.error-page{display:grid;place-items:center;min-height:100vh;padding:3rem 1rem;text-align:center;background:var(--color-surface)}.error-card{width:min(540px,100%);display:grid;gap:1.2rem}.error-code{font-size:clamp(5rem,12vw,8rem);font-weight:var(--font-weight-extrabold);line-height:1;letter-spacing:-.04em;background:var(--gradient-cta);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.error-card h1{font-size:clamp(1.5rem,3vw,2rem)}.error-card p{color:var(--color-text-muted);font-size:1.05rem;line-height:1.6}.form-shell{padding:1.6rem 0 2.6rem}.form-panel{background:var(--color-surface-raised);border:1px solid var(--color-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-card);overflow:hidden}.form-progress{height:4px;background:var(--color-surface-sunken);border-radius:2px;overflow:hidden}.form-progress__bar{height:100%;background:var(--gradient-cta);border-radius:2px;transition:width .4s ease}.form-panel .form-header{padding:2rem 2rem .8rem}.form-panel .form-options{padding:1rem 2rem 1.8rem}.form-panel .form-bottom{margin-top:0;padding:1rem 2rem 1.8rem;border-top:1px solid var(--color-border)}.form-header h1{font-size:clamp(1.8rem,3.5vw,2.8rem);margin-bottom:.4rem}.form-header p{color:var(--color-text-muted);font-size:1.05rem}.form-header{animation:fade-up .35s ease both}.form-options{display:grid;gap:1rem}.form-options.cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.form-options.cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.form-options.cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.option-card{min-height:250px;border-radius:14px;background:var(--color-surface-raised);border:2px solid var(--color-border-strong);display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;gap:.8rem;padding:.9rem;text-align:left;cursor:pointer;color:var(--color-text-primary);transition:transform var(--transition-fast),box-shadow var(--transition-base),border-color var(--transition-fast),background-color var(--transition-fast)}.option-card.no-media{min-height:190px}.choice-card{min-height:104px;background:var(--color-surface-raised);border:1px solid var(--color-border-strong);align-items:center;justify-content:center;text-align:center;padding:.8rem .7rem;gap:.5rem}.choice-card strong{font-size:1.05rem}.choice-card__icon{width:42px;height:42px;border-radius:999px;border:1px solid var(--color-border);background:var(--color-accent-50);color:var(--color-accent);font-weight:700;display:grid;place-items:center;font-size:1rem;transition:background-color var(--transition-fast),color var(--transition-fast),border-color var(--transition-fast),transform var(--transition-fast)}.choice-card.is-selected{border-color:var(--color-accent);background:var(--color-accent-50);box-shadow:var(--shadow-accent)}.choice-card.is-selected .choice-card__icon{background:var(--color-accent);color:#fff;border-color:var(--color-accent);transform:scale(1.08)}.usage-question{padding:.7rem 2rem 1.1rem}.usage-question h2{font-size:clamp(1.15rem,2vw,1.4rem);margin-bottom:.75rem}.usage-question .option-card.no-media{min-height:140px}.usage-question--secondary{padding-top:.2rem}.usage-question__hint{color:var(--color-text-muted);margin-bottom:.85rem}.usage-question__example{margin-top:.85rem;color:var(--color-text-muted);font-size:.92rem}.option-card.is-selected{border-color:var(--color-accent);background:var(--color-accent-50);box-shadow:var(--shadow-accent)}.option-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-card);border-color:var(--color-accent)}.option-card:active{transform:translateY(0)}.option-card:focus-visible,.btn:focus-visible{outline:3px solid color-mix(in srgb,var(--color-accent) 40%,transparent);outline-offset:2px}.option-card img{width:100%;max-height:180px;object-fit:contain;border-radius:10px}.option-card img[src*=form-roof]{background:#e9e9e7}.form-bottom{margin-top:1.2rem;padding-top:1rem;border-top:1px solid var(--color-border);display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:.8rem}.form-selection{font-size:.95rem;min-width:0}.form-nav{display:flex;gap:.7rem;justify-self:end}.summary-list{margin-top:.6rem;border:1px solid var(--color-border);border-radius:12px;overflow:hidden;background:var(--color-surface-raised)}.summary-item{display:flex;justify-content:space-between;gap:.7rem;padding:.85rem 1rem;border-bottom:1px solid var(--color-border);font-size:.95rem}.summary-item:last-child{border-bottom:0}.lead-form{margin:1rem 2rem .4rem;background:var(--color-surface-sunken);border-radius:14px;padding:1.2rem 1.2rem 1.4rem;display:grid;gap:.85rem}.owner-choice{border:0;margin:0;padding:0}.owner-choice legend,.zero-installation-choice legend{font-size:.85rem;font-weight:600;margin-bottom:.4rem}.owner-choice__options,.zero-installation-choice__options{display:grid;gap:.8rem}.owner-choice__options{grid-template-columns:repeat(2,minmax(0,1fr))}.zero-installation-choice{border:0;margin:0;padding:0}.zero-installation-choice__options{grid-template-columns:repeat(3,minmax(0,1fr))}.owner-choice__options .choice-card{min-height:116px}.zero-installation-choice__options .choice-card{min-height:84px}.lead-submit{margin-top:.5rem;width:100%}.turnstile-wrap{margin-top:.2rem}.turnstile-target{min-height:72px}.form-message{font-size:.9rem;margin-top:.35rem;padding:.6rem .8rem;border-radius:8px}.form-message.success{color:var(--color-accent-dark);background:var(--color-accent-50)}.form-message.error{color:#f44;background:#ff444414}.form-message.warning{color:#b8860b;background:#b8860b1a}.lead-form label{font-size:.85rem;font-weight:600}.lead-form input,.lead-form textarea,.lead-form select{width:100%;margin-top:.25rem;border:1px solid var(--color-border-strong);border-radius:10px;padding:.72rem .85rem;background:var(--color-surface-raised);color:var(--color-text-primary);transition:border-color var(--transition-fast),box-shadow var(--transition-fast),outline-color var(--transition-fast)}.lead-form input:focus,.lead-form textarea:focus,.lead-form select:focus{outline:3px solid color-mix(in srgb,var(--color-accent) 25%,transparent);border-color:var(--color-accent);box-shadow:0 0 0 4px color-mix(in srgb,var(--color-accent) 10%,transparent)}.lead-form input::placeholder,.lead-form textarea::placeholder{color:var(--color-text-light)}.lead-form textarea{min-height:110px;resize:vertical}.address-preview{background:var(--color-accent-50);border:1px solid color-mix(in srgb,var(--color-accent) 25%,transparent);border-radius:12px;padding:.8rem;display:grid;gap:.5rem}.address-preview__map{border-radius:10px;overflow:hidden;border:1px solid var(--color-border)}.address-preview__map iframe{width:100%;height:250px;border:0;display:block}.address-preview__link{font-size:.9rem;color:var(--color-accent-dark);text-decoration:underline;width:fit-content}.address-preview__check{width:fit-content;min-height:42px}.confirmation-shell{display:grid;place-items:center;min-height:62vh;padding:2rem 0}.confirmation-card{width:min(640px,100%);background:var(--color-accent-50);border:1px solid color-mix(in srgb,var(--color-accent) 20%,transparent);border-radius:var(--radius-xl);padding:2.5rem 1.5rem;text-align:center;display:grid;gap:1rem;box-shadow:var(--shadow-card);animation:scale-in .5s ease both}.confirmation-icon{width:64px;height:64px;margin:0 auto;border-radius:999px;background:var(--gradient-cta);color:#fff;display:grid;place-items:center;font-size:1.8rem;font-weight:700;box-shadow:var(--shadow-accent)}.confirmation-card h1{font-size:clamp(1.5rem,2.4vw,2rem)}.confirmation-card p{color:var(--color-text-muted);line-height:1.6}@keyframes fade-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes scale-in{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes slide-up{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes rise-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media(max-width:1280px){.cards__grid{grid-template-columns:repeat(2,minmax(0,1fr))}.cards__grid--mini,.form-options.cols-5{grid-template-columns:repeat(3,minmax(0,1fr))}.hero__content{grid-template-columns:minmax(0,1fr) minmax(0,400px);gap:2rem}.process__list{grid-template-columns:repeat(2,minmax(0,1fr));gap:1.8rem 1.4rem}.process__step:not(:last-child):after{display:none}}@media(max-width:950px){.cards__grid,.form-options.cols-3,.form-options.cols-4,.form-options.cols-5,.location,.construction,.site-footer__inner{grid-template-columns:1fr}.site-header__inner{min-height:auto;padding:.8rem 0;align-items:flex-start}.form-panel .form-header,.form-panel .form-options,.form-panel .form-bottom,.usage-question{padding-left:1rem;padding-right:1rem}.lead-form{margin-left:1rem;margin-right:1rem}.owner-choice__options,.zero-installation-choice__options{grid-template-columns:1fr}.form-bottom{grid-template-columns:1fr;align-items:start}.form-nav{justify-self:start}.cookie-banner__actions .btn{width:100%}.hero{min-height:auto;padding:2.4rem 0 3rem}.hero__content{grid-template-columns:1fr;gap:2.2rem}.quick-check{width:min(480px,100%)}.hero:after{background:linear-gradient(to bottom,color-mix(in srgb,var(--color-surface) 80%,transparent) 0%,color-mix(in srgb,var(--color-surface) 62%,transparent) 55%,var(--color-surface) 100%)}.stats-band__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1.2rem .8rem}.cards__grid--mini{grid-template-columns:1fr}.process__list{grid-template-columns:1fr;gap:1.6rem}.process__step:not(:last-child):after{display:block;top:56px;left:23px;width:2px;height:calc(100% - 56px + 1.6rem);background:linear-gradient(180deg,var(--color-border-strong),var(--color-border))}.contact-band__inner{grid-template-columns:1fr}.contact-band__actions{justify-self:stretch;width:100%}.cards{padding:3rem 0}}@media(max-width:950px)and (prefers-color-scheme:dark){:root:not([data-theme=light]) .hero:after{background:linear-gradient(180deg,color-mix(in srgb,#7822ff 12%,transparent) 0%,transparent 45%),linear-gradient(to bottom,color-mix(in srgb,var(--color-surface) 80%,transparent) 0%,color-mix(in srgb,var(--color-surface) 62%,transparent) 55%,var(--color-surface) 100%)}}@media(max-width:950px){:root[data-theme=dark] .hero:after{background:linear-gradient(180deg,color-mix(in srgb,#7822ff 12%,transparent) 0%,transparent 45%),linear-gradient(to bottom,color-mix(in srgb,var(--color-surface) 80%,transparent) 0%,color-mix(in srgb,var(--color-surface) 62%,transparent) 55%,var(--color-surface) 100%)}}.map-consent{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:.6rem;height:100%;min-height:320px;padding:1.5rem;background:var(--color-surface-sunken);border:1px dashed var(--color-border-strong);border-radius:var(--radius-md)}.map-consent__text{color:var(--color-text-muted);font-size:var(--font-size-sm);margin:0}.map-consent__link{font-size:var(--font-size-xs);color:var(--color-text-muted);text-decoration:underline}.hp-field{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}.address-field{position:relative}.address-suggestions{list-style:none;margin:.3rem 0 0;padding:.3rem;position:absolute;top:100%;left:0;right:0;z-index:20;background:var(--color-surface-raised);border:1px solid var(--color-border-strong);border-radius:10px;box-shadow:var(--shadow-card);animation:rise-in .18s ease both}.address-suggestions li{margin:0}.address-suggestions button{display:block;width:100%;text-align:left;padding:.55rem .7rem;border:0;border-radius:8px;background:transparent;color:var(--color-text-primary);font-size:var(--font-size-sm);cursor:pointer}.address-suggestions button:hover{background:var(--color-accent-50)}.address-field__status{display:block;margin-top:.25rem;color:var(--color-text-muted);font-size:var(--font-size-xs)}.estimate-card{margin:1.5rem 0;padding:1.25rem 1.4rem;background:var(--color-accent-50);border:1px solid var(--color-accent-light);border-radius:var(--radius-md)}.estimate-card h2{font-size:var(--font-size-lg);margin:0 0 .8rem}.estimate-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem;margin-bottom:.8rem}.estimate-grid div{display:flex;flex-direction:column;gap:.2rem}.estimate-grid strong{font-variant-numeric:tabular-nums;font-size:var(--font-size-xl);color:var(--color-accent-dark)}.estimate-grid span{font-size:var(--font-size-xs);color:var(--color-text-muted)}.estimate-card small{color:var(--color-text-muted);font-size:var(--font-size-xs)}.faq{padding:3rem 0 4rem}.faq__list{display:flex;flex-direction:column;gap:.6rem;max-width:820px;margin:0 auto}.faq__item{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface-raised);padding:.9rem 1.1rem}.faq__item summary{cursor:pointer;font-weight:var(--font-weight-semibold)}.faq__item p{margin:.7rem 0 0;color:var(--color-text-muted);line-height:1.6}@media(max-width:700px){.estimate-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.theme-toggle--animate svg{animation:theme-icon-in var(--transition-base) ease}@keyframes theme-icon-in{0%{opacity:0;transform:rotate(-90deg) scale(.5)}to{opacity:1;transform:rotate(0) scale(1)}}@keyframes hero-zoom{0%{transform:scale(1)}to{transform:scale(1.07)}}@media(prefers-reduced-motion:no-preference){.hero:before{animation:hero-zoom 18s ease-out both}}@keyframes header-elevate{to{box-shadow:var(--shadow-card);border-bottom-color:var(--color-border-strong)}}@media(prefers-reduced-motion:no-preference){@supports (animation-timeline: scroll()){.site-header{animation-name:header-elevate;animation-fill-mode:both;animation-timing-function:linear;animation-timeline:scroll(root block);animation-range:0 110px}}}@media(prefers-reduced-motion:no-preference){@supports (interpolate-size: allow-keywords){:root{interpolate-size:allow-keywords}.faq__item::details-content{block-size:0;overflow:clip;opacity:0;transition:block-size var(--transition-base) ease,opacity var(--transition-base) ease}.faq__item[open]::details-content{block-size:auto;opacity:1}}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-text-size-adjust:100%;text-size-adjust:100%;scroll-behavior:smooth}body{font-family:var(--font-family);font-weight:var(--font-weight-regular);color:var(--color-text-primary);background-color:var(--color-footer-bg);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit}a{color:inherit;text-decoration:none}ul,ol{list-style:none}h1,h2,h3,h4,h5,h6{font-weight:var(--font-weight-bold);line-height:1.15;letter-spacing:-.02em}h1,h2{font-family:var(--font-family-display);letter-spacing:-.01em}h1{font-weight:var(--font-weight-extrabold)}::selection{background:#99bc2a40}
