/* HD COOL R27: valós, reszponzív főoldal – az R25 képtervének szerkezeti átadása */
:root{--r27-aqua:#21e3ee;--r27-br:#16cfee;--r27-stroke:#1e7391;--r27-navy:#031522}
.r27-front-page{background:#031625;color:#f2fcff}
.r27-front-page .header{height:66px!important;box-shadow:0 8px 22px #00101b66}
.r27-front-page .header .shell{max-width:1660px;width:calc(100% - 70px)}
.r27-front-page .brand{min-width:190px}.r27-front-page .brand b{font-size:26px}
.r27-front-page .nav a{font-size:clamp(10px,.80vw,13px);font-weight:750}
.r27-home{background:linear-gradient(#021523,#031b2c 78%,#031725);color:#f4fcff}
.r27-home .r27-width{width:calc(100% - 76px);max-width:1640px;margin-inline:auto}
.r27-home *{box-sizing:border-box}
.r27-home h1,.r27-home h2,.r27-home h3{color:#fff}
.r27-hero{width:100%;min-height:346px;position:relative;overflow:hidden;isolation:isolate;background:#092739}
.r27-hero-photo{position:absolute;inset:0 0 0 43%;overflow:hidden;z-index:-2}
.r27-hero-photo img{width:100%;height:100%;object-fit:cover;object-position:center 47%;display:block;filter:saturate(1.14) contrast(1.06)}
.r27-hero-overlay{position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#031827 0%,#031827 22%,#052037f5 38%,#06345099 53%,#00142625 75%,#00142624 100%)}
.r27-hero-overlay:after{content:"";position:absolute;top:-30%;left:55%;height:170%;width:2px;transform:rotate(13deg);background:#3de7f8;box-shadow:0 0 28px #17def2}
.r27-hero-content{position:relative;padding-top:22px;padding-bottom:29px;min-height:346px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center}
.r27-breadcrumb{display:flex;gap:10px;color:#b5cad7;font-size:11px;margin:0 0 14px}
.r27-breadcrumb span:nth-child(2){color:#22e7f3}
.r27-pretitle,.r27-overline{display:block;color:#35e6f0;font-size:11px;letter-spacing:1.5px;font-weight:900;text-transform:uppercase}
.r27-home h1{font-size:clamp(34px,3.45vw,57px);font-weight:950;font-style:italic;letter-spacing:-1.7px;line-height:1.055;text-wrap:balance;margin:14px 0 12px;max-width:710px;text-shadow:0 3px 17px #00121c99}
.r27-home h1 em{font-style:italic;color:#f8fbff}
.r27-hero-content>p{font-size:clamp(14px,1.18vw,17px);color:#e6f5fa;line-height:1.48;margin:0 0 19px;max-width:630px}
.r27-actions{display:flex;flex-wrap:wrap;gap:13px}
.r27-btn{min-height:44px;display:inline-flex;align-items:center;justify-content:center;gap:19px;padding:11px 19px;border-radius:8px;font-size:13px;font-weight:900;transition:transform .2s,background .2s}
.r27-btn:hover{transform:translateY(-2px)}
.r27-btn-bright{background:linear-gradient(105deg,#13e9ee,#06c4e9);color:#001924!important;box-shadow:0 3px 18px #03d9e959;border:1px solid #5aebf4}
.r27-btn-outline{background:#021a2ab8;color:#fff!important;border:1px solid #62def5}
.r27-photo-note{position:absolute;bottom:10px;right:26px;font-size:10px;color:#c1e5ee;background:#041827a8;padding:5px 9px;border-radius:3px}
.r27-trust{border-top:1px solid #1b95b4;border-bottom:1px solid #185d78;background:linear-gradient(110deg,#031728,#06374b 55%,#03192c);box-shadow:inset 0 8px 20px #00233344}
.r27-trust-grid{min-height:66px;display:grid;grid-template-columns:repeat(4,1fr);align-items:stretch}
.r27-trust-point{display:flex;align-items:center;gap:12px;padding:8px 19px;border-right:1px solid #2b738a;min-width:0}
.r27-trust-point:last-child{border:0}
.r27-symbol{min-width:39px;color:#0aebfa;font-size:34px;line-height:1;text-shadow:0 0 13px #05ccef99}
.r27-trust-point strong{display:block;color:#fff;font-size:13px;line-height:1.24}
.r27-trust-point small{display:block;color:#c0dae6;font-size:11px;margin-top:4px;line-height:1.28}
.r27-services{padding-top:18px}
.r27-section-heading{display:grid;grid-template-columns:1.1fr 1fr auto;align-items:center;gap:20px;margin-bottom:14px}
.r27-section-heading h2{font-size:clamp(26px,2.5vw,38px);font-style:italic;letter-spacing:-.9px;line-height:1.05;margin:3px 0 0}
.r27-section-heading p{max-width:460px;font-size:13px;color:#c7deea;margin:0}
.r27-all{border-bottom:1px solid #229ab2;font-size:12px;font-weight:800;color:#9deaf5;white-space:nowrap;padding-bottom:4px}
.r27-all:hover{color:#fff}
.r27-cards{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:9px}
.r27-photo-card{position:relative;height:202px;overflow:hidden;border:1px solid #4bbed4;border-radius:10px;display:block;background:#103247;isolation:isolate;box-shadow:0 10px 20px #0003}
.r27-photo-card img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:saturate(1.07) contrast(1.07);transition:transform .3s}
.r27-photo-card:hover img{transform:scale(1.05)}
.r27-photo-card:after{content:"";position:absolute;inset:40% 0 0;background:linear-gradient(0deg,#00121ff7 3%,#001826bc 42%,transparent 100%);z-index:0}
.r27-card-icon{position:absolute;left:12px;top:11px;z-index:1;font-size:22px;color:#d7faff;text-shadow:0 2px 8px #00121f;background:#0827389e;border:1px solid #51d1df8c;width:34px;height:34px;display:grid;place-items:center;border-radius:7px}
.r27-card-copy{position:absolute;bottom:10px;left:12px;right:26px;z-index:1;display:grid;gap:4px}
.r27-card-copy strong{color:#fff;font-size:clamp(14px,1.14vw,18px);line-height:1.11;letter-spacing:-.45px}
.r27-card-copy small{color:#d8edf4;font-size:11px;line-height:1.26}
.r27-card-arrow{position:absolute;right:10px;bottom:23px;z-index:1;color:#50edf6;font-size:20px}
.r27-lower-band{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(280px,.72fr);gap:12px;margin-top:13px}
.r27-workflow{background:linear-gradient(117deg,#063449,#052236);border:1px solid #185e7c;border-radius:12px;padding:16px 19px;display:grid;grid-template-columns:200px 1fr;align-items:center;gap:14px}
.r27-workflow-title h2,.r27-contact-box h2{font-style:italic;font-size:clamp(22px,1.8vw,28px);line-height:1.1;letter-spacing:-.7px;margin:4px 0 7px}
.r27-workflow-title p,.r27-contact-box p{color:#bbdae5;font-size:12px;line-height:1.35;margin:0}
.r27-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;list-style:none;margin:0;padding:0}
.r27-steps li{display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;gap:4px;position:relative}
.r27-steps li:not(:last-child):after{content:'→';position:absolute;right:-12px;top:14px;color:#77e7f3;font-size:19px}
.r27-steps li>span{border:2px solid #43d5ee;border-radius:50%;width:43px;height:43px;display:grid;place-items:center;font-size:15px;font-weight:900;color:#70eff9;margin-bottom:4px}
.r27-steps strong{font-size:12px;line-height:1.18;color:#fff}
.r27-steps small{font-size:10px;color:#afd0e1;line-height:1.2}
.r27-contact-box{background:radial-gradient(circle at 100% 0%,#08799386,transparent 53%),linear-gradient(115deg,#06364b,#052032);border:1px solid #23dce8;border-radius:12px;padding:16px 20px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center}
.r27-contact-box h2{font-size:22px}
.r27-contact-link{font-weight:900;color:#021824!important;background:#26e1f3;padding:7px 11px;border-radius:5px;font-size:12px;margin-top:11px}
.r27-contact-link span{padding-left:11px}
.r27-links{margin-top:44px}
.r27-links-heading{margin-bottom:16px}.r27-links-heading h2{margin:6px 0;font-size:clamp(24px,2vw,32px)}
.r27-links-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.r27-links-grid>div{background:#092f44;border:1px solid #226980;padding:19px;border-radius:10px}
.r27-links-grid h3{font-size:19px;margin:0 0 10px}
.r27-links-grid a{display:flex;justify-content:space-between;gap:8px;padding:10px 0;border-top:1px solid #205369;font-size:13px;color:#d2eaf1}
.r27-links-grid a:hover{color:#36e7f0}.r27-links-grid a span{color:#22dce9}
.r27-reference{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-top:22px;padding:22px 26px;border:1px solid #226d88;background:#092c40;border-radius:10px}
.r27-reference h2{font-size:25px;margin:4px 0}.r27-reference p{color:#c4dce5;margin:0;font-size:13px}
.r27-faq{padding-top:34px;padding-bottom:45px}.r27-faq h2{font-size:28px;margin:0 0 15px}.r27-faq-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.r27-faq details{padding:14px 17px;border:1px solid #236984;background:#062b40;border-radius:9px}.r27-faq summary{font-weight:800;font-size:14px;cursor:pointer;color:white}.r27-faq details p{font-size:13px;line-height:1.5;color:#c2e0ec;margin:10px 0 0}
.r27-front-page .footer{padding-bottom:42px}
@media(min-width:1800px){.r27-hero{min-height:378px}.r27-hero-content{min-height:378px}.r27-photo-card{height:228px}}
@media(max-width:1280px){.r27-home .r27-width{width:calc(100% - 42px)}.r27-hero-content>p{max-width:560px}.r27-home h1{font-size:clamp(35px,3.8vw,48px);max-width:650px}.r27-photo-card{height:186px}.r27-card-copy strong{font-size:14px}.r27-card-copy small{font-size:10px}.r27-lower-band{grid-template-columns:1fr}.r27-workflow{grid-template-columns:205px 1fr}.r27-section-heading{grid-template-columns:1fr auto}.r27-section-heading p{display:none}}
@media(max-width:980px){.r27-cards{grid-template-columns:repeat(3,minmax(0,1fr))}.r27-photo-card{height:210px}.r27-card-copy strong{font-size:19px}.r27-card-copy small{font-size:12px}.r27-trust-grid{grid-template-columns:repeat(2,1fr)}.r27-trust-point:nth-child(2){border-right:0}.r27-trust-point:nth-child(-n+2){border-bottom:1px solid #1b627c}.r27-links-grid{grid-template-columns:repeat(2,1fr)}.r27-faq-grid{grid-template-columns:1fr}.r27-hero-photo{left:32%}.r27-hero-overlay{background:linear-gradient(90deg,#031827 0%,#031827f9 31%,#052037e0 57%,#05203732 100%)}.r27-hero-overlay:after{display:none}}
@media(max-width:700px){.r27-front-page .header .shell{width:calc(100% - 30px)}.r27-home .r27-width{width:calc(100% - 28px)}.r27-hero{min-height:auto}.r27-hero-photo{inset:0;opacity:.42}.r27-hero-photo img{object-position:64% 50%}.r27-hero-overlay{background:linear-gradient(90deg,#031827f7,#031827e8 80%,#0318279e)}.r27-hero-content{min-height:405px;padding-top:29px;padding-bottom:37px}.r27-breadcrumb{margin-bottom:22px}.r27-pretitle{font-size:9px;line-height:1.5}.r27-home h1{font-size:clamp(30px,7vw,42px);max-width:580px;line-height:1.12;letter-spacing:-.6px;margin:13px 0}.r27-hero-content>p{font-size:14px;line-height:1.46}.r27-actions{gap:8px}.r27-btn{padding:10px 13px;font-size:12px;min-height:41px}.r27-photo-note{display:none}.r27-trust-grid{min-height:0}.r27-trust-point{padding:10px 8px;gap:8px}.r27-trust-point strong{font-size:11px}.r27-trust-point small{font-size:10px}.r27-symbol{min-width:27px;font-size:25px}.r27-services{padding-top:19px}.r27-section-heading{grid-template-columns:1fr;gap:8px}.r27-all{justify-self:start}.r27-cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.r27-photo-card{height:190px}.r27-card-copy{left:9px;bottom:10px;right:13px}.r27-card-copy strong{font-size:15px}.r27-card-copy small{font-size:11px}.r27-card-arrow{right:6px;bottom:43px}.r27-workflow{grid-template-columns:1fr;padding:16px}.r27-workflow-title p{max-width:350px}.r27-steps li:not(:last-child):after{right:-11px}.r27-steps strong{font-size:11px}.r27-steps small{font-size:9px}.r27-contact-box{padding:21px}.r27-reference{flex-direction:column;align-items:flex-start}.r27-reference h2{font-size:22px}}
@media(max-width:400px){.r27-home .r27-width{width:calc(100% - 20px)}.r27-cards{gap:7px}.r27-photo-card{height:172px}.r27-card-copy strong{font-size:13px}.r27-card-copy small{font-size:10px}.r27-steps{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:14px}.r27-steps li:nth-child(2):after{display:none}.r27-trust-point strong{font-size:10px}.r27-trust-point small{font-size:9px}.r27-symbol{font-size:23px}.r27-actions .r27-btn{flex:1 1 auto}}
@media(prefers-reduced-motion:reduce){.r27-home *{transition:none!important}}

/* R27 kiadás: az elfogadott vizuális referencia tömör főoldala, olvasható munkaterületekkel */
@media(min-width:1000px){
  .r27-hero,.r27-hero-content{min-height:350px}
  .r27-home h1{max-width:810px;font-size:clamp(37px,3.25vw,53px);letter-spacing:-1.45px}
  .r27-hero-content>p{max-width:680px}
  .r27-hero-photo{left:44%}
  .r27-hero-overlay{background:linear-gradient(90deg,#031827 0%,#031827 24%,#052037fa 37%,#0634509c 51%,#00142625 72%,#00142616 100%)}
  .r27-hero-overlay:after{left:54%}
}
.r27-photo-card:nth-child(2) img{object-position:50% 38%}
.r27-photo-card:nth-child(4) img{object-position:52% 50%}
.r27-photo-card:nth-child(6) img{object-position:50% 34%}
.r27-photo-card:focus-visible,.r27-btn:focus-visible,.r27-links a:focus-visible{outline:3px solid #d4f9fb;outline-offset:3px}
.r27-hero .r27-photo-note{font-size:10px}
@media(max-width:700px){.r27-home h1{font-size:clamp(28px,6.75vw,43px);line-height:1.10}.r27-card-copy strong{letter-spacing:-.25px}.r27-hero-content{min-height:375px}}