.product-page main{padding-top:112px}
.product-page .site-header .wordmark{height:44px}
.product-page .site-header .wordmark img{top:-64px}
.product-page .site-header nav a{display:inline-flex;align-items:center;min-height:44px}
.product-breadcrumb{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;color:var(--muted);font-size:13px;margin-bottom:32px}
.product-language-picker{margin:-24px 0 24px;color:var(--muted);font-size:13px}
.product-language-picker>summary{cursor:pointer;min-height:44px;padding-block:12px}
.product-language-picker>summary:focus-visible{outline:3px solid #4d63c6;outline-offset:4px}
.product-languages{display:flex;flex-wrap:wrap;gap:0 24px;padding-block:8px 16px}
.product-languages a{display:inline-flex;align-items:center;min-height:44px}
.product-languages a[aria-current]{font-weight:750;color:var(--ink);text-decoration:none}
.product-legal-note{margin-top:16px;color:var(--muted);font-size:14px}
.product-breadcrumb a,.product-text-link,.product-resources a,.product-related a{display:inline-flex;align-items:center;min-height:44px}
.product-hero{display:grid;grid-template-columns:1.1fr .9fr;gap:64px;align-items:center;padding-bottom:72px}
.product-name{font-size:15px;font-weight:750;color:var(--muted);margin-bottom:20px}
.product-intro h1{font-size:clamp(38px,4.8vw,64px);max-width:660px}
.product-lead{font-size:18px;line-height:1.8;color:var(--muted);margin-top:24px;max-width:580px}
.product-availability{font-size:14px;font-weight:650;margin-top:24px;color:#5c4560}
.product-intro .store-actions{margin-top:24px}
.product-text-link{font-size:14px;color:var(--muted);margin-top:12px}
.product-hero .app-art{height:560px}
.product-section{border-top:1px solid var(--line);padding-block:56px}
.product-section h2{font-size:clamp(28px,3vw,40px);max-width:760px;line-height:1.2}
.product-section-intro,.product-use>p{margin-top:24px;color:var(--muted);max-width:780px;font-size:17px;line-height:1.85}
.product-steps{list-style:none;counter-reset:step;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px;margin:40px 0 0;padding:0}
.product-steps li{counter-increment:step}
.product-steps li::before{content:counter(step,decimal-leading-zero);display:block;font-size:14px;color:var(--muted);margin-bottom:16px}
.product-steps h3{font-size:21px;line-height:1.3}
.product-steps p{margin-top:16px;color:var(--muted);line-height:1.8}
.product-faq h2{margin-bottom:28px}
.product-faq details{border-top:1px solid var(--line)}
.product-faq summary{cursor:pointer;padding-block:20px;min-height:64px;font-weight:650;line-height:1.6}
.product-faq summary:focus-visible{outline:3px solid #4d63c6;outline-offset:4px}
.product-faq details p{max-width:780px;color:var(--muted);padding:0 0 24px;line-height:1.85}
.product-resources>div{display:flex;flex-wrap:wrap;gap:8px 28px;margin-top:16px}
.product-related h2{margin-bottom:16px;font-size:24px}
.product-related a{margin-inline-end:28px;color:var(--muted)}
.collection .app-copy .product-text-link{font-size:14px;margin-top:16px}
@media(max-width:900px){.product-hero{gap:32px}.product-hero .app-art{height:480px}.product-steps{gap:24px}}
@media(max-width:760px){.product-page main{padding-top:96px}.product-breadcrumb{margin-bottom:24px}.product-hero{grid-template-columns:1fr;gap:36px;padding-bottom:44px}.product-intro h1{font-size:clamp(36px,9vw,54px)}.product-lead{font-size:16px}.product-hero .app-art{height:480px}.product-section{padding-block:40px}.product-steps{grid-template-columns:1fr;gap:28px}.product-section-intro,.product-use>p{font-size:16px}.product-related a{display:flex;margin-inline-end:0}}
@media(prefers-reduced-motion:reduce){.product-hero .app-art:hover .glass-showcase{transform:none}}
@media(max-width:760px){.product-page .site-header .wordmark img{top:-50px}}
@media(max-width:430px){.product-page .site-header{gap:12px}.product-page .site-header nav{gap:12px}.product-page .site-header nav a{font-size:12px}}
@media(max-width:360px){.product-page .site-header{padding-inline:16px;gap:8px}.product-page .site-header .wordmark{width:64px}.product-page .site-header .wordmark img{width:103px;height:103px;left:-19px;top:-28px}.product-page .site-header nav{gap:8px}.product-page .site-header nav a{font-size:11px}}

.product-page[dir="rtl"]{text-align:right}
html[dir="rtl"] .product-page{direction:rtl}
