:root{--ink:#111b35;--muted:#687086;--blue:#2456d8;--blue2:#e2e9ff;--coral:#ff6d57;--paper:#f6f7fb;--white:#fff;--line:#d8dce8;--gold:#d99e3d;--max:1240px;--radius:24px;--shadow:0 24px 80px #1b285c18}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Inter,"Microsoft YaHei",Arial,sans-serif;line-height:1.75;overflow-x:hidden}img{display:block;max-width:100%}a{color:inherit;text-decoration:none}button{font:inherit}.site-header{height:76px;position:sticky;top:0;z-index:60;padding:0 max(22px,calc((100% - var(--max))/2));display:flex;align-items:center;gap:28px;background:#f6f7fbf0;border-bottom:1px solid var(--line);backdrop-filter:blur(16px)}.brand{display:flex;align-items:center;gap:12px;margin-right:auto}.brand img{width:112px}.brand span{font-size:12px;color:var(--muted);padding-left:12px;border-left:1px solid var(--line)}.site-header nav{display:flex;gap:24px;font-size:13px;font-weight:800}.site-header nav a:hover{color:var(--blue)}.header-download,.button.primary{background:var(--ink);color:#fff;font-weight:900}.header-download{padding:12px 18px;border-radius:50px}.nav-toggle{display:none;border:1px solid var(--line);background:#fff;padding:8px 12px;border-radius:20px}.hero{max-width:var(--max);margin:auto;padding:58px 22px 86px;min-height:720px;display:grid;grid-template-columns:1.05fr .95fr;grid-template-areas:"copy media" "aside media";gap:30px 56px;align-items:end}.hero-copy{grid-area:copy}.eyebrow,.section-title>span,.desk-intro>span,.pass-head>span,.canvas-copy>span,.story-head>span,.archive-title>span,.tree-title>span,.deck-title>span,.article-body aside>span{display:inline-flex;align-items:center;gap:10px;font-size:11px;letter-spacing:2px;font-weight:900;color:var(--blue);text-transform:uppercase}.eyebrow::before,.section-title>span::before{content:"";width:26px;height:2px;background:currentColor}.hero h1{font-size:clamp(45px,5.5vw,78px);line-height:1.02;letter-spacing:-3px;margin:18px 0 24px}.hero-copy>p{font-size:17px;color:var(--muted);max-width:700px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}.button{padding:14px 20px;border:1px solid var(--ink);font-weight:900}.hero-media{grid-area:media;align-self:stretch;border-radius:34px;overflow:hidden;position:relative;background:linear-gradient(160deg,#e8ecfa,#fff);box-shadow:var(--shadow)}.hero-media img{width:100%;height:100%;min-height:580px;object-fit:contain;padding:40px}.hero-media>span{position:absolute;right:22px;bottom:22px;background:var(--coral);color:#fff;padding:10px 14px;font-size:12px;font-weight:900}.hero-aside{grid-area:aside;border-top:1px solid var(--ink);padding-top:20px;display:grid;grid-template-columns:140px 1fr;gap:20px}.hero-aside b{font-size:12px;color:var(--blue)}.hero-aside ol{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:5px 18px;color:var(--muted);font-size:13px}.hero-aside li::before{content:"✓";color:var(--blue);margin-right:7px}main>section:not(.hero){max-width:var(--max);margin:100px auto;padding-left:22px;padding-right:22px}.section-title{display:grid;grid-template-columns:.55fr 1.45fr;gap:6px 50px;margin-bottom:40px}.section-title>span{grid-row:1/3}.section-title h2{font-size:clamp(34px,4.2vw,56px);line-height:1.08;letter-spacing:-1.7px;margin:0}.section-title p{color:var(--muted);max-width:790px;margin:12px 0 0}.section-title.narrow{max-width:950px}.apple-desk{background:var(--ink);color:#fff;padding:55px!important;border-radius:var(--radius)}.desk-intro{display:grid;grid-template-columns:.42fr 1fr 1fr;gap:30px;align-items:end;padding-bottom:30px;border-bottom:1px solid #ffffff25}.desk-intro>span{color:#a9c0ff}.desk-intro h2{font-size:43px;line-height:1.1;margin:0}.desk-intro p{color:#b8bfd1;margin:0}.device-stage{position:relative;min-height:470px;margin-top:28px;background:#fff;border-radius:18px;overflow:hidden;color:var(--ink);display:grid;grid-template-columns:.9fr 1.1fr;align-items:center}.device-stage>img{width:100%;max-height:430px;object-fit:contain;padding:34px;position:relative;z-index:2}.stage-number{position:absolute;left:16px;top:-45px;font-size:260px;line-height:1;color:#edf0f8;font-weight:900}.stage-links{padding:36px;display:grid;gap:12px;position:relative;z-index:2}.stage-links a{border:1px solid var(--line);padding:24px;display:grid;grid-template-columns:110px 1fr;gap:3px 18px}.stage-links b{grid-row:1/3;font-size:27px}.stage-links span{color:var(--muted);font-size:13px}.stage-links em{font-style:normal;color:var(--blue);font-weight:900}.boarding-pass{display:grid;grid-template-columns:.72fr 1.28fr;gap:45px;background:#fff;padding:48px!important;box-shadow:var(--shadow);border-left:12px solid var(--coral)}.pass-head h2,.canvas-copy h2,.story-head h2,.archive-title h2,.tree-title h2,.deck-title h2{font-size:46px;line-height:1.1;margin:14px 0}.pass-head p,.canvas-copy p,.story-head p,.archive-title p,.tree-title p,.deck-title p{color:var(--muted)}.pass-grid{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--line)}.pass-grid article{background:#fff;padding:25px;min-height:185px}.pass-grid b{color:var(--coral);font-size:12px}.pass-grid h3{margin:8px 0}.pass-grid p{color:var(--muted);font-size:14px}.pass-grid .pass-final{grid-column:1/-1;background:var(--ink);color:#fff;display:grid;grid-template-columns:80px 1fr auto;align-items:center;gap:12px 22px}.pass-final b{grid-row:1/3}.pass-final p{color:#bfc5d4;margin:0}.pass-final a{grid-row:1/3;grid-column:3;background:var(--coral);padding:12px 16px;font-weight:900}.ipad-canvas{background:#dfe8f7;padding:50px!important;display:grid;grid-template-columns:.72fr 1.28fr;gap:45px;align-items:center}.canvas-screen{background:var(--ink);color:#fff;border-radius:26px;padding:14px;box-shadow:0 25px 70px #0c193f35}.screen-top{height:52px;display:flex;align-items:center;justify-content:space-between;padding:0 15px;color:#aab7da;font-size:12px}.screen-grid{background:#fff;color:var(--ink);display:grid;grid-template-columns:1fr 1fr;gap:1px}.screen-grid article{padding:28px;min-height:190px;background:#f8f9fd}.screen-grid b{font-size:11px;color:var(--blue)}.screen-grid h3{font-size:22px}.screen-grid p{color:var(--muted)}.storyboard{background:#181b24;color:#fff;padding:55px!important}.story-head{display:grid;grid-template-columns:.45fr 1fr 1fr;gap:30px;align-items:end}.story-head>span{color:#ff9a89}.story-head h2{margin:0}.story-head p{color:#b8bec9;margin:0}.frames{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:38px}.frames article{background:#242834;padding:24px;min-height:310px;display:flex;flex-direction:column;border-top:7px solid var(--coral)}.frames article>div{display:flex;justify-content:space-between}.frames b{font-size:45px;color:#ffffff1c}.frames span{font-size:10px;letter-spacing:1px;color:#ff9a89}.frames h3{margin-top:auto}.frames p{color:#bdc2cc;font-size:14px}.version-archive{display:grid;grid-template-columns:.68fr 1.32fr;border:1px solid var(--line);padding:0!important;background:#fff}.archive-title{grid-row:1/4;background:#e9e0ff;padding:45px}.archive-shelves{display:contents}.archive-shelves article{grid-column:2;display:grid;grid-template-columns:80px 1fr 120px;gap:20px;padding:30px 36px;border-bottom:1px solid var(--line);align-items:center}.archive-shelves article:last-child{border:0}.archive-shelves i{font-style:normal;font-size:40px;color:#d3c6f7}.archive-shelves b{font-size:11px;color:var(--blue)}.archive-shelves h3{margin:4px 0;font-size:22px}.archive-shelves p{color:var(--muted);margin:0}.archive-shelves em{font-style:normal;font-size:10px;border:1px solid var(--line);padding:8px;text-align:center}.decision-tree{background:#fff;padding:50px!important}.tree-title{display:grid;grid-template-columns:.45fr 1fr 1fr;gap:30px;align-items:end}.tree-title h2,.tree-title p{margin:0}.tree{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:42px;position:relative;padding-top:80px}.tree::before{content:"";position:absolute;top:38px;left:12.5%;right:12.5%;height:1px;background:var(--blue)}.tree-root{position:absolute;top:0;left:50%;transform:translateX(-50%);background:var(--blue);color:#fff;padding:12px 22px;font-weight:900}.tree article{border:1px solid var(--line);padding:24px;min-height:230px;position:relative}.tree article::before{content:"";position:absolute;top:-42px;left:50%;height:42px;border-left:1px solid var(--blue)}.tree b{color:var(--coral);font-size:12px}.tree h3{font-size:20px}.tree p{color:var(--muted)}.control-deck{display:grid;grid-template-columns:.65fr 1.35fr;gap:40px}.deck-title{background:var(--blue);color:#fff;padding:40px;border-radius:24px}.deck-title>span{color:#c7d4ff}.deck-title p{color:#d9e1ff}.deck-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.deck-grid article{background:#fff;padding:28px;border-radius:18px;min-height:220px}.deck-grid b{font-size:11px;color:var(--coral)}.deck-grid h3{font-size:22px}.deck-grid p{color:var(--muted)}.article-body{display:grid;grid-template-columns:.65fr 1.35fr;gap:70px}.article-body aside{position:sticky;top:110px;align-self:start;border-top:8px solid var(--blue);padding-top:26px}.article-body aside h2{font-size:47px;line-height:1.1}.article-body aside p{color:var(--muted)}.article-body article{font-family:Georgia,"Microsoft YaHei",serif;font-size:18px;line-height:2}.article-body article>p:first-child::first-letter{float:left;font-size:78px;line-height:.8;margin:13px 12px 0 0;color:var(--coral);font-weight:900}.article-body h3{font-family:Inter,"Microsoft YaHei",sans-serif;font-size:27px;margin-top:38px}.article-body blockquote{margin:38px 0;padding:25px 30px;background:#fff;border-left:6px solid var(--coral);font-family:Inter,"Microsoft YaHei",sans-serif;font-size:21px;font-weight:900}.download-flow{background:#fff;padding:55px!important;border-radius:var(--radius);box-shadow:var(--shadow)}.flow-line{display:grid;grid-template-columns:repeat(5,1fr);gap:0;border-top:1px solid var(--ink)}.flow-line article{padding:28px 20px 0;border-right:1px solid var(--line);min-height:330px;display:flex;flex-direction:column}.flow-line article:last-child{border:0}.flow-line b{font-size:38px;color:#c5cff0}.flow-line h3{font-size:21px}.flow-line p{color:var(--muted);font-size:14px}.flow-line a{margin-top:auto;color:var(--blue);font-weight:900;border-top:1px solid var(--line);padding-top:12px}.content-gallery{padding:0!important}.gallery-grid{display:grid;grid-template-columns:1fr 1fr 1fr;grid-auto-rows:245px;gap:12px}.gallery-grid figure{margin:0;position:relative;overflow:hidden;background:var(--ink);border-radius:18px}.gallery-grid .g1{grid-column:span 2}.gallery-grid .g4{grid-row:span 2}.gallery-grid img{width:100%;height:100%;object-fit:cover;transition:.5s}.gallery-grid .g1 img,.gallery-grid .g6 img{object-fit:contain;background:#fff}.gallery-grid figure:hover img{transform:scale(1.035)}.gallery-grid figure::after{content:"";position:absolute;inset:45% 0 0;background:linear-gradient(transparent,#0b1129e8)}.gallery-grid figcaption{position:absolute;left:20px;right:20px;bottom:17px;z-index:2;color:#fff}.gallery-grid figcaption b{display:block;font-size:18px}.gallery-grid figcaption span{display:block;color:#d0d5e2;font-size:12px}.newsroom{background:var(--ink);color:#fff;padding:55px!important;border-radius:var(--radius)}.newsroom .section-title>span{color:#9bb3ff}.newsroom .section-title p{color:#b8c0d2}.news-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:14px}.news-grid>a{background:#fff;color:var(--ink);display:grid;grid-template-columns:185px 1fr;min-height:220px}.news-grid .news-main{grid-row:span 2;grid-template-columns:1fr;min-height:455px}.news-grid img{width:100%;height:100%;object-fit:cover}.news-main img{height:245px}.news-grid a>div{padding:22px;display:flex;flex-direction:column}.news-grid time{font-size:11px;color:var(--blue);font-weight:900}.news-grid h3{font-size:21px;line-height:1.25;margin:9px 0}.news-grid p{color:var(--muted);font-size:13px;margin:0}.news-grid a span{margin-top:auto;color:var(--coral);font-weight:900;font-size:13px}.faq{max-width:1000px!important}.faq-list{border-top:1px solid var(--ink)}.faq details{border-bottom:1px solid var(--line)}.faq summary{list-style:none;cursor:pointer;padding:22px 4px;display:flex;gap:18px;font-weight:900}.faq summary::-webkit-details-marker{display:none}.faq summary span{color:var(--coral)}.faq details p{margin:0;padding:0 0 24px 45px;color:var(--muted);max-width:820px}.site-footer{max-width:var(--max);margin:100px auto 0;padding:48px 22px 28px;border-top:1px solid var(--ink);display:grid;grid-template-columns:1.6fr repeat(3,1fr);gap:38px;color:var(--muted);font-size:13px}.footer-mark img{width:125px}.footer-mark p{max-width:310px}.site-footer>div:not(.footer-mark,.footer-line){display:flex;flex-direction:column;gap:7px}.site-footer b{color:var(--ink);margin-bottom:5px}.site-footer a:hover{color:var(--blue)}.footer-line{grid-column:1/-1;border-top:1px solid var(--line);padding-top:19px;display:flex;justify-content:space-between;font-size:11px}
.layout-iphone{--blue:#9c3d32;--blue2:#f3d8d2;--coral:#ff6d57}.layout-iphone .hero{grid-template-columns:.86fr 1.14fr;grid-template-areas:"media copy" "media aside"}.layout-iphone .hero-media{border-radius:240px 240px 24px 24px}.layout-ipad{--blue:#286e86;--blue2:#d7edf2;--coral:#d98748}.layout-ipad .hero{grid-template-columns:1.2fr .8fr;grid-template-areas:"copy aside" "media media"}.layout-ipad .hero-media{height:340px}.layout-ipad .hero-media img{min-height:340px;object-fit:cover;padding:0}.layout-launch{--blue:#6e4dc2;--blue2:#e7ddff;--coral:#ef6d5b}.layout-launch .hero{grid-template-columns:1fr;grid-template-areas:"copy" "media" "aside"}.layout-launch .hero-copy{text-align:center;max-width:950px;margin:auto}.layout-launch .hero-actions{justify-content:center}.layout-launch .hero-media{height:390px}.layout-launch .hero-media img{min-height:390px;object-fit:cover;padding:0}.layout-updates{--blue:#7651a6;--blue2:#e9e0ff;--coral:#b75b48}.layout-updates .hero{grid-template-columns:.72fr 1.28fr;grid-template-areas:"aside media" "copy media"}.layout-updates .hero-media img{object-fit:contain;background:#10151d}.layout-support{--blue:#c34e3d;--blue2:#f4d8d3;--coral:#c34e3d}.layout-support .hero{grid-template-columns:1fr 1fr;grid-template-areas:"copy copy" "aside media"}.layout-support .hero-copy{display:grid;grid-template-columns:.48fr 1.52fr;gap:18px 42px}.layout-support .hero-copy .eyebrow{grid-row:1/4}.layout-support .hero-copy>p,.layout-support .hero-actions{grid-column:2}.layout-support .hero-media{height:370px}.layout-support .hero-media img{min-height:370px;object-fit:cover;padding:0}.layout-guide{--blue:#145c83;--blue2:#d9edf7;--coral:#e47849}.layout-guide .hero{grid-template-columns:.75fr 1.25fr;grid-template-areas:"aside media" "copy media"}.layout-guide .hero-media{border-radius:28px 180px 28px 28px}.layout-article .hero{min-height:620px;grid-template-columns:1.25fr .75fr;grid-template-areas:"copy aside" "media media"}.layout-article .hero-media{height:315px}.layout-article .hero-media img{min-height:315px;object-fit:cover;padding:0}.layout-article.coral{--blue:#b6473b;--blue2:#f4dcd7;--coral:#df674f}.layout-article.gold{--blue:#8a612b;--blue2:#efe0c5;--coral:#c96a39}.reveal{opacity:.15;transform:translateY(18px);transition:.55s ease}.reveal.visible{opacity:1;transform:none}
@media(max-width:900px){.site-header nav{display:none}.nav-toggle{display:block}.site-header.open{height:auto;min-height:76px;align-items:flex-start;flex-wrap:wrap;padding-top:18px;padding-bottom:18px}.site-header.open nav{display:grid;width:100%;order:5;grid-template-columns:1fr 1fr}.hero,.layout-iphone .hero,.layout-ipad .hero,.layout-launch .hero,.layout-updates .hero,.layout-support .hero,.layout-guide .hero,.layout-article .hero{grid-template-columns:1fr;grid-template-areas:"copy" "media" "aside";min-height:auto}.layout-support .hero-copy{display:block}.layout-support .hero-copy>p,.layout-support .hero-actions{grid-column:auto}.hero-media,.layout-ipad .hero-media,.layout-launch .hero-media,.layout-support .hero-media,.layout-article .hero-media{height:430px;border-radius:28px}.hero-media img,.layout-ipad .hero-media img,.layout-launch .hero-media img,.layout-support .hero-media img,.layout-article .hero-media img{min-height:430px}.boarding-pass,.ipad-canvas,.control-deck,.article-body{grid-template-columns:1fr}.version-archive{grid-template-columns:1fr}.archive-title{grid-row:auto}.archive-shelves{display:block}.archive-shelves article{grid-column:auto}.tree-title,.story-head{grid-template-columns:1fr}.frames,.tree,.flow-line{grid-template-columns:1fr 1fr}.tree{padding-top:0}.tree::before,.tree-root,.tree article::before{display:none}.section-title{grid-template-columns:1fr}.section-title>span{grid-row:auto;margin-bottom:10px}.news-grid{grid-template-columns:1fr}.news-grid .news-main{grid-row:auto}.article-body aside{position:static}.site-footer{grid-template-columns:1.3fr 1fr 1fr}.site-footer>div:nth-child(4){grid-column:2}.footer-line{grid-column:1/-1}}
@media(max-width:650px){.site-header{height:64px;padding:0 15px;gap:10px}.brand img{width:96px}.brand span,.header-download{display:none}.nav-toggle{margin-left:auto}.site-header.open{min-height:64px}.site-header.open nav{grid-template-columns:1fr}.hero,.layout-iphone .hero,.layout-ipad .hero,.layout-launch .hero,.layout-updates .hero,.layout-support .hero,.layout-guide .hero,.layout-article .hero{padding:34px 15px 55px;gap:23px}.hero h1{font-size:39px;letter-spacing:-1.5px}.hero-copy>p{font-size:15px}.hero-actions{display:grid}.button{width:100%}.hero-media,.layout-ipad .hero-media,.layout-launch .hero-media,.layout-support .hero-media,.layout-article .hero-media{height:270px}.hero-media img,.layout-ipad .hero-media img,.layout-launch .hero-media img,.layout-support .hero-media img,.layout-article .hero-media img{min-height:270px;padding:18px}.layout-ipad .hero-media img,.layout-launch .hero-media img,.layout-support .hero-media img,.layout-article .hero-media img{padding:0}.hero-aside{grid-template-columns:1fr}.hero-aside ol{grid-template-columns:1fr}main>section:not(.hero){margin:65px auto;padding-left:15px;padding-right:15px}.section-title h2,.pass-head h2,.canvas-copy h2,.story-head h2,.archive-title h2,.tree-title h2,.deck-title h2,.article-body aside h2{font-size:34px}.apple-desk,.ipad-canvas,.storyboard,.decision-tree,.download-flow,.newsroom{border-radius:0;padding:35px 20px!important;margin-left:0!important;margin-right:0!important}.desk-intro{grid-template-columns:1fr}.desk-intro h2{font-size:32px}.device-stage{grid-template-columns:1fr}.device-stage>img{max-height:260px}.stage-number{font-size:180px}.stage-links{padding:20px}.stage-links a{grid-template-columns:1fr}.stage-links b{grid-row:auto}.boarding-pass{grid-template-columns:1fr;padding:30px 20px!important;border-left-width:7px}.pass-grid,.screen-grid,.frames,.tree,.deck-grid,.flow-line{grid-template-columns:1fr}.pass-grid .pass-final{grid-column:auto;grid-template-columns:1fr}.pass-final b,.pass-final a{grid-row:auto;grid-column:auto}.archive-title{padding:30px 20px}.archive-shelves article{grid-template-columns:1fr;padding:24px 20px}.gallery-grid{grid-template-columns:1fr;grid-auto-rows:230px}.gallery-grid .g1{grid-column:auto}.gallery-grid .g4{grid-row:auto}.news-grid>a,.news-grid .news-main{grid-template-columns:1fr;min-height:auto}.news-grid>a img,.news-main img{height:190px}.flow-line article{min-height:auto;border-right:0;border-bottom:1px solid var(--line);padding:24px 0}.article-body{gap:20px}.article-body article{font-size:16px}.article-body blockquote{margin:28px 0;padding:20px;font-size:18px}.faq details p{padding-left:0}.site-footer{grid-template-columns:1fr;padding:35px 15px 25px;margin-top:60px}.site-footer>div:nth-child(4){grid-column:auto}.footer-line{grid-column:auto;display:grid;gap:6px}}