:root{--bg:#090d0b;--bg2:#111713;--panel:#151b17;--line:#273128;--text:#f4f7f2;--muted:#b7c0b4;--green:#70c744;--green2:#97e66e;--dark:#050706;--white:#fff;--radius:22px;--shadow:0 24px 70px rgba(0,0,0,.45);--max:1180px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;background:var(--bg);color:var(--text);line-height:1.6}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.container{width:min(var(--max),calc(100% - 40px));margin-inline:auto}.site-header{position:fixed;inset:0 0 auto;z-index:20;height:82px;display:flex;align-items:center;gap:34px;padding:0 max(22px,calc((100vw - var(--max))/2));background:linear-gradient(180deg,rgba(5,7,6,.86),rgba(5,7,6,.45));backdrop-filter:blur(14px);border-bottom:1px solid rgba(255,255,255,.06)}.brand{display:flex;align-items:center;gap:12px;min-width:max-content}.brand img{width:185px;height:auto;filter:drop-shadow(0 8px 22px rgba(0,0,0,.35))}.brand strong{display:block;font-size:17px;letter-spacing:.02em}.brand small{display:block;color:var(--muted);font-size:10px;text-transform:uppercase;letter-spacing:.08em;margin-top:-3px}.main-nav{display:flex;gap:30px;margin-left:auto;font-size:14px;font-weight:700}.main-nav a{opacity:.9;position:relative}.main-nav a:after{content:"";position:absolute;left:0;right:100%;bottom:-10px;height:2px;background:var(--green);transition:.25s}.main-nav a:hover:after{right:0}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 22px;border-radius:9px;font-weight:800;font-size:13px;text-transform:uppercase;letter-spacing:.03em;border:1px solid transparent;transition:.25s;cursor:pointer}.btn:after{content:"→";margin-left:11px}.btn-primary{background:linear-gradient(135deg,var(--green),#58af32);color:#071005;box-shadow:0 14px 30px rgba(112,199,68,.2)}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 18px 36px rgba(112,199,68,.32)}.btn-outline{border-color:rgba(255,255,255,.25);background:rgba(0,0,0,.2);color:var(--text)}.btn-outline:hover{border-color:var(--green);color:var(--green2)}.header-cta{margin-left:10px}.menu-toggle{display:none;margin-left:auto;background:none;border:0;padding:8px}.menu-toggle span{display:block;width:25px;height:2px;background:#fff;margin:5px 0}.section{padding:92px 0}.section-dark{background:linear-gradient(180deg,#0a0f0c,#101612)}.hero{position:relative;min-height:820px;padding-top:170px;overflow:hidden}.hero-bg{position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,7,6,.96),rgba(5,7,6,.62) 42%,rgba(5,7,6,.18)),radial-gradient(circle at 74% 36%,rgba(112,199,68,.14),transparent 24%),url('https://images.unsplash.com/photo-1600585154340-be6161a56a0c?auto=format&fit=crop&w=1800&q=80') center right/cover no-repeat;opacity:.98}.hero:after{content:"";position:absolute;inset:auto 0 0;height:220px;background:linear-gradient(0deg,var(--bg),transparent)}.hero-grid,.stats{position:relative;z-index:1}.hero-grid{display:grid;grid-template-columns:1fr 330px;gap:60px;align-items:center}.eyebrow{margin:0 0 14px;color:var(--green);font-size:13px;text-transform:uppercase;letter-spacing:.12em;font-weight:900}.hero h1{font-size:clamp(48px,6vw,86px);line-height:.96;margin:0 0 24px;letter-spacing:-.06em}.hero h1 span,h2 span{color:var(--green)}.lead{font-size:19px;max-width:600px;color:#e5eadf}.hero-actions{display:flex;gap:16px;margin-top:32px;flex-wrap:wrap}.partner-card{align-self:start;margin-top:20px;background:linear-gradient(145deg,rgba(28,34,30,.94),rgba(12,15,13,.88));border:1px solid rgba(255,255,255,.16);border-radius:18px;padding:30px;box-shadow:var(--shadow)}.partner-card span,.partner-mini span{display:block;color:var(--green);font-size:34px;font-weight:900;line-height:1}.partner-card strong,.partner-mini strong{display:block;font-size:24px;margin:6px 0 14px}.partner-card p{color:var(--muted);margin:0}.stats{display:grid;grid-template-columns:repeat(5,1fr);gap:1px;margin-top:90px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.08);border-radius:18px;overflow:hidden}.stats div{background:rgba(10,15,12,.78);padding:24px}.stats b{display:block;font-size:26px;color:var(--text)}.stats span{color:var(--muted);font-size:13px}h2{font-size:clamp(32px,4vw,52px);line-height:1.05;letter-spacing:-.04em;margin:0 0 22px}h3{margin:0 0 8px}.services{background:#0c110e}.feature-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:34px}.feature-grid article,.project-card,details,.contact-form{background:linear-gradient(180deg,rgba(255,255,255,.04),rgba(255,255,255,.02));border:1px solid var(--line);border-radius:var(--radius);padding:24px}.feature-grid img{width:36px;margin-bottom:20px}.feature-grid p,.split p,.app-section p,.project-card li,details p{color:var(--muted)}.split-grid{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}.image-panel{min-height:460px;border-radius:26px;background:url('https://images.unsplash.com/photo-1600607687939-ce8a6c25118c?auto=format&fit=crop&w=1400&q=80') center/cover no-repeat;box-shadow:var(--shadow);border:1px solid rgba(255,255,255,.1)}.check-list{list-style:none;padding:0;margin:24px 0 30px;display:grid;gap:11px}.check-list li{position:relative;padding-left:30px;color:#dce5d8}.check-list li:before{content:"✓";position:absolute;left:0;top:0;color:#071005;background:var(--green);width:20px;height:20px;border-radius:50%;display:grid;place-items:center;font-size:12px;font-weight:900}.process{background:#0a0e0b}.timeline{display:grid;grid-template-columns:repeat(8,1fr);gap:14px;margin-top:40px;position:relative}.timeline article{background:rgba(255,255,255,.03);border:1px solid var(--line);border-radius:18px;padding:20px}.timeline span{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:var(--green);color:#071005;font-weight:900;margin-bottom:18px}.timeline h3{font-size:15px}.timeline p{font-size:13px;color:var(--muted);margin:0}.section-head{display:flex;justify-content:space-between;gap:20px;align-items:end}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:30px}.project-card{padding:0;overflow:hidden}.project-img{height:210px;background-size:cover;background-position:center}.p1{background-image:url('https://images.unsplash.com/photo-1600585154340-be6161a56a0c?auto=format&fit=crop&w=1200&q=80')}.p2{background-image:url('https://images.unsplash.com/photo-1600566753190-17f0baa2a6c3?auto=format&fit=crop&w=1200&q=80')}.p3{background-image:url('https://images.unsplash.com/photo-1600607687644-aac4c3eac7f4?auto=format&fit=crop&w=1200&q=80')}.project-card h3,.project-card .tag,.project-card ul{margin-left:22px;margin-right:22px}.tag{display:inline-block;margin-top:20px;margin-bottom:8px;color:var(--green);font-size:12px;text-transform:uppercase;font-weight:900}.project-card ul{padding-left:18px;margin-bottom:24px}.app-section{background:linear-gradient(90deg,rgba(16,22,17,.96),rgba(16,22,17,.78)),radial-gradient(circle at 75% 30%,rgba(112,199,68,.13),transparent 30%),url('https://images.unsplash.com/photo-1600607687939-ce8a6c25118c?auto=format&fit=crop&w=1400&q=80') center/cover no-repeat}.app-grid{display:grid;grid-template-columns:1fr 380px;gap:80px;align-items:center}.phone{width:270px;height:540px;border-radius:42px;background:#050706;border:8px solid #1d241f;margin:auto;box-shadow:var(--shadow);padding:22px}.phone-screen{height:100%;border-radius:30px;background:linear-gradient(180deg,#111913,#080b09);padding:24px;display:grid;grid-template-columns:1fr 1fr;gap:12px}.phone-screen span{grid-column:1/-1;font-weight:900}.phone-screen div{border:1px solid var(--line);border-radius:14px;background:rgba(112,199,68,.08)}.phone-screen b{grid-column:1/-1;font-size:32px;color:var(--green)}.contact-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:36px}.faq-contact details{margin-bottom:12px;padding:0}.faq-contact summary{list-style:none;cursor:pointer;padding:20px;font-weight:800}.faq-contact summary:after{content:"+";float:right;color:var(--green)}details[open] summary:after{content:"–"}.faq-contact details p{padding:0 20px 20px;margin:0}.contact-form{padding:34px;background:linear-gradient(135deg,rgba(112,199,68,.08),rgba(255,255,255,.03))}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}input,select,textarea{width:100%;margin-bottom:12px;border:1px solid var(--line);border-radius:10px;background:rgba(0,0,0,.24);color:var(--text);padding:15px 14px;font:inherit}textarea{resize:vertical}.consent{display:flex;gap:10px;color:var(--muted);font-size:14px;margin:6px 0 18px}.consent input{width:auto;margin:4px 0 0}.footer{background:#070a08;border-top:1px solid var(--line);padding:46px 0 22px}.footer-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:30px}.footer h3{font-size:14px;color:var(--green);text-transform:uppercase}.footer a{display:block;color:var(--muted);margin:6px 0}.footer p,.footnote{color:var(--muted)}.partner-mini{border:1px solid var(--line);border-radius:16px;padding:22px;background:var(--panel)}.partner-mini span{font-size:28px}.footnote{border-top:1px solid var(--line);margin-top:34px;padding-top:18px;font-size:13px}.reveal{opacity:0;transform:translateY(18px);animation:reveal .7s ease forwards}.delay-1{animation-delay:.15s}.delay-2{animation-delay:.3s}@keyframes reveal{to{opacity:1;transform:none}}@media (max-width:980px){.site-header{height:72px}.main-nav,.header-cta{display:none}.menu-toggle{display:block}.main-nav.open{display:flex;position:absolute;top:72px;left:0;right:0;flex-direction:column;background:#070a08;padding:24px;border-bottom:1px solid var(--line)}.hero{padding-top:120px;min-height:auto}.hero-grid,.split-grid,.app-grid,.contact-grid{grid-template-columns:1fr}.partner-card{max-width:390px}.stats{grid-template-columns:1fr 1fr;margin-top:50px}.feature-grid{grid-template-columns:1fr 1fr}.timeline{grid-template-columns:1fr 1fr}.cards{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr 1fr}.section-head{align-items:start;flex-direction:column}}@media (max-width:620px){.container{width:min(100% - 28px,var(--max))}.brand small{display:none}.hero-bg{background:linear-gradient(180deg,rgba(5,7,6,.65),rgba(5,7,6,.95)),url('https://images.unsplash.com/photo-1600585154340-be6161a56a0c?auto=format&fit=crop&w=1800&q=80') center/cover no-repeat}.hero h1{font-size:46px}.hero-actions,.form-row{display:grid;grid-template-columns:1fr}.stats,.feature-grid,.timeline,.footer-grid{grid-template-columns:1fr}.section{padding:64px 0}.partner-card{padding:22px}.phone{width:240px;height:480px}.project-img{height:180px}}

@media (max-width:620px){.brand img{width:145px}.site-header{gap:14px}}

.section-lead{max-width:780px;color:var(--muted);font-size:18px;margin:0 0 34px}.solutions{background:#0b100d}.solution-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.solution-card{background:linear-gradient(180deg,rgba(255,255,255,.045),rgba(255,255,255,.02));border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;box-shadow:0 18px 50px rgba(0,0,0,.22)}.solution-card img{width:100%;height:235px;object-fit:cover}.solution-card div{padding:24px}.solution-card p:not(.tag){color:var(--muted);margin-bottom:0}.solution-card h3{font-size:22px;line-height:1.15}.solution-card:hover{transform:translateY(-3px);border-color:rgba(112,199,68,.45);transition:.25s}
@media (max-width:980px){.solution-grid{grid-template-columns:1fr}.solution-card{display:grid;grid-template-columns:260px 1fr}.solution-card img{height:100%}}
@media (max-width:620px){.solution-card{display:block}.solution-card img{height:190px}.section-lead{font-size:16px}}

/* Upgrade 2026: mobile-first business expansion */
.header-phone{margin-left:auto;color:var(--green2);font-weight:900;font-size:14px;white-space:nowrap}.phone-link:before{content:"☎";margin-right:8px}.trust-strip{position:relative;z-index:2;margin-top:-42px}.trust-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.trust-grid a{background:linear-gradient(180deg,rgba(255,255,255,.075),rgba(255,255,255,.035));border:1px solid rgba(255,255,255,.12);border-radius:18px;padding:18px 20px;box-shadow:0 18px 48px rgba(0,0,0,.25);backdrop-filter:blur(12px)}.trust-grid strong{display:block;color:var(--green);font-size:12px;text-transform:uppercase;letter-spacing:.1em}.trust-grid span{display:block;font-weight:850;margin-top:4px}.core-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:30px 0 46px}.core-grid article{background:linear-gradient(145deg,rgba(112,199,68,.11),rgba(255,255,255,.03));border:1px solid rgba(112,199,68,.24);border-radius:var(--radius);padding:24px;min-height:210px}.core-grid strong{display:inline-grid;place-items:center;width:42px;height:42px;border-radius:14px;background:rgba(112,199,68,.14);color:var(--green);margin-bottom:24px}.core-grid p{color:var(--muted);margin-bottom:0}.feature-eyebrow{margin-top:12px}.showroom-grid{display:grid;grid-template-columns:1fr .82fr;gap:46px;align-items:center}.address-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:26px}.address-grid article{background:rgba(255,255,255,.045);border:1px solid var(--line);border-radius:22px;padding:24px}.address-grid p{color:var(--muted);font-size:18px}.address-grid .btn{margin-top:8px;width:100%}.showroom-photo{border-radius:28px;overflow:hidden;border:1px solid rgba(255,255,255,.12);box-shadow:var(--shadow);min-height:520px}.showroom-photo img{height:100%;width:100%;object-fit:cover}.contact-boxes{display:grid;grid-template-columns:1fr;gap:10px;margin:18px 0 18px}.contact-boxes a,.contact-boxes div{border:1px solid rgba(255,255,255,.12);border-radius:14px;padding:13px 15px;background:rgba(0,0,0,.18)}.contact-boxes span{display:block;color:var(--green);font-size:11px;text-transform:uppercase;font-weight:900;letter-spacing:.1em}.contact-boxes strong{display:block;margin-top:2px}.mobile-callbar{display:none}
@media (min-width:981px){.main-nav{margin-left:16px}.header-phone{margin-left:auto}.header-cta{margin-left:0}}
@media (max-width:1120px){.main-nav{gap:18px}.header-phone{display:none}.core-grid{grid-template-columns:repeat(2,1fr)}}
@media (max-width:980px){.trust-strip{margin-top:0;padding:16px 0;background:#0a0f0c}.trust-grid{grid-template-columns:1fr 1fr}.core-grid{grid-template-columns:1fr 1fr}.showroom-grid{grid-template-columns:1fr}.showroom-photo{min-height:340px}.address-grid{grid-template-columns:1fr 1fr}.solution-card img{min-height:230px}.site-header{padding-left:18px;padding-right:18px}.main-nav.open a{padding:8px 0;font-size:16px}.main-nav.open:after{content:"727 870 970";display:block;color:var(--green);font-weight:900;margin-top:12px;padding-top:18px;border-top:1px solid var(--line)}}
@media (max-width:620px){body{padding-bottom:66px}.hero{padding-top:105px}.hero h1{font-size:42px;letter-spacing:-.045em}.lead{font-size:17px}.btn{width:100%;min-height:50px}.trust-grid,.core-grid,.address-grid{grid-template-columns:1fr}.trust-grid a{padding:16px}.stats{gap:8px;background:transparent;border:0}.stats div{border:1px solid rgba(255,255,255,.08);border-radius:16px}.feature-grid article,.project-card,details,.contact-form,.core-grid article,.address-grid article{border-radius:18px}.solution-card img{height:205px}.showroom-photo{min-height:auto}.showroom-photo img{height:260px}.section-head .btn{width:100%}.footer{padding-bottom:86px}.mobile-callbar{position:fixed;left:0;right:0;bottom:0;z-index:30;display:grid;grid-template-columns:1.2fr .8fr;background:#050706;border-top:1px solid rgba(255,255,255,.12);box-shadow:0 -10px 30px rgba(0,0,0,.35)}.mobile-callbar a{display:grid;place-items:center;min-height:62px;font-weight:900}.mobile-callbar a:first-child{background:var(--green);color:#071005}.mobile-callbar a:last-child{color:var(--text)}}

.loxone-link{color:inherit;text-decoration:underline;text-decoration-color:rgba(112,199,68,.55);text-underline-offset:3px;text-decoration-thickness:1px}.loxone-link:hover{color:var(--green2);text-decoration-color:var(--green2)}
.partner-card .loxone-link,.partner-mini .loxone-link{color:var(--green);text-decoration:none}

.form-note{color:var(--muted);font-size:13px;margin:10px 0 0}
.contact-form input[type=hidden]{display:none}

.hp-field{position:absolute;left:-9999px;opacity:0;height:0;width:0;pointer-events:none;}
.thanks-page{min-height:100vh;display:grid;place-items:center;background:#070b08;color:#fff;padding:24px;}
.thanks-card{max-width:620px;text-align:center;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);border-radius:28px;padding:42px;box-shadow:0 24px 80px rgba(0,0,0,.35);}
.thanks-logo{max-width:220px;margin:0 auto 24px;display:block;}
.thanks-card a{color:#7ed957;}