/* Hero mit separater, textfreier Illustration. */
.hero { position:relative; isolation:isolate; overflow:hidden; background:#052052; color:#fff; }
.hero-visual { position:absolute; inset:0; z-index:-1; pointer-events:none; }
.hero-visual::after { position:absolute; content:""; inset:0; background:linear-gradient(90deg,#031b43aa,transparent 65%); }
.hero-art { width:100%; height:100%; object-fit:cover; object-position:center; }
.hero-main { position:relative; min-height:575px; }
.hero-copy { width:min(640px,58%); padding-block:55px 33px; }
.hero .eyebrow { font-size:11px; margin-bottom:20px; letter-spacing:.19em; }
.hero h1 { color:#fff; margin:0 0 20px; font-size:clamp(57px,5.4vw,78px); letter-spacing:-.057em; line-height:.93; }
.hero h1 span { display:block; }
.hero h1 .text-orange { color:#ff8b2a; }
.hero-description { max-width:560px; color:#d4e2fb; font-size:24px; line-height:1.25; margin:0; }
.hero-actions { display:flex; flex-wrap:wrap; gap:17px; margin-top:23px; }
.hero-actions .button { min-width:245px; font-size:17px; }
.hero-actions .button--outline { min-width:210px; }
.hero-note { font-size:13px; color:#bed0ed; margin:17px 0 0; }
.service-strip { display:grid; grid-template-columns:repeat(4,1fr); gap:0; padding-block:23px 26px; }
.service-summary { display:flex; align-items:flex-start; gap:20px; padding-inline-end:24px; }
.service-summary + .service-summary { border-inline-start:1px solid #abc9ff4f; padding-inline-start:27px; }
.service-summary > .icon { width:43px; height:43px; color:#eef5ff; }
.service-summary h2 { font-size:19px; line-height:1.2; margin-bottom:7px; letter-spacing:-.025em; }
.service-summary p { color:#d9e5fb; font-size:14px; line-height:1.4; margin:0; }
[lang=fr] .hero h1,[lang=tr] .hero h1 { font-size:clamp(47px,4.7vw,69px); }
[dir=rtl] .hero h1 { font-size:clamp(47px,4.6vw,66px); line-height:1.12; }
[dir=rtl] .hero-visual { transform:scaleX(-1); }
@media(max-width:1100px) { .hero-copy { width:64%; } .hero h1 { font-size:68px; } .hero-description { font-size:22px; } .hero-actions .button { min-width:205px; padding-inline:20px; } .service-summary { gap:14px; } .service-summary + .service-summary { padding-inline-start:20px; } .service-summary > .icon { width:33px; height:33px; } .service-summary h2 { font-size:17px; } }
@media(max-width:850px) { .hero-copy { width:77%; } .hero-visual { opacity:.6; } .hero-main { min-height:540px; } .hero h1 { font-size:63px; } .service-strip { grid-template-columns:1fr 1fr; gap:27px 0; } .service-summary:nth-child(3) { border:0; padding-inline-start:0; } }
@media(max-width:600px) { .hero { display:flex; flex-direction:column; } .hero-main { order:1; min-height:0; } .hero-copy { width:100%; padding-block:34px 18px; } .hero h1,[lang=fr] .hero h1,[lang=tr] .hero h1 { font-size:clamp(42px,11vw,64px); line-height:.98; } [dir=rtl] .hero h1 { font-size:clamp(40px,10vw,57px); line-height:1.2; } .hero .eyebrow { font-size:9px; letter-spacing:.1em; gap:9px; } .hero-description { font-size:20px; } .hero-actions { gap:11px; } .hero-actions .button { min-width:0; flex:1 1 44%; padding:12px 10px; font-size:14px; gap:8px; } .hero-actions .icon { width:18px; } .hero-note { font-size:12px; } .hero-visual { position:relative; order:2; opacity:1; height:250px; margin-block:-5px; z-index:0; } .hero-art { object-position:80% center; } .hero-visual::after { background:linear-gradient(180deg,#052052,transparent 20%,transparent 82%,#052052); } .service-strip { order:3; padding-block:15px 30px; } .service-summary { gap:10px; padding-inline-end:10px; } .service-summary + .service-summary { padding-inline-start:15px; } .service-summary:nth-child(3) { padding-inline-start:0; } .service-summary > .icon { width:26px; height:30px; } .service-summary h2 { font-size:15px; } .service-summary p { font-size:12px; } }