.product-landing{padding-top:40px;padding-bottom:110px}.signin-prompt{border:1px solid var(--border);border-radius:var(--radius);margin:0 0 24px;padding:16px 20px}.landing-hero{grid-template-columns:minmax(0,5fr) minmax(0,7fr);align-items:center;gap:48px;min-height:calc(100dvh - 96px);display:grid}.landing-hero-copy{max-width:520px}.landing-hero h1{letter-spacing:-.035em;color:var(--foreground);text-wrap:balance;margin:0;font-size:clamp(38px,4.4vw,60px);font-weight:700;line-height:1.04}.landing-subhead{max-width:520px;color:var(--muted-foreground);margin:22px 0 0;font-size:20px;line-height:1.55}.landing-actions{flex-wrap:wrap;align-items:center;gap:12px;margin-top:32px;display:flex}.landing-button{border-radius:999px;align-items:center;gap:8px;height:48px;padding:0 22px;font-size:14px;font-weight:600;text-decoration:none;transition:background .2s,color .2s,border-color .2s;display:inline-flex}.landing-button svg{width:18px;height:18px}.landing-button--primary{background:var(--foreground);color:var(--background)}.landing-button--primary:hover{background:var(--primary)}.landing-button--ghost{border:1px solid var(--foreground);color:var(--foreground)}.landing-button--ghost:hover{border-color:var(--primary);color:var(--primary)}.landing-install-note{max-width:500px;color:var(--muted-foreground);margin:14px 0 0;font-size:12px;line-height:1.55}.landing-install-note code{color:var(--foreground);font:inherit}.landing-stats{color:var(--muted-foreground);flex-wrap:wrap;align-items:center;margin:22px 0 0;font-size:12px;display:flex}.landing-stats-dot{margin:0 8px}.landing-hero-figure{aspect-ratio:4/3;background:#1d1a17;border-radius:24px;min-height:420px;margin:0;overflow:hidden}.landing-hero-image{object-fit:cover;object-position:center 45%;width:100%;height:100%;display:block}.rotating-word{vertical-align:baseline;text-align:left;color:var(--primary);font-style:italic;font-weight:500;display:inline-grid}.rotating-word:before{content:"(";visibility:hidden;grid-area:1/1}.rotating-word--static{display:inline}.rotating-word--static:before{content:none}.rotating-word__item{opacity:0;grid-area:1/1;transition:opacity .45s,transform .45s;transform:translateY(.3em)}.rotating-word__item:before{content:"("}.rotating-word__item:after{content:")"}.rotating-word__item.is-active{opacity:1;transform:translateY(0)}.rotating-word__item:not(.is-active){pointer-events:none}.landing-section{grid-template-columns:minmax(0,5fr) minmax(0,6fr);align-items:center;gap:56px;margin-top:88px;display:grid}.landing-section--flip{grid-template-columns:minmax(0,6fr) minmax(0,5fr)}.landing-section--flip .landing-figure{order:2}.landing-figure{aspect-ratio:4/3;background:#1d1a17;border-radius:24px;max-height:400px;margin:0;overflow:hidden}.landing-figure img{object-fit:cover;object-position:center 30%;width:100%;height:100%;display:block}.landing-section-copy{max-width:460px}.landing-section-copy .landing-stats{margin-top:18px}.landing-section-copy h2{letter-spacing:-.03em;margin:10px 0 0;font-size:clamp(28px,2.8vw,36px);font-weight:700;line-height:1.08}.landing-section-copy>p:not(.eyebrow):not(.landing-stats){color:var(--muted-foreground);margin:14px 0 0;font-size:15px;line-height:1.6}.landing-link{color:var(--primary);align-items:center;gap:8px;margin-top:18px;font-size:14px;font-weight:600;text-decoration:none;display:inline-flex}.landing-link svg{width:16px;height:16px;transition:transform .2s}.landing-link:hover svg{transform:translate(3px)}.landing-places{max-width:390px;margin-top:26px}.landing-places-label{letter-spacing:.16em;text-transform:uppercase;color:var(--muted-foreground);margin:0 0 4px;font-size:10px;font-weight:700}.landing-places ul{margin:0;padding:0;list-style:none}.landing-places li{border-bottom:1px solid var(--border)}.landing-places a{color:var(--foreground);justify-content:space-between;align-items:center;gap:16px;padding:12px 0;font-size:14px;font-weight:600;text-decoration:none;display:flex}.landing-places a>span:last-child{color:var(--muted-foreground);flex:none;align-items:center;gap:8px;font-size:12px;font-weight:400;display:inline-flex}.landing-places svg{width:15px;height:15px;transition:transform .2s}.landing-places a:hover,.landing-places a:focus-visible{color:var(--primary)}.landing-places a:hover svg,.landing-places a:focus-visible svg{transform:translate(3px)}.mini-marquee{margin-top:26px}.mini-marquee-label{letter-spacing:.16em;text-transform:uppercase;color:var(--muted-foreground);margin:0 0 12px;font-size:10px;font-weight:700}.mini-marquee-viewport{max-width:360px;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000,#000 12% 88%,#0000);mask-image:linear-gradient(90deg,#0000,#000 12% 88%,#0000)}.mini-marquee-track{gap:22px;width:max-content;margin:0;padding:4px 0;list-style:none;animation:26s linear infinite mini-marquee;display:flex}.mini-marquee-viewport:hover .mini-marquee-track,.mini-marquee-viewport:focus-within .mini-marquee-track{animation-play-state:paused}.mini-marquee-track li{flex:none}.mini-marquee-track a{border-radius:10px;display:block}.mini-marquee-track .store-logo{width:36px;height:36px;color:var(--foreground);background:0 0;border-radius:0;overflow:visible}.mini-marquee-track .store-logo:after{display:none}.mini-marquee-track .store-logo img{object-fit:cover;border-radius:9px}.mini-marquee-track a:focus-visible{outline:3px solid var(--accent);outline-offset:2px}@keyframes mini-marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}@media (prefers-reduced-motion:reduce){.mini-marquee-track{animation:none}.rotating-word__item{transition:none}}@media (max-width:900px){.product-landing{padding-top:24px;padding-bottom:70px}.landing-hero{grid-template-columns:1fr;gap:28px;min-height:0}.landing-hero-copy{max-width:none}.landing-hero-figure{aspect-ratio:4/3;border-radius:18px;order:-1;min-height:0}.landing-subhead{margin-top:18px;font-size:15px}.landing-actions{gap:10px;margin-top:24px}.landing-button{height:44px;padding:0 18px}.landing-section,.landing-section--flip{grid-template-columns:1fr;gap:24px;margin-top:64px}.landing-section--flip .landing-figure{order:0}.landing-figure{aspect-ratio:5/6;border-radius:18px;max-height:none}.landing-section-copy{min-width:0;max-width:none}.mini-marquee-viewport{max-width:100%}}
