@font-face{font-family:AviTechEco;src:url('../fonts/Peyda-Regular.woff2') format('woff2');font-weight:100 500;font-display:swap}
@font-face{font-family:AviTechEco;src:url('../fonts/Peyda-Bold.woff2') format('woff2');font-weight:600 900;font-display:swap}
.avi-app-eco{container-type:inline-size;container-name:avitech-eco;font-family:AviTechEco,Arial,sans-serif;color:#263649;background:radial-gradient(ellipse at 50% 53%,#eff5ff 0,#f9fbfd 38%,#fff 76%);padding:88px 32px 68px;direction:rtl;isolation:isolate;overflow:hidden;position:relative;box-sizing:border-box}
.avi-app-eco *{box-sizing:border-box}
.avi-app-eco .aae-heading{max-width:900px;margin:0 auto 32px;text-align:center;position:relative;z-index:2}
.avi-app-eco .aae-eyebrow{display:inline-block;margin:0 0 18px;padding:7px 18px;border-radius:30px;background:#f1f7ff;border:1px solid #dceafb;color:#4784be;font-size:13px;font-weight:700;line-height:1.8}
.avi-app-eco .aae-heading h2{font-size:clamp(32px,3.8vw,53px);line-height:1.5;font-weight:700;letter-spacing:-1px;margin:0 0 20px;color:#203044}
.avi-app-eco .aae-heading h2>span{display:block}
.avi-app-eco .aae-heading h2 img{display:inline-block;width:132px;height:56px;object-fit:contain;vertical-align:middle;margin-inline-start:8px}
.avi-app-eco .aae-heading>p:last-child{max-width:790px;font-size:17px;line-height:2;color:#7a8794;margin:0 auto}
.avi-app-eco .aae-graph{position:relative;display:grid;grid-template-columns:minmax(230px,1fr) minmax(320px,1.35fr) minmax(230px,1fr);gap:70px;align-items:center;direction:ltr;max-width:1380px;margin:auto;isolation:isolate}
.avi-app-eco .aae-connections{position:absolute;inset:0;display:block;width:100%;height:100%;overflow:visible;z-index:0;pointer-events:none}
.avi-app-eco .aae-trace{fill:none;stroke-width:1.3;stroke-dasharray:3 5;opacity:.26}
.avi-app-eco .aae-flow{fill:none;stroke-width:3.5;stroke-linecap:round;stroke-dasharray:1 110;opacity:.75;animation:aae-flow 11s linear infinite;animation-play-state:paused}
.avi-app-eco .aae-nodes{list-style:none;margin:0;padding:0;display:grid;gap:15px;position:relative;z-index:3;direction:rtl}
.avi-app-eco .aae-nodes--left{grid-column:1;grid-row:1}
.avi-app-eco .aae-nodes--right{grid-column:3;grid-row:1}
.avi-app-eco .aae-nodes li{margin:0;padding:0;list-style:none}
.avi-app-eco .aae-node{display:flex;align-items:center;gap:13px;min-height:70px;text-decoration:none!important;border:1px solid #e9edf2;border-radius:17px;background:#ffffffed;box-shadow:0 8px 22px #263a5310;padding:10px 14px;color:#445565;transition:transform .3s,border-color .3s,box-shadow .3s;-webkit-tap-highlight-color:transparent}
.avi-app-eco .aae-node:hover{transform:translateY(-3px);border-color:color-mix(in srgb,var(--aae-color) 35%,#fff);box-shadow:0 10px 24px #263a5319}
.avi-app-eco .aae-node:focus-visible,.avi-app-eco .aae-footer a:focus-visible{outline:3px solid #368be2;outline-offset:4px}
.avi-app-eco .aae-icon{display:grid;place-items:center;width:43px;height:45px;flex:0 0 43px;border-radius:13px;color:var(--aae-color);background:color-mix(in srgb,var(--aae-color) 10%,white);border:1px solid color-mix(in srgb,var(--aae-color) 16%,white)}
.avi-app-eco .aae-icon svg{width:25px;height:25px;display:block}
.avi-app-eco .aae-node-copy{display:block;min-width:0}
.avi-app-eco .aae-node b{font-size:13px;line-height:1.75;font-weight:700;display:block;color:#435565}
.avi-app-eco .aae-node small{font-size:10px;line-height:1.9;display:block;color:#98a1aa;margin-top:1px}
.avi-app-eco .aae-center{position:relative;grid-column:2;grid-row:1;height:650px;min-width:0;z-index:2;direction:rtl}
.avi-app-eco .aae-aura{position:absolute;width:400px;height:400px;left:50%;top:108px;transform:translateX(-50%);border-radius:50%;background:radial-gradient(circle,#cbe0ff93,#dfedff70 55%,#e6f0ff33 71%,transparent 73%);box-shadow:0 0 0 19px #d9e8fc36,0 0 0 20px #d5e5fa5e,0 0 0 39px #e7f0fc36,0 0 0 40px #dbe8fa4d;pointer-events:none}
.avi-app-eco .aae-device{position:absolute;left:50%;top:12px;transform:translateX(-50%) perspective(1600px) rotateY(-8deg) rotateZ(-2deg);transform-origin:center;z-index:2}
.avi-app-eco .aae-phone{height:554px;width:auto;max-width:none;object-fit:contain;display:block;filter:drop-shadow(18px 18px 21px #283b5914);animation:aae-float 7s ease-in-out infinite;animation-play-state:paused}
.avi-app-eco .aae-knx-badge{position:absolute;bottom:14px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:14px;direction:ltr;white-space:nowrap;background:#ffffffef;border:1px solid #dce8f0;box-shadow:0 10px 30px #36557112;border-radius:19px;padding:14px 19px;z-index:4}
.avi-app-eco .aae-knx-badge>img{width:76px;height:34px;object-fit:contain;display:block}
.avi-app-eco .aae-knx-badge>span{direction:rtl;font-size:11px;line-height:1.9;color:#91a0ae;text-align:right}
.avi-app-eco .aae-knx-badge strong{font-size:12px;font-weight:700;color:#52728a}
.avi-app-eco .aae-footer{max-width:900px;margin:28px auto 0;text-align:center}
.avi-app-eco .aae-footer p{font-size:15px;line-height:2;font-weight:700;color:#6c8298;margin:0 0 8px}
.avi-app-eco .aae-footer a{font-family:inherit;display:inline-flex;align-items:center;gap:10px;min-height:44px;font-size:12px;text-decoration:none;color:#3784c4}
.avi-app-eco.aae-visible .aae-flow,.avi-app-eco.aae-visible .aae-phone{animation-play-state:running}
@keyframes aae-flow{to{stroke-dashoffset:-444}}
@keyframes aae-float{50%{transform:translateY(-7px)}}
@media(max-width:1100px) and (min-width:701px){.avi-app-eco{padding-inline:24px}.avi-app-eco .aae-graph{gap:38px;grid-template-columns:1fr 275px 1fr}.avi-app-eco .aae-center{height:600px}.avi-app-eco .aae-phone{height:500px}.avi-app-eco .aae-node{padding:10px;gap:8px;min-height:69px}.avi-app-eco .aae-node b{font-size:11px}.avi-app-eco .aae-node small{font-size:9px}.avi-app-eco .aae-icon{width:34px;height:38px;flex-basis:34px}.avi-app-eco .aae-icon svg{width:22px;height:22px}.avi-app-eco .aae-aura{width:310px;height:310px;top:100px}.avi-app-eco .aae-knx-badge{padding:12px 13px;gap:9px}.avi-app-eco .aae-knx-badge>img{width:64px;height:30px}}
@media(max-width:700px){
 .avi-app-eco{padding:60px 22px 45px}
 .avi-app-eco .aae-heading{margin-bottom:17px}
 .avi-app-eco .aae-eyebrow{font-size:11px;padding:6px 15px;margin-bottom:14px}
 .avi-app-eco .aae-heading h2{font-size:28px;letter-spacing:-.6px;line-height:1.65;margin-bottom:17px}
 .avi-app-eco .aae-heading h2 img{width:79px;height:35px;margin-inline-start:5px}
 .avi-app-eco .aae-heading>p:last-child{font-size:14px;line-height:2}
 .avi-app-eco .aae-heading br{display:none}
 .avi-app-eco .aae-graph{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:25px 13px}
 .avi-app-eco .aae-center{grid-column:1/-1;grid-row:1;height:505px}
 .avi-app-eco .aae-device{top:14px;transform:translateX(-50%) perspective(1300px) rotateY(-5deg) rotateZ(-2deg)}
 .avi-app-eco .aae-phone{height:408px}
 .avi-app-eco .aae-aura{width:290px;height:290px;top:73px;box-shadow:0 0 0 13px #d9e8fc36,0 0 0 14px #d5e5fa5e,0 0 0 26px #e7f0fc36,0 0 0 27px #dbe8fa4d}
 .avi-app-eco .aae-knx-badge{bottom:7px;padding:10px 14px;gap:12px;border-radius:16px}
 .avi-app-eco .aae-knx-badge>img{width:64px;height:29px}
 .avi-app-eco .aae-knx-badge>span{font-size:10px}
 .avi-app-eco .aae-knx-badge strong{font-size:11px}
 .avi-app-eco .aae-nodes--left{grid-column:1;grid-row:2}
 .avi-app-eco .aae-nodes--right{grid-column:2;grid-row:2}
 .avi-app-eco .aae-nodes{gap:12px}
 .avi-app-eco .aae-node{height:111px;min-height:111px;flex-direction:column;justify-content:center;gap:6px;text-align:center;padding:9px 6px;border-radius:16px}
 .avi-app-eco .aae-icon{width:32px;height:31px;flex-basis:31px;border-radius:9px}
 .avi-app-eco .aae-icon svg{height:20px;width:20px}
 .avi-app-eco .aae-node b{font-size:11px;line-height:1.8}
 .avi-app-eco .aae-node small{font-size:9px;line-height:1.8;margin-top:0}
 .avi-app-eco .aae-trace{stroke-width:1;opacity:.23}
 .avi-app-eco .aae-flow{stroke-width:2.7;opacity:.6}
 .avi-app-eco .aae-footer{margin-top:25px}
 .avi-app-eco .aae-footer p{font-size:13px}
 .avi-app-eco .aae-footer a{font-size:11px}
}
@media(max-width:359px){.avi-app-eco{padding-inline:18px}.avi-app-eco .aae-heading h2{font-size:25px}.avi-app-eco .aae-heading h2 img{width:70px;height:31px}.avi-app-eco .aae-heading>p:last-child{font-size:13px}.avi-app-eco .aae-aura{width:252px;height:252px;top:95px}.avi-app-eco .aae-node b{font-size:10px}.avi-app-eco .aae-node small{font-size:8.5px}.avi-app-eco .aae-nodes{gap:10px}}
@media(prefers-reduced-motion:reduce){.avi-app-eco .aae-flow,.avi-app-eco .aae-phone{animation:none!important}.avi-app-eco .aae-node{transition:none}.avi-app-eco .aae-node:hover{transform:none}}

@container avitech-eco (max-width:680px){
 .avi-app-eco{padding:60px 22px 45px}
 .avi-app-eco .aae-heading{margin-bottom:17px}
 .avi-app-eco .aae-eyebrow{font-size:11px;padding:6px 15px;margin-bottom:14px}
 .avi-app-eco .aae-heading h2{font-size:28px;letter-spacing:-.6px;line-height:1.65;margin-bottom:17px}
 .avi-app-eco .aae-heading h2 img{width:79px;height:35px;margin-inline-start:5px}
 .avi-app-eco .aae-heading>p:last-child{font-size:14px;line-height:2}
 .avi-app-eco .aae-heading br{display:none}
 .avi-app-eco .aae-graph{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:25px 13px}
 .avi-app-eco .aae-center{grid-column:1/-1;grid-row:1;height:505px}
 .avi-app-eco .aae-device{top:14px;transform:translateX(-50%) perspective(1300px) rotateY(-5deg) rotateZ(-2deg)}
 .avi-app-eco .aae-phone{height:408px}
 .avi-app-eco .aae-aura{width:290px;height:290px;top:73px;box-shadow:0 0 0 13px #d9e8fc36,0 0 0 14px #d5e5fa5e,0 0 0 26px #e7f0fc36,0 0 0 27px #dbe8fa4d}
 .avi-app-eco .aae-knx-badge{bottom:7px;padding:10px 14px;gap:12px;border-radius:16px}
 .avi-app-eco .aae-knx-badge>img{width:64px;height:29px}
 .avi-app-eco .aae-knx-badge>span{font-size:10px}
 .avi-app-eco .aae-knx-badge strong{font-size:11px}
 .avi-app-eco .aae-nodes--left{grid-column:1;grid-row:2}
 .avi-app-eco .aae-nodes--right{grid-column:2;grid-row:2}
 .avi-app-eco .aae-nodes{gap:12px}
 .avi-app-eco .aae-node{height:111px;min-height:111px;flex-direction:column;justify-content:center;gap:6px;text-align:center;padding:9px 6px;border-radius:16px}
 .avi-app-eco .aae-icon{width:32px;height:31px;flex-basis:31px;border-radius:9px}
 .avi-app-eco .aae-icon svg{height:20px;width:20px}
 .avi-app-eco .aae-node b{font-size:11px;line-height:1.8}
 .avi-app-eco .aae-node small{font-size:9px;line-height:1.8;margin-top:0}
 .avi-app-eco .aae-trace{stroke-width:1;opacity:.23}
 .avi-app-eco .aae-flow{stroke-width:2.7;opacity:.6}
 .avi-app-eco .aae-footer{margin-top:25px}
 .avi-app-eco .aae-footer p{font-size:13px}
 .avi-app-eco .aae-footer a{font-size:11px}
}

.avi-app-eco .aae-reference-links{display:flex;flex-wrap:wrap;justify-content:center;gap:4px 26px}