.mac-hero{display:grid;grid-template-columns:1.1fr 1fr;align-items:center;gap:70px;padding-block:70px 110px}
.mac-hero h1{font-size:clamp(48px,6.2vw,82px);margin:22px 0 25px;text-wrap:initial}
.mac-hero h1 span{color:var(--green)}
.mac-hero-copy>p:not(.kicker){font-size:21px;max-width:34ch;color:var(--muted)}
.mac-actions{display:flex;flex-wrap:wrap;align-items:center;gap:22px;margin:32px 0 19px}
.mac-text-link{font-size:15px;padding:12px 0;min-height:44px}
.mac-text-link:hover{text-decoration:underline;text-underline-offset:5px}
.mac-hero-copy>p.mac-compatibility:not(.kicker){font-size:13px}
.mac-showcase{margin:0;background:#edf2ef;border-radius:var(--radius);padding:28px 35px 25px;display:flex;flex-direction:column;align-items:center}
.mac-menu-label{display:flex;align-items:center;gap:10px;font-size:12px;color:#52645a;margin-bottom:25px}
.mac-popover{width:290px;max-width:100%;border-radius:18px;box-shadow:0 20px 45px #16322620}
.mac-showcase figcaption{display:flex;align-items:center;gap:7px;margin-top:27px;flex-wrap:wrap;justify-content:center}
.mac-showcase kbd{display:grid;place-items:center;min-width:40px;min-height:38px;padding:4px 12px;font:17px Figtree;background:#fff;border-radius:10px;box-shadow:0 2px 0 #d6ded9}
.mac-showcase figcaption span{font-size:12px;color:#52645a;margin-left:7px}
.mac-section-title{margin-bottom:45px}
.mac-section-title h2{margin-top:22px}
.mac-how{padding-bottom:110px}
.mac-how-layout{display:grid;grid-template-columns:1.1fr 1fr;gap:80px;align-items:center}
.mac-native-screen{margin:0;padding:20px;background:var(--surface);border-radius:var(--radius)}
.mac-native-screen img{width:100%;border-radius:20px}
.mac-native-screen figcaption{text-align:center;font-size:12px;color:var(--muted);margin:16px 0 3px}
.mac-instructions{display:grid;gap:38px}
.mac-instructions article{display:grid;grid-template-columns:25px 1fr;gap:20px}
.mac-instructions article>span{font-size:13px;color:var(--green);padding-top:5px;font-variant-numeric:tabular-nums}
.mac-instructions h3{font-size:24px;font-weight:550;letter-spacing:-.025em;line-height:1.25}
.mac-instructions p{margin-top:14px;font-size:18px;color:var(--muted);max-width:35ch}
.mac-feature-row{display:grid;grid-template-columns:1fr 1.1fr;align-items:center;gap:80px;margin-bottom:100px}
.mac-feature-copy h2{font-size:clamp(35px,4vw,52px);margin:20px 0 25px}
.mac-feature-copy p:not(.kicker){max-width:36ch;font-size:19px;color:var(--muted)}
.mac-drop-visual{margin:0;position:relative;padding:35px 35px 24px;background:var(--surface);border-radius:var(--radius);display:flex;flex-direction:column;align-items:center}
.mac-drop-visual>img{width:290px;border-radius:18px;box-shadow:0 12px 30px #16322612}
.mac-drop-visual figcaption,.mac-language-visual figcaption{font-size:13px;color:var(--muted);text-align:center;margin-top:22px}
.audio-file-demo{position:absolute;top:185px;left:18px;display:flex;align-items:center;gap:12px;background:white;border:1px solid #dce4df;border-radius:18px;padding:15px 18px;box-shadow:0 10px 30px #16322618;transform:rotate(-5deg)}
.audio-file-demo>svg{width:32px;height:32px;color:var(--green)}
.audio-file-demo span{font-size:14px}
.audio-file-demo .file-pointer{position:absolute;bottom:-17px;right:12px;width:22px;height:25px;color:var(--ink);filter:drop-shadow(0 1px 1px #fff)}
.mac-drop-visual.in-view .audio-file-demo{animation:file-approach 7s ease-in-out infinite}
@keyframes file-approach{0%,18%,100%{transform:translate(0,0) rotate(-5deg)}50%,72%{transform:translate(60px,55px) rotate(0deg)}}
.mac-language-row{grid-template-columns:1.1fr 1fr}
.mac-language-visual{margin:0;padding:40px 25px 26px;background:#edf2ef;border-radius:var(--radius)}
.mac-language-example{display:flex;flex-direction:column;gap:8px;padding:10px 12px 42px;font-size:clamp(23px,2.7vw,34px);line-height:1.4;color:var(--ink)}
.mac-language-example [lang=am]{font-family:Shiromeda,Figtree,sans-serif;font-size:1.6em;color:var(--green)}
.mac-language-controls{position:relative;width:100%;aspect-ratio:680/100;overflow:hidden;border-radius:18px}
.mac-language-controls img{position:absolute;width:100%;bottom:0;left:0}
p.mac-small-note{font-size:14px!important;line-height:1.6!important;margin-top:22px;color:var(--muted)}
.mac-privacy{display:grid;grid-template-columns:1fr 1.1fr;align-items:center;gap:90px;margin-bottom:110px}
.mac-privacy h2{margin:22px 0 25px}
.mac-privacy>div>p:not(.kicker){max-width:33ch;font-size:19px;color:var(--muted)}
.mac-setup{border-radius:var(--radius);background:var(--surface);padding:50px;display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center;margin-bottom:80px}
.mac-setup h2{font-size:clamp(35px,4vw,50px);margin-top:22px}
.mac-setup ol{padding-left:20px;margin:0;display:grid;gap:24px;color:var(--muted);font-size:17px}
.mac-setup li{padding-left:8px}
.mac-setup li::marker{color:var(--green);font-size:13px}
.mac-setup li span{display:block;color:var(--ink);font-size:19px;font-weight:550;margin-bottom:5px}
.mac-closing{margin-bottom:45px}
.mac-closing>div{padding:65px 24px;background:var(--green);color:#fff;border-radius:var(--radius);text-align:center}
.mac-closing img{margin:0 auto 30px}
.mac-closing h2{font-size:clamp(36px,5vw,64px);margin-bottom:30px;line-height:1.14}
.mac-closing .button{background:#fff;color:var(--green)}
.mac-closing p{font-size:12px;color:#d0e3d8;margin-top:24px}
.mac-reveal{transition:opacity .7s var(--ease-out),transform .7s var(--ease-out)}
.mac-reveal.pending{opacity:0;transform:translateY(24px)}
.mac-showcase.in-view .mac-popover{animation:mac-hover 8s ease-in-out infinite}
@keyframes mac-hover{0%,100%{transform:translateY(0)}50%{transform:translateY(-9px)}}
@media(max-width:900px){.mac-hero,.mac-how-layout{gap:35px}.mac-hero h1{font-size:58px}.mac-showcase{padding:24px 22px}.mac-privacy,.mac-more{gap:45px}.mac-setup{gap:35px;padding:35px}}
@media(max-width:640px){.mac-hero{grid-template-columns:1fr;gap:38px;padding-bottom:75px}.mac-hero h1{font-size:clamp(42px,10.5vw,64px)}.mac-hero-copy>p:not(.kicker){font-size:18px}.mac-actions{gap:8px 22px;margin-top:25px}.mac-hero-copy .mac-compatibility{font-size:12px}.mac-showcase{border-radius:26px;padding:26px 22px}.mac-popover{width:275px}.mac-showcase figcaption{margin-top:22px}.mac-showcase figcaption span{margin-left:3px}.mac-how{padding-bottom:70px}.mac-section-title{margin-bottom:30px}.mac-section-title h2{font-size:42px}.mac-how-layout{grid-template-columns:1fr;gap:30px}.mac-native-screen{padding:12px;border-radius:26px}.mac-native-screen img{border-radius:18px}.mac-native-screen figcaption{font-size:11px;margin:13px 0 2px}.mac-instructions{gap:27px}.mac-instructions h3{font-size:21px}.mac-instructions p{font-size:17px;margin-top:10px;max-width:none}.mac-more{grid-template-columns:1fr;gap:50px;padding-block:45px 75px}.mac-language-feature{padding:0}.mac-more h2{font-size:39px}.mac-more p:not(.kicker){font-size:17px}.mac-privacy{grid-template-columns:1fr;gap:30px;margin-bottom:70px}.mac-privacy h2{font-size:42px}.mac-privacy>div>p:not(.kicker){font-size:17px}.mac-setup{grid-template-columns:1fr;gap:30px;padding:30px 24px;margin-bottom:55px}.mac-setup h2{font-size:38px}.mac-setup ol{gap:22px;font-size:16px}.mac-setup li span{font-size:18px}.mac-closing>div{padding:50px 20px;border-radius:26px}.mac-closing h2{font-size:37px}.mac-closing .button{font-size:14px}.mac-showcase.in-view .mac-popover{animation:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.mac-reveal{transition:none}.mac-reveal.pending{opacity:1;transform:none}.mac-showcase.in-view .mac-popover{animation:none}}
@media(max-width:900px){.mac-feature-row{gap:40px}.audio-file-demo{left:5px;padding:12px}}
@media(max-width:640px){.mac-feature-row,.mac-language-row{grid-template-columns:1fr;gap:30px;margin-bottom:75px}.mac-feature-copy h2{font-size:39px}.mac-feature-copy p:not(.kicker){font-size:17px}.mac-language-row .mac-feature-copy{order:-1}.mac-drop-visual{padding:28px 20px 22px;border-radius:26px}.mac-drop-visual>img{width:260px}.audio-file-demo{top:180px;left:10px;padding:12px;font-size:12px}.mac-language-visual{padding:28px 16px 22px;border-radius:26px}.mac-language-example{font-size:25px;padding-bottom:30px}.mac-drop-visual.in-view .audio-file-demo{animation:file-approach 9s ease-in-out infinite}}
@media(prefers-reduced-motion:reduce){.mac-drop-visual.in-view .audio-file-demo{animation:none}}