/* Light refractive surfaces: solid fallback, with blur when supported. */
:root{--glass-fill:rgba(255,255,255,.53);--glass-edge:rgba(255,255,255,.88);--glass-shadow:0 12px 32px #28384e0c,inset 0 1px 0 #fff,inset 0 -1px 1px #ffffff80}
.glass-surface,.header,.favorite-button,.product-hover,.product-badge,.dialog-close{background:linear-gradient(135deg,#ffffffb3,#ffffff45 48%,#ffffff8c);border:1px solid var(--glass-edge);box-shadow:var(--glass-shadow);backdrop-filter:blur(24px) saturate(1.35);-webkit-backdrop-filter:blur(24px) saturate(1.35)}
.header{top:12px;width:calc(100% - 56px);max-width:1400px;margin:12px auto 0;border-radius:28px;background:linear-gradient(120deg,#ffffffc9,#ffffff80 45%,#ffffffa3)}
.header .nav{width:calc(100% - 48px);height:76px;max-width:none}
.header .brand img{width:138px;height:53px}
.nav-contact{padding:13px 18px;border-radius:30px;background:#ffffff70;box-shadow:inset 0 1px 1px #fff,0 2px 7px #23364c08}
.mobile-nav{border-top-color:#ffffff80}
.iphone-hero{min-height:690px;grid-template-columns:48% 52%;align-items:center;padding-top:22px;padding-bottom:65px;overflow:visible;isolation:isolate}
.iphone-hero .hero-copy{padding-top:5px;z-index:2}
.iphone-hero h1{font-size:clamp(54px,5.6vw,80px);letter-spacing:-4px;line-height:1.05;margin:27px 0 23px}
.iphone-hero h1>span{color:#7d8796}
.iphone-hero .hero-description{font-size:16px;color:#657080;line-height:1.7}
.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}
.hero-actions .button{gap:20px;padding:18px 25px}
.hero-actions .button-dark{background:linear-gradient(160deg,#424951,#20242b);border:1px solid #707984;box-shadow:inset 0 1px 0 #ffffff38,0 8px 20px #26314216}
.hero-actions .glass-surface:hover{background-color:#fff9}
.hero-availability{font-size:11px;color:#69727d;margin-top:21px}
.iphone-stage{height:590px;align-items:center;justify-content:center;margin:0}
.iphone-aura{position:absolute;inset:8% -8% 8% -12%;z-index:-2;border-radius:50%;background:radial-gradient(ellipse,#c1d0e1a8,transparent 67%);transition:background .5s}
.iphone-wordmark{position:absolute;top:10px;right:8px;color:#dde3eb;font-size:150px;line-height:1;font-family:Arial,sans-serif;letter-spacing:-10px;z-index:-1;user-select:none}
.iphone-hero .iphone-render{position:relative;width:100%;height:625px;max-width:620px;object-fit:contain;left:auto;top:-22px;margin:0;mix-blend-mode:normal;transform:none;filter:drop-shadow(0 22px 18px #2a354315);transition:opacity .25s}
.finish-dock{position:absolute;bottom:10px;left:50%;transform:translateX(-50%);width:max-content;min-width:345px;max-width:100%;border-radius:26px;padding:17px 23px;display:flex;align-items:center;gap:22px;z-index:3}
.finish-label{min-width:135px}
.finish-label .micro{display:block;font-size:8px;letter-spacing:1.3px;color:#687586;margin-bottom:8px}
#finish-name{font-size:12px;display:block;line-height:1.4}
#finish-name>span{display:block;font-size:10px;color:#66717e;margin-top:2px}
.finish-swatches{display:flex;align-items:center;gap:1px}
.finish-swatch{width:38px;height:44px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:none;padding:0}
.finish-swatch>span{display:block;width:23px;height:23px;border-radius:50%;background:var(--swatch);box-shadow:inset 0 2px 3px #0002,inset 0 -1px 1px #fff7;transition:transform .2s}
.finish-swatch[aria-pressed=true]>span{outline:1px solid #5c6c80;outline-offset:4px}
.finish-swatch:hover>span{transform:scale(1.1)}
.iphone-hero[data-finish=burgundy] .iphone-aura{background:radial-gradient(ellipse,#d5b4bea6,transparent 67%)}
.iphone-hero[data-finish=burgundy] h1>span{color:#8b6471}
.iphone-hero[data-finish=burgundy] .iphone-wordmark{color:#e8dce1}
.iphone-hero[data-finish=silver] .iphone-aura{background:radial-gradient(ellipse,#c9cdd0b0,transparent 67%)}
.iphone-hero[data-finish=silver] h1>span{color:#83868b}
.iphone-hero[data-finish=black] .iphone-aura{background:radial-gradient(ellipse,#aeb7c39c,transparent 67%)}
.iphone-hero[data-finish=black] h1>span{color:#575e69}
.product-image-button{background:#eeefed;border-radius:18px}
.product-image-button .studio{padding:28px}
.product-image-button img[src*="iphone-18-pro"]{padding:0;transform:scale(1.15)}
.product-image-button:hover img[src*="iphone-18-pro"]{transform:scale(1.19)}
.product-image-button img[src*="iphone-12-pro-blue"],.product-image-button img[src*="iphone-13-starlight"]{padding:9px}
.product-badge{padding:6px 10px}
.product-hover{width:38px;height:38px}
.favorite-button{background-color:#ffffff40}
dialog{border-radius:24px;border:1px solid #ffffffc7;box-shadow:0 30px 90px #1c283140}
.button-outline,.button-white{background:linear-gradient(125deg,#ffffffd9,#ffffff6b);border:1px solid #fff;box-shadow:var(--glass-shadow);backdrop-filter:blur(18px)}
@supports not (backdrop-filter:blur(1px)){.glass-surface,.header,.favorite-button,.product-hover,.product-badge,.dialog-close{background:#f9faf9f2}}
@media(max-width:1100px){.iphone-hero h1{font-size:62px;letter-spacing:-3.5px}.iphone-stage{height:540px}.iphone-hero .iphone-render{height:570px}.hero-actions .button{padding:16px 19px;font-size:11px;gap:15px}.iphone-wordmark{font-size:125px}.finish-dock{min-width:310px;padding:14px 18px;gap:12px}.finish-label{min-width:125px}.finish-swatch{width:34px}.product-image-button .studio{padding:20px}}
@media(max-width:760px){.header{width:calc(100% - 20px);top:8px;margin-top:8px;border-radius:23px}.header .nav{height:65px;width:calc(100% - 28px);gap:10px}.header .brand img{width:116px;height:44px}.iphone-hero{grid-template-columns:1fr;padding-top:38px;padding-bottom:50px;min-height:0}.iphone-hero .hero-copy{padding:0}.iphone-hero h1{font-size:clamp(44px,10.9vw,65px);letter-spacing:-2.6px;margin:22px 0 18px;line-height:1.07}.iphone-hero h1>span br{display:none}.iphone-hero h1>span{font-size:.84em}.iphone-hero .hero-description{font-size:13px}.hero-actions{margin-top:23px;gap:10px}.hero-actions .button{padding:14px 21px;gap:22px}.hero-availability{font-size:10px;margin-top:16px}.iphone-stage{height:430px;margin-top:5px}.iphone-hero .iphone-render{height:450px;max-width:390px;top:-10px;width:100%}.iphone-wordmark{font-size:110px;top:20px;right:5px;letter-spacing:-7px}.iphone-aura{inset:0 -15%}.finish-dock{bottom:4px;border-radius:24px;padding:12px 19px;min-width:315px;gap:14px}.finish-label{min-width:125px}.finish-swatch{width:34px;height:42px}.finish-swatch>span{width:21px;height:21px}.iphone-hero .hero-bottom{bottom:13px}.product-image-button{border-radius:14px}.product-image-button .studio{padding:16px}.product-image-button img[src*="iphone-18-pro"]{padding:0}.product-image-button img[src*="iphone-12-pro-blue"],.product-image-button img[src*="iphone-13-starlight"]{padding:2px}.product-hover{width:30px;height:30px}.product-badge{padding:5px 8px}}
@media(max-width:370px){.hero-actions .button{padding:14px 17px;gap:16px}.finish-dock{min-width:290px;gap:5px;padding:11px 14px}.iphone-stage{height:400px}.iphone-hero .iphone-render{height:420px}.finish-label{min-width:120px}}
.iphone-hero{overflow:clip}
@media(max-width:760px){.iphone-hero h1>span br{display:block}.iphone-hero h1>span{font-size:.88em}.iphone-hero .hero-copy{min-width:0}.iphone-hero{padding-top:28px}.iphone-stage{height:370px}.iphone-hero .iphone-render{height:395px;top:-15px}.iphone-hero h1{font-size:40px}.hero-actions{margin-top:20px}.hero-availability{margin-top:14px}}
@media(prefers-reduced-motion:reduce){.iphone-hero .iphone-render,.iphone-aura,.finish-swatch>span{transition:none}.finish-swatch:hover>span{transform:none}}