@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600&family=Space+Grotesk:wght@400;500;600;700&display=swap');
:root{--black:#080808;--ink:#f5f3f0;--muted:#92908d;--line:rgba(255,255,255,.13);--orange:#ff7735;--paper:#ecebe8;--dark:#11100f;--display:'Space Grotesk',sans-serif;--body:'DM Sans',sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--black);color:var(--ink);font-family:var(--body);overflow-x:hidden}body.loaded .loader{opacity:0;visibility:hidden;pointer-events:none}a{color:inherit;text-decoration:none}button{color:inherit;font:inherit}img{display:block;max-width:100%}.shell{width:min(1160px,calc(100% - 72px));margin-inline:auto}.loader{position:fixed;inset:0;background:var(--black);z-index:100;display:grid;place-items:center;transition:opacity .8s,visibility .8s}.loader span{font:600 32px var(--display);color:var(--orange);animation:pulse 1.2s ease-in-out infinite}.site-header{position:fixed;z-index:20;top:0;width:100%;transition:background .45s,backdrop-filter .45s}.site-header.scrolled{background:rgba(8,8,8,.78);backdrop-filter:blur(18px);border-bottom:1px solid var(--line)}.nav{height:72px;display:flex;align-items:center;justify-content:space-between}.wordmark{font:600 17px var(--display);letter-spacing:-.04em}.apple-mark{font-size:18px;color:var(--orange);display:inline-block;margin-right:5px}.nav-links{display:flex;gap:30px;margin-left:70px}.nav-links a,.footer-links a{font-size:12px;color:#b5b3b0;transition:color .25s}.nav-links a:hover,.footer-links a:hover{color:white}.nav-tools{display:flex;align-items:center;gap:18px}.icon-button{background:none;border:0;cursor:pointer;padding:5px;position:relative}.search-icon{width:14px;height:14px;border:1.4px solid currentColor;border-radius:50%;display:block}.search-icon:after{content:'';position:absolute;width:6px;height:1px;background:currentColor;right:0;bottom:3px;transform:rotate(45deg)}.bag-icon{display:block;width:14px;height:14px;border:1px solid currentColor;border-radius:3px}.bag-icon:before{content:'';position:absolute;width:6px;height:4px;border:1px solid currentColor;border-bottom:0;border-radius:5px 5px 0 0;top:2px;left:9px}.menu-toggle{display:none;flex-direction:column;gap:5px}.menu-toggle span{display:block;width:18px;height:1px;background:currentColor;transition:transform .3s}.mobile-menu{display:none}.hero{min-height:100vh;position:relative;isolation:isolate;overflow:hidden;background:#080808}.hero-glow{position:absolute;width:600px;height:600px;border-radius:50%;background:rgba(255,96,25,.12);filter:blur(100px);left:50%;top:40%;transform:translate(-50%,-50%);z-index:-1}.hero-copy{position:relative;z-index:2;padding-top:clamp(145px,20vh,220px);pointer-events:none}.hero-copy a{pointer-events:auto}.eyebrow{font:500 10px var(--display);letter-spacing:.18em;color:var(--muted);text-transform:uppercase}.orange{color:var(--orange)}.hero h1{font:600 clamp(70px,12vw,170px)/.82 var(--display);letter-spacing:-.09em;margin:25px 0 32px}.hero h1 em,.feature h2 em,.camera h2 em,.section-intro h2 em{color:var(--orange);font-style:normal}.hero-lede{font-size:17px;color:#c4c1bc;margin-bottom:32px}.hero-actions{display:flex;align-items:center;gap:25px}.button{display:inline-flex;align-items:center;gap:24px;padding:14px 18px;border-radius:30px;font-size:12px;font-weight:600}.button-primary{background:var(--ink);color:#111;transition:transform .3s,background .3s}.button-primary:hover{background:var(--orange);transform:translateY(-3px)}.button span{font-size:16px}.text-link{font-size:12px;color:#d1ceca;display:inline-flex;align-items:center;gap:12px}.text-link span{color:var(--orange);font-size:18px;transition:transform .3s}.text-link:hover span{transform:translateX(5px)}.hero-visual{position:absolute;inset:0;z-index:0;display:flex;align-items:flex-end;justify-content:flex-end}.hero-visual:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#080808 4%,transparent 50%),linear-gradient(0deg,#080808 0%,transparent 27%)}.hero-visual img{width:100%;height:100%;object-fit:cover;object-position:center;opacity:.92;transform:scale(1.06);transition:transform 1.4s cubic-bezier(.2,.8,.2,1)}body.loaded .hero-visual img{transform:scale(1)}.hero-meta{position:absolute;z-index:2;bottom:28px;left:50%;transform:translateX(-50%);display:flex;justify-content:space-between;color:#706e6a;font:10px var(--display);letter-spacing:.08em;text-transform:uppercase}.hero-meta b{color:var(--orange);font-size:16px;margin-left:8px}.intro{padding-block:190px 170px;display:grid;grid-template-columns:1fr 2fr;gap:40px}.intro h2{font:500 clamp(45px,6.5vw,86px)/.95 var(--display);letter-spacing:-.07em;margin:0}.intro h2 span{color:#6e6b67}.intro-text{grid-column:2;color:var(--muted);font-size:16px;line-height:1.6;max-width:330px;margin:15px 0 0}.feature{min-height:900px;position:relative;overflow:hidden;background:#050505}.feature-image{position:absolute;inset:0}.feature-image:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#050505 5%,transparent 60%),linear-gradient(0deg,#050505 0%,transparent 40%)}.feature-image img{width:100%;height:100%;object-fit:cover;object-position:center}.feature-copy{position:relative;padding-top:180px}.feature h2,.camera h2,.section-intro h2{font:500 clamp(52px,7vw,98px)/.91 var(--display);letter-spacing:-.08em;margin:28px 0}.feature-copy>p:not(.eyebrow){color:#aaa6a1;line-height:1.6;max-width:310px;font-size:15px}.spec-pills{display:flex;flex-wrap:wrap;gap:9px;max-width:370px;margin-top:40px}.spec-pills span{border:1px solid var(--line);padding:10px 13px;border-radius:100px;font-size:10px;color:#aaa6a1}.section-dark{background:#10100f}.camera{min-height:960px;padding-top:170px;overflow:hidden}.camera-head{position:relative;z-index:2}.camera-visual{height:610px;position:relative;max-width:1400px;margin:0 auto;margin-top:-130px}.camera-visual img{width:100%;height:100%;object-fit:cover;object-position:center;opacity:.92}.camera-visual:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#10100f 0%,transparent 35%,transparent 70%,#10100f 100%)}.lens-label{position:absolute;z-index:2;border-top:1px solid var(--orange);padding-top:9px;color:var(--orange);font:600 13px var(--display);width:120px}.lens-label small{display:block;color:#8c8985;font:10px var(--body);margin-top:3px}.label-one{left:24%;top:28%}.label-two{right:29%;top:53%}.label-three{right:13%;top:30%}.performance{padding-block:180px;display:grid;grid-template-columns:1fr 1.3fr;align-items:center;gap:80px}.performance h2{font:500 clamp(68px,9vw,125px)/.9 var(--display);letter-spacing:-.09em;margin:25px 0}.performance h2 em{font-style:normal;color:var(--orange)}.performance-copy>p:last-child{color:var(--muted);max-width:230px;line-height:1.5}.chip-wrap{position:relative}.chip-wrap img{width:100%;filter:saturate(.8);mix-blend-mode:screen}.chip-stats{display:flex;gap:36px;margin-top:20px}.chip-stats strong{font:500 38px var(--display);color:var(--orange);display:block}.chip-stats strong:after{content:'%';font-size:18px}.chip-stats div:last-child strong:after{content:''}.chip-stats span{font-size:10px;color:#85827d;line-height:1.3}.ecosystem{padding-block:160px}.ecosystem-grid{display:grid;grid-template-columns:1.3fr 1fr 1fr;grid-template-rows:280px 280px;gap:15px;margin-top:70px}.eco-item{background:#121211;border:1px solid rgba(255,255,255,.07);position:relative;overflow:hidden;padding:22px;transition:transform .5s,border-color .5s}.eco-item:hover{transform:translateY(-6px);border-color:rgba(255,119,53,.5)}.eco-item img{position:absolute;width:100%;height:100%;object-fit:cover;inset:0;opacity:.85;transition:transform .7s}.eco-item:hover img{transform:scale(1.06)}.eco-item span,.eco-item small{position:relative;z-index:1;display:block}.eco-item span{font:500 16px var(--display)}.eco-item small{font-size:11px;color:#99958f;margin-top:4px}.eco-phone{grid-row:span 2}.eco-phone:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#111 0%,transparent 55%)}.device-placeholder{position:absolute;inset:20% 25%;border:1px solid #555;border-radius:20px;transform:rotate(-8deg);background:linear-gradient(135deg,#313131,#0d0d0d);box-shadow:0 20px 40px #000}.mac-shape{inset:28% 14% 28%;border-radius:7px;transform:perspective(250px) rotateX(-5deg)}.mac-shape:after{content:'';position:absolute;top:100%;left:-7%;width:114%;height:8px;background:#555;border-radius:0 0 5px 5px}.watch-shape{inset:20% 40%;border-radius:35px;transform:rotate(8deg)}.pods-shape{border:0;background:none;box-shadow:none;inset:26% 33%;transform:none}.pods-shape i{position:absolute;width:38px;height:80px;border-radius:22px 22px 18px 18px;background:#d2d0ca;left:0;transform:rotate(15deg)}.pods-shape i:last-child{left:48px;transform:rotate(-15deg)}.products{padding-block:100px 180px}.product-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-top:70px}.product-card{background:#111110;border:1px solid rgba(255,255,255,.08);transition:transform .4s,border-color .4s;overflow:hidden}.product-card:hover{transform:translateY(-7px);border-color:rgba(255,119,53,.4)}.product-art{height:330px;overflow:hidden;position:relative}.product-art img{width:100%;height:100%;object-fit:cover;transition:transform .8s}.product-card:hover img{transform:scale(1.08)}.art-phone img{object-position:center}.art-blue{filter:saturate(.7)}.product-info{padding:23px}.product-info h3{font:500 21px var(--display);margin:0 0 8px}.product-info p{color:#8d8a85;font-size:13px;margin:0 0 25px}.experience{background:var(--paper);color:#111;padding:190px 0;min-height:720px;display:flex;align-items:center}.experience .eyebrow{color:#77736d}.experience h2{font:500 clamp(60px,10vw,150px)/.84 var(--display);letter-spacing:-.1em;margin:45px 0}.experience h2 span{display:block;opacity:0;transform:translateY(40px);transition:opacity .8s,transform .8s}.experience.visible h2 span{opacity:1;transform:translateY(0)}.experience.visible h2 span:nth-child(2){transition-delay:.15s}.experience.visible h2 span:nth-child(3){transition-delay:.3s}.experience p:last-child{font-size:15px;color:#77736d;line-height:1.5}.footer{padding-block:70px 35px;color:#85817c}.footer-top{display:flex;justify-content:space-between;align-items:center;padding-bottom:60px;border-bottom:1px solid var(--line)}.footer-top p{font:500 21px var(--display);color:#d0ccc6}.footer-links{display:flex;gap:28px;padding:25px 0}.footer-bottom{display:flex;justify-content:space-between;font-size:10px;color:#5f5c58}.reveal{opacity:0;transform:translateY(35px);transition:opacity .9s ease,transform .9s ease}.reveal.visible{opacity:1;transform:translateY(0)}.cursor,.cursor-ring{display:none}@keyframes pulse{50%{opacity:.3}}@media (pointer:fine){.cursor,.cursor-ring{display:block;position:fixed;z-index:50;pointer-events:none;border-radius:50%;transform:translate(-50%,-50%);opacity:0}.cursor{width:5px;height:5px;background:var(--orange)}.cursor-ring{width:28px;height:28px;border:1px solid rgba(255,119,53,.6);transition:width .25s,height .25s,background .25s}.cursor-visible .cursor,.cursor-visible .cursor-ring{opacity:1}.cursor-hover .cursor-ring{width:48px;height:48px;background:rgba(255,119,53,.12)}}@media (max-width:800px){.shell{width:min(100% - 40px,600px)}.nav{height:64px}.nav-links,.nav-tools .icon-button:not(.menu-toggle){display:none}.nav-tools{gap:0}.menu-toggle{display:flex}.site-header.menu-open{background:rgba(8,8,8,.96)}.mobile-menu{display:flex;flex-direction:column;position:absolute;inset:64px 0 auto;background:rgba(8,8,8,.97);padding:10px 20px 25px;border-bottom:1px solid var(--line);transform:translateY(-120%);transition:transform .35s}.site-header.menu-open .mobile-menu{transform:translateY(0)}.site-header.menu-open .menu-toggle span:first-child{transform:translateY(3px) rotate(45deg)}.site-header.menu-open .menu-toggle span:last-child{transform:translateY(-3px) rotate(-45deg)}.mobile-menu a{font:500 25px var(--display);padding:13px 0;border-bottom:1px solid var(--line)}.hero{min-height:800px}.hero-copy{padding-top:145px}.hero h1{font-size:clamp(70px,21vw,120px)}.hero-visual img{object-position:62% center;opacity:.8}.hero-visual:after{background:linear-gradient(90deg,#080808 -5%,transparent 90%),linear-gradient(0deg,#080808 0%,transparent 35%)}.hero-meta{bottom:22px;font-size:8px}.hero-meta span:last-child{display:none}.intro{padding-block:120px;display:block}.intro h2{margin-top:28px}.intro-text{margin-top:30px}.feature{min-height:780px}.feature-image img{object-position:65% center}.feature-copy{padding-top:100px}.feature h2,.camera h2,.section-intro h2{font-size:clamp(50px,13vw,80px)}.camera{padding-top:110px;min-height:760px}.camera-visual{height:470px;margin-top:-30px}.camera-visual img{object-position:55% center}.lens-label{font-size:11px;width:100px}.label-one{left:8%;top:25%}.label-two{right:25%;top:65%}.label-three{right:5%;top:38%}.performance{padding-block:110px;display:block}.chip-wrap{margin-top:60px}.chip-stats{gap:18px;justify-content:space-between}.chip-stats strong{font-size:28px}.ecosystem{padding-block:110px}.ecosystem-grid{grid-template-columns:1fr 1fr;grid-template-rows:300px 200px 200px;margin-top:50px}.eco-phone{grid-row:span 1;grid-column:span 2}.product-grid{grid-template-columns:1fr;margin-top:50px}.product-art{height:300px}.products{padding-bottom:110px}.experience{padding:120px 0;min-height:600px}.experience h2{font-size:clamp(58px,15vw,95px);margin:50px 0}.footer-top{display:block;padding-bottom:35px}.footer-top p{font-size:18px;margin-top:35px}.footer-links{gap:18px;flex-wrap:wrap}.footer-bottom{display:block;line-height:2}.footer-bottom span{display:block}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal,.experience h2 span{transition:none;transform:none!important}.hero-visual img,.product-card,.eco-item{transition:none}.loader{display:none}}