.platform-action { display:inline-flex; align-items:center; padding:13px 20px; border:1px solid #ffffff80; border-radius:10px; font-weight:650; background:#fff; color:#124ea0; }
.platform-action-mac { background:#163e72; color:#fff; border-color:#ffffff40; }
.platform-text-link { display:inline-block; margin-top:12px; font-weight:650; text-decoration:underline; text-underline-offset:5px; }
.hero-actions { flex-wrap:wrap; }
.hero h1 { font-size:clamp(36px,4.2vw,64px); }
.footer-inner { flex-wrap:wrap; }
.footer-product-links { display:flex; flex-wrap:wrap; gap:12px 22px; font-size:13px; }
.mac-container { width:min(1200px,calc(100% - 64px)); margin-inline:auto; }
.mac-site { background:#f6f8f5; color:#203a2e; color-scheme:light; }
.mac-site .brand { color:#fff; }
.mac-site .site-footer { color:#fff; }
.mac-site .brand-logo { animation:none; }
.mac-site main { overflow-wrap:anywhere; }
.mac-site h1,.mac-site h2,.mac-site h3 { letter-spacing:-.035em; }
.mac-hero { padding:140px 0 70px; text-align:center; background:radial-gradient(ellipse at 50% 0,#dceae0,transparent 72%); }
.mac-eyebrow { font-size:12px; font-weight:750; letter-spacing:2.5px; color:#527a65; }
.mac-hero h1 { font-size:clamp(36px,5.2vw,66px); line-height:1.18; margin:24px 0; }
.mac-lead { max-width:740px; margin:0 auto; font-size:18px; line-height:1.85; color:#576c60; }
.mac-actions { display:flex; align-items:center; flex-wrap:wrap; gap:12px; margin-top:26px; }
.mac-hero .mac-actions,.mac-end .mac-actions { justify-content:center; }
.mac-primary,.mac-secondary { display:inline-flex; align-items:center; justify-content:center; min-height:46px; padding:12px 21px; border-radius:10px; font-size:14px; font-weight:650; line-height:1.5; }
.mac-primary { background:#3e6552; color:#fff; border:1px solid #3e6552; }
.mac-secondary { color:#355444; border:1px solid #c4d2c6; background:#ffffff80; }
.mac-primary:hover { background:#2a4e3c; }
.mac-secondary:hover { background:#fff; }
.mac-availability { font-size:13px; color:#687d70; margin-top:20px; line-height:1.7; }
.brand-logo { flex:0 0 36px; }
.brand-logo img { display:block; width:36px; height:36px; object-fit:contain; }
.mac-main-shot { margin:42px 0 0; border-radius:16px; box-shadow:0 24px 65px #26433421; border:1px solid #d3dfd5; background:white; }
.mac-site .screenshot-card img { width:100%; height:auto; display:block; }
.mac-benefits { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:36px; padding:55px 0 85px; border-bottom:1px solid #d8e1d8; }
.mac-benefits h2 { font-size:22px; margin:0 0 16px; }
.mac-benefits p,.mac-gallery p,.mac-end p { font-size:15px; line-height:1.85; color:#586c60; }
.mac-gallery { padding:85px 0; scroll-margin-top:90px; }
.mac-gallery>h2,.mac-end h2 { font-size:clamp(28px,3vw,40px); margin:0 0 16px; }
.mac-muted { font-size:13px; line-height:1.8; color:#697e70; }
.mac-gallery-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:44px 30px; margin-top:40px; }
.mac-gallery-grid figure { margin:0; border:1px solid #d9e2d9; border-radius:12px; background:#fff; box-shadow:0 8px 26px #2a493610; }
.mac-gallery-grid h3 { margin:22px 0 8px; font-size:21px; }
.mac-gallery-grid p { margin:0; }
.mac-end { border-top:1px solid #d8e1d8; padding:65px 0 80px; text-align:center; }
.home-mac-section { background:#eef4ed; color:#203a2e; padding:80px 0; scroll-margin-top:72px; }
.home-mac-grid { display:grid; grid-template-columns:minmax(0,.9fr) minmax(0,1.3fr); align-items:center; gap:45px; }
.home-mac-grid h2 { margin:18px 0; font-size:clamp(28px,3.3vw,44px); line-height:1.25; letter-spacing:-.04em; }
.home-mac-grid p { font-size:15px; line-height:1.85; }
.home-mac-image img { width:100%; height:auto; display:block; border:1px solid #d4e0d5; border-radius:12px; box-shadow:0 18px 42px #20402d26; }
.support-layout { display:grid; grid-template-columns:200px minmax(0,800px); gap:65px; padding:130px 0 85px; align-items:start; justify-content:center; }
.support-toc { position:sticky; top:104px; display:grid; gap:10px; }
.support-toc a { padding:10px 12px; border-left:2px solid #c4d8c6; font-size:15px; }
.support-toc a:hover,.support-toc a.is-active { background:#e5eee4; border-color:#3e6552; }
.support-section { scroll-margin-top:102px; }
.support-section h1 { font-size:38px; margin:0 0 22px; }
.support-section p { line-height:1.95; font-size:15px; color:#4b6154; }
.support-contact { padding:20px 26px; margin:26px 0; background:#e9f0e6; border:1px solid #cddcc9; border-radius:14px; }
.support-contact p { margin:8px 0; }
.support-contact a { color:#265b40; text-decoration:underline; text-underline-offset:4px; }
.support-faq details { padding:19px 0; border-bottom:1px solid #dce5db; }
.support-faq summary { cursor:pointer; font-size:16px; font-weight:650; line-height:1.7; }
.support-faq details p { margin-bottom:0; }
.privacy-section { margin-top:72px; padding-top:40px; border-top:1px solid #cbdacb; }
.privacy-section article { margin-top:32px; }
.privacy-section h2 { font-size:20px; margin-bottom:10px; line-height:1.5; }
.privacy-section article p { margin-top:0; }
.mac-site :focus-visible,.platform-action:focus-visible { outline:3px solid #5299d9; outline-offset:4px; }
@media(max-width:1320px) { .nav-links { display:none; } .menu-button { display:inline-flex; } .header-inner { grid-template-columns:minmax(0,1fr) auto; } }
@media(max-width:900px) { .home-mac-grid { grid-template-columns:1fr; } .mac-benefits { grid-template-columns:1fr; gap:25px; } .support-layout { grid-template-columns:1fr; gap:30px; } .support-toc { position:static; display:flex; flex-wrap:wrap; } .support-toc .mac-eyebrow { width:100%; } }
@media(max-width:620px) { .mac-container { width:calc(100% - 36px); } .mac-hero { padding-top:114px; } .mac-lead { font-size:16px; } .mac-gallery-grid { grid-template-columns:1fr; } .mac-gallery { padding:55px 0; } .mac-benefits { padding:30px 0 50px; } .mac-main-shot { border-radius:8px; } .home-mac-section { padding:50px 0; } .support-layout { padding-top:105px; } .support-section h1 { font-size:30px; } .support-contact { padding:16px; } .mac-site .brand { font-size:13px; } .mac-site .header-projects-link { display:none; } .mac-site .header-inner { gap:8px; } .mac-actions { gap:10px; } .hero-actions .platform-action { font-size:13px; padding:12px 14px; } }
@media(prefers-reduced-motion:reduce) { .mac-site { scroll-behavior:auto; } }