@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600&family=Sora:wght@300;400;500;600&display=swap";:root{--green:#76e05a;--black:#0b0f0e;--slate:#1f2423;--steel:#3a403e;--light:#e8ede9;--muted:#89928d;--page-x:8vw}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--black);color:var(--light);-webkit-font-smoothing:antialiased;margin:0;font-family:Inter,sans-serif}a{color:inherit;text-decoration:none}.header{z-index:20;justify-content:space-between;align-items:center;width:100%;padding:32px 6vw;display:flex;position:absolute;top:0;left:0}.logo{display:block}.logo img{width:240px;height:auto;display:block}.nav{letter-spacing:.14em;gap:42px;font-size:11px;font-weight:600;display:flex}.nav a{opacity:.62;transition:opacity .2s,color .2s}.nav a:hover{opacity:1;color:var(--green)}.hero{min-height:100vh;padding:150px var(--page-x) 80px;background-color:#0000;background-image:linear-gradient(90deg,#0b0f0e1f 0%,#0b0f0e05 60%,#0b0f0e0f 100%),url(/images/axerion-hero.png);background-position:50%;background-repeat:no-repeat;background-size:cover;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;align-items:center;display:flex;position:relative;overflow:hidden}.hero-content{z-index:2;max-width:1200px;position:relative}.eyebrow{color:var(--green);letter-spacing:.18em;align-items:center;gap:16px;margin-bottom:32px;font-size:11px;font-weight:600;display:flex}.eyebrow:before{content:"";background:var(--green);width:38px;height:2px}.hero h1{letter-spacing:-.045em;margin:0;font-family:Sora,sans-serif;font-size:clamp(36px,3.6vw,48px);font-weight:400;line-height:1.06}.hero h1 span{color:var(--muted)}.hero-text{color:#9ca5a0;max-width:720px;margin-top:38px;font-size:16px;font-weight:300;line-height:1.7}.hero-text p{margin:0}.hero-text p+p{margin-top:14px}.hero-action{letter-spacing:.15em;align-items:center;gap:14px;margin-top:42px;font-size:11px;font-weight:600;transition:color .2s;display:inline-flex}.hero-action:hover{color:var(--green)}.hero-action span{color:var(--green);font-size:20px}.hero-index{color:#59615d;letter-spacing:.2em;font-size:10px;position:absolute;bottom:45px;right:6vw}.section-head{z-index:2;grid-template-columns:180px minmax(0,850px);align-items:start;gap:45px;display:grid;position:relative}.section-number{color:var(--green);letter-spacing:.2em;padding-top:7px;font-size:10px;font-weight:600}.section-title{letter-spacing:-.035em;margin:0;font-family:Sora,sans-serif;font-size:clamp(27px,2.35vw,32px);font-weight:400;line-height:1.2}.section-title span{color:var(--green)}.principle{padding:145px var(--page-x) 130px;background:linear-gradient(135deg,#111615 0%,#171c1b 55%,#101413 100%);border-top:1px solid #e8ede912;position:relative;overflow:hidden}.principle:after{content:"";pointer-events:none;border:1px solid #76e05a14;width:520px;height:520px;position:absolute;bottom:-300px;right:-240px;transform:rotate(45deg)}.principle-intro{z-index:2;color:#929b96;max-width:760px;margin:40px 0 80px 225px;font-size:16px;font-weight:300;line-height:1.8;position:relative}.principle-intro p{margin:0}.principle-intro p+p{margin-top:20px}.principle-intro .principle-highlight{max-width:720px;color:var(--light);letter-spacing:-.015em;margin-top:36px;font-family:Sora,sans-serif;font-size:19px;font-weight:400;line-height:1.55}.principle-highlight:before{content:"";background:var(--green);width:38px;height:2px;margin-bottom:20px;display:block}.solutions{padding:145px var(--page-x) 95px;background:var(--black);border-top:1px solid #e8ede912;position:relative}.solutions-intro{color:#929b96;max-width:680px;margin:35px 0 0;font-size:16px;font-weight:300;line-height:1.8}.solutions-grid{border-top:1px solid #e8ede91f;border-bottom:1px solid #e8ede91f;grid-template-columns:1fr 1fr;margin-top:90px;display:grid}.solution{min-height:360px;padding:48px 55px 85px 0;position:relative}.solution:nth-child(odd){border-right:1px solid #e8ede91a;padding-right:70px}.solution:nth-child(2n){padding-left:70px}.solution:nth-child(-n+2){border-bottom:1px solid #e8ede91a}.solution-number{color:var(--green);letter-spacing:.18em;margin-bottom:35px;font-size:10px;font-weight:600}.solution h3{letter-spacing:-.025em;margin:0;font-family:Sora,sans-serif;font-size:clamp(23px,1.9vw,28px);font-weight:400;line-height:1.22;transition:color .25s}.solution p{color:#89928d;max-width:540px;margin:28px 0 0;font-size:15px;font-weight:300;line-height:1.8}.solution-tags{color:#58615c;letter-spacing:.13em;font-size:9px;font-weight:500;line-height:1.7;position:absolute;bottom:48px;left:0;right:55px}.solution:nth-child(2n) .solution-tags{left:70px;right:0}.solution:after{content:"";background:var(--green);width:0;height:1px;transition:width .35s;position:absolute;bottom:-1px;left:0}.solution:hover:after{width:100%}.solution:hover h3{color:var(--green)}.outside{border-top:1px solid #e8ede91f;grid-template-columns:225px minmax(0,760px);margin-top:75px;padding-top:50px;display:grid}.outside-label{color:var(--green);letter-spacing:.2em;padding-top:6px;font-size:10px;font-weight:600}.outside-content h3{letter-spacing:-.025em;margin:0 0 26px;font-family:Sora,sans-serif;font-size:clamp(23px,1.9vw,28px);font-weight:400;line-height:1.22}.outside-content p{color:#89928d;max-width:700px;margin:0;font-size:15px;font-weight:300;line-height:1.8}.outside-content p+p{margin-top:18px}.practice{padding:145px var(--page-x) 125px;background:linear-gradient(135deg,#111615 0%,#151a19 52%,#0f1412 100%);border-top:1px solid #e8ede912;position:relative;overflow:hidden}.practice:after{content:"";pointer-events:none;border:1px solid #76e05a0e;width:500px;height:500px;position:absolute;top:120px;right:-300px;transform:rotate(45deg)}.practice-intro{color:#929b96;max-width:680px;margin:35px 0 0;font-size:16px;font-weight:300;line-height:1.8}.practice-grid{z-index:2;border-top:1px solid #e8ede91f;margin-top:85px;position:relative}.practice-item{border-bottom:1px solid #e8ede91a;grid-template-columns:180px minmax(0,760px);gap:45px;padding:48px 0;transition:padding-left .25s,border-color .25s;display:grid}.practice-item:hover{border-color:#76e05a47;padding-left:12px}.practice-number{color:var(--green);letter-spacing:.18em;padding-top:5px;font-size:10px;font-weight:600}.practice-content h3{letter-spacing:-.025em;margin:0;font-family:Sora,sans-serif;font-size:clamp(23px,1.9vw,28px);font-weight:400;line-height:1.22;transition:color .25s}.practice-item:hover h3{color:var(--green)}.practice-content p{color:#89928d;max-width:700px;margin:22px 0 0;font-size:15px;font-weight:300;line-height:1.8}.practice-tags{color:#58615c;letter-spacing:.13em;margin-top:30px;font-size:9px;font-weight:500;line-height:1.7}.loxone{padding:100px var(--page-x);background:linear-gradient(120deg,#151b19 0%,#101513 65%,#0c100f 100%);border-top:1px solid #76e05a1f;border-bottom:1px solid #e8ede912;grid-template-columns:225px minmax(0,850px);gap:0;display:grid;position:relative;overflow:hidden}.loxone:after{content:"";pointer-events:none;border:1px solid #76e05a0f;width:420px;height:420px;position:absolute;top:-230px;right:-240px;transform:rotate(45deg)}.loxone-label{z-index:2;color:var(--green);letter-spacing:.2em;padding-top:7px;font-size:10px;font-weight:600;position:relative}.loxone-content{z-index:2;width:100%;position:relative}.loxone-content h2{letter-spacing:-.035em;margin:0 0 32px;font-family:Sora,sans-serif;font-size:clamp(27px,2.35vw,32px);font-weight:400;line-height:1.2}.loxone-content h2 span{color:var(--muted)}.loxone-content p{color:#929b96;max-width:720px;margin:0;font-size:15px;font-weight:300;line-height:1.8}.loxone-content p+p{margin-top:18px}.loxone-bottom{border-top:1px solid #e8ede91a;justify-content:space-between;align-items:center;gap:40px;width:100%;margin-top:42px;padding-top:24px;display:flex}.loxone-line{color:var(--light);letter-spacing:.19em;font-size:10px;font-weight:500}.loxone-partner{flex-shrink:0;justify-content:flex-end;align-items:center;display:flex}.loxone-partner img{opacity:.9;width:165px;max-width:100%;height:auto;display:block}.contact{padding:145px var(--page-x) 125px;background:var(--black);border-top:1px solid #e8ede912;position:relative;overflow:hidden}.contact:after{content:"";pointer-events:none;border:1px solid #76e05a12;width:580px;height:580px;position:absolute;bottom:-350px;right:-360px;transform:rotate(45deg)}.contact-intro{color:#929b96;max-width:690px;margin-top:35px;font-size:16px;font-weight:300;line-height:1.8}.contact-intro p{margin:0}.contact-intro p+p{margin-top:18px}.contact-details{border-top:1px solid #e8ede91f;max-width:690px;margin-top:46px;padding-top:27px}.contact-person{color:var(--light);letter-spacing:-.015em;margin-bottom:27px;font-family:Sora,sans-serif;font-size:18px;font-weight:400;line-height:1.3}.contact-links{grid-template-columns:1fr 1fr;gap:50px;display:grid}.contact-item{flex-direction:column;gap:10px;display:flex}.contact-label{color:#58615c;letter-spacing:.18em;font-size:8px;font-weight:600;display:block}.contact-value{color:var(--light);letter-spacing:-.01em;font-family:Sora,sans-serif;font-size:16px;font-weight:400;line-height:1.3;transition:color .2s;display:block}.contact-item:hover .contact-value{color:var(--green)}.footer{padding:55px var(--page-x) 42px;background:#080b0a;border-top:1px solid #e8ede914}.footer-top{justify-content:space-between;align-items:center;display:flex}.footer-brand{color:var(--light);letter-spacing:.22em;font-family:Sora,sans-serif;font-size:18px;font-weight:500}.footer-version{color:#4d5551;letter-spacing:.2em;font-size:9px;font-weight:500}.footer-tagline{color:var(--green);letter-spacing:.18em;margin-top:20px;font-size:9px;font-weight:600}.footer-bottom{border-top:1px solid #e8ede914;justify-content:space-between;align-items:flex-end;gap:40px;margin-top:45px;padding-top:25px;display:flex}.footer-line,.footer-copy{color:#4d5551;letter-spacing:.16em;font-size:9px;font-weight:500;line-height:1.6}.footer-copy{white-space:nowrap}@media (width<=1100px){.loxone{grid-template-columns:180px minmax(0,850px)}.loxone-partner img{width:145px}}@media (width<=800px){:root{--page-x:24px}.header{padding:25px 24px}.logo img{width:190px}.nav{display:none}.hero{background-position:60%;padding-top:130px}.hero h1{font-size:clamp(32px,7vw,40px)}.hero-text{font-size:15px}.hero-index{right:24px}.section-head{display:block}.section-number{margin-bottom:25px}.section-title{font-size:clamp(25px,5.8vw,30px)}.principle{padding-top:90px;padding-bottom:90px}.principle-intro{max-width:none;margin:35px 0 65px;font-size:15px;line-height:1.75}.principle-intro p+p{margin-top:18px}.principle-intro .principle-highlight{margin-top:30px;font-size:18px;line-height:1.5}.principle-highlight:before{margin-bottom:16px}.solutions{padding-top:90px;padding-bottom:75px}.solutions-intro{font-size:15px}.solutions-grid{margin-top:65px;display:block}.solution,.solution:nth-child(odd),.solution:nth-child(2n){border-bottom:1px solid #e8ede91a;border-right:0;min-height:auto;padding:38px 0}.solution:last-child{border-bottom:0}.solution-number{margin-bottom:20px}.solution h3{font-size:clamp(22px,5vw,26px)}.solution p{margin-top:20px}.solution-tags,.solution:nth-child(2n) .solution-tags{margin-top:28px;position:static}.solution:after{display:none}.outside{margin-top:55px;padding-top:40px;display:block}.outside-label{margin-bottom:25px}.outside-content h3{font-size:clamp(22px,5vw,26px)}.practice{padding-top:90px;padding-bottom:80px}.practice-intro{font-size:15px}.practice-grid{margin-top:60px}.practice-item{padding:36px 0;display:block}.practice-item:hover{padding-left:0}.practice-number{margin-bottom:20px}.practice-content h3{font-size:clamp(22px,5vw,26px)}.practice-content p{margin-top:20px}.practice-tags{margin-top:25px}.loxone{padding:75px var(--page-x);display:block}.loxone-label{margin-bottom:28px}.loxone-content h2{font-size:clamp(25px,5.8vw,30px)}.loxone-bottom{gap:25px}.loxone-partner img{width:135px}.contact{padding-top:90px;padding-bottom:80px}.contact-intro{font-size:15px}.contact-details{max-width:none;margin-top:40px;padding-top:25px}.contact-person{margin-bottom:25px;font-size:17px}.contact-links{grid-template-columns:1fr 1fr;gap:30px}.contact-value{font-size:15px}.footer{padding:45px var(--page-x) 35px}.footer-bottom{display:block}.footer-copy{margin-top:15px}}@media (width<=520px){.hero{padding-bottom:65px}.hero h1{font-size:clamp(30px,9vw,36px)}.hero-index{display:none}.section-title,.loxone-content h2{font-size:clamp(24px,7vw,28px)}.solution h3,.outside-content h3,.practice-content h3{font-size:clamp(21px,6vw,24px)}.solution-tags,.practice-tags{font-size:8px}.loxone-bottom{display:block}.loxone-partner{justify-content:flex-start;margin-top:22px}.loxone-partner img{width:135px}.contact-links{grid-template-columns:1fr;gap:22px}.contact-value{font-size:15px}.footer-top{display:block}.footer-version{margin-top:16px}}