.product-landing { --product-accent: #d94f3c; }
.product-landing--pro { --product-accent: #3559a7; }
.product-landing--ai { --product-accent: #176b68; }
.product-landing .skip { position: absolute; left: -9999px; }
.product-landing .skip:focus { left: var(--space-4); top: var(--space-4); z-index: 100; background: var(--color-fg); color: var(--color-bg); padding: var(--space-3) var(--space-4); border-radius: var(--radius-md); }
.product-landing .nav__toggle { display: none; }
.landing-hero { background: #f4f3f1; border-bottom: 1px solid var(--color-line-strong); overflow: hidden; }
.landing-hero__grid { display: grid; grid-template-columns: minmax(0, 1.06fr) minmax(0, .94fr); align-items: center; gap: clamp(2rem, 5vw, 6rem); min-height: 650px; padding-block: clamp(4rem, 8vw, 8rem); }
.landing-kicker { display: inline-flex; align-items: center; gap: .75rem; font-family: var(--font-mono); font-size: var(--text-xs); font-weight: 600; letter-spacing: .07em; text-transform: uppercase; color: var(--color-fg-muted); }
.landing-kicker::before { content: ""; width: 24px; height: 3px; background: var(--product-accent); }
.landing-title { margin-top: 2rem; max-width: 13ch; font-size: clamp(3.2rem, 6.3vw, 6.25rem); line-height: .96; letter-spacing: -.058em; font-weight: 800; text-wrap: balance; }
.landing-copy { margin: 2rem 0 0; max-width: 35rem; color: var(--color-fg-muted); font-size: var(--text-lead); line-height: 1.5; }
.landing-actions { display: flex; flex-wrap: wrap; gap: .75rem; margin-top: 2rem; }
.landing-fine { margin: 1.25rem 0 0; max-width: 36rem; font-size: var(--text-sm); color: var(--color-fg-muted); }
.landing-store-proof { border-bottom: 1px solid var(--color-line-strong); background: #fff; }
.landing-store-proof__grid { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1.4fr); align-items: center; }
.landing-store-proof__metric { padding: 2rem 2rem 2rem 0; }
.landing-store-proof__metric + .landing-store-proof__metric { padding-left: 2rem; border-left: 1px solid var(--color-line-strong); }
.landing-store-proof__metric strong { display: block; font-size: clamp(2.4rem, 4vw, 4rem); line-height: 1; letter-spacing: -.055em; }
.landing-store-proof__metric strong span { font-size: .42em; font-weight: 600; color: var(--color-fg-muted); letter-spacing: -.02em; }
.landing-store-proof__metric p { margin: .55rem 0 0; color: var(--color-fg-muted); font-size: var(--text-sm); }
.landing-store-proof__source { margin: 0; padding: 2rem 0 2rem 2rem; border-left: 1px solid var(--color-line-strong); color: var(--color-fg-muted); font-size: var(--text-sm); line-height: 1.55; }
.landing-store-proof__source a { color: var(--color-fg); }
.product-landing--reader .landing-store-proof__grid, .product-landing--pro .landing-store-proof__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.landing-stars { display: inline-block; margin-top: .5rem; font-size: 1.35rem; letter-spacing: .12em; line-height: 1; background: linear-gradient(90deg, #e0a526 var(--star-fill), #d5d2cc var(--star-fill)); background-clip: text; -webkit-background-clip: text; color: transparent; }
.product-gallery { background: #f8f7f5; }
.product-gallery__head { display: flex; justify-content: space-between; align-items: end; gap: 1.5rem; margin-bottom: clamp(1.5rem, 3vw, 2.5rem); }
.product-gallery__head h2 { margin-top: 1.25rem; font-size: clamp(2.2rem, 4vw, 3.7rem); letter-spacing: -.05em; line-height: 1.08; }
.product-gallery__head > a { flex: none; color: var(--color-fg); text-underline-offset: .25em; }
.product-gallery__grid { display: grid; grid-auto-flow: column; grid-auto-columns: clamp(210px, 23vw, 280px); gap: clamp(.7rem, 1.5vw, 1.5rem); overflow-x: auto; overscroll-behavior-inline: contain; scroll-snap-type: x mandatory; padding: 4px 4px 1.25rem; scrollbar-color: var(--color-line-strong) transparent; }
.product-gallery__grid a { display: block; min-width: 0; overflow: hidden; scroll-snap-align: start; border-radius: var(--radius-lg); box-shadow: 0 12px 32px rgb(29 26 26 / .07); transition: transform .2s ease, box-shadow .2s ease; }
.product-gallery__grid a:hover { transform: translateY(-4px); box-shadow: 0 20px 44px rgb(29 26 26 / .12); }
.product-gallery__grid a:focus-visible { outline: 3px solid var(--product-accent); outline-offset: 4px; }
.product-gallery__grid img { display: block; width: 100%; height: auto; aspect-ratio: 9 / 16; object-fit: cover; }
.landing-art { position: relative; min-height: 530px; border: 1px solid var(--color-line-strong); border-radius: var(--radius-xl); background: #e8e6e2; overflow: hidden; isolation: isolate; box-shadow: 0 28px 70px rgb(29 26 26 / .08); }
.landing-art::before { content: ""; position: absolute; inset: 0; background: radial-gradient(circle at 72% 18%, rgb(255 255 255 / .88), transparent 35%); z-index: -1; }
.landing-art__bar { display: flex; justify-content: space-between; align-items: center; height: 46px; padding: 0 1.35rem; background: rgb(255 255 255 / .82); border-bottom: 1px solid rgb(29 26 26 / .10); font-family: var(--font-mono); font-size: .72rem; color: var(--color-fg-muted); letter-spacing: .04em; }
.landing-art__dots { display: inline-flex; gap: 6px; }
.landing-art__dots i { width: 7px; height: 7px; border-radius: 50%; background: #aba8a5; }
.landing-art__icon { position: absolute; right: 7%; bottom: 7%; width: clamp(96px, 12vw, 154px); height: auto; border-radius: 22%; box-shadow: 0 20px 40px rgb(29 26 26 / .18); transform: rotate(7deg); }
.landing-art--reader { background: #df3041; }
.landing-art--pro { background: #d82940; }
.landing-art__phones { position: absolute; inset: 10% 0 -14%; display: flex; justify-content: center; align-items: flex-end; }
.landing-art__phones img { display: block; height: 96%; width: auto; max-width: 60%; object-fit: contain; box-shadow: 0 25px 45px rgb(29 26 26 / .15); }
.landing-art__phones img:first-child { transform: translate(14%, 5%) rotate(-8deg); }
.landing-art__phones img:last-child { transform: translate(-14%, 10%) rotate(8deg); }
.landing-art--ai { background: #e7ebe9; }
.landing-art__shots { position: absolute; inset: 15% 4% 4%; display: flex; align-items: flex-end; justify-content: center; }
.landing-art__shots img { display: block; width: 32%; max-height: 96%; object-fit: cover; object-position: top; border: 6px solid #1d1a1a; border-radius: 22px; box-shadow: 0 24px 36px rgb(29 26 26 / .18); }
.landing-art__shots img:first-child { transform: translate(11%, 10%) rotate(-9deg); }
.landing-art__shots img:nth-child(2) { z-index: 2; transform: translateY(-4%); }
.landing-art__shots img:last-child { transform: translate(-11%, 10%) rotate(9deg); }
.landing-section { padding-block: clamp(4.5rem, 8vw, 8rem); }
.landing-section + .landing-section { border-top: 1px solid var(--color-line); }
.landing-section--warm { background: #f8f7f5; }
.landing-section__head { display: grid; grid-template-columns: minmax(0, .8fr) minmax(0, 1.2fr); gap: 2rem; align-items: end; margin-bottom: clamp(2rem, 5vw, 4rem); }
.landing-section__head h2 { max-width: 14ch; font-size: clamp(2.2rem, 4vw, 3.7rem); letter-spacing: -.05em; line-height: 1.08; }
.landing-section__head p { max-width: 42rem; margin: 0; color: var(--color-fg-muted); font-size: var(--text-lead); }
.product-features { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); border-top: 2px solid var(--color-fg); }
.product-feature { min-width: 0; padding: 1.7rem 1.6rem 2rem 0; border-bottom: 1px solid var(--color-line-strong); }
.product-feature:not(:nth-child(3n + 1)) { padding-left: 1.6rem; border-left: 1px solid var(--color-line-strong); }
.product-feature__number { font-family: var(--font-mono); font-size: var(--text-xs); font-weight: 600; color: var(--product-accent); }
.product-feature h3 { margin-top: 2.5rem; font-size: clamp(1.4rem, 2vw, 1.9rem); letter-spacing: -.035em; }
.product-feature p { max-width: 27rem; margin: .75rem 0 0; color: var(--color-fg-muted); }
.product-showcase { display: grid; grid-template-columns: minmax(0, .85fr) minmax(0, 1.15fr); gap: clamp(3rem, 8vw, 9rem); align-items: center; }
.product-showcase__media { width: 100%; max-width: 420px; aspect-ratio: 9 / 16; border-radius: var(--radius-xl); overflow: hidden; }
.product-showcase__media img { display: block; width: 100%; height: 100%; object-fit: cover; }
.product-showcase h2, .product-faq h2 { max-width: 15ch; font-size: clamp(2.2rem, 4vw, 3.7rem); letter-spacing: -.05em; line-height: 1.08; }
.product-showcase__points { display: grid; gap: 0; margin: 2rem 0 0; padding: 0; list-style: none; border-top: 2px solid var(--color-fg); }
.product-showcase__points li { display: grid; grid-template-columns: 6rem minmax(0, 1fr); gap: 1rem; padding: 1rem 0; border-bottom: 1px solid var(--color-line-strong); }
.product-showcase__points li span { color: var(--color-fg-muted); }
.product-faq__list { margin-top: 2rem; border-top: 2px solid var(--color-fg); }
.product-faq__item { border-bottom: 1px solid var(--color-line-strong); }
.product-faq__item summary { padding: 1.25rem 1.5rem 1.25rem 0; cursor: pointer; font-size: clamp(1.1rem, 1.6vw, 1.35rem); font-weight: 650; }
.product-faq__item p { max-width: 50rem; margin: 0; padding: 0 0 1.5rem; color: var(--color-fg-muted); }
.landing-end { background: #1d1a1a; color: #fff; padding-block: clamp(4rem, 8vw, 7rem); }
.landing-end__grid { display: flex; justify-content: space-between; align-items: end; gap: 2rem; }
.landing-end h2 { max-width: 16ch; font-size: clamp(2.4rem, 4.6vw, 4.5rem); letter-spacing: -.055em; line-height: 1.05; }
.landing-end .btn { background: #fff; color: #1d1a1a; border-color: #fff; white-space: nowrap; }
.landing-end .btn:hover { background: #e8e6e2; }
.landing-legal { display: flex; flex-wrap: wrap; gap: 1rem 2rem; margin-top: 2rem; }
.landing-legal a { color: inherit; }
.product-landing footer.foot { border-top: 1px solid var(--color-line); padding-block: var(--space-12); }
.product-landing .foot__grid { display: grid; grid-template-columns: 1fr; gap: var(--space-8); }
.product-landing .foot__grid > div:first-child { grid-column: 1 / -1; }
.product-landing .foot__grid nav { min-width: 0; }
.product-landing .foot__label { margin: 0 0 var(--space-3); font-family: var(--font-mono); font-size: var(--text-xs); color: var(--color-fg-muted); }
.product-landing .foot ul { display: grid; gap: .25rem; margin: 0; padding: 0; list-style: none; }
.product-landing .foot a { display: inline-flex; align-items: center; min-height: 26px; min-width: 24px; padding-block: 3px; color: var(--color-fg-muted); text-decoration: none; overflow-wrap: anywhere; }
.product-landing .foot a:hover { color: var(--color-fg); text-decoration: underline; }
.product-landing .foot__legal { margin-top: var(--space-8); padding-top: var(--space-6); border-top: 1px solid var(--color-line); color: var(--color-fg-muted); font-size: var(--text-sm); }
@media (min-width: 700px) {
  .product-landing .foot__grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
@media (min-width: 1100px) {
  .product-landing .foot__grid { grid-template-columns: 1.3fr repeat(5, minmax(0, 1fr)); }
  .product-landing .foot__grid > div:first-child { grid-column: auto; }
}
@media (max-width: 820px) {
  .landing-hero__grid, .landing-section__head, .landing-identity, .product-showcase { grid-template-columns: 1fr; }
  .landing-hero__grid { min-height: 0; }
  .landing-art { min-height: 440px; }
  .landing-end__grid { align-items: start; flex-direction: column; }
  .landing-store-proof__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .landing-store-proof__source { grid-column: 1 / -1; padding: 1rem 0 1.5rem; border-top: 1px solid var(--color-line-strong); border-left: 0; }
  .product-gallery__grid { grid-auto-columns: clamp(190px, 40vw, 250px); }
}
@media (max-width: 1000px) {
  .product-landing .nav__inner { position: relative; }
  .product-landing .nav__toggle { display: inline-flex; align-items: center; gap: var(--space-2); min-height: 40px; min-width: 40px; padding: 0 var(--space-3); background: none; border: 1px solid var(--color-line-strong); border-radius: var(--radius-md); cursor: pointer; font: inherit; font-size: var(--text-sm); font-weight: 600; color: var(--color-fg); }
  .product-landing .nav__toggle::after { content: ""; width: 14px; height: 8px; box-sizing: content-box; border-top: 2px solid currentColor; border-bottom: 2px solid currentColor; }
  .product-landing .nav__toggle[aria-expanded="true"]::after { border-bottom-color: transparent; }
  .product-landing .nav__toggle[aria-expanded="true"] + .nav__links { display: grid; position: absolute; right: var(--gutter); top: calc(100% + var(--space-3)); min-width: 200px; padding: var(--space-3); margin: 0; background: var(--color-surface-raised); border: 1px solid var(--color-line-strong); border-radius: var(--radius-lg); box-shadow: 0 10px 28px rgb(0 0 0 / .10); z-index: 20; }
  .product-landing .nav__toggle[aria-expanded="true"] + .nav__links .nav__link { display: flex; align-items: center; min-height: 40px; padding: 0 var(--space-2); }
}
@media (max-width: 620px) {
  .landing-title { font-size: clamp(2.8rem, 12vw, 4.2rem); }
  .landing-art { min-height: 360px; }
  .landing-art__shots img { border-width: 4px; border-radius: 12px; }
  .product-features { grid-template-columns: 1fr; }
  .product-feature, .product-feature:not(:nth-child(3n + 1)) { padding: 1.4rem 0; border-left: 0; }
  .product-feature h3 { margin-top: 1.2rem; }
  .product-gallery__head { align-items: start; flex-direction: column; }
  .product-gallery__grid { grid-auto-columns: 72%; }
  .landing-store-proof__metric { padding: 1.6rem 1rem 1.6rem 0; }
  .landing-store-proof__metric + .landing-store-proof__metric { padding-left: 1rem; }
}