.ic{--ic-radius: 2rem;font-family:var(--font-body-family, -apple-system, BlinkMacSystemFont, "SF Pro", "Helvetica Neue", sans-serif)}.ic--dark{--ic-bg: #0a0a0a;--ic-fg: #f5f5f7;--ic-muted: rgba(245,245,247,.62);--ic-panel: rgba(255,255,255,.04);--ic-border: rgba(255,255,255,.1);--ic-shadow: rgba(0,0,0,.5);background:var(--ic-bg);color:var(--ic-fg)}.ic--light{--ic-bg: #f6f6f8;--ic-fg: #0a0a0a;--ic-muted: rgba(10,10,10,.6);--ic-panel: #ffffff;--ic-border: rgba(10,10,10,.08);--ic-shadow: rgba(0,0,0,.12);background:var(--ic-bg);color:var(--ic-fg)}.ic__hero{text-align:center;padding:clamp(4rem,8vw,9rem) 0 2rem}.ic__eyebrow{display:inline-block;margin-bottom:1.2rem;padding:.4rem 1.2rem;font-size:1.2rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--ic-accent);border:1px solid color-mix(in srgb,var(--ic-accent) 50%,transparent);border-radius:4rem}.ic__title{margin:0 auto;max-width:18ch;font-weight:700;letter-spacing:-.03em;line-height:1.05;font-size:clamp(3rem,6vw,6.4rem)}.ic__subtitle{margin:1.6rem auto 0;max-width:60rem;font-size:clamp(1.6rem,2vw,2.2rem);color:var(--ic-muted)}.ic__btn{display:inline-block;padding:1.2rem 2.8rem;border-radius:5rem;font-weight:600;font-size:1.5rem;text-decoration:none;cursor:pointer;transition:transform .25s ease,box-shadow .25s ease,filter .25s ease}.ic__btn--primary{background:var(--ic-accent);color:#fff;box-shadow:0 1rem 2.6rem color-mix(in srgb,var(--ic-accent) 42%,transparent);margin-top:2.4rem}.ic__btn--primary:hover{transform:translateY(-2px) scale(1.03);filter:brightness(1.08)}.ic__btn--lg{padding:1.5rem 3.6rem;font-size:1.7rem}.ic__btn--ghost{background:transparent;border:1px solid var(--ic-border);color:var(--ic-fg);padding:.9rem 1.8rem;font-size:1.35rem}.ic__btn--ghost:hover{border-color:var(--ic-accent);color:var(--ic-accent)}.ic__filters{display:flex;flex-wrap:wrap;justify-content:center;gap:1rem;margin:3.2rem 0 1rem}.ic__filter{padding:1rem 2rem;border-radius:4rem;border:1px solid var(--ic-border);background:var(--ic-panel);color:var(--ic-fg);font:inherit;font-size:1.35rem;font-weight:600;cursor:pointer;transition:border-color .25s ease,background .25s ease,color .25s ease,transform .2s ease}.ic__filter:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--ic-accent) 60%,transparent)}.ic__filter.is-active{background:var(--ic-accent);border-color:var(--ic-accent);color:#fff}.ic__filter--reset{opacity:.8}.ic__hint{text-align:center;color:var(--ic-muted);font-size:1.35rem;margin:.6rem 0 0}.ic__cards{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(24rem,1fr);gap:2rem;overflow-x:auto;scroll-snap-type:x mandatory;padding:3rem clamp(1.5rem,5vw,5rem);-webkit-overflow-scrolling:touch}@media screen and (min-width:990px){.ic__cards{grid-auto-flow:row;grid-template-columns:repeat(4,1fr);overflow:visible}}.ic-card{scroll-snap-align:start;position:relative;display:flex;flex-direction:column;align-items:center;text-align:center;gap:.8rem;padding:2.4rem 1.8rem;border-radius:var(--ic-radius);background:var(--ic-panel);border:1px solid var(--ic-border);transition:transform .4s cubic-bezier(.22,1,.36,1),box-shadow .4s ease,border-color .3s ease,opacity .3s ease}.ic-card:hover{transform:translateY(-6px);box-shadow:0 2rem 4.6rem var(--ic-shadow)}.ic-card--match{border-color:var(--ic-accent);box-shadow:0 0 0 1px var(--ic-accent),0 2rem 4.6rem var(--ic-shadow)}.ic-card--dim{opacity:.32;filter:saturate(.7)}.ic-card__compare{position:absolute;top:1.2rem;left:1.2rem;display:inline-flex;align-items:center;gap:.5rem;font-size:1.2rem;color:var(--ic-muted);cursor:pointer}.ic-card__check{accent-color:var(--ic-accent);width:1.6rem;height:1.6rem}.ic-card.is-selected{border-color:var(--ic-accent);box-shadow:0 0 0 1px var(--ic-accent)}.ic-card__media{display:flex;align-items:center;justify-content:center;height:16rem}.ic-card__img{max-height:16rem;width:auto;object-fit:contain;filter:drop-shadow(0 1.4rem 2.6rem rgba(0,0,0,.4))}.ic-card__name{margin:.6rem 0 0;font-size:1.9rem;font-weight:600;letter-spacing:-.01em}.ic-card__year{font-size:1.2rem;color:var(--ic-muted)}.ic-card__price{font-size:1.7rem;font-weight:700;color:var(--ic-accent);margin-top:.2rem}.ic-card__colors{display:flex;flex-wrap:wrap;justify-content:center;gap:.6rem;margin:.8rem 0}.ic-swatch{width:1.8rem;height:1.8rem;border-radius:50%;background:var(--c, #888);box-shadow:inset 0 0 0 1px #ffffff4d}.ic-card__specs{width:100%;margin:.8rem 0 1.2rem;display:flex;flex-direction:column;gap:0}.ic-card__specs>div{display:flex;justify-content:space-between;gap:1rem;padding:.7rem 0;border-top:1px solid var(--ic-border);text-align:left}.ic-card__specs dt{margin:0;font-size:1.15rem;color:var(--ic-muted);flex:0 0 auto}.ic-card__specs dd{margin:0;font-size:1.25rem;font-weight:500;text-align:right}.ic-card__cta{margin-top:auto}.ic__cards.is-filtering .ic-card:not(.is-selected){display:none}.ic__h2{text-align:center;font-weight:700;letter-spacing:-.02em;font-size:clamp(2.6rem,4vw,4.6rem);margin:clamp(4rem,7vw,8rem) 0 3rem}.ic__usecases-grid{display:grid;grid-template-columns:1fr;gap:1.6rem}@media(min-width:600px){.ic__usecases-grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:990px){.ic__usecases-grid{grid-template-columns:repeat(3,1fr)}}.ic__usecase{padding:2.4rem;border-radius:var(--ic-radius);background:var(--ic-panel);border:1px solid var(--ic-border);transition:transform .35s ease,border-color .3s ease}.ic__usecase:hover{transform:translateY(-4px);border-color:color-mix(in srgb,var(--ic-accent) 45%,transparent)}.ic__usecase h3{margin:0 0 .6rem;font-size:1.9rem}.ic__usecase p{margin:0;color:var(--ic-muted);line-height:1.6}.ic__timeline-track{display:flex;gap:2.4rem;overflow-x:auto;padding:2rem .5rem 3rem;position:relative}.ic__timeline-track:before{content:"";position:absolute;left:0;right:0;top:2.6rem;height:2px;background:var(--ic-border)}.ic__timeline-node{position:relative;display:flex;flex-direction:column;align-items:center;gap:.6rem;min-width:12rem}.ic__timeline-dot{width:1.4rem;height:1.4rem;border-radius:50%;background:var(--ic-accent);box-shadow:0 0 0 4px color-mix(in srgb,var(--ic-accent) 25%,transparent);z-index:1}.ic__timeline-name{font-weight:600;font-size:1.4rem}.ic__timeline-year{font-size:1.2rem;color:var(--ic-muted)}.ic__trust{display:flex;flex-wrap:wrap;justify-content:center;gap:1.2rem 2.4rem;padding:3rem 0}.ic__trust-item{display:inline-flex;align-items:center;gap:.8rem;font-size:1.45rem;color:var(--ic-fg)}.ic__trust-dot{width:.9rem;height:.9rem;border-radius:50%;background:var(--ic-accent)}.ic__final{text-align:center;padding:clamp(4rem,7vw,8rem) 0}@media(prefers-reduced-motion:no-preference){.ic .premium-reveal{opacity:0;transform:translateY(28px);transition:opacity .7s cubic-bezier(.22,1,.36,1),transform .7s cubic-bezier(.22,1,.36,1);transition-delay:var(--reveal-delay,0ms)}.ic .premium-reveal.premium-reveal--visible{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){.ic .premium-reveal{opacity:1;transform:none}}.ic__compare{display:grid;grid-template-columns:repeat(var(--ic-cols, 3),1fr);gap:2rem;padding:2rem clamp(1.5rem,5vw,5rem) 1rem;align-items:start}@media screen and (max-width:749px){.ic__compare{grid-auto-flow:column;grid-auto-columns:78%;grid-template-columns:none;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch}.ic-col{scroll-snap-align:center}}.ic-col{display:flex;flex-direction:column;align-items:center;text-align:center;gap:1rem}.ic-col__select-wrap{position:relative;width:100%}.ic-col__select{width:100%;appearance:none;-webkit-appearance:none;padding:1.2rem 3.4rem 1.2rem 1.6rem;border-radius:1.4rem;border:1px solid var(--ic-border);background:var(--ic-panel);color:var(--ic-fg);font:inherit;font-size:1.5rem;font-weight:600;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23999'%3E%3Cpath d='M7 10l5 5 5-5z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 1.2rem center;background-size:2rem;transition:border-color .25s ease}.ic-col__select:focus{outline:none;border-color:var(--ic-accent)}.ic-col__select option{color:#111}.ic-col__media{display:flex;align-items:center;justify-content:center;height:clamp(20rem,30vw,32rem);width:100%}.ic-col__img{max-height:100%;max-width:100%;width:auto;object-fit:contain;filter:drop-shadow(0 2rem 4rem rgba(0,0,0,.45));transition:opacity .3s ease}.ic-col__img--empty{width:70%;height:80%;border-radius:2rem;background:var(--ic-panel);border:1px dashed var(--ic-border)}.ic-col__colors{display:flex;flex-wrap:wrap;justify-content:center;gap:.8rem}.ic-col__swatch{width:2.4rem;height:2.4rem;border-radius:50%;padding:0;cursor:pointer;background:var(--c, #888);border:2px solid transparent;box-shadow:inset 0 0 0 1px #ffffff4d;transition:transform .2s ease,box-shadow .2s ease}.ic-col__swatch:hover{transform:translateY(-1px)}.ic-col__swatch.is-active{box-shadow:0 0 0 2px var(--ic-bg),0 0 0 4px var(--ic-accent)}.ic-col__colorname{font-size:1.3rem;color:var(--ic-muted);min-height:1.6rem}.ic-col__name{font-size:1.9rem;font-weight:600;letter-spacing:-.01em}.ic-col__year{font-size:1.2rem;color:var(--ic-muted);font-weight:400}.ic-col__specs{width:100%;margin:.6rem 0 1rem}.ic-col__specs>div{display:flex;flex-direction:column;gap:.2rem;padding:.9rem 0;border-top:1px solid var(--ic-border)}.ic-col__specs dt{margin:0;font-size:1.1rem;letter-spacing:.04em;text-transform:uppercase;color:var(--ic-muted)}.ic-col__specs dd{margin:0;font-size:1.4rem;font-weight:500}.ic-col__cta{margin-top:auto}button.ic__timeline-node{background:none;border:0;cursor:pointer;font:inherit;color:inherit;padding:0;transition:transform .2s ease}button.ic__timeline-node:hover{transform:translateY(-3px)}button.ic__timeline-node:hover .ic__timeline-dot,button.ic__timeline-node.is-active .ic__timeline-dot{transform:scale(1.5);box-shadow:0 0 0 6px color-mix(in srgb,var(--ic-accent) 30%,transparent)}button.ic__timeline-node.is-active .ic__timeline-name{color:var(--ic-accent)}.ic__timeline-dot{transition:transform .25s ease,box-shadow .25s ease}.ic__timeline-view{margin:2.6rem auto 0;max-width:36rem;text-align:center}.ic__timeline-view[hidden]{display:none}.ic__timeline-view-media{display:flex;justify-content:center}.ic__timeline-view img{max-height:30rem;width:auto;object-fit:contain;filter:drop-shadow(0 2rem 4rem rgba(0,0,0,.5))}.ic__timeline-view-caption{margin-top:1rem;font-size:1.6rem}.ic__timeline-view-caption strong{font-weight:700}.ic__timeline-view-caption span{color:var(--ic-muted)}@media(prefers-reduced-motion:no-preference){.ic__timeline-view.is-in{animation:ic-tl-pop .5s cubic-bezier(.22,1,.36,1) both}}@keyframes ic-tl-pop{0%{opacity:0;transform:scale(.85) translateY(10px)}to{opacity:1;transform:none}}.ic__timeline-view{max-width:92rem}.ic__timeline-view-year{font-size:clamp(2rem,4vw,3.2rem);font-weight:800;color:var(--ic-accent);margin-bottom:1.6rem}.ic__timeline-view-grid{display:flex;flex-wrap:wrap;justify-content:center;gap:2rem}.ic__tl-item{margin:0;display:flex;flex-direction:column;align-items:center;gap:.8rem;width:clamp(12rem,22vw,18rem)}.ic__tl-media{display:flex;align-items:center;justify-content:center;height:18rem}.ic__tl-item img{max-height:18rem;max-width:100%;width:auto;object-fit:contain;filter:drop-shadow(0 1.6rem 3rem rgba(0,0,0,.5))}.ic__tl-item figcaption{font-size:1.35rem;font-weight:600}.ic__tl-soon{width:9rem;height:16rem;border-radius:1.6rem;display:flex;align-items:center;justify-content:center;text-align:center;border:2px dashed color-mix(in srgb,var(--ic-accent) 55%,transparent);color:var(--ic-accent);font-weight:700;font-size:1.3rem;padding:1rem}.ic__timeline-node.is-soon .ic__timeline-dot{background:transparent;border:2px solid var(--ic-accent);box-shadow:none}.ic__timeline-node.is-soon .ic__timeline-year{color:var(--ic-accent)}
/*# sourceMappingURL=/cdn/shop/t/2/assets/iphone-comparison.css.map */