#ha-site .hag-integrated{width:100%;max-width:none;min-width:0;text-align:left;padding:64px 0 0;margin:0;display:block;flex-basis:100%}
#ha-site .hag-integrated h2,#ha-site .hag-integrated h3,#ha-site .hag-integrated p,#ha-site .hag-integrated summary{text-align:left}
#ha-site .hag-section-intro{max-width:780px;margin:0 0 45px;padding:0}
#ha-site .hag-jump{display:flex;gap:12px;flex-wrap:wrap;margin:25px 0}
#ha-site .hag-jump a{color:#dfeedd;border:1px solid #8cff7040;padding:12px 18px;border-radius:30px;text-decoration:none;font-size:14px}
#ha-site .hag-jump a:hover{background:#8cff70;color:#142211}
#ha-site .hag-story{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);align-items:start;gap:48px;padding:42px;margin:0 0 72px;background:#272b29;border:1px solid #d6ebdc19;border-radius:20px;isolation:isolate}
#ha-site .hag-story.hag-reverse{background:#202c24;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr)}
#ha-site .hag-story-copy{min-width:0;order:1}
#ha-site .hag-story .hag-visual{order:2;margin:54px 0 0;position:sticky;top:105px;min-width:0}
#ha-site .hag-story.hag-reverse .hag-story-copy{order:2;padding-top:38px}
#ha-site .hag-story.hag-reverse .hag-visual{order:1;margin-top:0}
#ha-site .hag-story h3{font-size:clamp(27px,3vw,40px);line-height:1.12;margin:10px 0 24px;font-weight:500;letter-spacing:-.035em}
#ha-site .hag-story .hag-lead{font-size:16px;line-height:1.75;margin-bottom:22px}
#ha-site .hag-hint{font-size:12px;color:#9ba99e;margin-bottom:12px}
#ha-site .hag-photo{aspect-ratio:4/5;position:relative;overflow:hidden;border-radius:14px;background:#171e19}
#ha-site .hag-photo img{width:100%;height:100%;object-fit:cover;display:block;animation:hag-drift 22s ease-in-out infinite alternate}
#ha-site .hag-photo:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#111b15d9,transparent 45%);pointer-events:none}
#ha-site .hag-photo-label{position:absolute;left:22px;right:22px;bottom:24px;color:#fff;font-size:18px;line-height:1.4;z-index:2;font-weight:500}
#ha-site .hag-scan{position:absolute;left:18px;top:22px;width:9px;height:9px;border-radius:50%;background:#8cff70;box-shadow:0 0 0 8px #8cff7015;z-index:2;animation:hag-pulse 3s infinite}
#ha-site .hag-visual figcaption{font-size:10px;line-height:1.5;color:#96a298;margin-top:12px;text-align:left}
#ha-site .hag-topic{border-bottom:1px solid #d6ebdc26;scroll-margin-top:100px}
#ha-site .hag-topic>summary{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:20px 0;list-style:none;font-size:16px;line-height:1.45;color:#f0f5f1;cursor:pointer}
#ha-site .hag-topic>summary::-webkit-details-marker{display:none}
#ha-site .hag-plus{font-size:25px;color:#8cff70;transition:transform .25s;flex-shrink:0;font-weight:300}
#ha-site .hag-topic[open]>summary .hag-plus{transform:rotate(45deg)}
#ha-site .hag-topic[open]>summary{color:#8cff70}
#ha-site .hag-answer{padding:4px 0 25px;animation:hag-answer .35s ease}
#ha-site .hag-answer h4{font-size:16px;line-height:1.4;color:#e9f3eb;margin:24px 0 9px;font-weight:600;letter-spacing:0}
#ha-site .hag-answer p{font-size:14px;line-height:1.8;margin:0 0 16px;padding:0}
#ha-site .hag-answer .hag-statement{font-size:20px;line-height:1.4;color:#e9f3eb}
#ha-site .hag-answer .hag-list{padding:0;margin:10px 0 25px;font-size:14px;color:#b6c3b9}
#ha-site .hag-note{border-left:2px solid #8cff7070;padding:0 0 0 18px;margin:25px 0}
#ha-site .hag-related{gap:12px;font-size:12px}
#ha-site .hag-service-full section{padding:0 0 25px}
#ha-site .hag-service-full h2{font-size:24px}
#ha-site .hag-service-full .hag-grid,#ha-site .hag-service-full .hag-two{display:block;margin:0}
#ha-site .hag-service-full .hag-card{padding:18px 0;background:none;border:0;border-bottom:1px solid #d6ebdc26;border-radius:0}
#ha-site .hag-service-full .hag-card h3{font-size:19px;margin:10px 0}
#ha-site .hag-service-full .hag-cta{display:none}
#ha-site .hag-scenarios{text-align:left;background:#202622;margin:0 8% 60px 0;padding:35px}
#ha-site .hag-signal{display:flex;align-items:center;gap:18px;margin:30px 0;color:#eaf6e8;font-size:13px}
#ha-site .hag-signal i{flex:1;min-width:15px;height:1px;background:#8cff7050;position:relative}
#ha-site .hag-signal i:after{content:'';position:absolute;width:6px;height:6px;top:-3px;border-radius:50%;background:#8cff70;animation:hag-flow 3s ease-in-out infinite}
#ha-site .hag-faq{padding:70px 7%;display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:65px;background:#202622}
#ha-site .hag-faq .hag-visual{margin:45px 0 0;align-self:start}
#ha-site .hag-faq-copy{min-width:0}
#ha-site .hag-faq-copy details p{font-size:15px}
#ha-site .hag-reveal-ready{opacity:0;transform:translateY(30px);transition:opacity .7s ease,transform .7s ease}
#ha-site .hag-reveal-ready.hag-visible{opacity:1;transform:none}
@keyframes hag-drift{from{transform:scale(1)}to{transform:scale(1.07)}}
@keyframes hag-pulse{50%{box-shadow:0 0 0 13px #8cff7005}}
@keyframes hag-answer{from{opacity:.3;transform:translateY(6px)}to{opacity:1;transform:none}}
.hag-motion-off #ha-site .hag *,.hag-motion-off #ha-site .hag *:after{animation-play-state:paused!important}
@media(max-width:1050px){#ha-site .hag-story{padding:28px;gap:28px}#ha-site .hag-faq{gap:35px}}
@media(max-width:767px){#ha-site .hag-integrated{padding-top:40px}#ha-site .hag-story,#ha-site .hag-story.hag-reverse{display:flex;flex-direction:column;padding:23px;gap:24px;margin-bottom:35px}#ha-site .hag-story .hag-visual,#ha-site .hag-story.hag-reverse .hag-visual{order:0;margin:0;position:relative;top:auto;width:100%}#ha-site .hag-photo{aspect-ratio:4/3}#ha-site .hag-story-copy,#ha-site .hag-story.hag-reverse .hag-story-copy{order:1;padding:0;width:100%}#ha-site .hag-story h3{font-size:29px}#ha-site .hag-scenarios{margin:0 0 35px;padding:23px}#ha-site .hag-signal{gap:9px;font-size:11px}#ha-site .hag-faq{display:block;padding:40px 6%}#ha-site .hag-faq .hag-visual{margin:0 0 30px}#ha-site .hag-topic{scroll-margin-top:85px}}
@media(prefers-reduced-motion:reduce){#ha-site .hag *{animation:none!important;transition:none!important}#ha-site .hag-reveal-ready{opacity:1;transform:none}}

/* Compact, alternating sections within the existing homepage. */
#ha-site .hag-integrated{padding-top:30px;background:transparent}
#ha-site .hag-section-intro{max-width:760px;margin:0 0 22px}
#ha-site .hag-section-intro h2{font-size:28px;line-height:1.15;margin:8px 0 12px}
#ha-site .hag-section-intro .hag-lead{font-size:14px;line-height:1.6;margin-bottom:12px}
#ha-site .hag-jump{margin:14px 0;gap:8px}
#ha-site .hag-jump a{font-size:12px;padding:7px 13px}
#ha-site .hag-story,#ha-site .hag-story.hag-reverse{width:96%;display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,.85fr);gap:25px;align-items:start;padding:25px;margin:0 4% 22px 0;border:1px solid #91a49426;border-left:3px solid #8cff70;border-radius:10px;background:linear-gradient(110deg,#303333,#262a28);box-shadow:none}
#ha-site .hag-story.hag-reverse{grid-template-columns:minmax(0,.85fr) minmax(0,1.35fr);margin:0 0 22px 4%;border-left:1px solid #91a49426;border-right:3px solid #8cff70;background:linear-gradient(110deg,#263e2d,#243329 65%,#29312c)}
#ha-site .hag-story-copy,#ha-site .hag-story.hag-reverse .hag-story-copy{padding:0}
#ha-site .hag-story .hag-visual,#ha-site .hag-story.hag-reverse .hag-visual{margin:0;position:relative;top:auto;align-self:start}
#ha-site .hag-photo{aspect-ratio:16/10;max-height:230px;border-radius:7px}
#ha-site .hag-photo-label{font-size:13px;left:14px;right:14px;bottom:15px;line-height:1.4}
#ha-site .hag-scan{top:14px;left:14px;width:6px;height:6px}
#ha-site .hag-visual figcaption{font-size:9px;margin:7px 0 0;line-height:1.4}
#ha-site .hag-story h3{font-size:25px;line-height:1.15;margin:6px 0 10px;font-weight:500}
#ha-site .hag-story .hag-kicker{font-size:9px;letter-spacing:.13em;margin:0 0 6px}
#ha-site .hag-story .hag-lead{font-size:13px;line-height:1.6;margin-bottom:12px}
#ha-site .hag-hint{display:none}
#ha-site .hag-accordion{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:18px}
#ha-site .hag-topic[open]{grid-column:1/-1}
#ha-site .hag-topic>summary{padding:11px 0;font-size:13px;line-height:1.45;gap:10px;min-height:42px}
#ha-site .hag-plus{font-size:20px}
#ha-site .hag-answer{padding-bottom:15px}
#ha-site .hag-answer p{font-size:13px;line-height:1.7;margin-bottom:12px}
#ha-site .hag-answer .hag-statement{font-size:18px}
#ha-site .hag-answer h4{font-size:14px;margin:18px 0 7px}
#ha-site .hag-answer .hag-list{font-size:13px;margin-bottom:16px}
#ha-site .hag-answer .hag-list li{padding-top:8px;padding-bottom:8px}
#ha-site .hag-scenarios{padding:22px;margin:0 4% 24px 0;width:96%;background:linear-gradient(110deg,#2d3330,#203c29);border-radius:10px}
#ha-site .hag-tabs{margin:10px 0;gap:8px}
#ha-site .hag-tabs button{font-size:12px;padding:7px 13px}
#ha-site .hag-signal{margin:18px 0;max-width:600px}
#ha-site .hag-scenarios p{font-size:13px;line-height:1.6;margin-bottom:10px}
#ha-site .hag-faq{padding:32px 7%;display:grid;grid-template-columns:minmax(0,.65fr) minmax(0,1.35fr);gap:30px;background:linear-gradient(105deg,#303432,#223c2a)}
#ha-site .hag-faq .hag-visual{margin:0;align-self:start}
#ha-site .hag-faq h2{font-size:26px;margin:8px 0 12px}
#ha-site .hag-faq .hag-lead{font-size:14px;line-height:1.6;margin-bottom:15px}
#ha-site .hag-faq summary{font-size:14px;padding:13px 20px 13px 0}
#ha-site .hag-faq-copy details p{font-size:13px}
#ha-site .hag-reveal-ready{transform:translateY(15px)}
#ha-site .hag-reveal-ready.hag-visible{transform:none}
@media(max-width:900px){#ha-site .hag-story,#ha-site .hag-story.hag-reverse{width:100%;margin:0 0 18px;gap:20px;padding:20px}#ha-site .hag-accordion{grid-template-columns:1fr}#ha-site .hag-story h3{font-size:23px}}
@media(max-width:767px){#ha-site .hag-integrated{padding-top:22px}#ha-site .hag-story,#ha-site .hag-story.hag-reverse{display:flex;flex-direction:column;padding:16px;gap:15px;margin-bottom:16px}#ha-site .hag-photo{aspect-ratio:2/1;max-height:175px}#ha-site .hag-story .hag-visual,#ha-site .hag-story.hag-reverse .hag-visual{width:100%;order:0}#ha-site .hag-story-copy,#ha-site .hag-story.hag-reverse .hag-story-copy{order:1;width:100%}#ha-site .hag-story h3{font-size:23px}#ha-site .hag-scenarios{width:100%;padding:18px;margin:0 0 18px}#ha-site .hag-faq{display:block;padding:25px 6%}#ha-site .hag-faq .hag-visual{margin:0 0 18px}#ha-site .hag-section-intro h2{font-size:25px}}


/* Match the original ha-section canvas and its 7vw content edges. */
#ha-site .hag-integrated{display:block;width:100%;max-width:none;padding:0;margin:0;background:#292b2d;box-sizing:border-box}
#ha-site .hag-section-intro{max-width:none;margin:0;padding:50px 7% 28px;background:#292b2d}
#ha-site .hag-section-intro .hag-lead{max-width:780px}
#ha-site .hag-story,#ha-site .hag-story.hag-reverse{width:100%;max-width:none;margin:0;padding:88px 7%;border:0;border-radius:0;gap:40px;box-shadow:none;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);background:linear-gradient(105deg,#8cff70 0%,#8cff70 30%,#292b2d 30%,#292b2d 100%)}
#ha-site .hag-story.hag-reverse{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);background:linear-gradient(105deg,#292b2d 0%,#292b2d 70%,#8cff70 70%,#8cff70 100%)}
#ha-site .hag-story-copy,#ha-site .hag-story.hag-reverse .hag-story-copy{background:#292b2d;padding:22px 24px;border-radius:5px;min-width:0}
#ha-site .hag-story .hag-visual,#ha-site .hag-story.hag-reverse .hag-visual{margin:0;padding:0;position:relative;top:auto;align-self:start;min-width:0}
#ha-site .hag-photo{height:260px;max-height:260px;aspect-ratio:auto;border-radius:12px 12px 0 0}
#ha-site .hag-visual figcaption{margin:0;padding:10px 14px;background:#18241d;color:#c0d0c2;border-radius:0 0 12px 12px}
#ha-site .hag-story h3{font-size:30px;line-height:1.15;margin:6px 0 16px}
#ha-site .hag-story .hag-lead{font-size:15px;line-height:1.65;margin-bottom:16px}
#ha-site .hag-story .hag-kicker{font-size:11px}
#ha-site .hag-accordion{grid-template-columns:1fr;gap:0}
#ha-site .hag-topic>summary{font-size:14px;padding:12px 0}
#ha-site .hag-scenarios{width:auto;margin:0;padding:40px 7%;border:0;border-radius:0;background:#292b2d}
#ha-site .hag-faq{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:40px;padding:88px 7%;background:linear-gradient(105deg,#292b2d 0%,#292b2d 70%,#8cff70 70%,#8cff70 100%)}
#ha-site .hag-faq-copy{background:#292b2d;padding:22px 24px;border-radius:5px}
#ha-site .hag-faq .hag-visual{margin:0}
@media(max-width:900px){#ha-site .hag-story,#ha-site .hag-story.hag-reverse{gap:24px;padding:88px 7%}#ha-site .hag-story-copy,#ha-site .hag-story.hag-reverse .hag-story-copy{padding:18px}#ha-site .hag-faq{gap:24px;padding:88px 7%}}
@media(max-width:767px){#ha-site .hag-story,#ha-site .hag-story.hag-reverse{display:flex;flex-direction:column;width:100%;margin:0;padding:56px 5%;gap:0}#ha-site .hag-story .hag-visual,#ha-site .hag-story.hag-reverse .hag-visual{width:100%;margin:0 0 18px}#ha-site .hag-story-copy,#ha-site .hag-story.hag-reverse .hag-story-copy{width:100%;padding:18px}#ha-site .hag-photo{height:180px;max-height:180px}#ha-site .hag-story h3{font-size:25px}#ha-site .hag-section-intro{padding:36px 5% 20px}#ha-site .hag-scenarios{padding:30px 5%;margin:0;width:100%}#ha-site .hag-faq{display:block;padding:56px 5%}#ha-site .hag-faq .hag-visual{margin:0 0 18px}}

/* Typography and text plates from the existing ha-section design. */
#ha-site .hag.hag-integrated{font-family:Manrope,Arial,sans-serif;color:#eff6ef;--hag-muted:#eff6ef}
#ha-site .hag.hag-integrated :is(h2,h3,h4,p,li,summary,button,a,figcaption){font-family:Manrope,Arial,sans-serif}
#ha-site .hag.hag-integrated :is(p,li){color:#eff6ef;font-weight:300;font-size:16px;line-height:1.55;letter-spacing:-.1px}
#ha-site .hag.hag-integrated :is(h2,h3,h4){color:#eff6ef;font-weight:400}
#ha-site .hag.hag-integrated :is(.hag-section-intro>h2,.hag-story-copy>h3,.hag-faq-copy>h2){font-size:clamp(1.8rem,3vw,3rem);line-height:1.2;letter-spacing:-.035em;margin:.8rem 0 1.5rem}
#ha-site .hag.hag-integrated :is(.hag-story-copy,.hag-story.hag-reverse .hag-story-copy,.hag-faq-copy){background:transparent;padding:0;border-radius:0}
#ha-site .hag.hag-integrated :is(.hag-section-intro,.hag-story-copy,.hag-faq-copy)>:is(h2,h3,p){background:#292b2d;color:#eff6ef;width:fit-content;max-width:100%;padding:12px 18px;border-radius:6px}
#ha-site .hag.hag-integrated p.hag-kicker{color:#8cff70;font-size:11px;font-weight:300;line-height:1.55;letter-spacing:.31em;margin:0 0 13.6px}
#ha-site .hag.hag-integrated p.hag-lead{font-size:16px;line-height:1.55;font-weight:300;margin-bottom:18px}
#ha-site .hag.hag-integrated .hag-accordion,#ha-site .hag.hag-integrated .hag-faq-copy>details{background:#292b2d;padding:0 18px;border-radius:6px}
#ha-site .hag.hag-integrated summary{font-weight:400;color:#eff6ef;font-size:15px}
#ha-site .hag.hag-integrated details[open]>summary{color:#8cff70}
#ha-site .hag.hag-integrated .hag-answer :is(p,li){font-size:15px;color:#eff6ef;font-weight:300;line-height:1.65}
#ha-site .hag.hag-integrated .hag-answer h4{font-weight:400;color:#fff}
#ha-site .hag.hag-integrated .hag-answer .hag-statement{font-size:18px;color:#eff6ef;font-weight:300}
#ha-site .hag.hag-integrated .hag-visual figcaption{background:#18221d;color:#8cff70;font-size:10px;font-weight:300}
#ha-site .hag.hag-integrated .hag-photo-label{font-weight:400;color:#fff}
#ha-site .hag.hag-integrated .hag-link{font-weight:400;color:#eff6ef}
#ha-site .hag.hag-integrated .hag-link:hover{color:#8cff70}
#ha-site .hag.hag-integrated .hag-faq-copy details p{font-size:15px;color:#eff6ef}

/* Smooth native disclosure height; timers remain optional. */
#ha-site .hag-answer{animation:none}
#ha-site .hag-auto-controls{display:flex;flex-wrap:wrap;align-items:center;gap:8px 16px;background:#292b2d;border-radius:6px;padding:10px 18px;margin-bottom:14px;color:#eff6ef;font:300 12px/1.55 Manrope,Arial,sans-serif}
#ha-site .hag-auto-controls button{background:transparent;border:1px solid #8cff7070;border-radius:6px;padding:7px 10px;color:#8cff70;font:400 12px/1.5 Manrope,Arial,sans-serif;cursor:pointer}

/* Shared showcase matching the original solutions box. */
#ha-site #funkcioterkep.hag-hub{padding:88px 7%;background:linear-gradient(105deg,#292b2d 0%,#292b2d 70%,#8cff70 70%,#8cff70 100%)}
#ha-site .hag-hub .hag-section-intro{padding:0;margin:0 0 28px;background:transparent}
#ha-site .hag-hub-box{width:100%;overflow:hidden;border:1px solid #8cff7055;border-radius:18px;background:#15201b}
#ha-site .hag-hub-nav{display:flex;flex-wrap:wrap;gap:6px;padding:10px;background:#202624}
#ha-site .hag-hub-nav button{flex:1 1 120px;border:0;border-radius:9px;padding:14px 12px;background:transparent;color:#eff6ef;font:400 14px/1.3 Manrope,Arial,sans-serif;cursor:pointer}
#ha-site .hag-hub-nav button[aria-pressed=true]{background:#8cff70;color:#18251c;font-weight:600}
#ha-site .hag-hub-nav button:hover{background:#8cff7020}
#ha-site .hag-hub-nav button[aria-pressed=true]:hover{background:#8cff70}
#ha-site .hag-hub-panel[hidden]{display:none!important}
#ha-site .hag-hub-panel{margin:0;padding:0;width:100%;scroll-margin-top:60px}
#ha-site #funkcioterkep.hag.hag-hub .hag-story,#ha-site #funkcioterkep.hag.hag-hub .hag-story.hag-reverse{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);align-items:start;padding:0;margin:0;gap:0;background:#15201b;border:0;border-radius:0}
#ha-site #funkcioterkep.hag.hag-hub .hag-story .hag-visual,#ha-site #funkcioterkep.hag.hag-hub .hag-story.hag-reverse .hag-visual{order:0;width:100%;margin:0;position:sticky;top:32px}
#ha-site #funkcioterkep.hag.hag-hub .hag-story .hag-story-copy,#ha-site #funkcioterkep.hag.hag-hub .hag-story.hag-reverse .hag-story-copy{order:1;padding:32px;background:transparent}
#ha-site #funkcioterkep.hag.hag-hub .hag-story .hag-photo{height:420px;max-height:none;border-radius:0}
#ha-site #funkcioterkep.hag.hag-hub .hag-visual figcaption{border-radius:0}
#ha-site #funkcioterkep.hag.hag-hub .hag-story-copy>:is(h3,p),#ha-site #funkcioterkep.hag.hag-hub .hag-faq-copy>:is(h2,p){background:transparent;padding:0;border-radius:0}
#ha-site #funkcioterkep.hag.hag-hub .hag-story-copy>h3,#ha-site #funkcioterkep.hag.hag-hub .hag-faq-copy>h2{font-size:clamp(24px,2.2vw,32px);line-height:1.17;margin:0 0 20px}
#ha-site #funkcioterkep.hag.hag-hub .hag-story-copy>p.hag-lead{font-size:15px;color:#cedad1;line-height:1.55;margin-bottom:20px}
#ha-site #funkcioterkep.hag.hag-hub .hag-accordion,#ha-site #funkcioterkep.hag.hag-hub .hag-auto-controls,#ha-site #funkcioterkep.hag.hag-hub .hag-faq-copy>details{background:transparent;padding-left:0;padding-right:0}
#ha-site #funkcioterkep.hag.hag-hub .hag-auto-controls{font-size:11px}
#ha-site #funkcioterkep.hag.hag-hub .hag-scenarios{padding:28px 32px;background:#202624;border-top:1px solid #8cff7030}
#ha-site #funkcioterkep.hag.hag-hub .hag-faq{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);padding:0;gap:0;background:#15201b}
#ha-site #funkcioterkep.hag.hag-hub .hag-faq-copy{padding:32px}
#ha-site #funkcioterkep.hag.hag-hub .hag-faq .hag-photo{height:420px;max-height:none;border-radius:0}
#ha-site #funkcioterkep.hag.hag-hub .hag-faq .hag-visual{margin:0}
@media(max-width:900px){#ha-site #funkcioterkep.hag.hag-hub .hag-story .hag-story-copy,#ha-site #funkcioterkep.hag.hag-hub .hag-story.hag-reverse .hag-story-copy,#ha-site #funkcioterkep.hag.hag-hub .hag-faq-copy{padding:24px}#ha-site #funkcioterkep.hag.hag-hub .hag-story .hag-photo{height:340px}}
@media(max-width:767px){#ha-site #funkcioterkep.hag-hub{padding:56px 5%}#ha-site #funkcioterkep.hag.hag-hub .hag-story,#ha-site #funkcioterkep.hag.hag-hub .hag-story.hag-reverse,#ha-site #funkcioterkep.hag.hag-hub .hag-faq{display:flex;flex-direction:column}#ha-site #funkcioterkep.hag.hag-hub .hag-story .hag-visual{position:relative;top:auto}#ha-site #funkcioterkep.hag.hag-hub .hag-story .hag-photo,#ha-site #funkcioterkep.hag.hag-hub .hag-faq .hag-photo{height:220px}#ha-site .hag-hub-nav{gap:5px;padding:8px}#ha-site .hag-hub-nav button{flex:1 1 28%;padding:10px 6px;font-size:12px}#ha-site #funkcioterkep.hag.hag-hub .hag-story .hag-story-copy,#ha-site #funkcioterkep.hag.hag-hub .hag-story.hag-reverse .hag-story-copy,#ha-site #funkcioterkep.hag.hag-hub .hag-faq-copy{padding:22px;width:100%}}

#ha-site .hag-hub-nav{display:grid;grid-template-columns:repeat(9,minmax(0,1fr))}#ha-site .hag-hub-nav button{font-size:13px;padding:14px 7px}@media(max-width:1100px){#ha-site .hag-hub-nav{grid-template-columns:repeat(3,minmax(0,1fr))}}
#ha-site #funkcioterkep.hag.hag-hub>.hag-section-intro>h2{background:#8cff70;color:#292b2d;padding:12px 18px;border-radius:6px;width:fit-content}
#ha-site .hag-hub-playbar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 18px;background:#202624;border-top:1px solid #8cff7025;color:#cedad1;font:300 12px/1.5 Manrope,Arial,sans-serif}
#ha-site .hag-hub-playbar button,#ha-site .hag-gallery-controls button{background:transparent;color:#8cff70;border:1px solid #8cff7055;border-radius:6px;padding:7px 11px;font:400 12px/1.4 Manrope,Arial,sans-serif;cursor:pointer}
#ha-site .hag-gallery-controls{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 14px;background:#18221d;color:#eff6ef;font:300 12px/1.4 Manrope,Arial,sans-serif}
#ha-site .hag-hub-progress{height:3px;background:#8cff7025}#ha-site .hag-hub-progress span{display:block;height:100%;width:0;background:#8cff70;transition:width .3s linear}
#ha-site .hag.hag-hub .hag-photo img[data-hag-fit=contain]{object-fit:contain;background:#101713}
@media(max-width:767px){#ha-site .hag-hub-playbar{align-items:flex-start;font-size:11px;padding:10px 12px}#ha-site .hag-hub-playbar button{flex-shrink:0}}

/* The Hive film sits over the same two-tone canvas as all content sections. */
#ha-site #loxone.ha-section{background:linear-gradient(105deg,#8cff70 0%,#8cff70 30%,#292b2d 30%,#292b2d 100%)!important}
#ha-site #loxone.ha-section>p{background:#292b2d;color:#eff6ef;padding:12px 18px;border-radius:6px;width:fit-content;max-width:600px}
#ha-site #loxone.ha-section>img{background:#292b2d;padding:10px 14px;border-radius:6px;box-sizing:content-box}
#ha-site #brosurak.ha-brochure-section{background:linear-gradient(105deg,#8cff70 0%,#8cff70 30%,#292b2d 30%,#292b2d 100%)}
#ha-site #brosurak .elementor-widget-heading .elementor-heading-title,#ha-site #brosurak .elementor-widget-text-editor{background:#292b2d;color:#eff6ef;width:fit-content;max-width:100%;padding:12px 18px;border-radius:6px}
@media(max-width:767px){#ha-site #loxone.ha-section>p{max-width:100%}}

/* Keep the green canvas below the film; the film itself fades over charcoal. */
#ha-site #loxone.ha-section>.ha-loxone-video{left:0;right:0;width:100%;background:#292b2d;mask-image:none;-webkit-mask-image:none}
#ha-site #loxone.ha-section>.ha-loxone-video video{mask-image:none;-webkit-mask-image:none}
#ha-site #loxone.ha-section>h2{background:#292b2d!important;color:#fff!important;text-shadow:none}
#ha-site #loxone.ha-section>img{padding:0;background:transparent;border-radius:0;width:145px;box-sizing:border-box;margin-left:18px;margin-right:0;transform:translateX(-13.8%)}

#ha-site #loxone.ha-section>.ha-loxone-video{left:7%;right:7%;top:32px;width:auto;height:500px;border:1px solid #8cff7033;border-radius:18px;overflow:hidden;box-sizing:border-box}
#ha-site #loxone.ha-section #ha-film-toggle{top:48px;right:calc(7% + 16px)}
@media(max-width:767px){#ha-site #loxone.ha-section>.ha-loxone-video{left:5%;right:5%;top:24px;height:500px}#ha-site #loxone.ha-section #ha-film-toggle{top:36px;right:calc(5% + 12px)}}

#ha-site #loxone.ha-section>.ha-loxone-video{height:var(--ha-hive-box-height,440px)}

/* Contact copy follows the image and action row content edges. */
#ha-site #kapcsolat.ha-contact>div:first-child>p:not(.ha-eyebrow){width:100%;max-width:none;padding-left:0;padding-right:0;margin-left:0;margin-right:0;box-sizing:border-box}

/* Restore the full-width Hive film and overlapping guide. */
#ha-site #loxone.ha-section>.ha-loxone-video{left:0;right:0;top:0;width:100%;height:580px;border:0;border-radius:0}#ha-site #loxone.ha-section #ha-film-toggle{top:20px;right:7%}

/* Soft green wash fading completely into the full-width Hive film. */
#ha-site #loxone.ha-section>.ha-loxone-video:after{background:linear-gradient(90deg,rgba(140,255,112,1) 0%,rgba(140,255,112,.42) 12%,rgba(140,255,112,.18) 27%,rgba(140,255,112,.055) 42%,rgba(140,255,112,0) 60%);pointer-events:none}

#ha-site #loxone.ha-section>img{background:#292b2d;border-radius:6px;box-shadow:0 0 0 10px #292b2d}

/* Same 105-degree green boundary as the section beneath the film. */
#ha-site #loxone.ha-section>.ha-loxone-video:after{background-image:linear-gradient(105deg,#8cff70 0%,#8cff70 30%,rgba(140,255,112,.35) 34%,rgba(140,255,112,.12) 39%,rgba(140,255,112,.025) 44%,rgba(140,255,112,0) 49%);background-size:100% var(--ha-loxone-canvas-height,2747px);background-position:left top;background-repeat:no-repeat}

/* Uploaded Config image fills the gallery like the architectural photographs. */
#ha-site .hag.hag-hub .hag-photo img[src*="ha-loxone-config-programozas"]{object-fit:cover;width:100%;height:100%;animation:none}

/* Supplemental gallery images do not enlarge the text-driven row. */
#ha-site #funkcioterkep.hag.hag-hub .hag-visual.hag-expanded-visual{position:relative;top:auto}
#ha-site .hag-extra-photos{position:absolute;top:calc(100% + 12px);left:0;width:100%;height:0;display:grid;grid-auto-rows:minmax(0,1fr);gap:12px;overflow:hidden;opacity:0;transform:translateY(-18px);transition:height .42s ease,opacity .35s ease,transform .42s ease;pointer-events:none}
#ha-site .hag-extra-photos.is-visible{opacity:1;transform:translateY(0)}
#ha-site .hag-extra-photo{position:relative;min-height:0;overflow:hidden;background:#101713;animation:hag-extra-enter .5s both ease-out}
#ha-site .hag-extra-photo img{display:block;width:100%;height:100%;object-fit:cover}
#ha-site .hag-extra-photo img[data-fit=contain]{object-fit:contain}
#ha-site .hag-extra-photo span{position:absolute;bottom:0;left:0;right:0;padding:28px 14px 14px;background:linear-gradient(transparent,rgba(10,20,15,.9));color:#eff6ef;font:400 13px/1.45 Manrope,Arial,sans-serif}
@keyframes hag-extra-enter{from{opacity:0;transform:translateY(-24px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:767px){#ha-site .hag-extra-photos{display:none}}
@media(prefers-reduced-motion:reduce){#ha-site .hag-extra-photos{transition:none;transform:none}#ha-site .hag-extra-photo{animation:none}}
.hag-motion-off #ha-site .hag-extra-photos{transition:none;transform:none}.hag-motion-off #ha-site .hag-extra-photo{animation:none}
/* Contact backgrounds follow the actual text on each wrapped line. */
#ha-site#ha-site #kapcsolat.ha-contact>div:first-child>p.ha-contact-text-wrap{background:transparent!important;box-shadow:none!important}
#ha-site #kapcsolat .ha-contact-text-bg{display:inline;background:#292b2d;color:inherit;padding:3px 0;-webkit-box-decoration-break:clone;box-decoration-break:clone}
/* Desktop Hive: keep the full-bleed canvas; reduce scale behind the solid green left overlay. */
@media(min-width:1024px){
 #ha-site#ha-site #loxone.ha-section #ha-loxone-film{width:80%!important;height:100%!important;margin-left:20%!important;object-fit:cover!important;object-position:center center!important;background:transparent;transform:none!important}
}
@media(max-width:1023px){#ha-site#ha-site #loxone.ha-section #ha-loxone-film{object-fit:cover!important;object-position:center center!important}}
/* On phones the contact copy retains its original full-width background. */
@media(max-width:767px){
 #ha-site#ha-site #kapcsolat.ha-contact>div:first-child>p.ha-contact-text-wrap{width:100%!important;max-width:none!important;background:#292b2d!important}
 #ha-site#ha-site #kapcsolat .ha-contact-text-bg{background:transparent!important;padding:0!important}
}