/* Marketing presentation. The native macOS recreation is styled independently. */
:root{--paper:#fbfbfd;--ink:#1d1d1f;--muted:#6e6e73;--line:#d2d2d74d;--blue:#0066cc;color:#1d1d1f;background:#fbfbfd;font-family:-apple-system,BlinkMacSystemFont,'Helvetica Neue',sans-serif;font-synthesis:none}
html{scroll-padding-top:32px}body{background:#fbfbfd;color:#1d1d1f}.wrap{max-width:1220px;padding-inline:50px}h1,h2,h3,.brand{font-family:-apple-system,BlinkMacSystemFont,'Helvetica Neue',sans-serif}.eyebrow{font-family:inherit;text-transform:none;font-size:15px;font-weight:500;letter-spacing:0;color:#6e6e73}.site-header{height:88px;max-width:1220px;border:0}.site-header .brand{color:#1d1d1f;text-shadow:none;font-size:22px;letter-spacing:-.7px;gap:9px;font-weight:600}.site-header .brand img{width:31px;height:31px;border-radius:8px}.site-header .for-mac{font-size:12px;font-weight:400;letter-spacing:0;color:#86868b;margin-left:4px}.site-header nav{padding:0;gap:32px;border:0;border-radius:0;background:none;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none;color:#515154;font-size:12px;font-weight:400}.site-header nav>a{transition:color .18s}.site-header nav>a:hover{color:#000}.site-header .nav-cta{color:#1d1d1f;background:none;border:0;padding:0;border-radius:0;box-shadow:none;font-size:12px;font-weight:500}.hero{padding-top:74px;padding-bottom:74px;color:#1d1d1f}.hero .eyebrow{font-size:15px;letter-spacing:0;font-weight:500;color:#6e6e73;text-shadow:none}.hero h1{font-family:-apple-system,BlinkMacSystemFont,'Helvetica Neue',sans-serif;font-size:clamp(4.3rem,7.5vw,6.35rem);letter-spacing:-.065em;line-height:1.035;font-weight:600;margin:24px 0 26px;text-shadow:none;color:#1d1d1f}.hero h1>span{color:#86868b}.hero-copy{font-size:21px;line-height:1.55;letter-spacing:-.025em;font-weight:400;color:#6e6e73;text-shadow:none;max-width:650px;margin-inline:auto}.hero-actions{gap:27px;margin:30px 0 20px;align-items:center}.button{font-family:inherit;border-radius:24px;min-height:46px;padding:12px 23px;font-size:14px;line-height:1.4;letter-spacing:-.005em;font-weight:450;gap:9px;transition:background .18s,color .18s;transform:none;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none}.button.primary{border:1px solid transparent;background:#1d1d1f;color:#fff;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none;text-shadow:none}.button.primary:hover{background:#343436;color:#fff;box-shadow:none;transform:none}.button.primary:active{background:#000;transform:none}.button::before,.button::after{display:none}.hero .text-link,.text-link{color:#0066cc;text-shadow:none;font-size:14px;font-weight:400;letter-spacing:0}.text-link:hover{color:#004d99;text-decoration:underline;text-underline-offset:4px}.text-link>span{font-family:inherit;font-size:21px;line-height:0;vertical-align:-1px;display:inline-block;margin-left:3px;font-weight:300}.compatibility{color:#86868b;font-size:12px;letter-spacing:0;margin-top:0}.demo-section{max-width:1350px;padding-inline:54px}.demo-heading{color:#515154;padding-inline:3px;margin-bottom:17px}.demo-heading h2{font-family:inherit;font-size:13px;font-weight:400;letter-spacing:0;line-height:1.4}.demo-heading>span{color:#86868b;font-size:12px;letter-spacing:0;font-weight:400}.desktop{border:1px solid #1d1d1f14;box-shadow:0 30px 66px -29px #1d36524d,0 2px 8px #0a17230a;border-radius:17px}.demo-controls-outside{padding:17px 0 0}.demo-controls-outside .demo-command-bar{background:none;border:0;border-radius:0;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none;padding:0;gap:18px;margin:0;min-height:38px}.demo-controls-outside .demo-command-bar::before,.demo-controls-outside .demo-command-bar::after{display:none}.demo-controls-outside .bulk-actions{gap:6px}.demo-controls-outside .command-button{background:none;color:#515154;border:1px solid transparent;border-radius:8px;min-height:36px;padding:8px 12px;font-size:12px;font-weight:400;box-shadow:none;gap:6px;transition:background .16s}.demo-controls-outside .command-button:hover:not(:disabled){background:#eeeeef;border-color:transparent;color:#1d1d1f}.demo-controls-outside .minimise-command{background:#1d1d1f;color:#fff;font-weight:450;border-color:transparent}.demo-controls-outside .minimise-command:hover:not(:disabled){background:#343436;color:#fff}.demo-controls-outside .command-button:disabled{opacity:.32}.demo-controls-outside .control-dot{display:none}.demo-controls-outside .command-button>span[aria-hidden]{font-size:14px;font-weight:400;color:inherit}.demo-controls-outside .view-button{color:#515154;border:0;border-radius:8px;background:none;font-size:12px;min-height:36px;padding:7px 10px;font-weight:400;box-shadow:none}.demo-controls-outside .view-button:hover{background:#eeeeef;color:#1d1d1f}.demo-controls-outside .demo-settings{margin:13px 0 0;padding:12px 0 0;border-top:1px solid #d2d2d761;gap:22px;align-items:center}.demo-controls-outside .demo-settings label{font-size:11px;color:#6e6e73;font-weight:400;gap:7px;min-height:23px}.demo-controls-outside .demo-settings input{height:15px;width:26px;border:0;background:#d4d4d8;box-shadow:none}.demo-controls-outside .demo-settings input::after{height:11px;width:11px;left:2px;top:2px;box-shadow:0 1px 2px #0002;background:#fff}.demo-controls-outside .demo-settings input:checked{background:#1d1d1f}.demo-controls-outside .demo-settings input:checked::after{transform:translateX(11px)}.demo-controls-outside .demo-feedback{background:transparent;border:0;border-radius:0;box-shadow:none;backdrop-filter:none;min-height:34px;margin-top:8px;padding:0;gap:14px;align-items:center}.demo-controls-outside .demo-feedback p{color:#86868b;font-size:11px;font-weight:400;line-height:1.55}.demo-controls-outside .demo-feedback button{background:none;color:#6e6e73;border:0;border-radius:0;font-size:11px;padding:5px 0;min-height:28px}.demo-controls-outside .demo-feedback button:hover{background:none;color:#1d1d1f;text-decoration:underline;text-underline-offset:3px}.demo-controls-outside .demo-feedback #undo-action{color:#0066cc;background:none}.demo-bottom{padding:14px 0 0;margin-top:5px;border-top:1px solid #d2d2d75c;border-radius:0;display:flex;justify-content:space-between;flex-direction:row;gap:20px;background:none;box-shadow:none;backdrop-filter:none}.demo-bottom>p{font-size:10px;color:#86868b;font-weight:400}.demo-presets{display:flex;padding:0;border:0;background:none;border-radius:0;gap:18px;max-width:none;width:auto}.demo-presets button{background:none;border:0;border-radius:0;padding:4px 0;min-height:28px;font-size:11px;font-weight:400;color:#6e6e73;box-shadow:none}.demo-presets button:hover{background:none;box-shadow:none;color:#1d1d1f;text-decoration:underline;text-underline-offset:3px}.intro{padding-top:134px;text-align:center}.intro .eyebrow{color:#6e6e73;font-size:15px;font-weight:500;letter-spacing:0;margin-bottom:22px}.intro h2{font-size:clamp(2.8rem,5vw,4.45rem);font-weight:600;letter-spacing:-.055em;line-height:1.075;color:#1d1d1f}.intro h2 span{color:#86868b}.intro>p:last-child{font-size:19px;line-height:1.6;font-weight:400;color:#6e6e73;letter-spacing:-.02em;margin-top:24px}.control-stories{padding-top:68px;padding-bottom:124px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:45px}.control-story{padding:0 0 0 0;display:block;border:0;border-radius:0;box-shadow:none;background:none!important;position:relative}.control-story+.control-story{padding-left:35px;border-left:1px solid #d2d2d75c}.story-index{font-family:inherit;display:block;font-size:13px;color:#86868b;letter-spacing:0;font-weight:400;margin:0 0 29px;line-height:1}.control-story .eyebrow{font-size:12px;font-weight:400;letter-spacing:0;color:#86868b}.control-story h3{font-size:29px;line-height:1.17;letter-spacing:-.04em;font-weight:550;color:#1d1d1f;margin:12px 0 20px}.control-story p{font-size:16px;line-height:1.65;color:#6e6e73;letter-spacing:-.015em}.control-story button{font-size:13px;font-weight:400;line-height:1.5;color:#0066cc;margin-top:23px;min-height:26px;padding:0;background:none}.feature-catalog{padding-top:88px;padding-bottom:87px;position:relative}.catalog-band{background:#f4f4f6}.feature-catalog::before{display:none}.catalog-heading{border:0;gap:45px;padding-bottom:56px;align-items:flex-end}.catalog-heading .eyebrow{font-size:14px;letter-spacing:0;color:#6e6e73;font-weight:400;margin-bottom:20px}.catalog-heading h2{font-size:clamp(2.4rem,4.2vw,3.55rem);font-weight:600;letter-spacing:-.05em;line-height:1.12;color:#1d1d1f}.catalog-heading>p{font-size:17px;line-height:1.6;color:#86868b;letter-spacing:-.018em;padding-bottom:5px}.catalog-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:0 50px}.catalog-grid article{border-top:1px solid #d2d2d780;border-bottom:0;padding:31px 0 30px;position:relative}.catalog-icon{display:block;width:28px;height:35px;color:#515154;margin-bottom:8px}.catalog-icon img{display:block;height:28px;width:28px;object-fit:contain;opacity:.68}.catalog-grid h3{font-size:21px;font-weight:550;letter-spacing:-.025em;line-height:1.23;margin-bottom:13px;color:#1d1d1f}.catalog-grid p{font-size:15px;line-height:1.65;color:#6e6e73;letter-spacing:-.005em}.catalog-detail{font-size:11px;color:#86868b;line-height:1.6;font-weight:400;margin-top:17px}.catalog-grid button{font-size:12px;color:#0066cc;font-weight:400;line-height:1.5;margin-top:17px;min-height:26px}.shortcut-section{margin-top:106px;margin-bottom:0;padding-block:0 70px;gap:70px;border:0;border-bottom:1px solid #d2d2d75c;border-radius:0;background:none;box-shadow:none;grid-template-columns:1fr 1fr}.shortcut-section .eyebrow{font-size:14px;letter-spacing:0;font-weight:400;color:#6e6e73;margin-bottom:21px}.shortcut-section h2{font-size:48px;letter-spacing:-.05em;line-height:1.13;font-weight:600;color:#1d1d1f}.shortcut-section p:not(.eyebrow){font-size:17px;line-height:1.65;color:#6e6e73;letter-spacing:-.02em;margin:24px 0}.shortcut-section .gesture-copy{font-size:14px!important;color:#86868b;letter-spacing:0}.shortcut-section .text-link{font-size:14px;color:#0066cc}.key-composition{height:270px;align-self:center;gap:18px;padding-bottom:38px;background:none}.key{font-family:inherit;width:117px;height:117px;border-radius:15px;border:1px solid #dedee2;background:#f5f5f7;box-shadow:0 3px 0 #e4e4e8,0 4px 0 #d2d2d7;transform:none!important;padding:20px 22px;backdrop-filter:none;color:#515154;display:flex;justify-content:space-between;align-items:flex-start;flex-direction:column}.key span:first-child{font-family:inherit;font-size:34px;line-height:1;font-weight:300;color:#515154}.key span:last-child{font-family:inherit;font-size:13px;font-weight:400;letter-spacing:0}.key-plus{font-size:20px;line-height:1;font-weight:300;color:#aaaab0;margin:0 2px}.key-composition>p{font-size:11px!important;color:#86868b!important;margin:0!important;bottom:18px;font-weight:400;letter-spacing:0;max-width:350px;line-height:1.6;text-align:center}.details-strip{padding-block:33px 0;gap:30px;grid-template-columns:repeat(3,1fr)}.details-strip>div{gap:13px}.details-strip>div>span{font-size:22px;color:#86868b}.details-strip p{font-size:11px;line-height:1.7;letter-spacing:0;color:#86868b}.details-strip strong{font-size:13px;line-height:1.7;font-weight:500;color:#515154}.faq-section{padding-block:113px 110px;gap:75px;grid-template-columns:1fr 1.45fr}.faq-section .eyebrow{font-size:14px;letter-spacing:0;font-weight:400;color:#6e6e73;margin-bottom:20px}.faq-section h2{font-size:42px;font-weight:600;letter-spacing:-.045em;color:#1d1d1f;line-height:1.2}.faq-list,.faq-list details{border-color:#d2d2d77a}.faq-list summary{font-family:inherit;font-size:14px;font-weight:500;letter-spacing:-.01em;line-height:1.5;color:#343436;padding-block:21px}.faq-list summary>span{font-size:19px;font-weight:300;color:#86868b}.faq-list details>p{font-size:14px;color:#6e6e73;line-height:1.7;padding-bottom:22px}.closing{max-width:none;margin:0;border:0;border-radius:0;padding:90px 40px 91px;background:#171719;box-shadow:none;color:#f5f5f7}.closing>img{width:53px;height:53px;border-radius:12px;margin-bottom:24px;box-shadow:none}.closing .eyebrow{font-size:13px;font-weight:400;color:#a1a1a6;letter-spacing:0;justify-content:center}.closing h2{font-size:clamp(2.8rem,5vw,4.3rem);letter-spacing:-.06em;line-height:1.08;font-weight:600;margin-top:24px;color:#f5f5f7;text-shadow:none}.closing h2 span{color:#a1a1a6}.closing>p:not(.eyebrow){color:#a1a1a6;font-size:17px;line-height:1.6;font-weight:400;letter-spacing:-.02em;margin-top:22px}.closing .button.primary{background:#f5f5f7;color:#1d1d1f;border:0;box-shadow:none;margin-top:29px;min-height:44px;font-size:13px;padding:12px 22px}.closing .button.primary:hover{background:#fff;color:#1d1d1f;box-shadow:none;transform:none}.closing .launch-note{font-size:11px!important;color:#86868b!important;letter-spacing:0!important;margin-top:18px!important}.site-footer{border:0;margin-top:0;padding-block:28px 32px;font-size:11px;color:#86868b;background:none}.site-footer .brand{font-size:18px;font-weight:550;letter-spacing:-.6px;color:#515154;gap:8px}.site-footer .brand img{width:24px;height:24px;border-radius:6px}.site-footer>a:last-child{font-size:11px;color:#6e6e73}.site-footer>a:last-child:hover{color:#1d1d1f}.site-footer>span{font-size:11px;letter-spacing:0}dialog{border:1px solid #ffffff9c;border-radius:19px;background:#f5f7f9f2;box-shadow:0 28px 100px #11182745;backdrop-filter:blur(25px) saturate(1.2);-webkit-backdrop-filter:blur(25px) saturate(1.2);padding:25px}.dialog-heading .eyebrow{font-size:10px;letter-spacing:.04em;font-weight:400;color:#86868b}.dialog-heading h2{font-size:25px;font-weight:550;letter-spacing:-.03em;color:#1d1d1f}.dialog-close{background:#e9e9ec;border:0;box-shadow:none;color:#6e6e73;width:30px;height:30px;font-size:22px;font-weight:300}.dialog-note{font-size:13px;color:#6e6e73;line-height:1.6}.dialog-actions{gap:10px}.dialog-actions .button{min-height:42px;border-radius:9px;font-size:13px;padding:10px 15px;box-shadow:none}.dialog-actions .dialog-done{background:#e9e9ec;border:0;color:#515154}.dialog-actions .dialog-done:hover{background:#dedee3}.noscript-note{color:#6e6e73}.skip-link{background:#fff;color:#1d1d1f;border-color:#0066cc}
@media(max-width:1100px){.wrap{padding-inline:38px}.site-header{height:80px}.hero{padding-top:60px;padding-bottom:66px}.hero h1{font-size:86px}.hero-copy{font-size:20px}.demo-section{padding-inline:34px}.demo-bottom{flex-direction:column;align-items:flex-start;gap:8px}.control-stories{gap:30px}.control-story+.control-story{padding-left:25px}.control-story h3{font-size:26px}.control-story p{font-size:15px}.catalog-grid{gap:0 35px}.catalog-heading h2{font-size:46px}.catalog-heading>p{font-size:16px}.shortcut-section{gap:40px}.shortcut-section h2{font-size:42px}.faq-section{gap:50px}.faq-section h2{font-size:36px}}
@media(max-width:760px){.wrap{padding-inline:25px}.site-header{height:74px;gap:15px}.site-header .brand{font-size:21px}.site-header .brand img{width:29px;height:29px}.site-header .for-mac{display:none}.site-header nav{padding:0;gap:20px;box-shadow:none;border:0;background:none}.site-header nav>a:not(.nav-cta){display:none}.site-header .nav-cta{padding:0;font-size:12px;color:#6e6e73;background:none;box-shadow:none;border:0}.hero{padding-top:57px;padding-bottom:62px}.hero .eyebrow{font-size:14px}.hero h1{font-size:clamp(3rem,9.4vw,4.4rem);line-height:1.07;letter-spacing:-.06em;margin:25px 0}.hero-copy{font-size:18px;line-height:1.55;letter-spacing:-.02em;max-width:390px}.hero-actions{flex-direction:row;gap:21px;margin:27px 0 19px;flex-wrap:wrap}.hero .button{min-height:43px;font-size:13px;padding:11px 20px}.hero .text-link{font-size:13px}.compatibility{font-size:11px;color:#86868b}.demo-section{padding-inline:13px}.demo-heading{padding:0 4px;margin-bottom:12px;gap:12px}.demo-heading h2{font-size:11px;max-width:230px}.demo-heading>span{font-size:10px;white-space:nowrap}.desktop{border-radius:13px}.demo-controls-outside{padding:12px 4px 0}.demo-controls-outside .demo-command-bar{padding:0;gap:6px;flex-wrap:wrap;flex-direction:row}.demo-controls-outside .bulk-actions{width:100%;justify-content:space-between;gap:2px}.demo-controls-outside .command-button{font-size:11px;min-height:36px;padding:7px 10px;border-radius:7px}.demo-controls-outside .view-button{width:100%;justify-content:center;min-height:34px;padding:6px 0;background:#f0f0f3;border-radius:7px;font-size:11px}.demo-controls-outside .view-button:hover{background:#e8e8ed}.demo-controls-outside .demo-settings{gap:8px 16px;margin:11px 0 0;padding:10px 0 0}.demo-controls-outside .demo-settings label{font-size:10px;min-height:27px;gap:6px}.demo-controls-outside .demo-feedback{font-size:10px;gap:12px;padding:0;flex-wrap:wrap;margin-top:7px}.demo-controls-outside .demo-feedback p{font-size:10px;flex-basis:100%}.demo-controls-outside .demo-feedback button{font-size:10px;min-height:28px;padding:3px 0}.demo-controls-outside .demo-feedback #reset-demo{margin-left:auto}.demo-bottom{margin-top:11px;padding:12px 4px 0;gap:7px;flex-direction:column;align-items:flex-start}.demo-bottom>p{font-size:9px;text-align:left;color:#86868b}.demo-presets{display:flex;flex-wrap:wrap;justify-content:space-between;width:100%;max-width:none;border:0;border-radius:0;padding:0;gap:0 13px}.demo-presets button{font-size:10px;padding:3px 0;min-height:32px;white-space:nowrap}.intro{padding-top:88px}.intro .eyebrow{font-size:13px;margin-bottom:20px}.intro h2{font-size:42px;letter-spacing:-.055em;line-height:1.1}.intro>p:last-child{font-size:17px;line-height:1.6;letter-spacing:-.02em;margin-top:22px}.control-stories{grid-template-columns:1fr;gap:0;padding-top:42px;padding-bottom:67px}.control-story,.control-story+.control-story{padding:28px 0;border:0;border-bottom:1px solid #d2d2d770;border-radius:0;background:none;box-shadow:none;display:grid;grid-template-columns:28px 1fr;column-gap:18px}.control-story:last-child{border-bottom:0;padding-bottom:0}.story-index{grid-column:1;grid-row:1 / span 2;font-size:11px;margin:3px 0 0;line-height:1.5}.control-story .eyebrow{grid-column:2;grid-row:1;font-size:11px;color:#86868b}.control-story h3{grid-column:2;grid-row:2;font-size:29px;line-height:1.17;letter-spacing:-.045em;margin:10px 0 16px}.control-story p{grid-column:2;font-size:16px;line-height:1.6}.control-story button{grid-column:2;font-size:13px;margin-top:17px;min-height:30px;line-height:1.5}.feature-catalog{padding-top:58px;padding-bottom:48px}.catalog-heading{align-items:flex-start;flex-direction:column;gap:21px;padding-bottom:36px}.catalog-heading .eyebrow{font-size:13px;letter-spacing:0;margin-bottom:20px}.catalog-heading h2{font-size:38px;line-height:1.12;letter-spacing:-.05em}.catalog-heading>p{font-size:16px;line-height:1.55;color:#86868b}.catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:26px}.catalog-grid article{padding:25px 0 28px;border-top:1px solid #d2d2d780;position:relative}.catalog-icon{position:static;width:26px;height:30px;margin-bottom:10px}.catalog-icon img{width:25px;height:25px}.catalog-grid h3{font-size:19px;font-weight:550;line-height:1.25;letter-spacing:-.03em;margin-bottom:12px}.catalog-grid p{font-size:14px;line-height:1.65;letter-spacing:0}.catalog-detail{font-size:10px;line-height:1.6;margin-top:14px}.catalog-grid button{font-size:12px;line-height:1.5;min-height:29px;margin-top:14px}.shortcut-section{margin:69px auto 0;padding:0 25px 42px;grid-template-columns:1fr;gap:25px;border:0;border-bottom:1px solid #d2d2d770;border-radius:0;background:none;box-shadow:none}.shortcut-section .eyebrow{font-size:13px;margin-bottom:20px}.shortcut-section h2{font-size:39px;line-height:1.13;letter-spacing:-.05em}.shortcut-section p:not(.eyebrow){font-size:16px;line-height:1.65;margin:23px 0;letter-spacing:-.01em}.shortcut-section .gesture-copy{font-size:13px!important;color:#86868b}.shortcut-section .text-link{font-size:13px}.key-composition{height:222px;padding-bottom:38px;gap:18px}.key{width:106px;height:106px;border-radius:14px;padding:18px 20px}.key span:first-child{font-size:30px}.key span:last-child{font-size:12px}.key-plus{font-size:20px}.key-composition>p{font-size:10px!important;bottom:4px;line-height:1.6;max-width:310px}.details-strip{padding-top:30px;padding-bottom:0;grid-template-columns:1fr;gap:19px}.details-strip>div{gap:13px}.details-strip>div>span{font-size:20px;width:26px}.details-strip p{font-size:12px;line-height:1.6}.details-strip strong{font-size:14px;line-height:1.7;font-weight:500}.faq-section{grid-template-columns:1fr;gap:31px;padding-top:73px;padding-bottom:67px}.faq-section .eyebrow{font-size:13px;margin-bottom:17px}.faq-section h2{font-size:35px;font-weight:600;letter-spacing:-.045em}.faq-list summary{font-size:13px;line-height:1.5;padding-block:19px}.faq-list details>p{font-size:13px;line-height:1.7}.closing{margin:0;max-width:none;padding:61px 25px 65px;border:0;border-radius:0;background:#171719;box-shadow:none}.closing>img{width:46px;height:46px;border-radius:11px;margin-bottom:22px}.closing .eyebrow{font-size:12px;letter-spacing:0;color:#a1a1a6}.closing h2{font-size:43px;line-height:1.08;letter-spacing:-.055em;margin-top:23px}.closing>p:not(.eyebrow){font-size:16px;line-height:1.55;max-width:320px;margin:23px auto 0;color:#a1a1a6}.closing .button.primary{min-height:43px;font-size:13px;margin-top:25px}.closing .launch-note{font-size:10px!important;line-height:1.65;max-width:270px}.site-footer{margin:0 auto;padding:25px 25px 30px;gap:15px}.site-footer .brand{font-size:17px;gap:7px}.site-footer .brand img{width:23px;height:23px;border-radius:6px}.site-footer>span{display:none}.site-footer>a:last-child{font-size:10px}dialog{padding:20px;border-radius:16px}.dialog-heading h2{font-size:23px}.dialog-heading .eyebrow{font-size:9px}.dialog-note{font-size:12px}.dialog-actions{gap:8px}.dialog-actions .button{font-size:12px;min-height:42px;border-radius:8px}}
@media(max-width:420px){.hero{padding-top:47px;padding-bottom:55px}.hero h1{font-size:clamp(2.8rem,10.6vw,3.6rem)}.hero-copy{font-size:17px}.hero-actions{gap:17px}.hero .button{font-size:12px;padding-inline:18px}.hero .text-link{font-size:12px}.compatibility{font-size:10px}.intro h2{font-size:38px}.catalog-grid{grid-template-columns:1fr}.catalog-grid article{padding-left:40px}.catalog-icon{position:absolute;left:0;top:25px;height:25px;width:25px}.catalog-grid h3{font-size:21px}.catalog-grid p{font-size:15px}.catalog-detail{font-size:11px}.catalog-grid button{font-size:13px}.control-story h3{font-size:27px}.closing h2{font-size:40px}.demo-presets{gap:0 11px}.demo-presets button{font-size:9px}}
@media(prefers-reduced-motion:reduce){.button,.text-link,.site-header nav>a{transition:none!important}}
@media(prefers-reduced-transparency:reduce){.button.primary{background:#1d1d1f!important;backdrop-filter:none!important}.closing .button.primary{background:#f5f5f7!important;color:#1d1d1f}.hero{background:#fbfbfd!important}.site-header nav,.demo-bottom,.demo-controls-outside .demo-command-bar,.demo-controls-outside .demo-feedback{background:transparent!important}}
@media(forced-colors:active){.button.primary,.demo-controls-outside .minimise-command,.key{border:1px solid ButtonText}.hero h1,.hero h1>span,.hero-copy,.hero .eyebrow,.closing,.closing h2,.closing h2 span{color:CanvasText}.closing{background:Canvas}.feature-catalog::before{display:none}.catalog-icon img{forced-color-adjust:none}}