/* ANGIA design review. Brand typography, photography, and palette retained.
   Layers: content 0, search 5, mobile actions 40, nav 50, scrim 70, dialog 80.
   Shapes: 999px buttons, 16px cards/search, 10px fields. */
[hidden]{display:none!important}
body{margin:0}
html{scroll-padding-top:92px}
img{max-width:100%}
.skip-link{position:fixed;left:16px;top:12px;z-index:100;transform:translateY(-150%);background:var(--ink);color:var(--paper);padding:12px 18px;border-radius:10px}
.skip-link:focus{transform:none}
.top .wrap{min-height:76px;gap:20px}
.top.compact .wrap{min-height:68px}
.logo-img{height:56px}
.top.compact .logo-img{height:50px}
.lang button{min-width:40px;min-height:40px;font-size:.75rem}
.top .btn{min-height:44px}
.nav{gap:22px}
.nav a{padding-block:12px}
.menu-toggle{display:none;align-items:center;gap:10px;min-height:44px;padding:8px 12px;border:1px solid var(--line);border-radius:999px;background:transparent;color:var(--ink);font:600 .8rem var(--sans);cursor:pointer}
.menu-toggle>span{display:grid;gap:5px;width:15px}
.menu-toggle i{height:1px;background:currentColor;transition:transform .2s}
.menu-toggle[aria-expanded=true] i:first-child{transform:translateY(3px) rotate(45deg)}
.menu-toggle[aria-expanded=true] i:last-child{transform:translateY(-3px) rotate(-45deg)}
.mobile-nav{padding-top:8px;padding-bottom:20px;border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 1fr;gap:0 20px;max-height:calc(100dvh - 72px);overflow:auto}
.mobile-nav a{min-height:48px;padding:12px 4px;color:var(--ink);text-decoration:none;border-bottom:1px solid var(--line);font-size:.95rem}
.mobile-nav .mobile-owner{grid-column:1/-1;color:var(--champagne-text);font-weight:700}
.hero-inner{min-height:510px;padding-block:64px 100px;max-width:820px;gap:22px}
.hero h1{font-size:clamp(2.6rem,4.1vw,3.75rem);line-height:1.18;letter-spacing:-.025em}
.hero h1 .ln{padding-bottom:.1em;overflow:visible}
.hero .lede{max-width:45ch;font-size:1rem;line-height:1.75;color:#E0D6C7}
.hero-actions{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin-top:4px}
.hero-actions .btn{min-height:50px;padding-inline:26px;white-space:nowrap}
.hero-secondary{color:var(--on-esp);border-color:rgba(242,237,228,.5);background:rgba(33,28,25,.25)}
.hero-secondary:hover{background:rgba(33,28,25,.7)}
.hero::after{background:linear-gradient(90deg,rgba(23,19,16,.90),rgba(23,19,16,.68) 48%,rgba(23,19,16,.14)),linear-gradient(0deg,rgba(23,19,16,.45),transparent 40%)}
.scene-meta{bottom:76px;right:max(24px,calc((100vw - 1168px)/2));gap:3px}
.scene-controls{display:flex;align-items:center;gap:12px}
.ticks button{height:44px;width:32px}
.ticks button::before,.ticks button i{top:21px}
.scene-pause{min-height:44px;padding:8px 12px;border:1px solid rgba(242,237,228,.35);border-radius:999px;background:rgba(23,19,16,.4);color:var(--on-esp);font:600 .74rem var(--sans);cursor:pointer}
.scene-pause:disabled{cursor:default}
.folio-wrap{margin-top:-50px}
.folio{border-radius:16px;box-shadow:0 14px 40px rgba(33,28,25,.10)}
.folio .btn{border-radius:10px;white-space:nowrap}
.folio-note{padding-top:16px;gap:8px 20px;font-size:.78rem}
.folio-note>span:nth-child(2){display:none}
.dot{display:none}
.search-error{margin-top:12px;padding:10px 14px;background:var(--field);border:1px solid var(--err);border-radius:10px}
.trust-strip{padding-top:28px;padding-bottom:28px;margin-top:12px;border-bottom:1px solid var(--line)}
.proof{color:var(--muted);gap:18px;font-size:.8rem;justify-content:center}
.proof strong{color:var(--ink);font-size:1.8rem;font-variant-numeric:tabular-nums}
.proof .sep{height:38px;background:var(--line);margin-inline:10px}
.ota-logos span{border:1px solid #DDD4C7}
.ota-logos{gap:5px}
section{padding-block:76px}
.sec-head{display:block;margin-bottom:30px}
.sec-head>div:first-child{max-width:760px;gap:16px}
.sec-head .lede{max-width:65ch}
.chips{margin-top:26px;gap:8px}
.chip{min-height:44px}
.grid{gap:22px}
.card{border-radius:16px}
.card .media{aspect-ratio:3/2}
.card-actions .btn{min-height:44px}
.card-actions a.ota{min-height:36px;display:inline-flex;align-items:center}
.fine{line-height:1.75}
.about-media{border-radius:16px;aspect-ratio:4/5}
.about-grid{gap:48px}
.about-copy h2{font-size:clamp(1.85rem,2.7vw,2.7rem)}
.facts{gap:24px}
.founder{margin-top:4px}
.owner{padding-block:62px}
.faq{gap:48px}
summary{min-height:44px;align-items:center}
.quick{gap:10px}
.quick a{flex-wrap:wrap;min-height:52px}
.quick a.primary small{color:inherit;opacity:.85}
.done .badge{color:var(--paper);background:var(--ink)}
.x{width:44px;height:44px}
.f input,.f select,.f textarea{min-height:46px;font-size:16px}
.dr-head h3:focus{outline:none}
@media(min-width:1041px){.mobile-nav{display:none!important}}
@media(max-width:1040px){
  .menu-toggle{display:inline-flex}.top .wrap{gap:12px}.top-actions{gap:8px}
  .hero-inner{max-width:710px}.hero h1{font-size:3.1rem}
  .scene-meta{right:24px}.scene-meta .cap{font-size:.9rem}
}
@media(max-width:900px){
  .hero-inner{min-height:480px;padding-bottom:104px;max-width:660px}
  .scene-meta{bottom:58px}
  .folio{grid-template-columns:repeat(4,minmax(0,1fr));padding:10px}
  .fld-prop{grid-column:1/-1}.folio .btn{grid-column:auto;grid-row:auto;min-height:52px;padding-inline:16px;font-size:.88rem}
  .fld:nth-child(2),.fld:nth-child(3),.fld:nth-child(4){grid-column:auto}
  .about-media{aspect-ratio:16/10}.about-grid{gap:32px}
  .proof{gap:14px}.proof .sep{margin-inline:0}
}
@media(max-width:700px){
  html{scroll-padding-top:84px}
  .top .wrap,.top.compact .wrap{min-height:72px;gap:10px}
  .logo-img,.top.compact .logo-img{height:50px}
  .owner-link,.top .btn-champ{display:none}
  .lang{padding:0}.lang button{min-width:36px;min-height:40px}
  .hero-inner{min-height:480px;padding-block:38px 104px;gap:18px;max-width:100%}
  .hero h1{font-size:clamp(2rem,8.3vw,3rem);line-height:1.2}
  .hero h1 .ln{padding:0}.hero .eyebrow{font-size:.62rem;letter-spacing:.12em;gap:8px}
  .hero .eyebrow::before{width:18px}.hero .lede{font-size:.93rem;max-width:34ch;line-height:1.65}
  .hero::after{background:linear-gradient(90deg,rgba(23,19,16,.86),rgba(23,19,16,.30)),linear-gradient(0deg,rgba(23,19,16,.62),rgba(23,19,16,.15))}
  .hero-actions{gap:10px;flex-wrap:nowrap;margin-top:2px}.hero-actions .btn{min-height:48px;padding-inline:19px;font-size:.86rem}
  .scene-meta{bottom:46px;left:var(--gut);right:var(--gut-r);flex-direction:row;align-items:center;justify-content:space-between}
  .scene-meta .cap{font-size:.82rem}.scene-controls{gap:6px}.ticks{gap:6px}.ticks button{width:24px}
  .scene-pause{padding-inline:9px;font-size:.65rem}
  .folio-wrap{margin-top:-26px}.folio{grid-template-columns:1fr 1fr;gap:0;padding:10px}
  .fld{padding:10px}.fld-prop{grid-column:1/-1;border-bottom:1px solid var(--line);margin-bottom:4px}
  .fld:nth-child(2),.fld:nth-child(3){grid-column:auto}.fld:nth-child(4){grid-column:1}
  .folio .btn{grid-column:2;grid-row:auto;font-size:.86rem;min-height:48px;align-self:center;padding-inline:12px}
  .fld label{font-size:.63rem}.fld input,.fld select{font-size:16px;min-height:28px}
  .folio-note{justify-content:flex-start;padding-inline:4px;font-size:.73rem;gap:4px}
  .folio-note>span{display:block}.folio-note>span:first-child{display:none}
  .trust-strip{margin-top:12px;padding-block:20px}.proof{display:grid;grid-template-columns:auto 1fr;justify-content:start;column-gap:16px;row-gap:14px}
  .proof .sep{display:none}.proof strong{font-size:1.5rem}.proof-txt{gap:7px}.ota-logos span{padding-inline:5px;height:24px}.ota-logos img{height:11px}.ota-logos span:first-child img{height:17px}
  section{padding-block:52px}.sec-head{margin-bottom:24px}.sec-head>div:first-child{gap:14px}
  h2{font-size:1.85rem;line-height:1.22}.chips{margin-top:22px;gap:6px}.chip{padding:8px 11px;font-size:.78rem}
  .grid{gap:20px}.about-media{aspect-ratio:4/3}.about-copy h2{font-size:1.85rem}
  .facts{gap:20px}.facts strong{font-size:1.9rem}.facts span{font-size:.75rem}
  .pillar{grid-template-columns:1fr}.pillar a{grid-column:1;grid-row:auto;justify-self:start;padding-block:6px}
  .owner{padding-block:48px}.owner h2{font-size:1.8rem}.owner .wrap{gap:24px}
  .faq{gap:26px}.mbar .btn{font-size:.86rem}.dr-head,.dr-body{padding-left:18px;padding-right:18px}
}
@media(prefers-reduced-motion:reduce){.scene img{transform:none!important;will-change:auto}.scene,.scene-meta .cap{transition:none}.hero .fade-in{animation:none}.pre{opacity:1;transform:none}}
