:root{--bg:#f5f5f7;--surface:#fff;--surface-subtle:#ececf0;--surface-strong:#111113;--text:#161617;--text-soft:#606067;--text-faint:#6a6a70;--line:#14141821;--line-strong:#14141842;--accent:#1a5ae5;--accent-soft:#1a5ae51c;--positive:#14804a;--negative:#b23b43;--radius-small:10px;--radius-medium:18px;--radius-large:30px;--shadow-soft:0 24px 70px #12161f14;--page:min(1180px, calc(100vw - 48px));--page-wide:min(1380px, calc(100vw - 48px));--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;font-synthesis:none;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,Helvetica Neue,Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:auto;background:var(--bg);scroll-padding-top:84px}body{background:radial-gradient(circle at 78% 3%,#5d7bd217,transparent 28rem),var(--bg);min-width:320px;color:var(--text);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;margin:0}a,button{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{font:inherit}::selection{background:var(--accent);color:#fff}:focus-visible{outline:3px solid var(--accent);outline-offset:4px}.app-shell{min-height:100dvh}.page-container{width:var(--page);margin-inline:auto}.page-container--wide{width:var(--page-wide)}.page-divider{border-top:1px solid var(--line);width:100%}.section-kicker{color:var(--text-soft);letter-spacing:.09em;text-transform:uppercase;margin:0 0 14px;font-size:.75rem;font-weight:650}.button{border-radius:999px;justify-content:center;align-items:center;min-height:48px;padding:0 20px;font-size:.92rem;font-weight:650;transition:transform .18s,background-color .18s,color .18s,border-color .18s;display:inline-flex}.button:active{transform:scale(.98)}.button--primary{background:var(--surface-strong);color:#fff}.button--primary:hover{background:#2a2a2f}.button--quiet{border:1px solid var(--line-strong);color:var(--text);background:0 0}.button--quiet:hover{background:var(--surface)}.text-link{width:fit-content;color:var(--accent);align-items:center;gap:8px;font-size:.93rem;font-weight:650;display:inline-flex}.site-header{z-index:50;border-bottom:1px solid var(--line);background:#f5f5f7f7;height:64px;position:sticky;top:0}.site-header__inner{width:var(--page-wide);justify-content:space-between;align-items:center;height:100%;margin-inline:auto;display:flex}.brand{letter-spacing:-.02em;align-items:center;gap:10px;font-weight:680;display:inline-flex}.brand__mark{background:var(--surface-strong);color:#fff;letter-spacing:-.03em;border-radius:9px;place-items:center;width:30px;height:30px;font-size:.66rem;display:grid}.brand__name{font-size:.92rem}.site-nav{align-items:center;gap:6px;display:flex}.site-nav__link{color:var(--text-soft);border-radius:999px;padding:9px 13px;font-size:.84rem;font-weight:560}.site-nav__link--active,.site-nav__link:hover{background:var(--surface);color:var(--text)}.evolution-hero{grid-template-columns:minmax(0,.92fr) minmax(420px,1.08fr);align-items:center;gap:72px;min-height:calc(100dvh - 64px);padding:64px 0;display:grid}.evolution-hero__content h1{letter-spacing:-.072em;max-width:770px;margin:0;font-size:clamp(3.7rem,7.2vw,7.8rem);font-weight:680;line-height:.88}.evolution-hero__content h1 em{color:var(--text-soft);padding-bottom:.07em;font-style:normal;font-weight:480;display:inline-block}.evolution-hero__lede{max-width:520px;color:var(--text-soft);letter-spacing:-.018em;margin:30px 0 0;font-size:clamp(1.05rem,1.7vw,1.34rem);line-height:1.5}.evolution-hero__actions{flex-wrap:wrap;gap:10px;margin-top:34px;display:flex}.evolution-hero__visual{border:1px solid var(--line);border-radius:var(--radius-large);min-height:610px;box-shadow:var(--shadow-soft);background:radial-gradient(circle at 64% 35%,#6590ff47,#0000 23%),radial-gradient(circle at 28% 68%,#a5a8b733,#0000 24%),#e9e9ed;position:relative;overflow:hidden}.hero-orbit{border:1px solid #1414181f;border-radius:50%;position:absolute}.hero-orbit--one{inset:15% 11%;transform:rotate(-17deg)}.hero-orbit--two{border-color:#2d6cff2e;inset:28% -5% 8% 26%;transform:rotate(21deg)}.hero-device{background:#101012;border:1px solid #ffffff8a;position:absolute;overflow:hidden;box-shadow:0 35px 80px #191b2333}.hero-device--past{border-radius:32px;width:176px;height:336px;top:24%;left:12%;transform:rotate(-11deg)}.hero-device--present{border-radius:42px;width:232px;height:486px;bottom:12%;right:11%;transform:rotate(9deg)}.hero-device__home,.hero-device__island,.hero-device__speaker{position:absolute;left:50%;transform:translate(-50%)}.hero-device__speaker{background:#505055;border-radius:999px;width:44px;height:5px;top:20px}.hero-device__home{border:2px solid #444449;border-radius:50%;width:33px;height:33px;bottom:14px}.hero-device__island{z-index:2;background:#020203;border-radius:999px;width:70px;height:22px;top:13px}.hero-device__wash{background:radial-gradient(circle at 33% 23%,#477affcc,#0000 31%),radial-gradient(circle at 68% 60%,#b0bcff94,#0000 37%),linear-gradient(145deg,#17191f,#363a45 48%,#141518);border-radius:39px;position:absolute;inset:3px}.hero-years{color:#14141878;font-variant-numeric:tabular-nums;letter-spacing:.05em;justify-content:space-between;font-size:.68rem;display:flex;position:absolute;bottom:20px;left:22px;right:22px}.milestone-flow{padding:124px 0 144px}.milestone-flow__heading{max-width:720px;margin-bottom:86px}.evolution-explorer__intro h2,.generation-compare__header h2,.generation-index h2,.generation-page__delta h2,.home-cta p,.iphone-intro h1,.method-section h2,.milestone-flow__heading h2,.technology-section h2{letter-spacing:-.055em;margin:0;font-size:clamp(2.35rem,4.6vw,5rem);font-weight:630;line-height:.98}.evolution-explorer__intro>p:last-child,.generation-index header p,.milestone-flow__heading p{max-width:640px;color:var(--text-soft);margin:22px 0 0;font-size:1.05rem;line-height:1.55}.milestone-flow__track{position:relative}.milestone-flow__track:before{background:var(--line);content:"";width:1px;position:absolute;top:0;bottom:0;left:50%}.milestone-entry{min-height:230px;color:var(--text);grid-template-columns:minmax(0,1fr) 88px minmax(0,1fr);align-items:start;display:grid}.milestone-entry__year{color:var(--text-faint);letter-spacing:-.055em;font-variant-numeric:tabular-nums;padding-top:10px;font-size:clamp(2.8rem,5vw,5.6rem);font-weight:520;line-height:1}.milestone-entry--left .milestone-entry__year{text-align:right;grid-column:1}.milestone-entry--right .milestone-entry__year{text-align:left;grid-column:3}.milestone-entry__line{grid-column:2;justify-content:center;height:100%;display:flex;position:relative}.milestone-entry__line i{z-index:1;border:4px solid var(--bg);background:var(--surface-strong);width:13px;height:13px;box-shadow:0 0 0 1px var(--line-strong);border-radius:50%;margin-top:20px;position:relative}.milestone-entry__body{gap:10px;width:100%;max-width:none;padding:8px 0 58px;display:grid}.milestone-entry__body>*{width:min(100%,480px)}.milestone-entry--left .milestone-entry__body{grid-column:3;justify-items:start}.milestone-entry--right .milestone-entry__body{text-align:right;grid-column:1;justify-items:end}.milestone-entry__body span{color:var(--text-soft);font-size:.82rem;font-weight:650}.milestone-entry__body strong{letter-spacing:-.035em;font-size:clamp(1.35rem,2.4vw,2.2rem);font-weight:580;line-height:1.1}.milestone-entry__body small{color:var(--text-faint);font-size:.79rem;line-height:1.45}.milestone-entry:hover .milestone-entry__body strong{color:var(--accent)}.method-section{border-top:1px solid var(--line);padding:132px 0}.method-section__statement{grid-template-columns:88px minmax(0,760px);align-items:start;gap:30px;display:grid}.method-section__statement>span{color:var(--accent);font-size:4rem;font-weight:340;line-height:.8}.method-section__principles{border-top:1px solid var(--line);grid-template-columns:repeat(3,1fr);margin-top:92px;display:grid}.method-section__principles article{border-right:1px solid var(--line);min-height:260px;padding:28px 34px 20px 0}.method-section__principles article+article{padding-left:34px}.method-section__principles article:last-child{border-right:0}.method-section__principles span{color:var(--text-faint);font-size:.74rem}.method-section__principles h3{letter-spacing:-.025em;margin:56px 0 14px;font-size:1.35rem;font-weight:610}.method-section__principles p{color:var(--text-soft);margin:0;line-height:1.55}.home-cta{border-top:1px solid var(--line);justify-content:space-between;align-items:end;gap:48px;padding:110px 0 128px;display:flex}.home-cta p{max-width:720px}.product-glyph{aspect-ratio:.49;background:#0f1013;border:1px solid #ffffff70;border-radius:42px;width:clamp(168px,20vw,254px);padding:7px;position:relative;transform:rotate(-4deg);box-shadow:0 34px 75px #0e111938}.product-glyph--classic{aspect-ratio:.52;border-radius:30px;padding:9px 8px 54px}.product-glyph--home-button{border-radius:34px;padding-bottom:48px}.product-glyph__screen{background:radial-gradient(circle at 33% 28%,#2f67ffad,#0000 30%),radial-gradient(circle at 68% 67%,#abb5e08c,#0000 34%),linear-gradient(145deg,#13151b,#2a2e38 52%,#101114);border-radius:34px;width:100%;height:100%;position:relative;overflow:hidden}.product-glyph--classic .product-glyph__screen,.product-glyph--home-button .product-glyph__screen{border-radius:4px}.product-glyph__glow{background:linear-gradient(115deg,#ffffff21,#0000 36% 100%);position:absolute;inset:0}.product-glyph__home,.product-glyph__island,.product-glyph__sensor{z-index:2;display:none;position:absolute;left:50%;transform:translate(-50%)}.product-glyph--classic .product-glyph__sensor,.product-glyph--home-button .product-glyph__sensor{background:#414148;border-radius:999px;width:42px;height:5px;display:block;top:-28px}.product-glyph--classic .product-glyph__home,.product-glyph--home-button .product-glyph__home{border:2px solid #414148;border-radius:50%;width:30px;height:30px;display:block;bottom:-43px}.product-glyph--edge-to-edge .product-glyph__sensor{background:#09090b;border-radius:0 0 14px 14px;width:88px;height:24px;display:block;top:0}.product-glyph--island .product-glyph__island{background:#08080a;border-radius:999px;width:68px;height:20px;display:block;top:11px}.iphone-page{padding-bottom:120px}.iphone-intro{grid-template-columns:minmax(0,1.3fr) minmax(300px,.7fr);align-items:end;gap:70px;padding:94px 0 88px;display:grid}.iphone-intro h1{max-width:880px;font-size:clamp(3.7rem,7vw,7rem)}.iphone-intro>p{max-width:520px;color:var(--text-soft);margin:0 0 4px;font-size:1.02rem;line-height:1.62}.evolution-explorer{border-top:1px solid var(--line);padding:88px 0 122px}.evolution-explorer__intro{max-width:800px}.timeline-shell{z-index:20;background:#f5f5f7fa;border-bottom:1px solid #1414180f;margin:60px 0 72px;padding:14px 0;position:sticky;top:72px}.timeline-rail{scrollbar-width:none;overscroll-behavior-inline:contain;gap:2px;padding:3px 1px 14px;display:flex;overflow-x:auto}.timeline-rail::-webkit-scrollbar{display:none}.timeline-node{cursor:pointer;min-height:74px;color:var(--text-faint);background:0 0;border:0;flex:0 0 72px;grid-template-rows:18px 22px 1fr;justify-items:center;padding:0;display:grid;position:relative}.timeline-node__year{font-variant-numeric:tabular-nums;font-size:.64rem}.timeline-node__dot{background:#a8a8ae;border-radius:50%;width:7px;height:7px;margin-top:5px;transition:transform .18s,background-color .18s,box-shadow .18s;display:block}.timeline-node:after{left:50%;right:-1px}.timeline-node+.timeline-node:before,.timeline-node:after{background:var(--line);content:"";height:1px;position:absolute;top:26px}.timeline-node+.timeline-node:before{left:-1px;right:50%}.timeline-node__name{opacity:0;text-align:center;text-overflow:ellipsis;white-space:nowrap;width:100%;margin-top:5px;font-size:.66rem;line-height:1.2;overflow:hidden}.timeline-node--epic .timeline-node__dot{background:#5d5d64;width:10px;height:10px;margin-top:3px}.timeline-node--active{color:var(--text)}.timeline-node--active .timeline-node__dot{background:var(--accent);box-shadow:0 0 0 5px var(--accent-soft);transform:scale(1.2)}.timeline-node--active .timeline-node__name{opacity:1}.evolution-explorer__stage{grid-template-columns:minmax(0,1fr);align-items:stretch;gap:22px;display:grid}.evolution-explorer__stage>*{min-width:0}.generation-stage{border:1px solid var(--line);border-radius:var(--radius-large);background:var(--surface);grid-template-columns:minmax(0,.86fr) minmax(0,1.14fr);min-height:620px;display:grid;overflow:hidden}.generation-stage>*{min-width:0}.generation-stage__visual{background:radial-gradient(circle at 55% 42%,#4b70da29,#0000 32%),linear-gradient(145deg,#e6e7ec,#f5f5f7 58%,#e4e5e9);justify-content:center;align-items:center;min-height:540px;display:flex;position:relative;overflow:hidden}.generation-stage__year{color:#17171a0e;letter-spacing:-.09em;pointer-events:none;font-size:clamp(8rem,18vw,17rem);font-weight:700;line-height:1;position:absolute;top:-.12em;left:-.06em}.generation-stage__copy{flex-direction:column;justify-content:center;min-width:0;padding:clamp(40px,4.5vw,68px);display:flex}.generation-stage__meta{flex-wrap:wrap;gap:7px;margin-bottom:30px;display:flex}.generation-stage__meta span,.tech-pins a,.tech-pins span{border:1px solid var(--line);color:var(--text-soft);border-radius:999px;padding:7px 10px;font-size:.7rem}.generation-stage__copy h2{letter-spacing:-.06em;margin:0;font-size:clamp(2.7rem,4.5vw,4.8rem);font-weight:640;line-height:.98}.generation-stage__signature{max-width:530px;color:var(--text-soft);margin:22px 0 0;font-size:clamp(1.08rem,1.5vw,1.3rem);line-height:1.5}.tech-pins{flex-wrap:wrap;gap:6px;margin:34px 0 30px;display:flex}.delta-panel{border:1px solid var(--line);border-radius:var(--radius-large);background:color-mix(in srgb,var(--surface) 70%,transparent);align-content:start;gap:0;display:grid;overflow:hidden}.delta-group+.delta-group{border-top:1px solid var(--line)}.delta-group__header{grid-template-columns:12px 1fr auto;align-items:center;gap:10px;padding:22px 24px 18px;display:grid}.delta-group__header h3{margin:0;font-size:.86rem;font-weight:670}.delta-group__header>span:last-child{color:var(--text-faint);font-size:.7rem}.delta-group__indicator{background:var(--text-faint);border-radius:50%;width:7px;height:7px}[data-delta-type=introduced] .delta-group__indicator{background:var(--positive)}[data-delta-type=changed] .delta-group__indicator{background:var(--accent)}[data-delta-type=retired] .delta-group__indicator{background:var(--negative)}.delta-group__items{margin:0;padding:0 24px 20px;list-style:none}.delta-item{border-top:1px solid color-mix(in srgb,var(--line) 70%,transparent);grid-template-columns:1fr auto;gap:16px;padding:13px 0;display:grid}.delta-item__headline{letter-spacing:-.012em;margin:0;font-size:.92rem;font-weight:600}.delta-item__summary{color:var(--text-soft);margin:6px 0 0;font-size:.79rem;line-height:1.48}.delta-item__category{color:var(--text-faint);white-space:nowrap;align-self:start;font-size:.63rem}.generation-compare{border-top:1px solid var(--line);content-visibility:auto;contain-intrinsic-size:auto 620px;margin-top:92px;padding-top:70px}.generation-compare__header{grid-template-columns:minmax(0,1fr) minmax(260px,390px);align-items:end;gap:64px;display:grid}.generation-compare__header h2{max-width:800px;font-size:clamp(2.15rem,4vw,4.3rem)}.generation-compare__header>p{color:var(--text-soft);margin:0 0 5px;line-height:1.55}.generation-compare__body{grid-template-columns:1fr 110px 1fr;align-items:stretch;margin-top:52px;display:grid}.compare-side{border-top:1px solid var(--line-strong);border-bottom:1px solid var(--line);min-height:245px;padding:32px}.compare-side--before{color:var(--text-soft)}.compare-side--after{background:var(--surface)}.compare-side__year{color:var(--text-faint);font-size:.72rem}.compare-side h3{letter-spacing:-.035em;margin:46px 0 12px;font-size:1.7rem}.compare-side p{max-width:500px;color:var(--text-soft);margin:0;line-height:1.52}.compare-shift{color:var(--accent);grid-template-columns:1fr auto 1fr;align-items:center;gap:10px;display:grid}.compare-shift span{background:var(--line-strong);height:1px}.compare-shift b{border:1px solid var(--line-strong);background:var(--bg);border-radius:50%;place-items:center;width:38px;height:38px;font-size:.8rem;display:grid}.generation-origin{grid-template-columns:minmax(120px,.34fr) minmax(0,1fr);align-items:stretch;margin-top:52px;display:grid}.generation-origin__marker{color:var(--accent);align-items:center;gap:10px;padding-right:28px;display:flex}.generation-origin__marker span{background:var(--line-strong);width:100%;height:1px}.generation-origin__marker b{border:1px solid var(--line-strong);background:var(--bg);border-radius:50%;flex:0 0 38px;place-items:center;width:38px;height:38px;font-size:.8rem;display:grid}.generation-origin__card{border-top:1px solid var(--line-strong);border-bottom:1px solid var(--line);background:var(--surface);min-width:0;min-height:245px;padding:32px}.generation-origin__card h3{letter-spacing:-.035em;margin:46px 0 12px;font-size:clamp(1.7rem,3vw,2.5rem)}.generation-origin__card p{max-width:680px;color:var(--text-soft);margin:0;font-size:1rem;line-height:1.55}.generation-index{content-visibility:auto;contain-intrinsic-size:auto 900px;padding:116px 0 0}.generation-index header{max-width:760px}.generation-index__grid{border-top:1px solid var(--line);grid-template-columns:repeat(4,1fr);margin-top:58px;display:grid}.generation-index__grid a{border-right:1px solid var(--line);border-bottom:1px solid var(--line);gap:6px;min-height:128px;padding:22px 20px;display:grid}.generation-index__grid a:nth-child(4n){border-right:0}.generation-index__grid a:hover{background:var(--surface)}.generation-index__grid small,.generation-index__grid span{color:var(--text-faint);font-size:.68rem}.generation-index__grid strong{align-self:end;font-size:.92rem;font-weight:590}.generation-page{padding:44px 0 110px}.generation-breadcrumb{color:var(--text-faint);gap:9px;margin:10px 0 30px;font-size:.78rem;display:flex}.generation-breadcrumb a:hover{color:var(--text)}.generation-page>.generation-stage{min-height:min(72vh,760px)}.generation-page__delta{border-bottom:1px solid var(--line);grid-template-columns:minmax(0,.75fr) minmax(500px,1.25fr);gap:70px;padding:118px 0;display:grid}.generation-page__delta header p:last-child{max-width:460px;color:var(--text-soft);margin:22px 0 0;line-height:1.55}.generation-page__delta .delta-panel{background:0 0;border-radius:0}.technology-section{border-top:1px solid var(--line);padding:120px 0 90px}.technology-section__list{border-top:1px solid var(--line);grid-template-columns:repeat(3,1fr);margin-top:56px;display:grid}.technology-section__item{border-right:1px solid var(--line);border-bottom:1px solid var(--line);min-height:245px;color:var(--text);padding:26px 28px 36px 0;display:block}.technology-section__item:nth-child(3n+2),.technology-section__item:nth-child(3n+3){padding-left:28px}.technology-section__item:nth-child(3n){border-right:0}.technology-section__list span{color:var(--text-faint);text-transform:uppercase;font-size:.68rem}.technology-section__list h3{letter-spacing:-.025em;margin:56px 0 12px;font-size:1.35rem}.technology-section__list p{color:var(--text-soft);margin:0;font-size:.9rem;line-height:1.55}.generation-pager{background:var(--line);grid-template-columns:1fr 1fr;gap:1px;margin-top:30px;display:grid}.generation-pager__item{background:var(--bg);gap:11px;min-height:130px;padding:28px;display:grid}.generation-pager__item:hover{background:var(--surface)}.generation-pager__item--next{text-align:right}.generation-pager__item span{color:var(--text-faint);font-size:.72rem}.generation-pager__item strong{align-self:end;font-size:1rem}.site-footer{width:var(--page-wide);border-top:1px solid var(--line);color:var(--text-faint);justify-content:space-between;gap:24px;margin-inline:auto;padding:30px 0 48px;font-size:.7rem;display:flex}.site-footer p{margin:0}@media (width<=1050px){.evolution-hero{grid-template-columns:1fr .9fr;gap:36px}.evolution-hero__visual{min-height:520px}.hero-device--past{width:140px;height:270px}.hero-device--present{width:190px;height:400px}.generation-page__delta{grid-template-columns:1fr}.generation-stage__visual{min-height:480px}.generation-index__grid{grid-template-columns:repeat(3,1fr)}.generation-index__grid a:nth-child(4n){border-right:1px solid var(--line)}.generation-index__grid a:nth-child(3n){border-right:0}}@media (width<=900px){.generation-stage{grid-template-columns:1fr;min-height:auto}.generation-stage__visual{min-height:460px}.generation-stage__copy{min-height:0;padding:42px 34px 48px}.delta-panel{border-radius:var(--radius-medium)}}@media (width<=767px){:root{--page:calc(100vw - 32px);--page-wide:calc(100vw - 32px);--radius-large:22px}.timeline-shell{position:relative}.site-header{height:58px}.brand__name{display:none}.site-nav__link{padding:8px 10px}.evolution-hero{grid-template-columns:1fr;gap:42px;min-height:auto;padding:62px 0 44px}.evolution-hero__content h1{font-size:clamp(3.25rem,15.5vw,5rem)}.evolution-hero__visual{min-height:430px}.hero-device--past{width:118px;height:228px;top:26%;left:10%}.hero-device--present{width:160px;height:335px;right:10%}.hero-years span:nth-child(2n){display:none}.milestone-flow{padding:88px 0 104px}.milestone-flow__heading{margin-bottom:56px}.milestone-flow__track:before{left:24px}.milestone-entry,.milestone-entry--right{grid-template-columns:48px 1fr;min-height:190px}.milestone-entry--right .milestone-entry__year,.milestone-entry__year{color:var(--text-faint);text-align:left;order:0;padding-top:0;font-size:.72rem;position:absolute;left:50px}.milestone-entry--right .milestone-entry__line,.milestone-entry__line{order:1;grid-column:1}.milestone-entry--left .milestone-entry__body,.milestone-entry--right .milestone-entry__body,.milestone-entry__body{text-align:left;order:2;grid-column:2;justify-self:stretch;padding:34px 0 45px}.method-section{padding:94px 0}.method-section__statement{grid-template-columns:1fr;gap:20px}.method-section__statement>span{font-size:3rem}.method-section__principles{grid-template-columns:1fr;margin-top:60px}.method-section__principles article,.method-section__principles article+article{border-right:0;border-bottom:1px solid var(--line);min-height:210px;padding:24px 0}.method-section__principles h3{margin-top:44px}.home-cta{flex-direction:column;align-items:flex-start;padding:86px 0 96px}.iphone-intro{grid-template-columns:1fr;gap:30px;padding:66px 0 60px}.iphone-intro h1{font-size:clamp(3.2rem,15vw,5.2rem)}.evolution-explorer{padding:70px 0 92px}.timeline-shell{background:0 0;border-bottom:0;margin:46px 0 38px;position:static;top:auto}.timeline-node{flex-basis:62px}.evolution-explorer__stage{gap:14px}.generation-stage__visual{min-height:360px}.generation-stage__copy{min-height:0;padding:36px 28px 42px}.generation-stage__copy h2{font-size:clamp(2.8rem,13vw,4.5rem)}.product-glyph{width:180px}.delta-group__header,.delta-group__items{padding-inline:18px}.delta-item{grid-template-columns:1fr;gap:6px}.generation-compare{margin-top:74px;padding-top:52px}.generation-compare__header{grid-template-columns:1fr;gap:24px}.generation-compare__body{grid-template-columns:1fr;margin-top:38px}.compare-shift{grid-template-columns:1fr auto 1fr;min-height:72px}.generation-origin{grid-template-columns:1fr;margin-top:38px}.generation-origin__marker{padding:0 0 18px}.generation-origin__marker:after{background:var(--line-strong);content:"";width:100%;height:1px}.generation-origin__card{min-height:210px;padding:28px}.generation-origin__card h3{margin-top:34px}.generation-index{padding-top:88px}.generation-index__grid{grid-template-columns:repeat(2,1fr)}.generation-index__grid a:nth-child(3n){border-right:1px solid var(--line)}.generation-index__grid a:nth-child(2n){border-right:0}.generation-page{padding-top:24px}.generation-page__delta{gap:44px;padding:84px 0}.technology-section{padding:86px 0 70px}.technology-section__list{grid-template-columns:1fr}.technology-section__item,.technology-section__item:nth-child(3n+2),.technology-section__item:nth-child(3n+3){border-right:0;min-height:205px;padding:24px 0}.technology-section__list h3{margin-top:40px}.generation-pager{grid-template-columns:1fr}.site-footer{flex-direction:column;align-items:flex-start;padding-bottom:28px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:after,:before{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.site-header__actions{align-items:center;gap:14px;display:flex}.language-switcher{border-left:1px solid var(--line);gap:6px;padding-left:14px;font-size:.76rem;font-weight:650}.language-switcher,.language-switcher__item{color:var(--text-faint);align-items:center;display:inline-flex}.language-switcher__item{min-height:44px;padding-inline:6px;transition:color .16s}.language-switcher__item--active,.language-switcher__item:hover{color:var(--text)}html[lang=zh-Hant-TW] body{font-family:-apple-system,BlinkMacSystemFont,PingFang TC,Noto Sans TC,Microsoft JhengHei,sans-serif}html[lang=zh-Hant-TW] .evolution-hero__content h1{letter-spacing:-.055em;line-height:.98}html[lang=zh-Hant-TW] .section-kicker{letter-spacing:.06em}@media (width<=720px){.site-header__actions{gap:8px}.site-nav__link{padding-inline:9px}.language-switcher{gap:4px;padding-left:8px}.brand__name{display:none}}.product-specs{border-top:1px solid var(--line);width:100%;margin-top:28px}.product-specs__header{justify-content:space-between;align-items:baseline;gap:18px;padding:16px 0 10px;display:flex}.product-specs__header p{color:var(--text-soft);letter-spacing:.06em;text-transform:uppercase;margin:0;font-size:.72rem;font-weight:680}.product-specs__header a{color:var(--text-faint);font-size:.68rem}.product-specs__grid{grid-template-columns:repeat(2,minmax(0,1fr));margin:0;display:grid}.product-specs__row{border-top:1px solid #14141814;min-width:0;padding:14px 18px 14px 0}.product-specs__row:nth-child(2n){border-left:1px solid #14141814;padding-left:18px;padding-right:0}.product-specs dt{color:var(--text-faint);font-size:.68rem}.product-specs dd{color:var(--text);margin:5px 0 0;font-size:.84rem;line-height:1.4}.evolution-hero__content h1{font-size:clamp(3.05rem,5.5vw,6.1rem)}.iphone-intro h1{font-size:clamp(3rem,5.2vw,5.7rem)}.evolution-explorer__intro h2,.generation-compare__header h2,.generation-index h2,.generation-page__delta h2,.home-cta p,.method-section h2,.milestone-flow__heading h2,.technology-section h2{font-size:clamp(2.2rem,3.8vw,4.25rem)}.generation-stage__copy h2{font-size:clamp(2.5rem,4.2vw,4.45rem)}html[lang=zh-Hant-TW] .evolution-hero__content h1{font-size:clamp(3rem,5.1vw,5.7rem);line-height:1.02}@media (width<=767px){.evolution-hero__content h1,html[lang=zh-Hant-TW] .evolution-hero__content h1{font-size:clamp(2.75rem,12.5vw,4.15rem)}.iphone-intro h1{font-size:clamp(2.7rem,12vw,4.1rem)}.generation-stage__copy h2{font-size:clamp(2.5rem,11vw,3.8rem)}.product-specs__grid{grid-template-columns:1fr}.product-specs__row,.product-specs__row:nth-child(2n){border-left:0;padding-inline:0}}.lineage-tree{padding:118px 0 18px}.lineage-tree__header{grid-template-columns:minmax(0,1fr) minmax(280px,430px);align-items:end;gap:72px;display:grid}.lineage-tree__header h2{letter-spacing:-.05em;max-width:760px;margin:0;font-size:clamp(2.2rem,3.8vw,4.25rem);font-weight:630;line-height:1}.lineage-tree__header>p{color:var(--text-soft);margin:0 0 4px;font-size:.94rem;line-height:1.55}.lineage-tree__legend{color:var(--text-faint);flex-wrap:wrap;gap:18px;margin:34px 0 20px;font-size:.7rem;display:flex}.lineage-tree__legend span{align-items:center;gap:8px;display:inline-flex}.lineage-tree__legend-line{background:var(--text-soft);width:26px;height:1px;display:inline-block}.lineage-tree__legend-line--reference{background:repeating-linear-gradient(to right,var(--text-faint) 0 4px,transparent 4px 8px)}.lineage-tree__viewport{border-top:1px solid var(--line);border-bottom:1px solid var(--line);overscroll-behavior-inline:contain;scrollbar-width:thin;overflow-x:auto}.lineage-tree__canvas{background:linear-gradient(#ffffff7a,#fff0);position:relative}.lineage-tree__year{font-variant-numeric:tabular-nums;width:108px;top:18px}.lineage-tree__lane,.lineage-tree__year{color:var(--text-faint);font-size:.66rem;position:absolute}.lineage-tree__lane{width:96px;left:0;transform:translateY(-50%)}.lineage-tree__edges{pointer-events:none;position:absolute;inset:0}.lineage-tree__edges path{fill:none;stroke:#3c3c4357;stroke-width:1.4px;vector-effect:non-scaling-stroke}.lineage-tree__edges .lineage-tree__edge--reference{stroke:#3c3c4340;stroke-dasharray:5 5}.lineage-tree__node{z-index:2;border:1px solid var(--line);background:#ffffffeb;border-radius:12px;flex-direction:column;justify-content:center;gap:3px;min-width:0;padding:9px 11px;display:flex;position:absolute;box-shadow:0 8px 28px #1414180a}.lineage-tree__node:hover{border-color:var(--line-strong);background:#fff;transform:translateY(-2px)}.lineage-tree__node span{color:var(--text-faint);font-size:.58rem}.lineage-tree__node strong{text-overflow:ellipsis;white-space:nowrap;font-size:.76rem;font-weight:650;line-height:1.12;overflow:hidden}.lineage-tree__node--epic{border-color:color-mix(in srgb,var(--accent) 35%,var(--line));box-shadow:0 8px 28px #2d6cff12}@media (width<=767px){.lineage-tree{padding-top:86px}.lineage-tree__header{grid-template-columns:1fr;gap:20px}.lineage-tree__header h2{font-size:clamp(2.15rem,10vw,3.35rem)}}.product-glyph--svg{aspect-ratio:auto;width:clamp(190px,24vw,300px);height:auto;box-shadow:none;background:0 0;border:0;border-radius:0;padding:0;overflow:visible;transform:none}.finish-picker{z-index:3;flex-wrap:wrap;justify-content:flex-end;gap:7px;max-width:180px;display:flex;position:absolute;bottom:18px;right:18px}.finish-picker__swatch{cursor:pointer;background:0 0;border:0;border-radius:50%;place-items:center;width:44px;height:44px;padding:0;display:grid}.finish-picker__swatch:before{background:var(--finish-color);content:"";border:2px solid #ffffffe0;border-radius:50%;width:18px;height:18px;box-shadow:0 0 0 1px #14141829}.finish-picker__swatch--active:before{box-shadow:0 0 0 2px var(--surface),0 0 0 4px var(--accent)}@media (width<=600px){.generation-stage__visual{min-height:400px;padding-bottom:66px}.finish-picker{justify-content:center;max-width:calc(100% - 24px);bottom:8px;left:50%;right:auto;transform:translate(-50%)}}.site-header[data-v-cde8ba81],.site-header__inner[data-v-cde8ba81]{height:auto;min-height:72px}.site-header__inner[data-v-cde8ba81]{gap:12px;padding-block:12px}.site-header__actions[data-v-cde8ba81],.site-header__inner[data-v-cde8ba81],.site-nav[data-v-cde8ba81]{flex-wrap:wrap}@media (width<=800px){.brand__name[data-v-cde8ba81]{display:none}}@media (width<=760px){.site-header[data-v-cde8ba81]{position:relative}.site-header__actions[data-v-cde8ba81]{gap:12px;width:100%}.site-nav[data-v-cde8ba81]{gap:14px;display:flex}}