:root{
  --bg:#f5f5f7;
  --ink:#101010;
  --muted:#6e6e73;
  --line:rgba(0,0,0,.12);
  --radius:30px;
  --max:1280px;
  --pad:clamp(22px,4vw,64px);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"SF Pro Display","Helvetica Neue",Arial,sans-serif;color:var(--ink);background:var(--bg);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
a{color:inherit;text-decoration:none}
img{max-width:100%;display:block}
button{font:inherit}
.skip-link{position:fixed;top:10px;left:10px;transform:translateY(-150%);z-index:9999;background:white;color:black;padding:10px 14px;border-radius:10px}.skip-link:focus{transform:none}
.site-header{position:fixed;z-index:1000;top:0;left:0;right:0;border-bottom:1px solid rgba(255,255,255,.08);background:rgba(5,5,5,.68);backdrop-filter:saturate(160%) blur(18px);color:white;transition:background .25s ease,color .25s ease,border .25s ease}
.site-header.scrolled{background:rgba(245,245,247,.78);color:#111;border-color:rgba(0,0,0,.08)}
.nav-shell{height:56px;max-width:var(--max);margin:auto;padding:0 var(--pad);display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:24px}
.brand{font-size:15px;font-weight:700;letter-spacing:-.01em}
.site-nav{justify-self:center;display:flex;gap:28px;font-size:12px;font-weight:500;letter-spacing:-.01em}.site-nav a,.nav-cta,.text-link{position:relative}.site-nav a::after,.nav-cta::after,.text-link::after{content:"";position:absolute;left:0;bottom:-4px;width:100%;height:1px;background:currentColor;transform:scaleX(0);transform-origin:right;transition:transform .25s ease}.site-nav a:hover::after,.nav-cta:hover::after,.text-link:hover::after{transform:scaleX(1);transform-origin:left}
.nav-cta{font-size:12px;font-weight:650}.menu-button{display:none;background:none;border:0;padding:8px;color:inherit}.menu-button span{display:block;width:18px;height:1px;background:currentColor;margin:4px 0}
main{overflow:hidden}.hero{min-height:100svh;padding:128px var(--pad) 42px;position:relative;display:grid;grid-template-columns:minmax(0,.85fr) minmax(520px,1.15fr);grid-template-rows:1fr auto;align-items:center;gap:48px;color:white;background:#050505}.hero::after{content:"";position:absolute;inset:auto 0 0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.18),transparent)}
.hero-copy{position:relative;z-index:2;max-width:680px;margin-left:max(0px,calc((100vw - var(--max))/2))}.eyebrow{margin:0 0 18px;font-size:12px;text-transform:uppercase;letter-spacing:.16em;color:#a1a1a6;font-weight:700}.eyebrow.dark{color:#6e6e73}.eyebrow.light{color:rgba(255,255,255,.65)}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(64px,9vw,148px);line-height:.86;letter-spacing:-.07em;margin-bottom:34px;max-width:980px}h2{font-size:clamp(48px,6.8vw,104px);line-height:.92;letter-spacing:-.06em;margin-bottom:28px}h3{letter-spacing:-.03em}.hero-intro{font-size:clamp(20px,2vw,28px);line-height:1.25;letter-spacing:-.02em;color:#c9c9ce;max-width:620px;margin-bottom:34px}.cta-row{display:flex;align-items:center;gap:24px;flex-wrap:wrap}.button{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:0 22px;border-radius:999px;font-size:14px;font-weight:650;transition:transform .2s ease,box-shadow .2s ease}.button:hover{transform:translateY(-1px)}.button:focus-visible,.text-link:focus-visible,.site-nav a:focus-visible,.brand:focus-visible,.shop-card:focus-visible,.tab:focus-visible{outline:2px solid #2997ff;outline-offset:4px}.button-light{background:white;color:#111;box-shadow:0 12px 30px rgba(0,0,0,.16)}.button-dark{background:#111;color:white;box-shadow:0 12px 30px rgba(0,0,0,.12)}.text-link{font-size:14px;font-weight:650;color:#222}.text-link.light{color:white}.hero-product{position:relative;z-index:1;align-self:end;justify-self:end;width:min(920px,62vw);margin-right:max(0px,calc((100vw - var(--max))/2 - 60px));border-radius:40px;overflow:hidden;isolation:isolate}.hero-product img{width:100%;height:auto;object-fit:contain;mix-blend-mode:screen;filter:saturate(.92) contrast(1.04)}.hero-glow{position:absolute;right:-12vw;top:12vh;width:70vw;height:70vw;border-radius:50%;background:radial-gradient(circle,rgba(132,23,53,.32),rgba(19,19,26,.12) 38%,transparent 68%);filter:blur(18px)}.orb{position:absolute;border-radius:50%;filter:blur(80px);opacity:.34;z-index:-1}.orb-one{width:240px;height:240px;background:#9d2748;left:10%;top:15%}.orb-two{width:340px;height:340px;background:#333460;right:6%;bottom:5%}.hero-facts{grid-column:1/-1;max-width:var(--max);width:100%;margin:auto;display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.12);border-radius:22px;overflow:hidden;position:relative;z-index:3}.hero-facts>div{background:#080808;padding:20px 22px;display:grid;gap:4px}.hero-facts strong{font-size:18px;letter-spacing:-.02em}.hero-facts span{font-size:12px;color:#919198}
.section-light{background:#f5f5f7}.intro{padding:clamp(100px,12vw,180px) var(--pad)}.intro-grid{max-width:var(--max);margin:auto;display:grid;grid-template-columns:1.15fr .85fr;gap:8vw;align-items:end}.intro-grid h2{font-size:clamp(50px,7vw,94px);margin-bottom:0}.intro-body{font-size:clamp(20px,2.2vw,30px);line-height:1.32;letter-spacing:-.03em;color:#4d4d52;margin-bottom:10px}.ecosystem-strip{max-width:var(--max);margin:86px auto 0;display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.ecosystem-strip>div{padding:26px 30px 32px;border-right:1px solid var(--line)}.ecosystem-strip>div:last-child{border-right:0}.ecosystem-strip span{display:block;font-size:11px;color:#8a8a90;margin-bottom:38px}.ecosystem-strip strong{font-size:26px;letter-spacing:-.03em}.ecosystem-strip p{font-size:14px;line-height:1.5;color:#6e6e73;max-width:300px;margin:10px 0 0}
.product-story{min-height:92svh;padding:clamp(96px,11vw,160px) var(--pad);display:grid;grid-template-columns:1fr 1fr;gap:5vw;align-items:center}.section-burgundy{background:linear-gradient(145deg,#2b0a15,#4a1122 48%,#1e0810);color:white}.product-copy{max-width:640px}.product-copy p:not(.eyebrow){font-size:clamp(19px,2vw,28px);line-height:1.35;letter-spacing:-.025em;color:rgba(255,255,255,.72);margin-bottom:34px}.metric-row{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin:36px 0 42px}.metric-row>div{padding-top:18px;border-top:1px solid rgba(255,255,255,.22)}.metric-row strong{display:block;font-size:clamp(25px,3vw,42px);letter-spacing:-.05em}.metric-row span{display:block;margin-top:7px;color:rgba(255,255,255,.58);font-size:12px;line-height:1.35}.product-art{min-width:0}.art-right{max-width:760px;justify-self:end}.art-right img{width:100%;border-radius:34px;background:#2b0a15;box-shadow:0 40px 100px rgba(0,0,0,.25)}.section-silver{background:linear-gradient(180deg,#f6f6f7,#e8e8ea);color:#111}.section-silver .product-copy p:not(.eyebrow){color:#56565c}.dark-metrics>div{border-color:rgba(0,0,0,.16)}.dark-metrics span{color:#6e6e73}.art-left{max-width:760px}.mac-frame{background:linear-gradient(160deg,#d8d8dc,#f7f7f8);border-radius:42px;min-height:520px;display:grid;place-items:center;padding:60px;box-shadow:inset 0 0 0 1px rgba(0,0,0,.06)}.mac-frame img{width:100%;max-width:640px;filter:drop-shadow(0 34px 34px rgba(0,0,0,.14))}
.watch-section{padding:clamp(100px,12vw,170px) var(--pad);background:#060606;color:white}.watch-grid{max-width:var(--max);margin:auto;display:grid;grid-template-columns:.85fr 1.15fr;gap:7vw;align-items:center}.watch-copy p:not(.eyebrow){font-size:clamp(19px,2vw,27px);line-height:1.35;letter-spacing:-.025em;color:#b7b7bd}.watch-art{margin:0;border-radius:42px;overflow:hidden;background:#f6f6f8}.watch-art img{width:100%;transition:transform .8s cubic-bezier(.2,.7,.2,1)}.watch-art:hover img{transform:scale(1.025)}.feature-lines{margin:38px 0 42px;border-top:1px solid rgba(255,255,255,.16)}.feature-lines>div{padding:14px 0;border-bottom:1px solid rgba(255,255,255,.16);display:flex;justify-content:space-between;gap:30px;font-size:13px}.feature-lines span{color:#82828a}.feature-lines strong{font-weight:600;text-align:right}
.section-cloud{background:#fafafa}.airpods-section{padding:clamp(100px,12vw,170px) var(--pad)}.airpods-head{max-width:var(--max);margin:auto}.airpods-head h2{max-width:900px}.airpods-layout{max-width:var(--max);margin:72px auto 0;display:grid;grid-template-columns:1.2fr .8fr;gap:7vw;align-items:center}.airpods-art{margin:0;background:#f3f3f5;border-radius:42px;overflow:hidden}.airpods-art img{width:100%;min-height:520px;object-fit:cover}.airpods-details p{font-size:20px;line-height:1.4;letter-spacing:-.02em;color:#5b5b61;margin-bottom:36px}.big-stat{padding-bottom:34px;border-bottom:1px solid var(--line);margin-bottom:32px}.big-stat strong{display:block;font-size:clamp(68px,9vw,128px);line-height:.9;letter-spacing:-.07em}.big-stat span{display:block;max-width:360px;margin-top:18px;color:#6e6e73;line-height:1.35}
.section-ink{background:radial-gradient(circle at 70% 20%,#1a1d34 0,#0b0c13 34%,#060608 64%);color:white}.intelligence-section{padding:clamp(110px,13vw,190px) var(--pad)}.intelligence-copy{max-width:var(--max);margin:auto}.intelligence-copy h2{max-width:1120px}.intelligence-copy>p:not(.eyebrow){font-size:clamp(20px,2.2vw,30px);max-width:850px;line-height:1.38;color:#b8b8c0}.intelligence-cards{max-width:var(--max);margin:90px auto 0;display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.intelligence-cards article{min-height:290px;padding:28px;border:1px solid rgba(255,255,255,.12);border-radius:28px;background:linear-gradient(160deg,rgba(255,255,255,.07),rgba(255,255,255,.025));display:flex;flex-direction:column}.intelligence-cards span{font-size:11px;color:#7f8398;margin-bottom:auto}.intelligence-cards h3{font-size:28px;margin:44px 0 10px}.intelligence-cards p{margin:0;color:#9a9ba7;line-height:1.45;font-size:14px}
.compare-section{padding:clamp(100px,12vw,170px) var(--pad)}.compare-heading{max-width:var(--max);margin:auto}.compare-heading h2{max-width:900px}.compare-tabs{max-width:var(--max);margin:56px auto 24px;display:flex;gap:10px;flex-wrap:wrap}.tab{border:1px solid var(--line);background:transparent;border-radius:999px;padding:10px 18px;cursor:pointer;font-size:13px;transition:.2s ease}.tab:hover,.tab.is-active{background:#111;color:white;border-color:#111}.compare-panel{max-width:var(--max);margin:auto;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:34px 0;display:grid;grid-template-columns:.75fr 1fr auto;align-items:center;gap:40px}.compare-panel div{display:grid;gap:5px}.compare-panel span{font-size:11px;color:#7a7a80;text-transform:uppercase;letter-spacing:.11em}.compare-panel strong{font-size:28px;letter-spacing:-.04em}.compare-panel p{margin:0;color:#5f5f65;font-size:16px;line-height:1.4}
.shop-section{padding:0 var(--pad) clamp(110px,12vw,170px)}.shop-heading{max-width:var(--max);margin:auto}.shop-grid{max-width:var(--max);margin:52px auto 0;display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.shop-card{min-height:290px;border-radius:30px;padding:32px;background:#fff;border:1px solid rgba(0,0,0,.07);box-shadow:0 10px 40px rgba(0,0,0,.035);display:flex;flex-direction:column;transition:transform .25s ease,box-shadow .25s ease}.shop-card:hover{transform:translateY(-4px);box-shadow:0 20px 60px rgba(0,0,0,.075)}.shop-card span{font-size:12px;color:#7e7e84}.shop-card strong{font-size:clamp(28px,3.2vw,48px);line-height:1.05;letter-spacing:-.05em;max-width:520px;margin:28px 0 auto}.shop-card em{font-size:13px;font-style:normal;font-weight:650;margin-top:36px}
.site-footer{background:#111;color:#f1f1f3;padding:54px var(--pad)}.footer-top,.footer-links{max-width:var(--max);margin:auto;display:grid;grid-template-columns:180px 1fr;gap:30px}.footer-top{padding-bottom:36px;border-bottom:1px solid rgba(255,255,255,.12)}.footer-top strong{font-size:20px}.footer-top p{margin:0;color:#898991;max-width:700px;font-size:12px;line-height:1.5}.footer-links{padding-top:24px;grid-template-columns:repeat(4,max-content);justify-content:end;color:#999aa1;font-size:11px}.footer-links a:hover{color:white}
.reveal{opacity:0;transform:translateY(24px);transition:opacity .8s ease,transform .8s cubic-bezier(.2,.7,.2,1)}.reveal.in-view{opacity:1;transform:none}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1;transform:none;transition:none}.watch-art img{transition:none}.shop-card,.button{transition:none}}
@media (max-width:980px){.site-nav,.nav-cta{display:none}.menu-button{display:block;justify-self:end}.nav-shell{grid-template-columns:auto 1fr auto}.site-nav.open{position:fixed;display:flex;inset:56px 0 auto;background:rgba(246,246,248,.97);color:#111;flex-direction:column;padding:28px var(--pad) 36px;gap:22px;border-bottom:1px solid var(--line);font-size:16px}.hero{grid-template-columns:1fr;padding-top:118px;min-height:auto}.hero-copy{margin:0}.hero-product{width:100%;justify-self:center;margin:0}.hero-facts{grid-template-columns:repeat(2,1fr)}.intro-grid,.product-story,.watch-grid,.airpods-layout{grid-template-columns:1fr}.intro-grid{gap:40px}.product-story{min-height:auto}.iphone-story .product-art{order:2}.section-silver .product-art{order:2}.mac-frame{min-height:420px}.watch-grid{gap:60px}.airpods-layout{gap:50px}.airpods-art img{min-height:auto}.intelligence-cards{grid-template-columns:1fr}.intelligence-cards article{min-height:230px}.compare-panel{grid-template-columns:1fr;gap:16px}.shop-grid{grid-template-columns:1fr}.footer-top{grid-template-columns:1fr}.footer-links{grid-template-columns:repeat(2,max-content);justify-content:start}}
@media (max-width:640px){:root{--pad:20px}.hero{padding-top:100px;gap:32px}.hero-facts{grid-template-columns:1fr 1fr}.hero-facts>div{padding:15px}.hero-facts strong{font-size:16px}.intro,.product-story,.watch-section,.airpods-section,.intelligence-section,.compare-section{padding-left:20px;padding-right:20px}.ecosystem-strip{grid-template-columns:1fr}.ecosystem-strip>div{border-right:0;border-bottom:1px solid var(--line)}.ecosystem-strip>div:last-child{border-bottom:0}.metric-row{grid-template-columns:1fr}.mac-frame{min-height:300px;padding:30px}.feature-lines>div{display:grid}.feature-lines strong{text-align:left}.shop-card{min-height:230px}.footer-links{grid-template-columns:1fr 1fr}}