/* HD COOL R20 / magasan olvasható prémium felületi finomítások */
:root {--r20-accent:#19d9f0;--r20-ink:#031525;--r20-line:#1885a3}
html {text-size-adjust:100%;-webkit-text-size-adjust:100%}
body{background:radial-gradient(ellipse at 49% 0%,#09374e 0%,#031725 42%,#03121f 90%);color:#ecf7fd}
img{max-width:100%;image-rendering:auto}
a,button{touch-action:manipulation}
a:focus-visible,button:focus-visible,summary:focus-visible{outline:2px solid #5feafa;outline-offset:3px}
.hero{box-shadow:0 8px 34px #00101d64}
.hero-media img{filter:contrast(1.04) saturate(1.06);image-rendering:auto;object-position:center center}
.hero-shade{background:linear-gradient(90deg,rgba(2,18,30,.99) 1%,rgba(2,20,33,.95) 24%,rgba(2,20,33,.83) 44%,rgba(2,20,33,.26) 73%,rgba(2,20,33,.07) 100%)}
.hero h1{font-weight:920;letter-spacing:-1.4px;max-width:760px;text-wrap:balance}
.hero-lead{color:#ecf5fa;max-width:600px;text-wrap:pretty}
.home-panel,.service-card,.hub-panel,.hc-photo-feature{box-shadow:0 6px 22px #0003,inset 0 0 0 1px #15dbf01d}
.home-panel img,.service-card img,.work-tile img{image-rendering:auto;transform:translateZ(0)}
.home-panel:before{background:linear-gradient(0deg,#011522f5 0%,rgba(3,22,35,.60) 34%,transparent 78%)}
.home-panel>span{bottom:14px}
.service-card{overflow:hidden;background:#082639}
.service-card .tile-info strong{color:#fff;text-shadow:0 2px 7px #000c}
.service-card .tile-info small{color:#f1f8fc;text-shadow:0 1px 4px #001623}
.service-card .tile-shade{background:linear-gradient(0deg,#001522ed 0%,rgba(0,19,32,.81) 23%,transparent 72%)}
.grid-head .eyebrow{font-size:12px}
.benefits,.geo-band,.r19-deep,.r19-ev-feature,.hc-solution,.knowledge-item,.faq-list details{background-color:#062739}
.detail-section,.knowledge,.gallery-section,.teaser-section,.contact-section{padding-top:33px}
.section-head{margin-bottom:13px}
.knowledge-item{padding:19px 21px}
.footer{border-top-color:#1584a8}
.r20-tech-band{margin-top:13px;padding:18px 20px;border:1px solid #168aac;border-radius:11px;background:linear-gradient(111deg,#07293c,#073750,#051e30);box-shadow:0 0 24px #08d6ef12}
.r20-tech-band h2{margin:6px 0 11px;font-size:clamp(23px,2.35vw,34px);line-height:1.16;font-style:italic}
.r20-tech-band p{margin:0 0 10px;color:#e2eef7;max-width:1100px}
.r20-tech-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:12px}
.r20-tech-grid article{background:linear-gradient(140deg,#103a51,#061f31);border:1px solid #286d86;border-radius:9px;padding:14px 15px}
.r20-tech-grid article b{display:block;font-size:15px;line-height:1.22;margin-bottom:7px;color:#fff}
.r20-tech-grid article p{font-size:13px;line-height:1.52;margin:0;color:#bbdbe9}
.r20-tech-links{display:flex;flex-wrap:wrap;gap:8px;margin-top:13px}
.r20-tech-links a{display:inline-flex;align-items:center;gap:6px;border:1px solid #2b90ae;background:#082c41;padding:8px 12px;border-radius:6px;color:#8aeefa;font-size:13px;font-weight:750}
.r20-tech-links a:hover{background:#095170;color:#fff}
@media(min-width:1101px){.shell,.family-note,.header-inner{width:calc(100% - 38px);max-width:1850px}.hero{min-height:clamp(390px,27.5vw,525px)}.hero-copy{padding-left:clamp(26px,3vw,55px);width:min(53%,760px)}.hero h1{font-size:clamp(38px,3.1vw,60px)}.home-panel{height:clamp(185px,15vw,245px)}.service-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.service-card{aspect-ratio:1.57;min-height:175px}}
@media(min-width:1680px){.nav a{font-size:13px}.hero h1{font-size:58px}.hero-copy{width:54%}}
@media(max-width:1100px) and (min-width:821px){.hero-copy{width:60%}.hero h1{font-size:clamp(34px,3.9vw,47px)}.r20-tech-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:820px){.hero-shade{background:linear-gradient(0deg,rgba(4,22,37,.16),transparent 75%)}.hero-media img{object-position:center center}.hero-copy{width:100%}.r20-tech-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.r20-tech-band{padding:15px}}
@media(max-width:520px){.header-inner,.shell,.family-note{width:calc(100% - 12px)}.hero-copy{padding:14px 13px 7px}.hero h1{font-size:clamp(29px,7.1vw,36px);letter-spacing:-.6px;line-height:1.08}.hero-lead{font-size:13px;line-height:1.48}.hero-media{height:192px}.hero-chips{margin:10px 0 14px;gap:6px 11px}.hero-chips span{font-size:10.5px}.hero-actions{gap:8px}.hero-actions .btn{flex:1;min-width:0;gap:5px;font-size:12px;padding:11px 10px}.grid-wrap{padding:7px}.grid-head{padding:4px 3px 9px}.grid-head .note{font-size:10px}.service-grid{grid-template-columns:1fr;gap:7px}.service-card{height:107px;min-height:107px;grid-template-columns:126px minmax(0,1fr);aspect-ratio:auto}.service-card .tile-img{height:107px;width:126px;object-fit:cover;position:relative}.service-card .tile-shade{background:linear-gradient(90deg,transparent 0%,rgba(2,20,32,.20) 25%,#06293c 51%)}.service-card .tile-info{padding:10px 9px;gap:3px}.tile-info strong{font-size:14px;line-height:1.17}.tile-info small{font-size:11px;line-height:1.3}.home-panel{min-height:154px}.home-panel strong{font-size:19px}.detail-section,.knowledge,.gallery-section,.teaser-section,.contact-section{padding-top:24px}.r20-tech-grid{grid-template-columns:1fr}.r20-tech-band{padding:14px 12px}.r20-tech-band h2{font-size:24px}.r20-tech-grid article{padding:12px}.r20-tech-links a{font-size:12px}.footer{padding-bottom:104px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition-duration:.001ms!important}}
