/* Torvi Shade uses the shared app palette and navigation. */
body[data-app="torvi-shade"] .primary-button {
  display:inline-flex;align-items:center;justify-content:center;min-height:48px;
  padding:12px 20px;border:0;border-radius:12px;
  background:var(--accent);color:var(--on-accent);font-weight:650;
}
body[data-app="torvi-shade"] .hero-inner {min-height:560px;gap:48px;padding-block:64px;}
body[data-app="torvi-shade"] .hero h1 {font-size:clamp(2.5rem,5.2vw,4.4rem);line-height:1.1;}
body[data-app="torvi-shade"]:not(.app-landing) .hero h1 {font-size:clamp(1.75rem,5vw,3.1rem);}
body[data-app="torvi-shade"] .availability {margin-top:22px;color:var(--muted);font-size:.95rem;}
.torvi-shade-mark {margin:0;text-align:center;}
.torvi-shade-mark img {display:block;width:100%;max-width:360px;height:auto;margin:0 auto;}
.torvi-shade-mark figcaption {margin-top:18px;color:var(--muted);font-size:.95rem;}
body[data-app="torvi-shade"] .features-section {padding-block:64px;}
body[data-app="torvi-shade"] .section-heading {max-width:740px;}
body[data-app="torvi-shade"] .feature h3 {font-size:1.2rem;line-height:1.3;}
body[data-app="torvi-shade"] .feature p {font-size:1rem;line-height:1.65;}
body[data-app="torvi-shade"] .missing {
  display:flex;flex-direction:column;align-items:center;justify-content:center;
  min-height:60vh;gap:24px;padding-block:64px;text-align:center;
}
body[data-app="torvi-shade"] .missing h1 {font-size:clamp(2rem,5vw,3.5rem);}
body[data-app="torvi-shade"] .missing p {max-width:46ch;color:var(--muted);}
body[data-app="torvi-shade"] .skip-link {
  position:fixed;top:8px;left:8px;z-index:100;padding:10px 16px;
  border:2px solid var(--accent);background:var(--surface);color:var(--text);
  transform:translateY(-180%);
}
body[data-app="torvi-shade"] .skip-link:focus {transform:translateY(0);}
body[data-app="torvi-shade"] :focus-visible {outline:3px solid var(--accent);outline-offset:4px;}
@media(max-width:760px) {
  body[data-app="torvi-shade"] .hero-inner {grid-template-columns:1fr;min-height:0;gap:32px;padding-block:44px;}
  body[data-app="torvi-shade"] .hero h1 {font-size:clamp(2.2rem,8.5vw,3.5rem);}
  .torvi-shade-mark img {max-width:250px;}
  body[data-app="torvi-shade"] .feature-grid {grid-template-columns:1fr;}
  body[data-app="torvi-shade"] .features-section {padding-block:44px;}
}
@media(prefers-reduced-motion:reduce) {
  body[data-app="torvi-shade"] *,body[data-app="torvi-shade"] *::before {
    animation:none!important;transition:none!important;scroll-behavior:auto!important;
  }
}