@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Noto+Sans+SC:wght@400;500;600;700&display=swap');
:root{--ink:#20313b;--muted:#687b83;--line:#dce7e8;--sky:#eaf5f7;--cyan:#57b9c5;--violet:#b3a9dd;--orange:#e8aa7b;--deep:#123640;--white:#fff;--max:1220px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#fbfdfc;color:var(--ink);font-family:'DM Sans','Noto Sans SC',Arial,sans-serif;line-height:1.75;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}a:hover{color:#188798}img{display:block;max-width:100%;height:auto}h1,h2,h3,p,figure{margin:0}h1,h2,h3{line-height:1.28;letter-spacing:-.035em}h1{font-size:clamp(2.6rem,5.5vw,5.5rem)}h2{font-size:clamp(2rem,3.8vw,3.7rem)}h3{font-size:clamp(1.35rem,2vw,2rem)}p{color:var(--muted)}button{font:inherit}.eyebrow{display:block;font-size:.73rem;line-height:1.5;letter-spacing:.18em;font-weight:700;color:#56808a;text-transform:uppercase}.section{max-width:var(--max);margin:auto;padding:112px 32px}.section-heading{max-width:680px;margin-bottom:52px}.section-heading h2{margin:16px 0 20px}.section-heading p{font-size:1.05rem}.button{display:inline-flex;align-items:center;justify-content:center;gap:22px;min-height:54px;padding:12px 25px;font-size:.9rem;font-weight:700;border-radius:4px;transition:transform .2s,background .2s}.button:hover{transform:translateY(-2px)}.button-primary{background:var(--deep);color:white}.button-primary:hover{background:#1c6670;color:white}.button-ghost{border:1px solid #a8c6ca}.button-light{background:#fff;color:var(--deep)}.text-link{display:inline-flex;gap:20px;align-items:center;font-weight:700;font-size:.89rem;color:#176d79;border-bottom:1px solid #94b7bd;padding-bottom:5px}.text-link:hover{color:#0e4750}.site-header{position:relative;z-index:20;background:rgba(251,253,252,.96);border-bottom:1px solid #e8efef}.header-inner{max-width:1440px;padding:0 34px;margin:auto;height:84px;display:flex;align-items:center;gap:34px}.brand{display:flex;align-items:center;gap:11px;white-space:nowrap;color:var(--deep);font-weight:700;font-size:1.15rem}.mark{width:42px;height:42px;color:#287d89}.brand-light{font-size:.78rem;color:#769097;font-weight:500;letter-spacing:.02em}.site-nav{display:flex;align-items:center;justify-content:center;gap:25px;margin-left:auto}.site-nav a{font-size:.83rem;font-weight:600;white-space:nowrap;color:#435861}.site-nav a:hover{color:#1b8998}.header-cta{font-size:.8rem;font-weight:700;border:1px solid #abcbd0;padding:9px 14px;white-space:nowrap}.nav-toggle{display:none;background:none;border:0;font-size:1.7rem;color:var(--deep);cursor:pointer}
.hero{max-width:1440px;margin:auto;padding:56px 32px 86px;background:radial-gradient(circle at 50% 30%,#eff7f8 0,transparent 53%)}.hero-path{max-width:910px;margin:0 auto 46px;display:flex;align-items:center;gap:15px;color:#77a5aa;font-size:.68rem;letter-spacing:.18em;font-weight:700}.hero-path i{height:1px;background:#bfd9dc;flex:1}.hero-path b{width:7px;height:7px;border-radius:50%;background:#7dbec6;box-shadow:0 0 0 6px #e1f1f3}.hero-copy{text-align:center;max-width:780px;margin:auto}.hero-copy h1{margin:17px 0 25px;font-weight:600}.hero-copy h1 em{font-style:normal;color:#3f9bab}.hero-copy p{max-width:690px;margin:auto;font-size:1.06rem}.hero-copy .hero-sub{max-width:570px;margin-top:12px;font-size:.93rem}.hero-actions{display:flex;justify-content:center;gap:12px;margin-top:28px}.hero-gallery{display:grid;grid-template-columns:minmax(0,1fr) 230px minmax(0,1.22fr);align-items:end;gap:34px;max-width:1100px;margin:70px auto 0}.hero-gallery figure img{width:100%;object-fit:cover;border-radius:7px;box-shadow:0 20px 60px #193d461b}.hero-phone{max-width:310px;justify-self:end}.hero-phone img{aspect-ratio:2/3}.hero-laptop{max-width:440px}.hero-laptop img{aspect-ratio:3/2}.hero-gallery figcaption{font-size:.67rem;letter-spacing:.15em;color:#6b9ca3;margin-top:12px}.hero-index{align-self:center;display:flex;flex-direction:column;gap:0;border-top:1px solid var(--line);margin-top:120px}.hero-index a{border-bottom:1px solid var(--line);padding:10px 0;font-size:.7rem;letter-spacing:.2em;font-weight:700;color:#5f858c}.scene-section{display:grid;grid-template-columns:33% 1fr;gap:8%;padding-top:75px}.scene-section .section-heading{position:sticky;top:30px;align-self:start}.scene-timeline{border-left:1px solid #b4d0d3;padding-left:32px}.scene-timeline article{position:relative;display:grid;grid-template-columns:120px 1fr;column-gap:22px;row-gap:9px;padding:4px 0 38px;border-bottom:1px solid var(--line);margin-bottom:40px}.scene-timeline article:last-child{border:0;margin:0}.scene-timeline article:before{content:'';position:absolute;left:-38px;top:11px;width:11px;height:11px;background:#7cbac2;border-radius:50%;box-shadow:0 0 0 6px #eaf5f5}.scene-time{font-size:.69rem;letter-spacing:.1em;color:#58919a;font-weight:700}.scene-timeline h3{font-size:1.48rem}.scene-timeline p{font-size:.92rem;margin-top:10px}.scene-timeline small{display:block;margin-top:14px;font-size:.7rem;letter-spacing:.1em;color:#8aa0a5;text-transform:uppercase}.scene-timeline article>a{grid-column:2;font-size:.83rem;font-weight:700;color:#277e8a}.compare-section{max-width:none;background:#edf6f6}.compare-section>.section-heading,.compare-wrap{max-width:var(--max);margin-left:auto;margin-right:auto}.compare-wrap{overflow-x:auto}.device-table{width:100%;border-collapse:collapse;min-width:760px}.device-table th,.device-table td{padding:22px 20px;text-align:left;border-bottom:1px solid #ccdedf;font-size:.92rem}.device-table thead th{font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;color:#668990}.device-table tbody th{font-size:1.12rem;color:var(--deep)}.device-table tbody a{color:#1c7785;font-weight:600}.device-table tbody tr:hover{background:#e4f1f1}.wide-visual{padding:26px 32px 0}.wide-visual-inner{max-width:1360px;margin:auto}.wide-visual img{width:100%;aspect-ratio:16/8;object-fit:cover;object-position:center;border-radius:4px}.wide-caption{display:flex;justify-content:space-between;gap:30px;padding:24px 0;border-bottom:1px solid var(--line)}.wide-caption p{max-width:510px;font-size:.92rem}.manual-section{display:grid;grid-template-columns:26% 1fr;gap:10%}.manual-aside{position:sticky;top:30px;align-self:start}.manual-aside h2{font-size:clamp(2rem,2.8vw,2.8rem);margin:15px 0 32px}.manual-aside nav{display:flex;flex-direction:column;gap:12px;font-size:.82rem;color:#54838b}.manual-body article{display:grid;grid-template-columns:65px 1fr;padding:0 0 32px;margin-bottom:34px;border-bottom:1px solid var(--line)}.manual-body article>span{font-size:2.5rem;font-weight:500;color:#a7cbd0;line-height:1}.manual-body h3{margin-bottom:12px}.manual-body p{max-width:700px}.faq-section{max-width:none;background:#f3f7f7}.faq-section>.section-heading,.faq-section>.faq-layout,.faq-section>.text-link{max-width:var(--max);margin-left:auto;margin-right:auto}.faq-section>.text-link{display:table;margin-top:28px}.faq-layout{display:grid;grid-template-columns:260px 1fr;gap:8%}.faq-sidebar{align-self:start;position:sticky;top:22px;border-top:2px solid var(--deep);padding-top:18px;display:flex;flex-direction:column;gap:13px}.faq-sidebar strong{font-size:.75rem;letter-spacing:.18em;color:#497985}.faq-sidebar a{font-size:.78rem;color:#6b858b;line-height:1.45}.faq-list{border-top:1px solid var(--line)}.faq-entry{display:grid;grid-template-columns:52px 1fr;gap:8px;padding:23px 0;border-bottom:1px solid var(--line);scroll-margin-top:20px}.faq-index{font-size:.7rem;color:#6aa7b0;font-weight:700}.faq-entry h3{font-size:1.14rem;letter-spacing:0}.faq-entry p{font-size:.9rem;margin-top:9px}.news-section{display:grid;grid-template-columns:26% 1fr;gap:10%}.news-heading{align-self:start;position:sticky;top:30px}.news-heading h2{margin:15px 0}.news-heading p{font-size:.94rem;margin-bottom:24px}.news-timeline{border-top:1px solid var(--line)}.news-row{display:grid;grid-template-columns:34px 170px 1fr;gap:20px;padding:22px 0;border-bottom:1px solid var(--line);align-items:start}.news-num{font-size:.72rem;font-weight:700;color:#69a7b0;padding-top:4px}.news-thumb{width:170px;height:114px!important;object-fit:cover;aspect-ratio:3/2;border-radius:3px}.news-copy h3{font-size:1.12rem;letter-spacing:0;margin:6px 0}.news-copy p{font-size:.82rem;line-height:1.65}.news-copy .text-link{font-size:.76rem;margin-top:10px}.mobile-section{padding-top:80px}.feature-row{display:grid;grid-template-columns:40% 1fr;gap:10%;align-items:center}.feature-row img{width:100%;max-height:620px;object-fit:cover;aspect-ratio:2/3;border-radius:4px}.feature-row h3,.iphone-feature h3,.mac-feature h3{font-size:clamp(1.9rem,3vw,3rem);margin:16px 0}.feature-row p,.iphone-feature p,.mac-feature p{font-size:1rem;margin-bottom:25px}.iphone-feature{display:grid;grid-template-columns:1fr 38%;gap:12%;align-items:center;margin-top:95px;padding:60px;background:#ecf3f5}.iphone-feature img{width:100%;max-height:540px;aspect-ratio:2/3;object-fit:cover;border-radius:4px}.desktop-section{padding-top:25px}.windows-feature>img{width:100%;aspect-ratio:16/8;object-fit:cover;border-radius:4px}.windows-feature>div{display:grid;grid-template-columns:1fr 1fr;gap:10%;padding:28px 0 60px}.windows-feature h3{margin:15px 0}.windows-feature p{margin-bottom:18px}.mac-feature{border-top:1px solid var(--line);padding-top:55px;display:grid;grid-template-columns:40% 1fr;gap:12%;align-items:center}.mac-feature img{width:100%;aspect-ratio:3/2;object-fit:cover;border-radius:4px}.switch-summary{border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.switch-summary h2{max-width:720px;margin:15px 0 38px}.summary-columns{display:grid;grid-template-columns:1fr 1fr;gap:12%;max-width:850px}.quick-index{padding-top:80px;padding-bottom:80px}.quick-index h2{margin:12px 0 28px}.quick-index>div{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.quick-index a{padding:23px;border-top:2px solid #9cc8cd;border-bottom:1px solid var(--line);font-weight:600}.quick-index a span{float:right;color:#5599a1}.prefooter-cta{background:var(--deep);color:white;padding:80px max(32px,calc((100vw - 1156px)/2));display:flex;justify-content:space-between;align-items:end;gap:30px}.prefooter-cta .eyebrow{color:#90c5cc}.prefooter-cta h2{margin:13px 0;font-size:clamp(2rem,3.5vw,3.4rem)}.prefooter-cta p{max-width:650px;color:#b6cdd0}.prefooter-cta .button{white-space:nowrap}.site-footer{background:#0e2b33;color:#c8d9db;padding:55px 32px 25px}.footer-main,.footer-bottom{max-width:var(--max);margin:auto;display:flex;justify-content:space-between;gap:30px}.footer-brand{font-size:1.35rem;font-weight:700;color:#fff}.footer-main p{color:#9eb9be;margin-top:7px;font-size:.85rem}.footer-main nav{display:flex;flex-wrap:wrap;gap:18px 25px;max-width:470px;font-size:.82rem}.footer-bottom{margin-top:75px;border-top:1px solid #31525a;padding-top:20px;font-size:.72rem;color:#8daeb4;flex-wrap:wrap}
.page-hero{max-width:var(--max);margin:auto;padding:90px 32px 55px}.page-hero h1{max-width:850px;font-size:clamp(2.5rem,4.6vw,4.8rem);margin:14px 0 22px}.page-hero p{max-width:720px;font-size:1.05rem}.anchor-index{display:flex;flex-wrap:wrap;gap:0;margin-top:48px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.anchor-index a{padding:20px 25px 20px 0;margin-right:30px;font-size:.8rem;letter-spacing:.1em;font-weight:700;color:#367d86}.platform-section{max-width:var(--max);margin:auto;padding:65px 32px 90px;border-top:1px solid var(--line);scroll-margin-top:20px}.platform-top{margin-bottom:36px}.platform-top h2{margin:14px 0}.platform-grid{display:grid;grid-template-columns:38% 1fr;gap:8%;align-items:start}.platform-grid>img{width:100%;max-height:560px;object-fit:cover;border-radius:4px}.platform-grid dl{margin:0}.platform-grid dl>div{display:grid;grid-template-columns:95px 1fr;gap:12px;padding:13px 0;border-bottom:1px solid var(--line)}.platform-grid dt{font-size:.83rem;font-weight:700;color:#306f79}.platform-grid dd{margin:0;font-size:.9rem;color:var(--muted)}.platform-actions{display:flex;gap:24px;align-items:center;margin-top:28px}.related-links{border-top:1px solid var(--line)}.related-links h2{margin:12px 0 20px}.related-links .text-link{margin-right:30px}.external-resources{border-top:1px solid var(--line);padding-top:60px}.external-resources h2{margin:12px 0 22px}.resource-list{display:grid;grid-template-columns:repeat(5,1fr);gap:10px}.resource-list a{border:1px solid var(--line);padding:15px;font-size:.84rem;color:#547983}.prose-section{border-top:1px solid var(--line);max-width:900px;scroll-margin-top:20px}.prose-section h2{font-size:2.2rem;margin:14px 0 20px}.prose-section p{margin:0 0 20px}.prose-section a,.article-content a{color:#168697;border-bottom:1px solid #98c3c7}.faq-page{padding-top:30px;padding-bottom:90px}.news-page{display:block;padding-top:0}.news-page .news-timeline{max-width:1000px;margin:auto}.article-wrap{max-width:1050px;margin:auto;padding:0 32px 100px}.breadcrumb{display:flex;flex-wrap:wrap;gap:9px;padding:35px 0;font-size:.78rem;color:#78949a}.breadcrumb a{color:#36818c}.article-main header{max-width:850px;margin:25px auto 40px}.article-main h1{font-size:clamp(2.4rem,4.4vw,4.5rem);margin:14px 0 22px}.article-lead{font-size:1.12rem}.article-hero{width:100%;aspect-ratio:3/2;object-fit:cover;border-radius:4px}.article-content{max-width:760px;margin:70px auto;font-size:1.02rem}.article-content h2{font-size:1.8rem;margin:42px 0 16px}.article-content p{margin-bottom:20px}.article-related{max-width:760px;margin:auto;border-top:1px solid var(--line);padding:24px 0;display:flex;align-items:center;gap:26px;flex-wrap:wrap}.article-related h2{font-size:1.2rem}.article-related a{font-size:.85rem;color:#287d89}.article-pagination{max-width:760px;margin:35px auto 0;border-top:1px solid var(--line);padding-top:22px;display:flex;justify-content:space-between;gap:20px;font-size:.85rem;color:#237b87}
@media(max-width:1100px){.site-nav{gap:13px}.header-inner{gap:15px}.header-cta{display:none}.brand-light{display:none}.news-section{grid-template-columns:1fr}.news-heading{position:static}.scene-section{gap:4%}.manual-section{gap:5%}}@media(max-width:800px){.header-inner{height:70px;padding:0 20px}.nav-toggle{display:block;margin-left:auto}.site-nav{display:none;position:absolute;top:70px;left:0;right:0;background:#fbfdfc;border-bottom:1px solid var(--line);padding:18px 25px;flex-direction:column;align-items:stretch;gap:0;box-shadow:0 18px 30px #12364012}.site-nav.is-open{display:flex}.site-nav a{padding:10px 0}.section{padding:75px 22px}.hero{padding:35px 22px 60px}.hero-path{margin-bottom:35px}.hero-gallery{grid-template-columns:1fr 1fr;gap:18px;margin-top:45px}.hero-phone{justify-self:stretch}.hero-index{grid-column:1/-1;grid-row:2;flex-direction:row;justify-content:space-around;margin:0}.hero-laptop{grid-column:2;grid-row:1}.hero-gallery figure img{height:240px;aspect-ratio:auto;object-fit:cover}.scene-section,.manual-section{grid-template-columns:1fr}.scene-section .section-heading,.manual-aside{position:static}.manual-aside nav{flex-direction:row;flex-wrap:wrap;margin-bottom:30px}.faq-layout{grid-template-columns:1fr}.faq-sidebar{position:static;display:none}.news-section{gap:20px}.iphone-feature{padding:30px}.prefooter-cta{padding:65px 22px}.page-hero{padding:60px 22px 45px}.platform-section{padding:60px 22px}.resource-list{grid-template-columns:repeat(3,1fr)}}@media(max-width:600px){h1{font-size:2.7rem}.hero-path{font-size:.53rem;gap:6px}.hero-path span{white-space:nowrap}.hero-copy p{font-size:.95rem}.hero-actions{flex-direction:column;align-items:stretch}.hero-gallery{display:flex;flex-direction:column;align-items:center}.hero-phone,.hero-laptop{width:100%;max-width:none}.hero-gallery figure img{height:auto;max-height:400px;object-fit:cover}.hero-phone img{max-width:270px;margin:auto}.hero-index{order:3;width:100%}.hero-index a{font-size:.6rem}.section-heading{margin-bottom:34px}.scene-timeline{padding-left:22px}.scene-timeline article{grid-template-columns:1fr;gap:8px}.scene-timeline article:before{left:-28px}.scene-timeline article>a{grid-column:1}.wide-visual{padding:10px 18px}.wide-visual img{aspect-ratio:3/2}.wide-caption{display:block}.wide-caption p{margin-top:12px}.manual-body article{grid-template-columns:43px 1fr}.manual-body article>span{font-size:1.9rem}.news-row{grid-template-columns:25px 105px 1fr;gap:10px}.news-thumb{width:105px;height:85px!important}.news-copy .eyebrow{display:none}.news-copy h3{font-size:.92rem}.news-copy p{display:none}.news-copy .text-link{font-size:.69rem}.feature-row,.iphone-feature,.mac-feature,.platform-grid{grid-template-columns:1fr;gap:28px}.feature-row img,.iphone-feature img{max-width:300px;margin:auto}.iphone-feature{margin-top:55px;padding:24px}.iphone-feature img{grid-row:2}.windows-feature>img{aspect-ratio:3/2}.windows-feature>div,.summary-columns{grid-template-columns:1fr;gap:10px}.quick-index>div{grid-template-columns:1fr}.prefooter-cta{display:block}.prefooter-cta .button{margin-top:25px}.footer-main{display:block}.footer-main nav{margin-top:35px}.footer-bottom{margin-top:45px;display:block}.footer-bottom>*{display:block;margin-top:8px}.platform-grid>img{max-height:380px}.resource-list{grid-template-columns:repeat(2,1fr)}.article-wrap{padding:0 22px 70px}.article-content{margin:35px auto}.article-pagination{display:block}.article-pagination a{display:block;margin-top:12px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button{transition:none}}
.iphone-feature{display:block}.iphone-feature>div{max-width:660px}.iphone-feature img{width:min(100%,350px);max-height:none;aspect-ratio:2/3;margin:38px 0 0 auto}@media(max-width:600px){.iphone-feature img{margin:28px auto 0}}
@media(max-width:600px){.hero-copy h1{font-size:clamp(2rem,8.7vw,2.7rem);line-height:1.22}}
.news-row{grid-template-columns:34px 168px 1fr}.news-thumb{width:168px;height:112px!important}@media(max-width:600px){.news-row{grid-template-columns:25px 105px 1fr}.news-thumb{width:105px;height:70px!important}}