@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:#14222c;--ink-2:#243744;--slate:#334954;--muted:#63747b;--line:#d9dedc;--paper:#f7f7f3;--white:#fff;--mist:#e8eeeb;--copper:#bd8862;--copper-light:#e7c6a9;--dark:#111f2a;--radius:4px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:'DM Sans','Noto Sans SC',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;font-size:15px;line-height:1.8;-webkit-font-smoothing:antialiased}img{display:block;max-width:100%;height:auto}a{color:inherit;text-decoration:none}a:hover{color:#9d623c}button{font:inherit}h1,h2,h3,p,figure{margin-top:0}h1,h2,h3{line-height:1.32;letter-spacing:-.035em}h1{font-size:clamp(2.6rem,5.4vw,5.25rem);font-weight:600}h2{font-size:clamp(2rem,3.4vw,3.4rem);font-weight:600}h3{font-size:clamp(1.25rem,2vw,1.8rem);font-weight:600}p{color:#52656b}::selection{background:#c8a07d;color:#111f2a}.shell{width:min(1180px,calc(100% - 64px));margin-inline:auto}.section{padding-block:112px}.eyebrow{display:inline-block;font-size:.72rem;line-height:1.4;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:#a56f48;margin-bottom:22px}.section-head{max-width:735px;margin-bottom:45px}.section-head h2{margin-bottom:17px}.section-head p{max-width:670px;font-size:1rem}.text-link{display:inline-flex;align-items:center;gap:8px;color:#94603e;font-weight:700;border-bottom:1px solid #c9aa8f;padding-bottom:2px}.text-link:after{content:'↗';font-size:1.1em}.text-link:hover{color:#623b24}.button-row{display:flex;flex-wrap:wrap;gap:12px}.button{min-height:50px;display:inline-flex;align-items:center;justify-content:center;padding:11px 22px;border:1px solid transparent;font-weight:700;font-size:.88rem;line-height:1.35;transition:background .2s,color .2s,border-color .2s,transform .2s}.button:hover{transform:translateY(-2px)}.button-copper{background:#ca946b;color:#14222c}.button-copper:hover{background:#e1ae85;color:#14222c}.button-light{background:#eef0eb;color:#192a34}.button-light:hover{background:#fff;color:#192a34}.button-dark{background:#203440;color:#fff}.button-dark:hover{background:#38505c;color:#fff}.button-outline-light{border-color:#758b96;color:#f4f5f2}.button-outline-light:hover{border-color:#fff;color:#fff}.button-outline-dark{border-color:#6e848b;color:#1c3039}.button-outline-dark:hover{background:#1c3039;color:#fff}
.site-header{position:relative;z-index:30;background:#f7f7f3;border-bottom:1px solid #e2e6e2}.header-inner{display:flex;align-items:center;justify-content:space-between;gap:28px;min-height:86px}.brand{display:inline-flex;align-items:center;gap:11px;color:#1a2b34;font-weight:700;font-size:1.05rem;white-space:nowrap;letter-spacing:-.04em}.brand:hover{color:#1a2b34}.brand img{flex:none}.brand-suffix{display:block;color:#6d7c81;font-weight:500;font-size:.65rem;letter-spacing:.15em;line-height:1.2}.main-nav{display:flex;align-items:center;gap:clamp(14px,2vw,32px)}.main-nav a{font-size:.82rem;font-weight:600;color:#506069;white-space:nowrap;position:relative}.main-nav a:hover,.main-nav a[aria-current="page"]{color:#172a33}.main-nav a[aria-current="page"]:after{content:'';position:absolute;left:0;right:0;bottom:-31px;height:2px;background:var(--copper)}.menu-toggle{display:none}.site-footer{margin-top:100px;background:#172832;color:#d6dddc}.footer-top{padding-block:58px 38px;display:flex;justify-content:space-between;gap:50px}.footer-top p{color:#9cacb0;max-width:420px;margin-bottom:0}.footer-brand{font-size:1.25rem!important;font-weight:700;color:#f1f1ec!important;margin-bottom:10px!important}.footer-top nav{display:grid;grid-template-columns:repeat(3,auto);gap:10px 26px;align-content:start}.footer-top nav a{font-size:.85rem;color:#b9c4c5}.footer-top nav a:hover{color:#fff}.footer-bottom{border-top:1px solid #3b4d56;padding-block:22px 32px;display:flex;justify-content:space-between;gap:20px;font-size:.72rem;color:#a5b1b4}.footer-bottom p{margin:0;color:inherit}.footer-bottom p span{margin-left:12px}.footer-bottom a{color:#c6d2d2}
.hero{background:radial-gradient(ellipse at 52% 6%,#354a58 0,#1f3341 44%,#172832 100%);color:#f3f4f0;overflow:hidden}.hero-content{text-align:center;padding-top:100px;padding-bottom:92px}.hero .eyebrow{color:#d2aa86}.hero h1{max-width:1060px;margin:0 auto 24px;font-size:clamp(2.65rem,5vw,5.1rem);line-height:1.22}.hero-copy{max-width:780px;margin:0 auto 28px;color:#c6d1d1;font-size:1.02rem}.hero .button-row{justify-content:center}.hero-frame{width:min(74%,890px);margin:66px auto 0;position:relative;padding:12px;border:1px solid #69808b;background:#253b48;box-shadow:0 35px 85px #07131d85}.hero-frame:before,.hero-frame:after{content:'';position:absolute;width:17px;height:17px;border-color:#d0a27d;border-style:solid}.hero-frame:before{left:-1px;top:-1px;border-width:2px 0 0 2px}.hero-frame:after{right:-1px;bottom:-1px;border-width:0 2px 2px 0}.hero-image{width:100%;aspect-ratio:16/9;object-fit:cover}.hero-frame figcaption{display:flex;justify-content:space-between;color:#a9bac0;text-align:left;gap:15px;margin-top:9px;font-size:.65rem;letter-spacing:.08em;text-transform:uppercase}
.device-section{padding-bottom:122px}.device-focus{display:grid;grid-template-columns:minmax(0,1fr) minmax(380px,1.55fr) minmax(0,1fr);gap:25px;align-items:stretch}.device-stack{display:grid;grid-template-rows:repeat(2,1fr);gap:16px}.device-entry{position:relative;padding:21px 20px;border-top:1px solid #afbdbe;background:#f0f2ee;display:flex;flex-direction:column;justify-content:center;min-height:150px}.device-entry:hover{background:#e8eeea;color:var(--ink)}.device-entry small{font-size:.65rem;letter-spacing:.16em;color:#a16e4a;font-weight:700}.device-entry strong{font-size:1rem;line-height:1.4;margin:8px 0 4px}.device-entry span{font-size:.75rem;color:#64767b}.device-entry b{position:absolute;right:18px;top:15px;font-size:1.15rem;font-weight:400}.device-center{align-self:stretch;background:#1f323c;padding:12px;display:flex;flex-direction:column}.device-center img{width:100%;height:100%;min-height:285px;object-fit:cover;aspect-ratio:16/9}.device-center figcaption{padding:9px 4px 2px;color:#c4d0d0;font-size:.72rem}
.prep-section{background:#e9eeeb}.prep-list{border-top:1px solid #a7b7b8}.prep-line{display:grid;grid-template-columns:80px minmax(180px,.6fr) minmax(0,1.5fr);gap:25px;align-items:center;padding:23px 15px;border-bottom:1px solid #a7b7b8}.prep-line span{color:#ae7850;font-size:.8rem;font-weight:700;letter-spacing:.12em}.prep-line h3{font-size:1.25rem;margin:0}.prep-line p{margin:0}.section-note{margin:28px 0 0;font-size:.85rem}.section-note .text-link{font-size:inherit}
.platform-section{padding-bottom:85px}.platform-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:62px;align-items:center;padding:42px 0;border-top:1px solid #d2d9d7}.platform-row.reverse .platform-copy{order:2}.platform-row.reverse .platform-image{order:1}.platform-copy h3{font-size:clamp(1.65rem,2.5vw,2.5rem);max-width:450px}.platform-copy p{max-width:530px}.platform-image{width:100%;aspect-ratio:16/9;object-fit:cover;min-width:0}.inline-links{display:flex;flex-wrap:wrap;gap:14px 23px;margin-top:24px}.inline-links a{font-size:.8rem}.scenario-section{background:#21333e;color:#f4f4ef}.scenario-section .section-head p,.scenario-section p{color:#b7c5c7}.scenario-image img{width:100%;aspect-ratio:16/9;max-height:535px;object-fit:cover}.scenario-points{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:40px;margin-top:38px}.scenario-points>div{border-top:1px solid #738890;padding-top:22px}.scenario-points span{color:#d0a27d;font-size:.78rem}.scenario-points h3{font-size:1.25rem;margin:11px 0}.scenario-points p{font-size:.9rem}
.news-section{padding-bottom:120px}.news-layout{display:grid;gap:25px}.story-top{display:grid;grid-template-columns:minmax(0,1.52fr) minmax(0,.8fr);gap:25px}.story-lead{background:#e8ede9;display:grid;grid-template-columns:1.08fr 1fr;gap:28px;padding:15px}.story-lead .story-image img{width:100%;height:100%;min-height:300px;object-fit:cover}.story-lead>div{padding:26px 16px 15px 0}.story-index{display:block;font-size:.65rem;color:#9d714f;font-weight:700;letter-spacing:.13em;margin-bottom:16px}.news-layout h3{font-size:clamp(1.25rem,1.8vw,1.72rem);margin-bottom:14px}.news-layout p{font-size:.82rem;line-height:1.75;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4;overflow:hidden}.news-layout .text-link{font-size:.76rem}.story-text{background:#243945;color:#edf2ef;padding:32px;display:flex;flex-direction:column;justify-content:center}.story-text p{color:#b9c8c9}.story-text .text-link{align-self:flex-start;color:#e2bc9f}.story-middle{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:25px}.story-mid{border-top:1px solid #b9c6c5;padding-top:18px}.story-mid .story-image img{width:100%;aspect-ratio:16/9;object-fit:cover;margin-bottom:19px}.story-mid p{max-width:520px}.story-bottom{display:grid;gap:25px}.story-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:27px;align-items:center;background:#eef1ed;padding:14px}.story-row.reverse .story-image{order:2}.story-row>div{padding:20px 28px}.story-row .story-image img{width:100%;aspect-ratio:16/9;object-fit:cover}.section-tail{margin-top:33px}
.answers-section{background:#e8eeea}.home-faq{border-top:1px solid #aebdbe;margin-bottom:32px}.home-qa{display:grid;grid-template-columns:minmax(230px,.8fr) minmax(0,1.2fr);gap:55px;padding:25px 0;border-bottom:1px solid #aebdbe}.home-qa h3{font-size:1.12rem;margin:0}.home-qa p{margin:0}.routes-section{padding-bottom:60px}.route-list{border-top:1px solid #bbc8c7}.route-list a{display:grid;grid-template-columns:55px minmax(170px,.65fr) minmax(0,1fr) 20px;gap:22px;align-items:center;border-bottom:1px solid #bbc8c7;padding:22px 5px}.route-list a:hover{background:#eff2ee;color:var(--ink)}.route-list span{font-size:.72rem;color:#ae7850}.route-list strong{font-size:1.22rem}.route-list small{color:#64777b;font-size:.85rem}.route-list b{font-size:1.25rem;font-weight:400}.closing-cta{background:#223743;color:#fff;padding:42px 54px;display:flex;justify-content:space-between;align-items:center;gap:35px;margin-top:40px}.closing-cta .eyebrow{margin-bottom:12px;color:#d8ae8b}.closing-cta h2{font-size:clamp(1.5rem,2.2vw,2.2rem);margin-bottom:8px}.closing-cta p{margin:0;color:#b9c9cb}.closing-cta .button-row{flex:none}
.breadcrumb{padding-top:25px;padding-bottom:13px;display:flex;align-items:center;flex-wrap:wrap;gap:10px;font-size:.73rem;color:#728186}.breadcrumb a:hover{color:#94603e}.crumb-sep{color:#aeb9ba}.page-hero{padding-top:74px;padding-bottom:75px}.page-hero h1{font-size:clamp(2.45rem,4.25vw,4.5rem);max-width:940px;margin-bottom:24px}.page-hero p{max-width:780px;font-size:1.05rem}.device-index{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:52px}.device-index a{display:flex;justify-content:space-between;align-items:center;padding:16px 17px;background:#233743;color:#fff;font-size:.76rem;font-weight:700;letter-spacing:.1em}.device-index a:hover{background:#375260;color:#fff}.device-index span{color:#cda483}
.download-block{border-top:1px solid #c4d0ce;padding-block:66px 80px}.download-block img{width:100%;aspect-ratio:16/9;object-fit:cover}.download-heading{max-width:680px}.download-heading>span{font-size:.73rem;color:#a27655;letter-spacing:.15em;font-weight:700}.download-heading h2{margin:16px 0}.download-heading p{font-size:1rem}.download-foot{display:flex;justify-content:space-between;align-items:center;gap:30px;margin-top:24px}.download-foot p{max-width:650px;margin:0}.ios-layout img{width:min(100%,780px);aspect-ratio:4/3;margin-top:35px}.ios-layout .button{margin-top:20px}.windows-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:50px;align-items:center}.windows-layout img{min-width:0}.windows-layout .button{margin-top:20px}.mac-layout img{margin:25px 0 30px}.mac-notes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:45px}.mac-layout>.button{margin-top:20px}.external-resources{padding-block:65px;border-top:1px solid #c4d0ce}.external-resources h2{font-size:2rem;margin-bottom:8px}.external-list{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin-top:28px}.external-list a{padding:13px 14px;border:1px solid #c4cecc;text-align:center;font-size:.85rem;background:#eef1ed}.external-list a:hover{background:#dce8e2;color:#263944}
.related{border-top:1px solid #c7d1d0;border-bottom:1px solid #c7d1d0;padding-block:20px;display:flex;align-items:center;flex-wrap:wrap;gap:15px 30px}.related>span{font-size:.73rem;color:#a27655;font-weight:700;letter-spacing:.1em;margin-right:12px}.related .text-link{font-size:.8rem}.tutorial-intro,.about-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:60px;align-items:center;padding-bottom:90px}.tutorial-intro img,.about-grid img{width:100%;aspect-ratio:16/9;object-fit:cover}.tutorial-intro h2,.about-grid h2{font-size:clamp(1.8rem,2.7vw,2.7rem)}.tutorial-steps{border-top:1px solid #b7c3c3;border-bottom:1px solid #b7c3c3}.tutorial-step{display:grid;grid-template-columns:110px minmax(0,1fr);gap:35px;padding:30px 10px;border-bottom:1px solid #cbd4d2}.tutorial-step:last-child{border-bottom:0}.tutorial-step>span{color:#ae7850;font-size:1.2rem;font-weight:700}.tutorial-step h2{font-size:1.45rem;margin-bottom:7px}.tutorial-step p{margin-bottom:0;max-width:820px}.tutorial-tips{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:25px;padding-block:60px 90px}.tutorial-tips>div{background:#e6ede9;padding:30px}.tutorial-tips h2{font-size:1.35rem}.tutorial-tips p{margin-bottom:0}
.article-page{max-width:980px}.article-header{padding:40px 0 34px}.article-header h1{font-size:clamp(2.2rem,3.6vw,3.7rem)}.article-header p{max-width:760px;font-size:1.05rem}.article-image img{width:100%;aspect-ratio:16/9;object-fit:cover}.article-image figcaption{font-size:.72rem;color:#74858a;padding-top:10px}.article-body{max-width:760px;margin:55px auto 80px;font-size:1rem}.article-body>p{font-size:1.08rem;color:#30454f}.article-body section{margin-top:43px}.article-body h2{font-size:1.65rem}.article-body p{line-height:2}.article-body a{color:#9b6848;border-bottom:1px solid #b9977e}.article-related{border-top:1px solid #bdc9c8;padding-top:30px}.article-related h2{font-size:1.4rem}.article-related ul{padding-left:18px}.article-related li{margin:12px 0}.article-related .text-link{font-size:.88rem}.article-pagination{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;border-top:1px solid #bdc9c8;margin-top:40px;padding-top:20px}.article-pagination a{background:#e8eeea;padding:20px 25px}.article-pagination a:last-child{text-align:right}.article-pagination small{display:block;color:#9b6948;margin-bottom:5px}.article-pagination strong{font-size:.92rem}
.faq-page{padding-bottom:80px}.faq-group{display:grid;grid-template-columns:minmax(220px,.65fr) minmax(0,1.35fr);gap:75px;padding:48px 0;border-top:1px solid #b9c8c6}.faq-group.reverse{grid-template-columns:minmax(0,1.35fr) minmax(220px,.65fr)}.faq-group.reverse .faq-label{order:2}.faq-group.reverse .faq-rows{order:1}.faq-label span{font-size:.7rem;color:#a57452;font-weight:700;letter-spacing:.14em}.faq-label h2{font-size:2rem;margin:16px 0}.faq-label p{font-size:.88rem}.faq-row{display:grid;grid-template-columns:minmax(190px,.8fr) minmax(0,1.2fr);gap:26px;border-bottom:1px solid #d3dcd9;padding:19px 0}.faq-row:first-child{padding-top:0}.faq-row:last-child{border-bottom:0}.faq-row h3{font-size:1rem;margin:0}.faq-row p{font-size:.88rem;margin:0}.about-values{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px;padding-bottom:85px}.about-values>div{border-top:1px solid #bdc9c8;padding-top:20px}.about-values span{font-size:.73rem;color:#ac7853}.about-values h3{font-size:1.25rem;margin:8px 0}.about-values p{font-size:.9rem}.policy{max-width:880px;padding-bottom:80px}.policy section{border-top:1px solid #c6d0cf;padding:26px 0}.policy h2{font-size:1.55rem}.policy p{max-width:760px}.policy .text-link{font-size:inherit}
@media(max-width:1050px){.shell{width:min(100% - 46px,1180px)}.main-nav{gap:14px}.main-nav a{font-size:.75rem}.brand{font-size:.92rem}.device-focus{grid-template-columns:1fr 1.3fr 1fr;gap:14px}.story-top{grid-template-columns:1fr}.story-text{min-height:230px}.story-lead .story-image img{min-height:250px}.closing-cta{flex-direction:column;align-items:flex-start}.external-list{grid-template-columns:repeat(5,minmax(0,1fr))}}
@media(max-width:760px){.shell{width:calc(100% - 36px)}.section{padding-block:70px}.header-inner{min-height:69px}.brand img{width:38px;height:38px}.menu-toggle{display:flex;flex-direction:column;justify-content:center;gap:5px;border:0;background:none;padding:10px;cursor:pointer;margin-left:auto}.menu-toggle span{display:block;width:21px;height:2px;background:#1f343e}.main-nav{display:none;position:absolute;top:69px;left:0;right:0;background:#f7f7f3;border-top:1px solid #e3e8e5;border-bottom:1px solid #cdd9d6;padding:14px 18px 22px;box-shadow:0 25px 35px #14222c24;flex-direction:column;align-items:stretch;gap:0}.main-nav.is-open{display:flex}.main-nav a{font-size:.92rem;padding:9px 3px}.main-nav a[aria-current="page"]:after{bottom:3px;right:auto;width:24px}.hero-content{padding-top:66px;padding-bottom:62px}.hero h1{font-size:clamp(2.3rem,8vw,4rem)}.hero-copy{font-size:.93rem}.desktop-only{display:none}.hero-frame{width:100%;margin-top:46px;padding:7px}.hero-frame figcaption{font-size:.56rem}.button-row{gap:9px}.button{font-size:.78rem;min-height:46px;padding:10px 15px}.device-focus{grid-template-columns:repeat(2,minmax(0,1fr))}.device-center{grid-column:1/-1;grid-row:1}.device-center img{min-height:0}.device-stack{gap:10px}.device-entry{min-height:128px;padding:17px 14px}.device-entry strong{font-size:.9rem}.device-entry span{font-size:.7rem}.prep-line{grid-template-columns:40px 1fr;gap:8px 17px}.prep-line p{grid-column:2}.platform-row,.platform-row.reverse{grid-template-columns:1fr;gap:20px}.platform-row.reverse .platform-copy,.platform-row.reverse .platform-image{order:initial}.platform-image{width:100%}.scenario-points{grid-template-columns:1fr;gap:22px}.story-lead{grid-template-columns:1fr}.story-lead>div{padding:10px}.story-middle{grid-template-columns:1fr}.story-row,.story-row.reverse{grid-template-columns:1fr}.story-row.reverse .story-image{order:initial}.story-row>div{padding:12px}.story-text{min-height:0}.home-qa{grid-template-columns:1fr;gap:9px}.route-list a{grid-template-columns:30px 1fr 20px;gap:10px}.route-list small{grid-column:2;grid-row:2}.route-list b{grid-column:3;grid-row:1/3}.closing-cta{padding:32px 24px;margin-top:0}.page-hero{padding-top:45px;padding-bottom:55px}.page-hero h1{font-size:clamp(2.25rem,8vw,3.4rem)}.device-index{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:32px}.download-block{padding-block:45px 55px}.download-foot{align-items:flex-start;flex-direction:column}.ios-layout img{width:100%}.windows-layout{grid-template-columns:1fr;gap:25px}.mac-notes{grid-template-columns:1fr;gap:0}.external-list{grid-template-columns:repeat(2,minmax(0,1fr))}.tutorial-intro,.about-grid{grid-template-columns:1fr;gap:28px;padding-bottom:60px}.tutorial-steps{margin-bottom:0}.tutorial-step{grid-template-columns:45px 1fr;gap:14px}.tutorial-tips{grid-template-columns:1fr;gap:14px}.article-header{padding:16px 0 25px}.article-header h1{font-size:clamp(2rem,7vw,3rem)}.article-body{margin:40px auto 60px}.article-pagination{gap:9px}.article-pagination a{padding:14px}.faq-group,.faq-group.reverse{grid-template-columns:1fr;gap:15px;padding:32px 0}.faq-group.reverse .faq-label,.faq-group.reverse .faq-rows{order:initial}.faq-row{grid-template-columns:1fr;gap:7px}.about-values{grid-template-columns:1fr;gap:10px}.footer-top{flex-direction:column;padding-top:40px;gap:25px}.footer-top nav{grid-template-columns:repeat(2,auto);justify-content:start}.footer-bottom{flex-direction:column;gap:8px}.footer-bottom p span{display:block;margin-left:0}.site-footer{margin-top:70px}}
@media(max-width:400px){.shell{width:calc(100% - 28px)}.hero h1{font-size:2.1rem}.hero .button-row .button{width:100%}.device-focus{grid-template-columns:1fr}.device-center{grid-column:auto}.device-stack{grid-template-columns:repeat(2,minmax(0,1fr))}.device-entry{min-height:150px}.device-entry strong{font-size:.82rem}.device-entry span{display:none}.device-entry b{font-size:.9rem}.device-index a{font-size:.65rem;padding:12px 10px}.article-pagination strong{font-size:.78rem}}