.page-hero{max-width:var(--max);padding:clamp(36px, 5vw, 64px) var(--gutter) clamp(24px, 3vw, 40px);text-align:center;margin:0 auto}.page-hero h2{letter-spacing:-.01em;margin:0 0 12px;font-size:clamp(1.8rem,4vw,2.4rem);font-weight:600}.page-hero p:not(.intro-eyebrow){max-width:40rem;color:var(--color-ink-muted);margin:0 auto;font-size:1.05rem}.products-view{padding-bottom:var(--section-gap)}.view-switch{border:1px solid var(--color-line);border-radius:var(--radius-pill);background:var(--color-card);gap:4px;width:max-content;margin:0 auto clamp(28px,4vw,40px);padding:4px;display:flex}.view-switch button{border-radius:var(--radius-pill);color:var(--color-ink-muted);font:inherit;cursor:pointer;background:0 0;border:0;padding:7px 20px;font-size:.9rem;font-weight:600;transition:background .25s,color .25s}.view-switch button.is-active{background:var(--color-accent);color:var(--color-on-accent)}.view-switch button:hover:not(.is-active){color:var(--color-ink)}.app-grid-view{max-width:var(--max);padding:0 var(--gutter) var(--section-gap);grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:clamp(16px,2vw,28px);margin:0 auto;display:grid}.app-grid-card{border:1px solid var(--color-line);border-radius:var(--radius-lg);background:var(--color-card);box-shadow:var(--shadow-1);flex-direction:column;gap:12px;padding:clamp(20px,2.4vw,28px);transition:transform .25s,box-shadow .25s,border-color .25s;display:flex}.app-grid-card:hover{box-shadow:var(--shadow-2);border-color:color-mix(in srgb, var(--color-accent) 30%, transparent);transform:translateY(-4px)}.app-grid-icon{border-radius:var(--radius-lg);object-fit:contain;width:56px;height:56px}.app-grid-card h3{margin:0;font-size:clamp(1.15rem,2vw,1.35rem);font-weight:600}.app-grid-card p{color:var(--color-ink-muted);margin:0;font-size:.95rem;line-height:1.65}.app-grid-card .btn{width:100%;margin-top:auto}.update-list{max-width:var(--max);padding:0 var(--gutter) var(--section-gap);flex-direction:column;margin:0 auto;display:flex}.update-row{border-top:1px solid var(--color-line);grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:clamp(14px,2vw,24px);padding:clamp(16px,2vw,22px) 0;display:grid}.update-row:last-child{border-bottom:1px solid var(--color-line)}.update-icon{border-radius:var(--radius-md);object-fit:contain;width:40px;height:40px}.update-info{flex-direction:column;gap:6px;display:flex}.update-info h3{margin:0;font-size:clamp(1.05rem,1.8vw,1.2rem);font-weight:600}.update-channels{flex-wrap:wrap;align-items:center;gap:6px 18px;display:flex}.update-note{color:var(--color-ink-muted);font-size:.85rem}.update-row .btn{min-height:40px;padding:8px 18px;font-size:.9rem}.about-body{max-width:var(--max);padding:clamp(28px, 4vw, 44px) var(--gutter) var(--section-gap);flex-direction:column;gap:clamp(28px,4vw,48px);margin:0 auto;display:flex}.about-section{max-width:44rem;margin:0 auto}.about-section h3{margin:0 0 12px;font-size:clamp(1.2rem,2.4vw,1.5rem);font-weight:600}.about-section p{color:var(--color-ink-muted);margin:0;font-size:1.02rem;line-height:1.75}.detail-copy{z-index:1;max-width:44rem;padding-block:clamp(56px,9vw,104px);position:relative}.detail-hero .hero-bg:after{content:"";background:linear-gradient(90deg, color-mix(in srgb, var(--color-background) 85%, transparent) 0%, color-mix(in srgb, var(--color-background) 50%, transparent) 40%, transparent 70%);pointer-events:none;position:absolute;inset:0}.detail-hero .hero-bg img{opacity:.3;object-position:center right}.detail-lead{color:var(--color-accent);margin:0;font-size:clamp(1.25rem,3vw,1.7rem);font-weight:600;line-height:1.4}.feature-grid .product-card p{margin-bottom:4px}.steps-grid{counter-reset:step;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(24px,4vw,48px);display:grid}.step-card{counter-increment:step;flex-direction:column;gap:12px;padding:0;display:flex}.step-num{color:var(--color-accent-soft);letter-spacing:-.03em;font-size:clamp(2.5rem,5vw,3.5rem);font-weight:700;line-height:1}.step-card h3{margin:0;font-size:1.25rem;font-weight:600}.step-card p{color:var(--color-ink-muted);margin:0;font-size:.95rem;line-height:1.7}.detail-back-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;padding-block:clamp(28px,4vw,44px);display:flex}.detail-back-row p{color:var(--color-ink-muted);margin:0;font-size:1.05rem}@media (width<=860px){.page-hero{padding-top:clamp(28px,5vw,44px)}.app-grid-view{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.steps-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=640px){.update-row,.steps-grid{grid-template-columns:minmax(0,1fr)}.view-switch{width:100%}.view-switch button{flex:1}}@media (prefers-reduced-motion:reduce){.app-grid-card,.view-switch button{transition:none}.app-grid-card:hover{transform:none}}