/* Approved 9 November 2026 banner; shared by the four homepage languages. */
body.lunea-v2 .lv315-hero { background:#fff; color:#1d1d1f; overflow:hidden; padding:56px 0 60px; }
body.lunea-v2 .lv315-grid { width:calc(100% - 96px); max-width:1440px; margin:0 auto; display:grid; grid-template-columns:1.05fr 1fr; gap:28px; align-items:center; }
body.lunea-v2 .lv315-copy { min-width:0; padding:12px 0; }
body.lunea-v2 .lv315-kicker { margin:0 0 28px; color:#647080; font-size:11px; line-height:1.6; letter-spacing:1.4px; font-weight:600; }
body.lunea-v2 .lv315-hero h1 { margin:0 0 30px; color:#1d1d1f; font-family:Manrope,Arial,sans-serif; font-size:clamp(44px,5.05vw,76px); line-height:1.12; letter-spacing:-.045em; font-weight:600; }
body.lunea-v2 .lv315-hero h1 span { color:#0066cc; }
body.lunea-v2 .lv315-lead { max-width:560px; margin:0 0 34px; color:#51545b; font-size:clamp(16px,1.45vw,20px); line-height:1.75; font-weight:400; }
body.lunea-v2 .lv315-cta { display:inline-flex; gap:36px; align-items:center; padding:18px 26px; border-radius:50px; background:#0066cc; color:#fff; font-size:16px; line-height:1.4; font-weight:600; text-decoration:none; transition:background .18s ease; }
body.lunea-v2 .lv315-cta:hover { color:#fff; background:#0056ad; }
body.lunea-v2 .lv315-cta:focus-visible { outline:3px solid #1d1d1f; outline-offset:5px; }
body.lunea-v2 .lv315-art { display:block; width:100%; height:auto; max-width:none; aspect-ratio:1; object-fit:contain; }
@media(max-width:900px) and (min-width:761px) {
 body.lunea-v2 .lv315-grid { width:calc(100% - 64px); gap:16px; }
 body.lunea-v2 .lv315-hero h1 { font-size:clamp(38px,5vw,46px); }
 body.lunea-v2 .lv315-kicker { font-size:9px; letter-spacing:1px; }
}
@media(max-width:760px) {
 body.lunea-v2 .lv315-hero { padding:40px 0 16px; }
 body.lunea-v2 .lv315-grid { width:86%; grid-template-columns:1fr; gap:12px; }
 body.lunea-v2 .lv315-copy { padding:0; }
 body.lunea-v2 .lv315-kicker { font-size:8px; letter-spacing:1px; margin-bottom:22px; }
 body.lunea-v2 .lv315-hero h1 { font-size:clamp(32px,8.8vw,60px); letter-spacing:-.04em; margin-bottom:24px; }
 body.lunea-v2 .lv315-lead { font-size:15px; line-height:1.75; margin-bottom:27px; max-width:540px; }
 body.lunea-v2 .lv315-cta { font-size:15px; padding:17px 23px; gap:30px; }
 body.lunea-v2 .lv315-art { max-width:580px; margin:0 auto; }
}
@media(prefers-reduced-motion:reduce) { body.lunea-v2 .lv315-cta { transition:none; } }

/* Preserve the approved devices and ribbon silhouette. Material flows around the closed belt path. */
body.lunea-v2 .lv316-art-wrap { position:relative; min-width:0; isolation:isolate; }
body.lunea-v2 .lv316-motion-art { display:block; width:100%; height:auto; aspect-ratio:1; overflow:visible; }
body.lunea-v2 .lv316-ribbon { transform:none; }
body.lunea-v2 .lv316-motion-toggle { position:absolute; right:14px; bottom:9px; width:34px; height:34px; padding:0; display:grid; place-items:center; background:#fff; color:#51545b; border:1px solid #e2e4e8; border-radius:50%; font-size:14px; line-height:1; cursor:pointer; }
body.lunea-v2 .lv316-motion-toggle[hidden] { display:none; }
body.lunea-v2 .lv316-motion-toggle:hover { border-color:#0066cc; color:#0066cc; }
body.lunea-v2 .lv316-motion-toggle:focus-visible { outline:2px solid #0066cc; outline-offset:4px; }
body.lunea-v2 .lv316-is-paused :is(.lv317-flowline,.lv317-flowlight,.lv318-tablet-motion,.lv318-phone-motion,.lv318-sphere-motion) { animation-play-state:paused; }
body.lunea-v2 .lv316-offscreen :is(.lv317-flowline,.lv317-flowlight,.lv318-tablet-motion,.lv318-phone-motion,.lv318-sphere-motion) { animation-play-state:paused; }
body.lunea-v2 .lv316-hero:not([lang="tr"]) h1 { font-size:clamp(40px,4.15vw,62px); }
body.lunea-v2 .lv316-hero:not([lang="tr"]) .lv315-kicker { font-size:10px; letter-spacing:1.1px; }
body.lunea-v2 .lv316-hero .lv315-cta { max-width:100%; gap:24px; }
body.lunea-v2 .lv316-hero .lv315-cta span { flex-shrink:0; }
body.lunea-v2 .lv317-flowline { stroke-dasharray:4 121; stroke-dashoffset:0; animation:lv317-belt-seams 1.4s linear infinite; }
body.lunea-v2 .lv317-flowlight { stroke-dasharray:160 840; stroke-dashoffset:0; animation:lv317-belt-light 11.2s linear infinite; }
@keyframes lv317-belt-seams { to { stroke-dashoffset:-125; } }
@keyframes lv317-belt-light { to { stroke-dashoffset:-1000; } }
@media(max-width:760px) {
 body.lunea-v2 .lv316-hero:not([lang="tr"]) h1 { font-size:clamp(30px,8.4vw,56px); }
 body.lunea-v2 .lv316-hero:not([lang="tr"]) .lv315-kicker { font-size:8px; letter-spacing:.7px; }
 body.lunea-v2 .lv316-hero .lv315-cta { gap:20px; font-size:14px; }
 body.lunea-v2 .lv316-art-wrap { width:100%; max-width:580px; margin:auto; }
}
@media(prefers-reduced-motion:reduce) {
 body.lunea-v2 :is(.lv317-flowline,.lv317-flowlight,.lv318-tablet-motion,.lv318-phone-motion,.lv318-sphere-motion) { animation:none; }
 body.lunea-v2 .lv317-belt-flow { display:none; }
 body.lunea-v2 .lv316-motion-toggle { display:none; }
}

/* Gentle, independent device motion. Small overlap margins keep the layered
   raster illustration continuous while preserving the approved perspective. */
body.lunea-v2 .lv318-tablet-motion { transform-origin:690px 695px; transform-box:view-box; animation:lv318-tablet-hover 7.6s ease-in-out infinite; }
body.lunea-v2 .lv318-phone-motion { transform-origin:1060px 980px; transform-box:view-box; animation:lv318-phone-hover 6.4s ease-in-out infinite; }
body.lunea-v2 .lv318-sphere-motion { transform-origin:1071px 435px; transform-box:view-box; animation:lv318-sphere-hover 8.8s ease-in-out infinite; }
@keyframes lv318-tablet-hover {
 0%,100% { transform:translate(0,0) rotate(0deg) scale(1.008); }
 50% { transform:translate(0,-4px) rotate(-.12deg) scale(1.008); }
}
@keyframes lv318-phone-hover {
 0%,100% { transform:translate(0,1px) rotate(.12deg) scale(1.025); }
 50% { transform:translate(2px,-5px) rotate(-.25deg) scale(1.025); }
}
@keyframes lv318-sphere-hover {
 0%,100% { transform:translate(0,0) scale(1.02); }
 50% { transform:translate(3px,-5px) scale(1.025); }
}
/* These rules follow the animation declarations to make reduced motion absolute. */
@media(prefers-reduced-motion:reduce) {
 body.lunea-v2 :is(.lv318-tablet-motion,.lv318-phone-motion,.lv318-sphere-motion) { animation:none; transform:none; }
}