/* LookLook download page. Builds on /assets/css/site.css (same header, footer and tokens as the apps landing page).
   Rules kept: orange only on the real download button, text at least 14 px, no pills or emoji as icons,
   no sideways scroll. LookLook's own screenshots are shown unchanged: its look is not restyled here. */

html.i18n-pending body{visibility:hidden}

/* hero: navy band, text on the left, the real search screen on the right */
.ll-hero{background:#0C1844;color:#fff;padding-block:var(--s6)}
.ll-hero .wrap{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:var(--s5);align-items:center}
.ll-hero h1{color:#fff;font-size:clamp(2.5rem,1.6rem + 3vw,3.75rem);margin:0}
.ll-tag{margin:var(--s1) 0 0;font-size:var(--fs-2);line-height:1.35;color:#fff;font-weight:700}
.ll-hero .ll-lead{margin-top:var(--s2);font-size:var(--fs-1);line-height:1.55;color:var(--on-navy-muted);max-width:46ch}
.ll-cta{display:flex;flex-wrap:wrap;align-items:center;gap:var(--s2) var(--s3);margin-top:var(--s3)}
.ll-cta .btn svg{width:20px;height:20px}
.ll-meta{margin:var(--s2) 0 0;font-size:var(--fs-0);line-height:1.5;color:var(--on-navy-muted)}
.ll-shot{margin:0;min-width:0}
.ll-shot img{display:block;width:100%;height:auto;border-radius:12px;border:1px solid rgba(238,241,250,.22);box-shadow:0 18px 48px rgba(0,0,0,.4)}

/* sections */
.ll-sec h2{font-size:clamp(var(--fs-3),3.2vw,var(--fs-4))}
.ll-sec .lead{max-width:62ch}

/* gallery of real screens */
.ll-gallery{display:grid;grid-template-columns:minmax(0,1.845fr) minmax(0,1fr);gap:var(--s4);align-items:start}
.ll-sample,.ll-side{font-size:var(--fs-0);line-height:1.55;color:var(--muted);max-width:var(--measure)}
.ll-side{margin-top:var(--s2)}
.ll-fig{margin:0;display:flex;flex-direction:column;gap:var(--s1);min-width:0}
.ll-fig img{display:block;width:100%;height:auto;border-radius:12px;border:1px solid var(--line);box-shadow:var(--shadow);background:var(--surface-2)}
.ll-fig figcaption{font-size:var(--fs-0);line-height:1.5;color:var(--muted)}
.ll-fig.wide{grid-column:1 / -1}

/* does / does not */
.ll-two{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--s5)}
.ll-two h3{font-size:var(--fs-2);margin-bottom:var(--s2)}
.ll-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:12px}
.ll-list li{position:relative;padding-left:22px;font-size:var(--fs-1);line-height:1.5}
.ll-list li::before{content:"";position:absolute;left:0;top:.62em;width:8px;height:8px;border-radius:2px;background:var(--accent)}
.ll-list.no li::before{background:transparent;border:2px solid var(--muted);width:8px;height:8px;border-radius:50%}

/* privacy statement */
.ll-privacy{background:var(--navy);color:#fff}
.ll-privacy h2{color:#fff}
.ll-privacy p{color:var(--on-navy-muted);font-size:var(--fs-1);max-width:62ch}
.ll-privacy p strong{color:#fff}

/* install steps */
.ll-steps{counter-reset:s;list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--s2)}
.ll-steps li{counter-increment:s;position:relative;padding-left:44px;font-size:var(--fs-1);line-height:1.5;min-height:32px}
.ll-steps li::before{content:counter(s);position:absolute;left:0;top:0;width:30px;height:30px;border-radius:50%;background:var(--navy);color:#fff;font-weight:700;font-size:var(--fs-0);display:grid;place-items:center}
:root[data-theme="dark"] .ll-steps li::before{background:#8FA6EE;color:#080D26}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .ll-steps li::before{background:#8FA6EE;color:#080D26}}
.ll-steps code,.ll-code{font-family:Consolas,"Cascadia Mono",Menlo,monospace;font-size:.9375rem;background:var(--surface-2);border:1px solid var(--line);border-radius:6px;padding:1px 6px;overflow-wrap:anywhere}

/* notice: Windows warning */
.ll-notice{border:1px solid var(--line);border-left:4px solid var(--accent);border-radius:var(--radius);background:var(--surface);padding:var(--s3);display:flex;flex-direction:column;gap:var(--s1)}
.ll-notice h3{font-size:var(--fs-2)}
.ll-notice p{font-size:var(--fs-1);line-height:1.55;color:var(--text)}

/* facts */
.ll-facts{margin:0;display:grid;grid-template-columns:minmax(150px,220px) minmax(0,1fr);border-top:1px solid var(--line)}
.ll-facts dt,.ll-facts dd{margin:0;padding:14px 0;border-bottom:1px solid var(--line);font-size:var(--fs-1);line-height:1.45}
.ll-facts dt{font-weight:700;padding-right:var(--s2)}
.ll-facts dd{overflow-wrap:anywhere}
.ll-hash{font-family:Consolas,"Cascadia Mono",Menlo,monospace;font-size:.9375rem;letter-spacing:0;word-break:break-all}

/* footer: as on the apps landing page */
.site-footer{padding-block:var(--s5) var(--s3)}
.site-footer .cols{grid-template-columns:1fr 1fr;gap:var(--s4)}
.site-footer .cols > .stack:last-child ul{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 var(--s3)}
.site-footer .legal{margin-top:var(--s3)}
.site-footer .legal .lang-foot{white-space:nowrap}

@media (max-width:960px){
  .menu-toggle{display:grid}
  .nav{position:fixed;inset:84px 0 auto 0;background:var(--bg);border-bottom:1px solid var(--line);flex-direction:column;align-items:stretch;gap:var(--s2);padding:var(--s3) max(var(--s3),env(safe-area-inset-left,0px));display:none}
  .nav.open{display:flex}
  .nav ul{flex-direction:column;gap:0}
  .nav ul a{display:block;padding:14px 0;border-bottom:1px solid var(--line)}
  .nav ul a[aria-current="page"]{border-bottom-color:var(--line);color:var(--accent-text)}
  .lang{align-self:flex-start}
  .ll-hero .wrap{grid-template-columns:minmax(0,1fr);gap:var(--s4)}
  .ll-hero .ll-lead{max-width:60ch}
  .ll-two{gap:var(--s4)}
}
@media (max-width:760px){
  .section{padding-block:var(--s5)}
  .ll-hero{padding-block:var(--s4)}
  .ll-gallery,.ll-two{grid-template-columns:minmax(0,1fr)}
  .ll-facts{grid-template-columns:minmax(0,1fr)}
  .ll-facts dt{border-bottom:0;padding-bottom:0}
  .ll-facts dd{padding-top:4px}
  .site-footer .cols{grid-template-columns:1fr}
  .ll-cta .btn{width:100%}
}