body{margin:0}#root{width:100%}:root{--ink:#111;--ink-2:#2d2d2d;--ink-muted:#6b6b6b;--ink-faint:#9e9e9e;--bg:#fff;--bg-alt:#f5f5f0;--bg-dark:#0f1118;--bg-dark-2:#161b26;--accent:#1b3f72;--accent-warm:#8a6c3e;--border:#e0dfda;--border-dark:#ffffff14;--radius:12px;--radius-sm:8px;--shadow:0 2px 16px #0000000f;--shadow-md:0 6px 32px #0000001a;--ease:.3s cubic-bezier(.4,0,.2,1)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px}body{color:var(--ink-2);background:var(--bg);-webkit-font-smoothing:antialiased;font-family:Inter,system-ui,-apple-system,sans-serif;line-height:1.7;overflow-x:clip}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}button{cursor:pointer;background:0 0;border:none;font-family:inherit}ul{list-style:none}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 32px}.section{padding:100px 0}.section--alt{background:var(--bg-alt)}.section-eyebrow{letter-spacing:.16em;text-transform:uppercase;color:var(--accent);margin-bottom:14px;font-size:.72rem;font-weight:600;display:block}.section-eyebrow--light{color:#ffffff80}.section-title{letter-spacing:-.03em;color:var(--ink);margin-bottom:20px;font-size:clamp(1.9rem,3.5vw,2.6rem);font-weight:800;line-height:1.14}.section-title--light{color:#fff}.body-text{color:var(--ink-muted);max-width:600px;font-size:1rem;line-height:1.8}.body-text+.body-text{margin-top:14px}.body-text--light{color:#ffffff9e;max-width:680px}.accent{color:var(--accent)}.logo{letter-spacing:-.03em;color:var(--ink);font-size:1.25rem;font-weight:800}.logo--light{color:#fff}.logo-img{width:auto;height:22px;display:block}.logo-img--footer{opacity:.75;height:18px}.btn{letter-spacing:.01em;transition:all var(--ease);white-space:nowrap;border-radius:6px;align-items:center;gap:10px;padding:13px 28px;font-size:.9rem;font-weight:600;display:inline-flex}.btn--primary{background:var(--accent);color:#fff}.btn--primary:hover{background:#254f8e;transform:translateY(-1px);box-shadow:0 6px 20px #1b3f724d}.btn--ghost{color:#ffffffd9;background:0 0;border:1.5px solid #ffffff4d}.btn--ghost:hover{color:#fff;border-color:#ffffffb3;transform:translateY(-1px)}.btn--warm{background:var(--accent-warm);color:#fff}.btn--warm:hover{background:#9c7b48;transform:translateY(-1px);box-shadow:0 6px 20px #8a6c3e4d}.btn--outline{color:var(--accent);border:1.5px solid var(--accent);background:0 0}.btn--outline:hover{background:var(--accent);color:#fff;transform:translateY(-1px)}.anim{opacity:0;transition:opacity .18s var(--ease), transform .18s var(--ease);transform:translateY(8px)}.anim--delay{transition-delay:30ms}.anim--visible{opacity:1;transform:translateY(0)}.lang-modal{z-index:9999;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.lang-modal__backdrop{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0f1118e0;position:absolute;inset:0}.lang-modal__content{background:var(--bg);text-align:center;border-radius:16px;padding:52px 60px;animation:.35s cubic-bezier(.34,1.56,.64,1) modalIn;position:relative;box-shadow:0 24px 80px #00000059}@keyframes modalIn{0%{opacity:0;transform:scale(.92)translateY(16px)}to{opacity:1;transform:scale(1)translateY(0)}}.lang-modal__logo{letter-spacing:-.03em;color:var(--ink);margin-bottom:6px;font-size:1.5rem;font-weight:800}.lang-modal__title{color:var(--ink-faint);letter-spacing:.02em;margin-bottom:36px;font-size:.88rem}.lang-modal__options{gap:14px;display:flex}.lang-opt{border-radius:var(--radius);border:1.5px solid var(--border);background:var(--bg-alt);transition:all var(--ease);flex-direction:column;flex:1;align-items:center;gap:10px;padding:22px 40px;display:flex}.lang-opt:hover{border-color:var(--accent);box-shadow:var(--shadow-md);background:#fff;transform:translateY(-2px)}.lang-opt__flag{font-size:2.2rem}.lang-opt__name{color:var(--ink);font-size:.9rem;font-weight:600}.header{z-index:1000;transition:all var(--ease);padding:18px 0;position:fixed;top:0;left:0;right:0}.header--scrolled{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0f1118f5;padding:12px 0;box-shadow:0 1px #ffffff0d}.header__inner{justify-content:space-between;align-items:center;gap:24px;display:flex}.header .logo{color:#fff}.nav{align-items:center;gap:2px;display:flex}.nav__link{color:#ffffffb3;transition:all var(--ease);letter-spacing:.01em;border-radius:6px;padding:7px 12px;font-size:.86rem;font-weight:500}.nav__link:hover{color:#fff;background:#ffffff12}.nav__cta{background:var(--accent);border-radius:6px;margin-left:10px;padding:8px 18px;font-weight:600;color:#fff!important}.nav__cta:hover{background:#254f8e}.header__right{align-items:center;gap:16px;display:flex}.lang-toggle{align-items:center;gap:4px;display:flex}.lang-toggle__btn{letter-spacing:.06em;color:#fff6;transition:all var(--ease);border-radius:4px;padding:4px 9px;font-size:.78rem;font-weight:700}.lang-toggle__btn.active,.lang-toggle__btn:hover{color:#fff;background:#ffffff1a}.lang-toggle__sep{color:#ffffff26;font-size:.7rem}.hero{background:var(--bg-dark);align-items:center;min-height:100vh;padding:120px 0 80px;display:flex;position:relative;overflow:hidden}.hero__noise{pointer-events:none;opacity:.4;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='0.04'/%3E%3C/svg%3E");position:absolute;inset:0}.hero__inner{grid-template-columns:1fr 1fr;align-items:center;gap:64px;display:grid;position:relative}.hero__content{flex-direction:column;display:flex}.hero__eyebrow{letter-spacing:.16em;text-transform:uppercase;color:#fff6;animation:fadeUp .8s var(--ease) .1s both;margin-bottom:20px;font-size:.72rem;font-weight:600}.hero__title{letter-spacing:-.04em;color:#fff;animation:fadeUp .8s var(--ease) .25s both;margin-bottom:24px;font-size:clamp(2rem,3.8vw,3.2rem);font-weight:800;line-height:1.1}.hero__subtitle{color:#ffffff8c;max-width:460px;animation:fadeUp .8s var(--ease) .4s both;margin-bottom:40px;font-size:1rem;line-height:1.8}.hero__actions{animation:fadeUp .8s var(--ease) .52s both;flex-wrap:wrap;gap:14px;display:flex}.hero__aside{animation:fadeUp .8s var(--ease) .35s both}.hero__placeholder{border:1px solid var(--border-dark);border-radius:var(--radius);aspect-ratio:4/3;background:#ffffff08;justify-content:center;align-items:center;display:flex}.hero__placeholder-label{color:#ffffff2e;letter-spacing:.08em;text-transform:uppercase;font-size:.72rem}@keyframes fadeUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.about__inner{grid-template-columns:1fr 1fr;align-items:start;gap:80px;display:grid}.about__meta{border-top:1px solid var(--border);flex-direction:column;gap:20px;margin-top:36px;padding-top:36px;display:flex}.about__meta-item{flex-direction:column;gap:4px;display:flex}.about__meta-label{letter-spacing:.1em;text-transform:uppercase;color:var(--ink-faint);font-size:.72rem;font-weight:600}.about__meta-value{color:var(--ink-2);font-size:.95rem;font-weight:500;line-height:1.5}.about__cats{flex-direction:column;gap:0;display:flex}.about__cat{border-bottom:1px solid var(--border);padding:28px 0}.about__cat:first-child{border-top:1px solid var(--border)}.about__cat-num{letter-spacing:.12em;color:var(--accent);margin-bottom:8px;font-size:.72rem;font-weight:700;display:block}.about__cat h3{color:var(--ink);letter-spacing:-.01em;margin-bottom:6px;font-size:1rem;font-weight:700}.about__cat p{color:var(--ink-muted);font-size:.9rem;line-height:1.65}.split-layout{grid-template-columns:1fr 1fr;align-items:center;gap:80px;display:grid}.split-layout--reverse .split-layout__image{order:2}.split-layout--reverse .split-layout__content{order:1}.split-layout__image{position:relative}.section-img,.hero__img{aspect-ratio:4/3;object-fit:cover;border-radius:var(--radius);width:100%;display:block}.img-ph{aspect-ratio:4/3;border-radius:var(--radius);justify-content:center;align-items:center;display:flex}.img-ph--blue{background:#eef2f9;border:1px solid #d6e0f0}.img-ph--warm{background:#f5efe6;border:1px solid #e8d9c4}.img-ph span{color:#aaa;letter-spacing:.06em;text-transform:uppercase;font-size:.78rem;font-weight:500}.img-ph__badge{letter-spacing:.06em;text-transform:uppercase;color:#fff;background:var(--accent);box-shadow:var(--shadow-md);border-radius:4px;padding:9px 18px;font-size:.78rem;font-weight:700;position:absolute;bottom:-14px;right:20px}.img-ph__badge--warm{background:var(--accent-warm)}.prod-list{border-top:1px solid var(--border);flex-direction:column;margin:28px 0 32px;display:flex}.prod-list__item{border-bottom:1px solid var(--border);flex-direction:column;gap:3px;padding:16px 0;display:flex}.prod-list__title{color:var(--ink);font-size:.95rem;font-weight:600;line-height:1.3}.prod-list__desc{color:var(--ink-muted);font-size:.85rem;line-height:1.5}.mat-list{border-top:1px solid var(--border);flex-direction:column;margin:28px 0 32px;display:flex}.mat-list__item{border-bottom:1px solid var(--border);flex-direction:column;gap:3px;padding:16px 0;display:flex}.mat-list__title{color:var(--ink);font-size:.95rem;font-weight:600}.mat-list__desc{color:var(--ink-muted);font-size:.85rem;line-height:1.5}.split-layout__content .section-title{margin-bottom:18px}.split-layout__content .body-text{max-width:none}.solar{background:var(--bg-dark);padding:100px 0}.solar__header{max-width:720px;margin-bottom:56px}.solar__grid{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.solar__card{border:1px solid var(--border-dark);border-radius:var(--radius);transition:border-color var(--ease), background var(--ease);background:#ffffff0a;flex-direction:column;padding:28px 24px;display:flex}.solar__card:hover{background:#ffffff0f;border-color:#ffffff2e}.solar__card-num{letter-spacing:.14em;color:#ffffff40;margin-bottom:14px;font-size:.7rem;font-weight:700;display:block}.solar__card h3{color:#fff;letter-spacing:-.01em;margin-bottom:10px;font-size:.98rem;font-weight:700;line-height:1.3}.solar__card>p{color:#ffffff80;flex:1;font-size:.86rem;line-height:1.7}.solar__card-img{border-radius:var(--radius-sm);height:160px;margin-top:20px;overflow:hidden}.solar__card-img img{object-fit:cover;width:100%;height:100%;display:block}.solar__card--cta{background:#8a6c3e1f;border-color:#8a6c3e4d;justify-content:center;gap:14px}.solar__card--cta:hover{border-color:#8a6c3e80}.solar__card--cta h3{font-size:1.15rem}.solar__card--cta .btn{align-self:flex-start;margin-top:8px}.why-us__header{max-width:640px;margin-bottom:56px}.why-us__grid{border:1px solid var(--border);border-radius:var(--radius);background:var(--border);grid-template-columns:repeat(4,1fr);gap:2px;display:grid;overflow:hidden}.why-us__card{background:var(--bg-alt);transition:background var(--ease);padding:36px 28px}.why-us__card:hover{background:#fff}.why-us__num{letter-spacing:-.04em;color:var(--accent);opacity:.15;margin-bottom:20px;font-size:2.2rem;font-weight:800;line-height:1;display:block}.why-us__card h3{color:var(--ink);letter-spacing:-.01em;margin-bottom:10px;font-size:.95rem;font-weight:700;line-height:1.3}.why-us__card p{color:var(--ink-muted);font-size:.87rem;line-height:1.7}.faq__header{max-width:560px;margin-bottom:48px}.faq__list{border-top:1px solid var(--border)}.faq__item{border-bottom:1px solid var(--border)}.faq__q{text-align:left;justify-content:space-between;align-items:center;gap:20px;width:100%;padding:22px 0;display:flex}.faq__q span:first-child{color:var(--ink);font-size:.97rem;font-weight:600;line-height:1.4}.faq__toggle{color:var(--ink-faint);text-align:center;width:24px;transition:color var(--ease);flex-shrink:0;font-size:1.3rem;font-weight:300;line-height:1}.faq__item--open .faq__toggle{color:var(--accent)}.faq__a{max-height:0;transition:max-height .4s cubic-bezier(.4,0,.2,1);overflow:hidden}.faq__item--open .faq__a{max-height:400px}.faq__a p{color:var(--ink-muted);max-width:740px;padding:0 0 24px;font-size:.92rem;line-height:1.8}.contact__header{max-width:560px;margin-bottom:48px}.contact__grid{border:1px solid var(--border);border-radius:var(--radius);background:var(--border);grid-template-columns:repeat(4,1fr);gap:2px;display:grid;overflow:hidden}.contact__card{background:var(--bg-alt);transition:background var(--ease);color:var(--ink);flex-direction:column;gap:8px;padding:32px 24px;display:flex}a.contact__card:hover{background:#fff}.contact__card--info{cursor:default}.contact__card-label{letter-spacing:.12em;text-transform:uppercase;color:var(--ink-faint);font-size:.72rem;font-weight:600}.contact__card-value{color:var(--ink);font-size:.97rem;font-weight:600;line-height:1.5}a.contact__card .contact__card-value{color:var(--accent)}.footer{background:var(--bg-dark);padding:64px 0 0}.footer__top{border-bottom:1px solid var(--border-dark);grid-template-columns:2fr 1fr 1.2fr;gap:48px;padding-bottom:48px;display:grid}.footer__brand .logo{margin-bottom:12px;display:block}.footer__tagline{color:#ffffff4d;font-size:.85rem;line-height:1.5}.footer__col{flex-direction:column;gap:10px;display:flex}.footer__col h4{letter-spacing:.14em;text-transform:uppercase;color:#ffffff4d;margin-bottom:8px;font-size:.68rem;font-weight:700}.footer__col a,.footer__col p{color:#ffffff80;transition:color var(--ease);font-size:.85rem;line-height:1.55}.footer__col a:hover{color:#ffffffe6}.footer__bottom{color:#ffffff38;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;padding:20px 0;font-size:.78rem;display:flex}@media (width<=1100px){.why-us__grid,.contact__grid,.solar__grid{grid-template-columns:repeat(2,1fr)}}@media (width<=900px){.about__inner{grid-template-columns:1fr;gap:56px}.split-layout{grid-template-columns:1fr;gap:48px}.split-layout--reverse .split-layout__image,.split-layout--reverse .split-layout__content{order:unset}.hero__inner{grid-template-columns:1fr}.hero__aside{display:none}.footer__top{grid-template-columns:1fr 1fr}}@media (width<=768px){.section{padding:72px 0}.container{padding:0 20px}.nav{display:none}.solar__grid,.why-us__grid,.contact__grid{grid-template-columns:1fr}.footer__top{grid-template-columns:1fr;gap:32px}.footer__bottom{text-align:center;flex-direction:column}.lang-modal__content{padding:36px 24px}.lang-modal__options{flex-direction:column}}@media (width<=480px){.hero__actions{flex-direction:column}.btn{justify-content:center}}