/* macOS release: the approved homepage hero variant. */
body[data-page="website-home"] .hero-copy{z-index:5}
.mac-release{display:flex;align-items:center;gap:16px;margin-bottom:22px;color:#b8e8e4;font-size:15px;font-weight:500;letter-spacing:.09em}
.mac-release img{width:48px;height:48px;object-fit:contain}
body[data-page="website-home"] .mac-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:26px}
body[data-page="website-home"] .mac-actions .button{display:inline-flex;align-items:center;justify-content:center;gap:12px;padding:16px 22px;min-height:54px;white-space:nowrap;font-size:16px;line-height:1.2;border:1px solid #b5e6e1;border-radius:999px;text-decoration:none;margin:0}
body[data-page="website-home"] .mac-download{background:#b5e6e1;color:#082027}
body[data-page="website-home"] .mac-browser{background:transparent;color:#e0eeef}
.mac-download img{width:22px;height:22px}
body[data-page="website-home"] .mac-download:hover{background:#d0f5f0}
body[data-page="website-home"] .mac-browser:hover{background:#b5e6e11a}
.mac-file{display:block;color:#a5b9bf;font-size:13px;margin-top:10px}
.mac-install{margin-top:16px;font-size:14px;color:#b8e8e4;max-width:440px}
.mac-install summary{cursor:pointer;text-decoration:underline;text-underline-offset:5px;min-height:32px;width:fit-content}
.mac-install ol{background:#082027;border:1px solid #315057;border-radius:14px;margin:8px 0 0;padding:16px 20px 16px 38px;line-height:1.65;color:#dfedee;box-shadow:0 10px 35px #0005}
.mac-install[open] ol{position:absolute;z-index:8;max-width:440px}
.mac-actions a:focus-visible,.mac-install summary:focus-visible{outline:3px solid #fff;outline-offset:5px}
@media(min-width:1101px){
 body[data-page="website-home"] .hero-copy{top:23%;width:43%;max-width:43%}
 body[data-page="website-home"] .hero h1{max-width:90%;font-size:clamp(58px,5.4vw,98px)}
 html[lang=ru] body[data-page="website-home"] .hero h1,html[lang=it] body[data-page="website-home"] .hero h1{font-size:clamp(50px,4.3vw,78px);max-width:88%}
 body[data-page="website-home"] .hero-copy>p{max-width:88%;margin-top:22px}
 body[data-page="website-home"] .hero{height:max(680px,min(52vw,998px))}
}
@media(min-width:761px) and (max-width:1100px){
 body[data-page="website-home"] .hero-copy{top:125px;padding-top:0;width:49%;max-width:49%}
 .mac-release{font-size:13px;margin-bottom:18px}.mac-release img{width:40px;height:40px}
 body[data-page="website-home"] .mac-actions{gap:10px}
 body[data-page="website-home"] .mac-actions .button{font-size:14px;padding:13px 18px;min-height:48px}
}
@media(max-width:760px){
 body[data-page="website-home"] .hero{height:auto!important;min-height:0;padding-bottom:26px;display:flex;flex-direction:column}
 body[data-page="website-home"] .hero-copy{position:relative;top:auto;left:auto;width:90%;max-width:90%;margin:100px auto 0;padding:0}
 body[data-page="website-home"] .hero-copy>p{max-width:100%;font-size:16px;margin-top:20px}
 body[data-page="website-home"] .hero h1{font-size:clamp(38px,10vw,62px)!important;line-height:1.08}
 .mac-release{font-size:12px;gap:12px;margin-bottom:20px}.mac-release img{width:40px;height:40px}
 body[data-page="website-home"] .mac-actions{margin-top:22px;gap:10px}
 body[data-page="website-home"] .mac-actions .button{font-size:14px;padding:14px 17px;min-height:48px}
 .mac-file{font-size:12px}.mac-install{font-size:13px}.mac-install[open] ol{position:static}
 body[data-page="website-home"] .hero>picture{order:2;display:block;margin-top:18px}
 body[data-page="website-home"] .hero-photo{position:relative;top:auto;left:auto;width:100%;height:95vw;object-fit:cover;object-position:66% center}
 body[data-page="website-home"] .hero .floating-conversation{display:none}
}
@media(min-width:1101px){html[lang=ru] body[data-page="website-home"] .hero h1{max-width:7.5em}}
.mac-install{position:relative}
.mac-install[open] ol{bottom:calc(100% + 4px);left:0;width:max-content;max-width:min(440px,90vw)}
@media(min-width:1101px){
 html[lang=ru] body[data-page="website-home"] .hero h1{font-size:clamp(54px,4.8vw,82px)}
 body[data-page="website-home"] .mac-actions .button{font-size:clamp(16px,1.3vw,20px)}
}
@media(max-width:760px){.mac-install[open] ol{width:auto;max-width:100%}}