/* Preserve the approved composition; refine the surfaces and smart-home demo. */
.services{position:relative;overflow:hidden}
.circuit-art{position:absolute;right:0;top:14px;width:340px;height:155px;stroke:#f5c447;stroke-width:1;opacity:.22;pointer-events:none}
.section-intro,.service-grid,.service-list{position:relative;z-index:1}
.service{overflow:hidden;border-radius:6px;background:linear-gradient(140deg,#24292c,#1c2023);transition:transform .25s,border-color .25s,box-shadow .25s}
.service::after{content:"";position:absolute;width:120px;height:120px;right:-45px;top:-45px;border:1px solid #f5c44718;border-radius:50%;box-shadow:0 0 0 22px #f5c44705,0 0 0 44px #f5c44703;pointer-events:none}
.service.feature{background:radial-gradient(ellipse at 0 0,#75613733,transparent 75%),linear-gradient(140deg,#2b2e26,#202523)}
.service:hover{transform:translateY(-5px);box-shadow:0 18px 40px #0003;border-color:#aa914b}
.service svg{padding:9px;width:62px;height:62px;border:1px solid #f5c44727;border-radius:12px;background:#f5c44708}
.service-number{color:#b8b7a8;letter-spacing:1px}
.service-link b{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;border:1px solid #f5c44732;transition:background .2s,color .2s}
.service:hover .service-link b{background:var(--gold);color:#171b1d}
.service-list summary:hover{color:var(--gold)}
.smart{grid-template-columns:.88fr 1.12fr;gap:8%;background:radial-gradient(ellipse at 85% 50%,#4c43202b,transparent 60%),#202426}
.smart::before{width:210px;background:linear-gradient(90deg,var(--gold),#f5c44711);box-shadow:none}
.smart-copy h2{font-size:clamp(36px,4vw,56px);line-height:1.2}
.smart-copy h2 span{color:var(--gold)}
.smart-topics{display:flex;align-items:center;gap:13px;flex-wrap:wrap;margin:32px 0 26px;font-size:8px;letter-spacing:1.4px;color:#c0c7c5}
.smart-topics i{width:4px;height:4px;border-radius:50%;background:var(--gold)}
.smart-copy .text-link{margin-top:0}
.scene-demo{padding:0;border:1px solid #76643c80;border-radius:12px;overflow:hidden;box-shadow:0 24px 70px #0004,0 1px 0 #f5c44744 inset;background:#171b1e}
.scene-visual{position:relative;height:255px;background:#0e1316;overflow:hidden}
.scene-visual::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#0003,transparent 30%,#171b1e 100%);pointer-events:none}
.scene-visual img{width:100%;height:100%;display:block;object-fit:cover;object-position:center 55%;transition:filter .65s,transform .65s;filter:brightness(.92)}
.scene-demo[data-active="away"] .scene-visual img{filter:brightness(.52) saturate(.65);transform:scale(1.015)}
.scene-demo[data-active="night"] .scene-visual img{filter:brightness(.35) saturate(.7);transform:scale(1.025)}
.scene-badge{position:absolute;left:20px;top:18px;background:#151b1ddd;border:1px solid #ffffff29;border-radius:20px;backdrop-filter:blur(10px);font-size:9px;color:#f7f3df;padding:7px 12px;z-index:1;display:flex;align-items:center}
.scene-badge .dot{width:5px;height:5px;margin-right:7px;box-shadow:none}
.scene-image-note{position:absolute;bottom:17px;right:20px;z-index:1;font-size:8px;letter-spacing:.5px;color:#d0d4d1}
.scene-controls{padding:5px 25px 23px}
.demo-top{margin-bottom:17px;font-size:8px;letter-spacing:1.2px}
.demo-top>span:first-child{color:var(--gold)}
.demo-top>span:last-child{color:#a4adaf}
.scene-tabs{border-radius:6px;background:#242b2d;border:1px solid #ffffff06;gap:4px;padding:4px}
.scene-tabs button{border-radius:3px;transition:color .2s,background .2s;font-size:11px;padding:12px 5px}
.scene-tabs button:hover:not([aria-pressed="true"]){background:#343c3e;color:#fff}
.scene-body{padding-top:23px;text-align:left}
.scene-body h3{font-size:25px;margin:0 0 6px}
.scene-body>p{font-size:12px;max-width:none;margin:0 0 16px;min-height:41px;color:#bcc3c3}
.scene-body dl div{font-size:12px;padding:12px 0}
.scene-body dt{color:#b7c0c1}
.scene-body dd{color:#f1ead5;text-align:right}
.demo-note{font-size:10px;color:#a7b1b2;margin:13px 0 0}
.approach{position:relative;overflow:hidden}
.approach::after{content:"";position:absolute;left:-100px;bottom:-150px;width:360px;height:360px;border:1px solid #9f8a4625;border-radius:50%;box-shadow:0 0 0 42px #9f8a4608,0 0 0 84px #9f8a4605;pointer-events:none}
.principles span{background:#fff6;border-color:#b7b9ac;border-radius:3px}
.steps article{position:relative}
.steps article::before{content:"";position:absolute;top:-4px;left:0;width:7px;height:7px;border:1px solid #f5c447;border-radius:50%;background:#16191b}
.contact{background:radial-gradient(ellipse at 0% 100%,#61542e24,transparent 60%),#23282a}
form input,form textarea,form select{border-radius:4px}
form input::placeholder,form textarea::placeholder{color:#9ba5a7;opacity:1}
.button{border-radius:3px}
@media(max-width:1050px){.smart{gap:5%}.scene-visual{height:225px}.scene-controls{padding:5px 18px 21px}.scene-tabs button{font-size:10px}.demo-top{letter-spacing:.7px}.circuit-art{width:270px;opacity:.14}}
@media(max-width:760px){.smart{grid-template-columns:1fr;gap:34px}.smart-copy h2{font-size:38px}.smart-topics{margin:25px 0 23px;font-size:8px}.scene-demo{padding:0;border-radius:10px}.scene-visual{height:225px}.scene-controls{padding:3px 19px 22px}.scene-tabs button{font-size:10px;padding:12px 3px}.scene-body h3{font-size:24px}.scene-body>p{min-height:61px;font-size:12px}.scene-body dl div{font-size:11px}.demo-top{font-size:7px}.demo-top>span:last-child{font-size:6px}.demo-note{font-size:9px}.circuit-art{top:5px;right:-110px;width:290px;opacity:.14}.service svg{width:58px;height:58px}.service:hover{transform:none}.service{border-radius:6px}.service p{max-width:310px}.approach::after{left:-190px;bottom:-230px}}
.technologies{background:#181c1e;border-top:1px solid #ffffff08}
.technology-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:16px}
.technology-card{grid-column:span 2;display:flex;flex-direction:column;padding:26px 25px 22px;border:1px solid #3c4445;background:linear-gradient(130deg,#242a2d,#1d2224);border-radius:7px;position:relative;overflow:hidden}
.technology-home{grid-column:span 4;background:radial-gradient(ellipse at top left,#6c5c2c23,transparent 80%),#202627;border-color:#76643c80}
.technology-heading{display:flex;align-items:center;gap:10px;margin-bottom:28px}
.technology-heading h3{font-size:13px;letter-spacing:0;margin:0;font-weight:600;color:#d8dfde}
.technology-index{font-size:9px;color:#a5a9a0;font-variant-numeric:tabular-nums}
.technology-heading svg{width:25px;height:25px;margin-left:auto;stroke:var(--gold);stroke-width:1.3;fill:none;stroke-linecap:round;stroke-linejoin:round}
.brands{display:flex;align-items:center;gap:24px;min-height:55px;margin-bottom:20px;flex-wrap:wrap}
.brand{display:flex;flex-direction:column;justify-content:center;min-height:50px;position:relative}
.brand small{font-size:9px;letter-spacing:1.1px;color:#aeb7b5;line-height:1.4}
.brand strong{font-size:24px;line-height:1.3;font-weight:600;letter-spacing:-.7px;color:#f1f2e9}
.technology-home .brands{gap:32px}
.technology-home .brand:not(:last-child){padding-right:32px;border-right:1px solid #ffffff1a}
.technology-card>p{font-size:12px;color:#b0bbba;margin-bottom:26px;max-width:480px}
.technology-link{display:flex;align-items:center;justify-content:space-between;font-size:10px;color:#c2cbca;border-top:1px solid #ffffff12;padding-top:16px;margin-top:auto}
.technology-link span{font-size:20px;line-height:1;color:var(--gold)}
.technology-link:hover{color:var(--gold)}
@media(min-width:1060px){nav{gap:24px}nav a{font-size:12px}}
@media(min-width:761px) and (max-width:1059px){header{gap:15px}nav{gap:13px}nav a{font-size:11px}.header-cta{padding:12px;font-size:10px;gap:10px}.logo{width:210px}.technology-card{padding:22px 18px}.technology-heading{gap:7px}.technology-heading h3{font-size:11px}.brand strong{font-size:21px}.brands{gap:18px}.technology-home .brands{gap:20px}.technology-home .brand:not(:last-child){padding-right:20px}}
@media(max-width:760px){.technology-grid{grid-template-columns:1fr;gap:13px}.technology-card,.technology-home{grid-column:auto;padding:23px}.technology-heading{margin-bottom:18px}.technology-heading h3{font-size:13px}.brands{margin-bottom:16px;min-height:50px;gap:25px}.brand strong{font-size:25px}.technology-home .brands{gap:15px;align-items:flex-start}.technology-home .brand{min-height:45px}.technology-home .brand:not(:last-child){padding-right:0;border-right:0}.technology-home .brand strong{font-size:21px}.technology-home .brands .brand:first-child{flex-basis:100%}.technology-card>p{margin-bottom:20px;font-size:12px}.technology-link{font-size:11px}}
@media(prefers-reduced-motion:reduce){.scene-visual img,.scene-tabs button,.service,.service-link b{transition:none}}

/* Kapcsolat: a felhasználó által megadott üzleti elérhetőségek. */
.nav-contact{display:none}
.contact-details{font-style:normal;margin:30px 0 0;max-width:440px}
.contact-item{display:block;padding:17px 0;border-top:1px solid #ffffff19}
.contact-label{display:block;color:#aeb8b8;font-size:9px;font-weight:600;letter-spacing:1.7px;margin-bottom:6px}
.contact-value{display:block;font-size:20px;line-height:1.5;color:#f5f4ef}
.contact-value>span{display:inline-block;margin-left:10px;color:var(--gold);font-size:20px}
.contact-phone .contact-value{font-size:clamp(25px,2.6vw,36px);letter-spacing:-.7px;color:var(--gold)}
.contact-address .contact-value{font-size:17px;color:#c8cecc}
a.contact-item:hover .contact-value{color:var(--gold)}
@media(max-width:760px){.nav-contact{display:block}.contact-details{margin-top:26px}.contact-value{font-size:18px}.contact-phone .contact-value{font-size:29px}.contact-address .contact-value{font-size:16px}}
.service{display:flex;flex-direction:column}.service .service-link{margin-top:auto}.service p{margin-bottom:24px}