.product-site{background:var(--color-background)}.product-header{z-index:30;border-bottom:var(--layout-hairline) solid var(--color-border);background:color-mix(in srgb, var(--color-background) 94%, transparent);backdrop-filter:blur(.75rem);position:sticky;top:0}.product-header-inner,.product-footer-inner{width:min(calc(100% - (var(--space-page) * 2)), var(--layout-pageMax));min-height:var(--layout-headerHeight);align-items:center;gap:var(--space-lg);grid-template-columns:1fr auto auto;margin-inline:auto;display:grid}.product-wordmark{align-items:center;gap:var(--space-sm);color:var(--color-ink);font-family:var(--type-sans);font-size:var(--type-sizeH3);font-weight:var(--type-weightBold);letter-spacing:-.03em;text-decoration:none;display:inline-flex}.product-brand-icon{object-fit:cover;border-radius:.7rem;width:2.25rem;height:2.25rem}.product-landing h1,.product-landing h2,.product-landing h3{font-family:var(--type-sans)}.product-nav,.product-languages,.product-footer nav{align-items:center;gap:var(--space-md);display:flex}.product-nav a,.product-languages a,.product-footer a{color:var(--color-inkSoft);font-size:var(--type-sizeSm);font-weight:var(--type-weightMedium);text-decoration:none}.product-languages a{font-size:var(--type-sizeXs)}.product-languages a[aria-current=page],.product-nav a:hover,.product-footer a:hover{color:var(--color-accent)}.product-footer{border-top:var(--layout-hairline) solid var(--color-border)}.product-footer-inner{min-height:auto;padding-block:var(--space-xl)}.product-footer p{color:var(--color-inkSoft);font-size:var(--type-sizeXs);margin:0}.product-overline{margin-bottom:var(--space-sm);color:var(--color-accent);font-size:var(--type-sizeSm);font-weight:var(--type-weightBold);letter-spacing:.08em;text-transform:uppercase}.support-page{max-width:64rem}.support-hero{max-width:var(--layout-copyMax)}.support-faq{margin-top:var(--space-xl)}.faq-list{border-top:var(--layout-hairline) solid var(--color-border)}.faq-list details{border-bottom:var(--layout-hairline) solid var(--color-border)}.faq-list summary{padding-block:var(--space-lg);color:var(--color-ink);font-weight:var(--type-weightBold);cursor:pointer}.faq-list p{max-width:var(--layout-copyMax);padding-bottom:var(--space-lg);color:var(--color-inkSoft)}.support-contact{align-items:center;gap:var(--space-xl);margin-top:var(--space-sectionCompact);padding:var(--space-xl);border-radius:var(--radius-lg);background:var(--color-accentSoft);grid-template-columns:minmax(0,1fr) auto;display:grid}.support-contact h2,.support-contact p{margin-bottom:var(--space-xs)}.support-contact p{color:var(--color-inkSoft)}.product-landing-hero{min-height:min(52rem, calc(100vh - var(--layout-headerHeight)));grid-template-columns:minmax(20rem,.82fr) minmax(35rem,1.18fr);align-items:center;gap:clamp(2.5rem,5vw,5rem);display:grid;overflow:clip}.landing-copy{max-width:38rem}.landing-copy h1{max-width:11ch;font-size:clamp(2.75rem,5.4vw,4.8rem);font-weight:var(--type-weightBold);letter-spacing:-.055em;line-height:.98}.product-site[data-product=english-now] .landing-copy h1{letter-spacing:-.045em;font-weight:800}.landing-copy .page-intro{max-width:35rem;margin-bottom:var(--space-xl);font-size:var(--type-sizeLead);line-height:1.55}.landing-actions{align-items:center;gap:var(--space-lg);display:flex}.landing-actions .button{min-height:3.5rem;padding-inline:var(--space-xl);border-radius:var(--radius-md);font-size:var(--type-sizeBody);font-weight:var(--type-weightBold)}.landing-actions .button-disabled{border-color:var(--color-accent);background:var(--color-accent);color:var(--color-onAccent);opacity:1}.landing-support-link{color:var(--color-ink);font-weight:var(--type-weightBold);text-underline-offset:.3rem}.landing-note{max-width:34rem;margin:var(--space-xl) 0 0;color:var(--color-inkSoft);font-size:var(--type-sizeSm);line-height:1.55}.phone-gallery{direction:ltr;grid-template-columns:repeat(3,minmax(0,1fr));align-items:start;gap:clamp(.75rem,1.5vw,1.25rem);display:grid}.phone-frame{border:var(--layout-hairline) solid color-mix(in srgb, var(--color-ink) 22%, transparent);background:var(--color-ink);min-width:0;box-shadow:0 1.35rem 2.5rem color-mix(in srgb, var(--color-ink) 17%, transparent);border-radius:1.8rem;padding:.38rem;position:relative}.phone-frame:nth-child(2){margin-top:4rem}.phone-frame:nth-child(3){margin-top:1.5rem}.phone-screen{aspect-ratio:390/844;background:var(--color-surface);border-radius:1.43rem;overflow:hidden}.phone-screen img{object-fit:cover;object-position:top;width:100%;height:100%;display:block}.product-site[data-product=penlog] .phone-frame,.product-site[data-product=english-now] .phone-frame{background:var(--color-ink)}@media (width<=48rem){.product-header-inner,.product-footer-inner{grid-template-columns:1fr auto}.product-nav{display:none}.product-footer-inner,.product-landing-hero,.support-contact{grid-template-columns:1fr}.product-landing-hero{min-height:auto}.product-languages{flex-wrap:wrap;justify-content:flex-end}.landing-copy h1{max-width:12ch;font-size:clamp(2.65rem,12vw,3.65rem)}.landing-actions{align-items:stretch;gap:var(--space-md);flex-direction:column}.landing-actions .button{width:100%;padding-inline:var(--space-md);text-align:center}.landing-support-link{align-self:center}.phone-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}.phone-frame:first-child{grid-column:1/-1;justify-self:center;width:min(72vw,17rem)}.phone-frame:nth-child(2),.phone-frame:nth-child(3){margin-top:0}.phone-frame:nth-child(2){transform:translateY(1rem)}.support-contact .button{overflow-wrap:anywhere;width:100%}}@media (width<=24rem){.product-header-inner{gap:var(--space-sm)}.product-brand-icon{width:2rem;height:2rem}.product-wordmark{font-size:1.1rem}.product-languages{gap:var(--space-sm)}}@media (prefers-reduced-motion:no-preference){.phone-frame{transition:transform .18s,box-shadow .18s}.phone-frame:hover{box-shadow:0 1.6rem 3rem color-mix(in srgb, var(--color-ink) 22%, transparent);transform:translateY(-.3rem)}.phone-frame:nth-child(2):hover{transform:translateY(-.3rem)}}