/* La maqueta aprobada aporta el arte; los títulos y controles siguen siendo HTML. */
@media (min-width: 761px) {
  .shell { width:86.7vw; max-width:none; }
  .site-header { position:relative; height:8.18vw; min-height:0; background:#020a11; }
  .header-inner { height:100%; min-height:0; width:90vw; gap:4.8vw; }
  .brand { width:22vw; height:6.3vw; overflow:hidden; }
  .brand img,.footer-inner .brand img { width:22vw; height:6.3vw; max-width:none; object-fit:cover; object-position:center; }
  .site-nav { gap:3vw; }
  .site-nav>a { font-size:clamp(.8125rem,1vw,1rem); }
  .hero { height:39.95vw; min-height:0; align-items:flex-start; background:#03101d url("assets/hero-clean.webp") center center/cover no-repeat; }
  .hero-media { z-index:0; background:#03101d url("assets/autariz-hero-poster-v2.webp") center/cover no-repeat; }
  .hero-media video { opacity:1; }
  .hero-content { padding-top:5.5vw; }
  .hero h1 { font-size:5.9vw; line-height:.96; margin-bottom:2.3vw; max-width:44vw; font-weight:400; }
  .hero-description { font-size:clamp(1rem,1.86vw,1.6rem); line-height:1.28; margin-bottom:1.8vw; max-width:31ch; }
  .hero .button { min-height:4.7vw; min-width:24vw; padding:1vw 2.5vw; font-size:clamp(.875rem,1.16vw,1.125rem); }
  .hero-shade { background:linear-gradient(90deg,#020b13 0%,#020b13ed 27%,#020b1380 40%,transparent 55%); z-index:1; }
  .hero-content { z-index:2; }
  .showcase-grid { display:block; min-height:0; height:100%; }
  .showcase-copy { padding:0; position:absolute; left:6.65vw; top:9.5vw; width:35vw; }
  .showcase .eyebrow { font-size:clamp(.75rem,1.06vw,.875rem); letter-spacing:.25em; margin-bottom:1.3vw; }
  .showcase h2 { font-size:4.22vw; line-height:1.07; margin-bottom:2.1vw; font-weight:400; }
  .showcase-copy>p:not(.eyebrow):not(.detail-line) { font-size:clamp(1rem,1.65vw,1.35rem); line-height:1.42; max-width:30ch; }
  .store-section { height:48.98vw; background:#073872 url("assets/store-clean.webp") center center/cover no-repeat; overflow:visible; z-index:1; }
  .store-section::before { content:""; position:absolute; left:0; right:0; top:-2.8vw; height:2.9vw; background:#073b7b url("assets/store-clean.webp") center -.9vw/100vw auto no-repeat; clip-path:polygon(0 0,25% 40%,50% 75%,75% 100%,100% 82%,100% 100%,0 100%); z-index:3; pointer-events:none; }
  .store-section::after { display:none; }
  .store-section .showcase-copy { z-index:2; top:9.7vw; }
  .laptop-scene,.flow-scene,.phone-scene { display:none; }
  .store-ui { position:absolute; inset:0; z-index:2; pointer-events:none; }
  .store-ui-nav { position:absolute; top:9.6vw; left:52vw; width:27.8vw; display:flex; align-items:center; justify-content:space-between; color:#1b2529; font:.83vw Arial,sans-serif; }
  .store-ui-nav strong { font-size:1.4vw; letter-spacing:-.04em; }
  .store-ui-title { position:absolute; left:50.5vw; top:17.2vw; color:#1a2528; font:2.5vw/1.04 Georgia,serif; }
  .store-ui-title small { display:block; width:max-content; margin-top:1.2vw; padding:.45vw .9vw; border-radius:5vw; color:#fff; background:#081822; font:1vw Arial,sans-serif; }
  .store-ui-labels { position:absolute; left:50.8vw; top:35.6vw; width:36vw; display:flex; justify-content:space-between; gap:1vw; font:.82vw Arial,sans-serif; color:#303438; }
  .store-ui-labels span { width:33%; }
  .automation-section { height:47.9vw; background:#d6ecfb url("assets/automation-clean.webp") center center/cover no-repeat; overflow:visible; z-index:2; }
  .automation-section::before { content:""; position:absolute; left:0; right:0; top:-3vw; height:3.1vw; background:#d9efff url("assets/automation-clean.webp") center -1.2vw/100vw auto no-repeat; clip-path:polygon(0 0,25% 20%,50% 46%,75% 72%,100% 100%,100% 100%,0 100%); z-index:3; pointer-events:none; }
  .automation-section .showcase-copy { top:8.8vw; z-index:2; }
  .automation-section h2 { font-size:4vw; max-width:32vw; margin-bottom:1.7vw; }
  .automation-section .showcase-copy>p:not(.eyebrow) { max-width:29ch; }
  .assistant-section { height:45.13vw; background:#f7f3ed url("assets/assistant-clean.webp") center center/cover no-repeat; overflow:visible; z-index:3; }
  .assistant-section::before { content:""; position:absolute; left:0; right:0; top:-2.5vw; height:2.6vw; background:linear-gradient(90deg,#f8f5ef,#f4f0e8); clip-path:polygon(0 100%,25% 78%,50% 42%,65% 0,65% 100%,0 100%); z-index:3; pointer-events:none; }
  .assistant-section::after { display:none; }
  .assistant-section .showcase-copy { top:8.4vw; z-index:2; }
  .assistant-section h2 { font-size:3.95vw; max-width:39vw; margin-bottom:1.5vw; }
  .assistant-section .showcase-copy>p:not(.eyebrow) { max-width:25ch; }
  .contact-section { min-height:0; height:29.96vw; background-position:center 54%; overflow:visible; z-index:4; }
  .contact-section::before { content:""; position:absolute; left:0; right:0; top:-2.5vw; height:2.6vw; background:#d6e3e5 url("assets/contact-mountains.webp") center -11.7vw/100vw auto no-repeat; clip-path:polygon(0 0,25% 26%,50% 58%,75% 82%,100% 100%,100% 100%,0 100%); z-index:3; pointer-events:none; }
  .contact-content { padding:0; position:absolute; left:6.65vw; top:5.3vw; width:37vw; }
  .contact-content h2 { font-size:4.7vw; margin-bottom:1.1vw; font-weight:400; }
  .contact-content p:not(.eyebrow) { font-size:clamp(1rem,1.63vw,1.35rem); line-height:1.4; max-width:33ch; margin-bottom:1.2vw; }
  .contact-content .button { min-height:4.6vw; min-width:26vw; font-size:clamp(.875rem,1.19vw,1.125rem); padding:1vw 2vw; }
  .site-footer { height:7.46vw; }
  .footer-inner { height:100%; min-height:0; width:90vw; gap:5vw; }
  .footer-inner .brand { width:22vw; height:6.3vw; }
  .footer-nav { gap:3.3vw; }
  .footer-nav a { font-size:clamp(.8125rem,1vw,1rem); }
}
@media (max-width: 760px) {
  .store-ui { display:none; }
  .site-header .brand img,.footer-inner .brand img { object-fit:cover; object-position:center; }
  .hero { background:#06111d url("assets/hero-clean.webp") 62% center/cover no-repeat; }
  .hero-media { z-index:0; background:#06111d url("assets/autariz-hero-poster-v2.webp") 62% center/cover no-repeat; }
  .hero-media video { opacity:1; }
  .hero h1 { font-size:clamp(3rem,10vw,5rem); }
  .store-section,.automation-section,.assistant-section { min-height:760px; }
  .store-section { background:#073872 url("assets/store-clean.webp") right bottom/auto 55% no-repeat; }
  .automation-section { background:#d6ecfb url("assets/automation-clean.webp") right bottom/auto 55% no-repeat; }
  .assistant-section { background:#f7f3ed url("assets/assistant-clean.webp") right bottom/auto 55% no-repeat; }
  .laptop-scene,.flow-scene,.phone-scene { display:none; }
  .showcase-grid { min-height:760px; }
  .showcase-copy { padding:4.5rem 0 0; }
  .assistant-section h2 { font-size:clamp(2.25rem,8.5vw,4rem); max-width:100%; }
  .contact-section { background-image:url("assets/contact-mountains.webp"); }
  .contact-content h2 { font-size:clamp(2.6rem,10vw,5rem); }
}