/* Homepage motion system — inspired by cinematic editorial sites: one large
   subject, a visible grid and a few long scroll gestures instead of many
   unrelated micro-animations. All content remains readable without JS. */

.hp-hero {
  --p: 0;
  position: relative;
  min-height: auto;
  background: #dfe2e5;
  color: #111214;
}
.scene-pin {
  position: relative;
  top: auto;
  min-height: calc(100svh - 96px);
  overflow: clip;
}
.motion-ready .hp-hero { min-height: 190vh; }
.motion-ready .scene-pin { position: sticky; top: 96px; }
.hp-hero-pin {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(360px, .82fr);
  align-items: center;
  padding: clamp(42px, 6vw, 88px) max(24px, calc((100vw - 1360px) / 2));
  isolation: isolate;
  background:
    radial-gradient(circle at 72% 48%, rgba(255,255,255,.88), rgba(255,255,255,0) 34%),
    linear-gradient(145deg, #f7f8f9 0%, #d8dcdf 72%, #cbd0d4 100%);
}
.scene-grid {
  position: absolute; inset: 0; z-index: -1;
  display: grid; grid-template-columns: repeat(4, 1fr);
  pointer-events: none;
}
.scene-grid i { border-left: 1px solid rgba(17,18,20,.09); }
.scene-grid i:last-child { border-right: 1px solid rgba(17,18,20,.09); }
.hero-copy { position: relative; z-index: 4; max-width: 850px; }
.scene-kicker {
  margin-bottom: 22px;
  font-size: .74rem; font-weight: 700; letter-spacing: .16em;
  text-transform: uppercase;
}
.hp-hero h1 {
  max-width: 9.3ch;
  font-size: clamp(4.6rem, 9.7vw, 9.4rem);
  font-weight: 800; line-height: .84; letter-spacing: -.072em;
  text-wrap: balance;
}
.hp-hero h1 span { color: #666b70; }
.hero-lead {
  max-width: 560px; margin-top: clamp(28px, 4vw, 48px);
  font-size: clamp(1.05rem, 1.45vw, 1.3rem); line-height: 1.45;
  color: #45494d;
}
.hero-actions { display: flex; align-items: center; gap: 22px; margin-top: 30px; flex-wrap: wrap; }
.hero-link {
  display: inline-flex; gap: 9px; align-items: center;
  min-height: 44px; font-weight: 700; border-bottom: 1px solid #111214;
}
.hero-link span { transition: transform 300ms var(--spring); }
.hero-link:hover span { transform: translate(3px,-3px); }
.hero-products { position: relative; align-self: stretch; min-height: 620px; z-index: 2; }
.hero-halo {
  position: absolute; width: 76%; aspect-ratio: 1; left: 17%; top: 15%;
  border-radius: 50%; background: rgba(255,255,255,.72);
  filter: blur(2px); transform: scale(var(--halo-scale, .9));
}
.hero-device {
  position: absolute; width: min(36vw, 540px); height: auto;
  object-fit: contain; mix-blend-mode: multiply;
  filter: drop-shadow(0 34px 38px rgba(25,29,32,.20));
  will-change: transform, opacity;
}
.hero-device-back {
  right: -7%; top: 6%; opacity: var(--back-opacity, .76);
  transform: translate3d(var(--back-x, 0),var(--back-y, 0),0)
             rotate(7deg) scale(var(--back-scale, .88));
}
.hero-device-front {
  left: -7%; bottom: -12%;
  transform: translate3d(var(--front-x, 0),var(--front-y, 0),0)
             rotate(-5deg) scale(var(--front-scale, .93));
}
.hero-index, .scroll-cue {
  position: absolute; bottom: 24px; z-index: 5;
  font-size: .69rem; font-weight: 700; letter-spacing: .12em; text-transform: uppercase;
}
.hero-index { left: max(24px, calc((100vw - 1360px) / 2)); }
.scroll-cue { right: max(24px, calc((100vw - 1360px) / 2)); display: flex; align-items: center; gap: 10px; }
.scroll-cue span { width: 44px; height: 1px; background: currentColor; transform-origin: left; animation: cue 2.2s ease-in-out infinite; }
@keyframes cue { 0%,100% { transform: scaleX(.28); opacity: .35; } 50% { transform: scaleX(1); opacity: 1; } }

.motion-ready .hero-copy {
  transform: translate3d(0,var(--copy-y, 0),0);
  opacity: var(--copy-opacity, 1);
  will-change: transform, opacity;
}

.trust-strip {
  position: relative; z-index: 3;
  display: grid; grid-template-columns: repeat(3, 1fr);
  gap:clamp(14px,2vw,26px);
  border:0;
  background:
    radial-gradient(ellipse at 16% 8%,rgba(175,225,197,.34),transparent 42%),
    linear-gradient(180deg,#315d48 0%,#6f9582 18%,#b6d0c3 48%,#dce8e2 76%,#eef3f0 100%);
  padding:clamp(82px,9vw,138px) max(22px,calc((100vw - 1360px)/2)) clamp(88px,10vw,150px);
}
.trust-strip p {
  min-height:150px; padding:30px 32px; border:1px solid rgba(255,255,255,.54); border-radius:28px;
  display:flex; flex-direction:column; justify-content:center;
  background:rgba(255,255,255,.34);
  -webkit-backdrop-filter:blur(24px) saturate(150%); backdrop-filter:blur(24px) saturate(150%);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.38),0 24px 64px rgba(29,68,49,.10);
}
.trust-strip p:last-child { border-right:1px solid rgba(255,255,255,.54); }
.trust-strip b { font-size:1.05rem; color:#13251c; }
.trust-strip span { color:#40584d; font-size:.85rem; margin-top:4px; }

.new-phones { background: #f4f5f6; }
.new-phones-head { display: flex; align-items: end; justify-content: space-between; gap: 32px; }
.new-phones-head .hero-link { flex: 0 0 auto; margin-bottom: 8px; }
.new-phones-grid {
  display: grid; grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 14px; margin-top: 52px;
}
.new-phones .pcard { min-width: 0; display: flex; flex-direction: column; }
.new-phones .pcard-media { aspect-ratio: 4 / 5; }
.new-phones .pcard-media img { width: 100%; height: 100%; object-fit: contain; mix-blend-mode: multiply; }
.new-phones .pcard .wa-btn { margin-top: auto; }

.vip-motion { --p: 0; position: relative; overflow: clip; isolation: isolate; }
.vip-motion .section-inner { position: relative; z-index: 1; }
.vip-ghost {
  position: absolute; z-index: -1; left: 50%; top: -70px;
  width: max-content; transform: translate3d(var(--vip-x, -50%),var(--vip-y, 0),0) scale(var(--vip-scale, 1.08));
  color: rgba(255,255,255,.055); font-size: clamp(6rem, 16vw, 14rem);
  font-weight: 800; line-height: 1; letter-spacing: -.07em;
  pointer-events: none; white-space: nowrap;
}
.vip-motion .vip-grid { perspective: 1200px; }
.motion-ready .vip-motion .vip-tile {
  transform: translate3d(0,var(--vip-card-y, 34px),0) scale(var(--vip-card-scale, .94));
  opacity: var(--vip-card-opacity, .64);
}
.motion-ready .vip-motion .vip-tile:nth-child(2n) { transform: translate3d(0,var(--vip-card-y-alt, 58px),0) scale(var(--vip-card-scale-alt, .91)); }

.process-scene {
  --p: 0; --p1: 0; --p2: 0; --p3: 0;
  min-height: auto; background: #e3e6e8; color: #151719;
}
.motion-ready .process-scene { min-height: 210vh; }
.process-pin {
  display: grid; grid-template-columns: .78fr 1.02fr .72fr; gap: clamp(28px,4vw,72px);
  align-items: center; padding: 56px max(24px, calc((100vw - 1360px) / 2));
  background:
    linear-gradient(90deg, rgba(17,18,20,.08) 1px, transparent 1px) 0 0 / 25% 100%,
    linear-gradient(155deg,#f6f7f8,#cfd4d8);
}
.process-heading h2 { font-size: clamp(3.2rem, 6vw, 6.6rem); line-height: .91; letter-spacing: -.06em; }
.process-heading > p:last-child { max-width: 420px; margin-top: 26px; color: #555b60; font-size: 1.08rem; }
.process-stack { display: grid; gap: 14px; min-height: 510px; perspective: 1100px; }
.process-card {
  position: relative; padding: clamp(28px,4vw,52px);
  border-radius: 34px; border: 1px solid rgba(17,18,20,.12);
  background: rgba(255,255,255,.94); box-shadow: 0 32px 80px rgba(20,24,27,.14);
  transform-origin: 50% 100%; will-change: transform, opacity;
}
.process-card > span { font-size: .72rem; font-weight: 800; letter-spacing: .16em; color: #667078; }
.process-card h3 { margin-top: 48px; font-size: clamp(2.2rem,4vw,4.6rem); line-height: .95; letter-spacing: -.05em; }
.process-card p { max-width: 390px; margin-top: 20px; color: #5b6064; font-size: 1.08rem; }
.motion-ready .process-stack { position: relative; display: block; }
.motion-ready .process-card { position: absolute; inset: 0; }
.motion-ready .process-card-1 { transform: translate3d(0,var(--c1-y, 0),var(--c1-z, 0)) rotateX(var(--c1-r, 0deg)) scale(var(--c1-s, 1)); opacity: var(--c1-o, 1); }
.motion-ready .process-card-2 { transform: translate3d(0,var(--c2-y, 82px),var(--c2-z, -120px)) scale(var(--c2-s, .9)); opacity: var(--c2-o, .18); }
.motion-ready .process-card-3 { transform: translate3d(0,var(--c3-y, 116px),var(--c3-z, -190px)) scale(var(--c3-s, .84)); opacity: var(--c3-o, .08); }
.process-chat { align-self: end; padding: 24px; border-radius: 26px; background: #17191b; color: #fff; box-shadow: 0 24px 60px rgba(0,0,0,.18); }
.chat-head { padding-bottom: 15px; border-bottom: 1px solid rgba(255,255,255,.14); font-weight: 700; }
.chat-head small { display: block; color: var(--accent); font-weight: 600; }
.chat-out,.chat-in { margin-top: 18px; padding: 13px 15px; border-radius: 16px; font-size: .88rem; line-height: 1.4; }
.chat-out { margin-left: 20px; background: #34383b; }
.chat-in { margin-right: 20px; background: #f5f5f5; color: #151719; }

@media (max-width: 900px) {
  .motion-ready .hp-hero { min-height: auto; }
  .motion-ready .scene-pin, .scene-pin { position: relative; top: auto; min-height: auto; }
  .hp-hero-pin { grid-template-columns: 1fr; min-height: 900px; padding: 70px 24px 28px; align-content: start; }
  .hp-hero h1 { font-size: clamp(3.5rem, 13vw, 7rem); max-width: 9ch; }
  .hero-products { min-height: 430px; margin-top: 18px; }
  .hero-device { width: min(66vw, 430px); }
  .hero-device-front { left: 26%; bottom: -11%; }
  .hero-device-back { right: 33%; top: 1%; }
  .hero-copy { transform: none !important; opacity: 1 !important; }
  .scroll-cue { display: none; }
  .trust-strip { grid-template-columns:1fr; padding:82px 20px 96px; }
  .trust-strip p { min-height:110px; padding:24px 26px; border:1px solid rgba(255,255,255,.54); }
  .trust-strip p:last-child { border-right:1px solid rgba(255,255,255,.54); border-bottom:1px solid rgba(255,255,255,.54); }
  .new-phones-head { align-items: start; flex-direction: column; }
  .new-phones-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .motion-ready .process-scene, .process-scene { min-height: auto; }
  .process-pin { position: relative; grid-template-columns: 1fr; padding: 88px 20px; }
  .motion-ready .process-stack, .process-stack { display: grid; gap: 14px; min-height: auto; }
  .motion-ready .process-card, .process-card { position: relative; inset: auto; min-height: 280px; transform: none !important; opacity: 1 !important; }
  .process-card h3 { margin-top: 34px; }
  .process-chat { max-width: 520px; }
  .vip-motion .vip-tile { transform: none !important; opacity: 1 !important; }
}

@media (min-width: 901px) and (max-height: 800px) {
  .hp-hero-pin { padding-top: 26px; padding-bottom: 26px; }
  .hp-hero h1 { font-size: clamp(4.4rem, 8.2vw, 7.25rem); }
  .hero-lead { margin-top: 24px; }
  .hero-actions { margin-top: 18px; }
  .hero-products { min-height: 500px; }
  .hero-device { width: min(33vw, 450px); }
}

@media (max-width: 520px) {
  .hp-hero-pin { min-height: 790px; padding-top: 54px; }
  .hp-hero h1 { font-size: clamp(3.35rem, 16vw, 5rem); }
  .hero-lead { font-size: 1rem; margin-top: 24px; }
  .hero-actions { gap: 14px; margin-top: 22px; }
  .hero-actions .btn-primary { width: 100%; justify-content: center; }
  .hero-products { min-height: 330px; }
  .hero-device { width: 77vw; }
  .hero-device-front { left: 22%; bottom: -17%; }
  .hero-device-back { right: 34%; top: 2%; }
  .hero-index { display: none; }
  .new-phones-grid { grid-template-columns: 1fr; gap: 40px; }
  .new-phones .pcard-media { aspect-ratio: 1 / 1; }
  .process-card { border-radius: 25px; min-height: 250px; }
}

@media (prefers-reduced-motion: reduce) {
  .hp-hero, .process-scene { min-height: auto; }
  .motion-ready .scene-pin, .scene-pin { position: relative; top: auto; }
  .hero-copy, .hero-device, .hero-halo, .vip-ghost, .vip-tile, .process-card { transform: none !important; opacity: 1 !important; }
  .scroll-cue span { animation: none; }
}

/* 2026 cinematic direction ------------------------------------------------- */
.site-intro {
  position: fixed; inset: 0; z-index: 1000; overflow: hidden;
  display: grid; place-items: center; background: #09110d; color: #f7faf8;
  transition: visibility 0s linear 1.2s;
}
body.intro-lock { overflow:hidden; }
.site-intro.is-done { visibility: hidden; pointer-events: none; }
.intro-panels { position: absolute; inset: 0; display: grid; grid-template-columns: repeat(6,1fr); z-index: 0; }
.intro-panels i {
  background: linear-gradient(150deg,#111d17 0%,#193328 52%,#0a100d 100%);
  border-right: 1px solid rgba(255,255,255,.06);
  transition: transform 1.05s cubic-bezier(.76,0,.24,1);
}
.intro-panels i:nth-child(2n) { background: linear-gradient(330deg,#0c1510,#214535); }
.site-intro.is-exiting .intro-panels i:nth-child(odd) { transform: translate3d(-105vw,0,0); }
.site-intro.is-exiting .intro-panels i:nth-child(even) { transform: translate3d(105vw,0,0); }
.intro-panels i:nth-child(2),.intro-panels i:nth-child(5) { transition-delay: .08s; }
.intro-panels i:nth-child(3),.intro-panels i:nth-child(4) { transition-delay: .16s; }
.intro-name {
  position:relative; z-index:2; display:flex; flex-direction:column;
  align-items:center; justify-content:center; gap:clamp(10px,1.5vw,22px);
  width:min(92vw,980px); text-align:center;
}
.intro-column {
  display:flex; align-items:baseline; justify-content:center;
  font-size:clamp(3.25rem,8vw,8.8rem); font-weight:800;
  line-height:.92; letter-spacing:clamp(.04em,.65vw,.12em);
  white-space:nowrap;
}
.intro-performance { font-size:clamp(1.3rem,3.65vw,4rem); letter-spacing:clamp(.07em,.75vw,.18em); }
.intro-column i {
  display:inline-block; min-width:.56em; font-style:normal;
  transform:translateY(28px) scale(.96); opacity:0;
  animation:intro-letter .64s var(--spring) forwards;
}
.intro-column i:nth-child(2){animation-delay:.04s}.intro-column i:nth-child(3){animation-delay:.08s}.intro-column i:nth-child(4){animation-delay:.12s}.intro-column i:nth-child(5){animation-delay:.16s}.intro-column i:nth-child(6){animation-delay:.20s}.intro-column i:nth-child(7){animation-delay:.24s}.intro-column i:nth-child(8){animation-delay:.28s}.intro-column i:nth-child(9){animation-delay:.32s}.intro-column i:nth-child(10){animation-delay:.36s}.intro-column i:nth-child(11){animation-delay:.40s}
@keyframes intro-letter { to { opacity:1; transform:none; } }
.site-intro.is-exiting .intro-handy { transform:translate3d(0,-42px,0) scale(.98); opacity:0; }
.site-intro.is-exiting .intro-performance { transform:translate3d(0,42px,0) scale(.98); opacity:0; }
.intro-column { transition: transform .62s var(--spring), opacity .38s ease; }
.intro-label {
  position:absolute; z-index:2; left:50%; top:calc(50% + clamp(92px,13vw,176px));
  transform:translateX(-50%); margin:0; font-size:clamp(.68rem,.9vw,.88rem);
  font-weight:650; letter-spacing:.24em; text-transform:uppercase;
  color:rgba(235,248,241,.58); white-space:nowrap;
}
.intro-skip { position:absolute; z-index:3; right:24px; bottom:20px; display:inline-flex; align-items:center; justify-content:center; min-height:44px; min-width:44px; color:rgba(255,255,255,.72); border:0; background:none; font:inherit; font-size:.75rem; cursor:pointer; padding:12px; }

/* Home navigation: emblem left, wordmark centered, navigation right. */
.nav-inner { max-width:1360px; display:grid; grid-template-columns:1fr auto 1fr; gap:28px; }
.nav-center-mark { font-size:.82rem; font-weight:800; letter-spacing:.08em; text-transform:uppercase; }
.nav-links { margin-left:0; justify-self:end; }

/* The hero blends several greens over a long distance. No visible color stop. */
.hp-hero-pin {
  background:
    radial-gradient(ellipse at 82% 28%,rgba(236,255,246,.94) 0%,rgba(236,255,246,0) 43%),
    radial-gradient(ellipse at 22% 92%,rgba(15,118,72,.18) 0%,rgba(15,118,72,0) 54%),
    linear-gradient(138deg,#f8fbf9 0%,#e5f2eb 28%,#b8d8c7 58%,#769f89 79%,#315d48 100%);
}
.hp-hero h1 { letter-spacing:-.035em; }
.hp-hero h1 span { color:#244a38; }
.hero-kicker { position:relative; transform:translateY(var(--kicker-y,0)); opacity:var(--kicker-opacity,1); }
.hero-products { border:0; border-radius:0; background:transparent; -webkit-backdrop-filter:none; backdrop-filter:none; }
.hp-hero .scene-grid { display:none; }
.hero-halo { background:radial-gradient(circle,rgba(255,255,255,.94),rgba(255,255,255,.05) 68%); filter:blur(12px); }
.hero-service-orbit { position:absolute; z-index:6; left:50%; bottom:24px; transform:translateX(-50%); display:flex; gap:8px; }
.hero-service-orbit a { padding:8px 14px; border:1px solid rgba(15,34,24,.18); border-radius:999px; background:rgba(255,255,255,.44); backdrop-filter:blur(12px); font-size:.72rem; font-weight:700; }
.intro-complete .hero-copy { animation:hero-copy-in .86s .03s var(--spring) both; }
.intro-complete .hero-kicker { animation:hero-kicker-in .68s .1s var(--spring) both; }
.intro-complete .hero-device { animation:hero-device-in .92s var(--hero-delay,.08s) var(--spring) both; }
.intro-complete .hero-device-front { --hero-delay:.24s; }
@keyframes hero-copy-in { from { transform:translate3d(-90px,0,0); opacity:0; } }
@keyframes hero-kicker-in { from { transform:translate3d(0,-45px,0); opacity:0; } }
@keyframes hero-device-in { from { translate:58vw 0; opacity:0; } }

/* Horizontal product story: scroll remains vertical, editorial content moves sideways. */
.product-story { --p:0; position:relative; min-height:100vh; background:#eef3f0; color:#101612; }
.motion-ready .product-story { min-height:360vh; }
.product-story-pin { height:calc(100svh - 96px); min-height:620px; background:linear-gradient(145deg,#f7faf8,#dfeae4 48%,#cbded4); }
.story-backtype { position:absolute; z-index:0; left:-18vw; top:5%; white-space:nowrap; font-size:clamp(9rem,24vw,27rem); font-weight:800; line-height:.8; letter-spacing:-.075em; color:rgba(24,75,50,.065); transform:translate3d(var(--story-bg-x,0),0,0); will-change:transform; }
.story-track { position:relative; z-index:1; display:flex; width:300vw; height:100%; transform:translate3d(var(--story-x,0),0,0); will-change:transform; }
.story-panel { position:relative; width:100vw; height:100%; flex:0 0 100vw; display:grid; grid-template-columns:minmax(320px,.82fr) minmax(420px,1.18fr); align-items:center; padding:clamp(50px,7vw,110px) max(28px,calc((100vw - 1360px)/2)); overflow:hidden; }
.story-panel::after { content:""; position:absolute; z-index:-1; width:48vw; aspect-ratio:1; right:5vw; top:12%; border-radius:50%; background:radial-gradient(circle,rgba(255,255,255,.92),rgba(255,255,255,0) 67%); }
.story-copy { position:relative; z-index:2; max-width:600px; }
.story-copy>span { font-size:.73rem; font-weight:800; letter-spacing:.15em; text-transform:uppercase; color:#315c48; }
.story-copy h2 { margin-top:18px; font-size:clamp(4.4rem,8.2vw,9.1rem); line-height:.82; letter-spacing:-.065em; }
.story-copy p { max-width:430px; margin-top:30px; font-size:1.05rem; color:#4d5a53; }
.story-action { display:inline-flex; margin-top:24px; padding-bottom:5px; border-bottom:1px solid currentColor; font-weight:750; }
.story-panel>img { justify-self:center; max-width:min(54vw,760px); max-height:76vh; width:auto; height:auto; object-fit:contain; filter:drop-shadow(0 40px 40px rgba(18,35,26,.20)); transform:translate3d(0,var(--story-device-y,0),0) scale(var(--story-device-scale,1)); }
.story-18 { background:linear-gradient(125deg,rgba(247,241,241,.35),rgba(105,35,49,.12)); }
.story-18>img { max-width:min(32vw,430px); }
.story-duo { background:linear-gradient(130deg,rgba(255,255,255,.15),rgba(90,118,105,.20)); }
.story-duo>img { max-width:min(58vw,860px); }
.story-duo>img { max-width:min(42vw,620px); }
.story-progress { position:absolute; z-index:4; left:max(28px,calc((100vw - 1360px)/2)); right:max(28px,calc((100vw - 1360px)/2)); bottom:22px; height:2px; background:rgba(20,40,30,.14); overflow:hidden; }
.story-progress i { display:block; width:100%; height:100%; background:#153c29; transform:scaleX(var(--story-progress,.001)); transform-origin:left; }

.product-story--galaxy { background:#d8dfe0; }
.product-story--galaxy .product-story-pin {
  background:
    radial-gradient(ellipse at 78% 35%,rgba(255,255,255,.82),rgba(255,255,255,0) 46%),
    linear-gradient(138deg,#cbded4 0%,#e5e9e8 30%,#cbd2d4 67%,#aeb9bc 100%);
}
.product-story--galaxy .story-backtype { color:rgba(29,42,48,.065); }
.product-story--galaxy .story-copy>span { color:#33484f; }
.product-story--galaxy .story-progress { background:rgba(23,35,40,.15); }
.product-story--galaxy .story-progress i { background:#263b43; }
.product-story--galaxy .story-panel::after { background:radial-gradient(circle,rgba(255,255,255,.82),rgba(255,255,255,0) 68%); }
.product-story--galaxy .galaxy-s26 { background:linear-gradient(125deg,rgba(218,225,225,.08),rgba(51,62,68,.12)); }
.product-story--galaxy .galaxy-flip { background:linear-gradient(125deg,rgba(237,242,230,.16),rgba(122,151,130,.14)); }
.product-story--galaxy .galaxy-s25 { background:linear-gradient(125deg,rgba(221,225,227,.12),rgba(73,78,86,.14)); }
.product-story--galaxy .story-panel>img { max-width:min(48vw,700px); }
.product-story--galaxy .galaxy-flip>img { max-width:min(60vw,880px); }

.samsung-latest { background:linear-gradient(180deg,#cbded4 0%,#edf3ef 18%,#f5f6f5 58%,#f4f5f6 100%); }
.samsung-latest .new-phones-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:20px; }
.samsung-latest .pcard-media { aspect-ratio:16/10; }
.samsung-latest .pcard-media img { width:100%; height:100%; object-fit:contain; mix-blend-mode:multiply; }

/* Blend dark and light sections through shared intermediate tones. */
section.dark { padding-bottom:clamp(260px,30vw,460px); background:linear-gradient(180deg,#272729 0%,#272729 calc(100% - 360px),#26312c 72%,#6f8278 86%,#dfe6e2 100%); }
section.dark + section.section { margin-top:0; background:linear-gradient(180deg,#dfe6e2 0%,#f2f4f3 22%,#fff 58%); }
.dark-2 { background:linear-gradient(160deg,#191b1a 0%,#252b28 55%,#333f39 100%); }

@media (max-width:900px) {
  .nav-inner { display:flex; }
  .nav-center-mark { margin-left:auto; }
  .nav-links { margin-left:auto; }
  .hero-service-orbit { position:relative; left:auto; bottom:auto; transform:none; grid-column:1/-1; justify-content:center; margin-top:12px; }
  .motion-ready .product-story,.product-story { min-height:auto; }
  .product-story-pin,.motion-ready .product-story-pin { position:relative; top:auto; height:auto; min-height:auto; overflow:hidden; }
  .story-backtype,.story-progress { display:none; }
  .story-track { display:grid; width:100%; height:auto; transform:none!important; }
  .story-panel { width:100%; height:auto; min-height:760px; grid-template-columns:1fr; grid-template-rows:auto 1fr; padding:80px 24px 50px; }
  .story-copy h2 { font-size:clamp(3.6rem,14vw,7rem); }
  .story-panel>img,.story-18>img,.story-duo>img { max-width:min(82vw,620px); max-height:430px; margin-top:36px; }
  .product-story--galaxy .story-panel>img,.product-story--galaxy .galaxy-flip>img { max-width:min(84vw,640px); }
}
@media (max-width:640px) {
  .nav-center-mark { display:none; }
  .nav-global .global-right { display:none; }
  .nav-cta { display:none; }
  .nav-links { display:none; }
  .nav-burger { display:flex!important; margin-left:auto; }
  .hero-copy { min-width:0; width:calc(100vw - 48px); max-width:calc(100vw - 48px); }
  .hero-lead,.hero-actions { width:calc(100vw - 48px); max-width:calc(100vw - 48px); }
  .hero-lead { max-width:34ch; }
  .hero-actions .btn-primary { width:calc(100vw - 48px); max-width:100%; }
  .hp-hero h1 { max-width:none; font-size:clamp(3rem,14.2vw,4rem); line-height:.91; }
  .hero-products { border-radius:28px; }
  .hero-service-orbit { flex-wrap:wrap; }
  .story-panel { min-height:680px; }
  .samsung-latest .new-phones-grid { grid-template-columns:1fr; }
  section.dark { padding-bottom:260px; background:linear-gradient(180deg,#272729 0%,#272729 calc(100% - 250px),#4d5c54 84%,#dfe6e2 100%); }
}
@media (prefers-reduced-motion:reduce) {
  .site-intro { display:none; }
  .product-story,.product-story-pin { min-height:auto!important; height:auto!important; }
  .product-story-pin { position:relative!important; top:auto!important; }
  .story-track { display:grid!important; width:100%!important; height:auto!important; transform:none!important; }
  .story-panel { width:100%!important; min-height:760px!important; }
  .story-backtype,.story-progress { display:none!important; }
  .story-panel>img { transform:none!important; }
  .intro-complete .hero-copy,.intro-complete .hero-kicker,.intro-complete .hero-device { animation:none; }
}

/* Premium continuity pass -------------------------------------------------- */
/* Hero and story devices use transparent packshots, so the green light field
   remains visible around every silhouette. */
.hero-device { mix-blend-mode:normal; }
.product-story:not(.product-story--galaxy) .story-17>img,
.product-story:not(.product-story--galaxy) .story-18>img {
  width:min(34vw,480px); height:min(70vh,650px);
  max-width:none; max-height:none; object-fit:contain;
}
.product-story:not(.product-story--galaxy) .story-duo>img {
  width:min(40vw,560px); height:min(70vh,650px);
  max-width:none; max-height:none; object-fit:contain;
}
.product-story--galaxy .galaxy-flip>img {
  width:min(54vw,780px); max-width:none; max-height:72vh;
  mix-blend-mode:normal;
}

/* The Galaxy chapter flows into proof points without a flat color cut. */
.metrics-section {
  position:relative; overflow:hidden;
  background:
    radial-gradient(ellipse at 14% 20%,rgba(255,255,255,.78),transparent 44%),
    linear-gradient(180deg,#aeb9bc 0%,#c7d4d0 26%,#d8e5df 70%,#dce7e2 100%);
}
.metrics-section::before {
  content:"25K"; position:absolute; left:-.05em; top:-.26em;
  font-size:clamp(10rem,30vw,31rem); font-weight:800; letter-spacing:-.09em;
  color:rgba(255,255,255,.14); pointer-events:none;
}
.metrics-section .section-inner { position:relative; z-index:1; }
.metrics-section .stat-row>div {
  min-width:min(260px,28vw); padding:30px 34px; border-radius:28px;
  border:1px solid rgba(255,255,255,.62);
  background:rgba(255,255,255,.34);
  -webkit-backdrop-filter:blur(22px) saturate(145%); backdrop-filter:blur(22px) saturate(145%);
  box-shadow:0 20px 55px rgba(40,66,54,.10);
}
.metric-number { min-width:5.2ch; font-variant-numeric:tabular-nums; }

/* Bestseller rail: three glass objects drift horizontally while the natural
   page scroll stays vertical. */
.bestseller-motion {
  --best-x:8vw; position:relative; overflow:clip; isolation:isolate;
  margin-top:-3px;
  background:
    radial-gradient(ellipse at 16% 28%,rgba(72,132,101,.42),transparent 38%),
    radial-gradient(ellipse at 86% 52%,rgba(113,76,136,.28),transparent 38%),
    linear-gradient(180deg,#dce7e2 0%,#60756b 10%,#26332e 24%,#191d1b 72%,#4f645a 90%,#dfe6e2 100%) !important;
  padding-bottom:0 !important;
}
.bestseller-motion::after {
  content:""; position:absolute; z-index:0; inset:-2px 0 auto; height:clamp(150px,17vw,260px);
  background:linear-gradient(180deg,#dce7e2 0%,rgba(220,231,226,.82) 24%,rgba(220,231,226,0) 100%);
  pointer-events:none;
}
.bestseller-motion::before {
  content:"BESTSELLER"; position:absolute; z-index:0; top:12%; left:-22vw;
  white-space:nowrap; color:rgba(255,255,255,.045);
  font-size:clamp(8rem,20vw,22rem); font-weight:800; line-height:.8; letter-spacing:-.075em;
  transform:translate3d(var(--best-bg-x,-13vw),0,0); pointer-events:none;
}
.bestseller-motion .section-inner { position:relative; z-index:1; max-width:100%; overflow:hidden; }
.motion-ready .bestseller-motion { min-height:245vh; }
.motion-ready .bestseller-motion .section-inner {
  position:sticky; top:96px; height:calc(100svh - 96px); min-height:720px;
  display:flex; flex-direction:column; justify-content:center;
  padding:52px max(28px,calc((100vw - 1360px)/2));
}
.bestseller-motion .grid {
  display:flex !important; width:max-content; max-width:none; align-items:stretch;
  gap:clamp(18px,3vw,44px) !important;
  transform:translate3d(var(--best-x,8vw),0,0); will-change:transform;
}
.bestseller-motion .pcard {
  width:clamp(310px,28vw,410px); min-height:540px; flex:0 0 auto;
  padding:18px 18px 26px; border:1px solid transparent; border-radius:34px;
  background:
    linear-gradient(rgba(255,255,255,.16),rgba(255,255,255,.10)) padding-box,
    linear-gradient(135deg,rgba(255,255,255,.78),rgba(77,229,157,.55),rgba(180,129,255,.38),rgba(255,255,255,.22)) border-box;
  -webkit-backdrop-filter:blur(28px) saturate(155%); backdrop-filter:blur(28px) saturate(155%);
  box-shadow:0 30px 90px rgba(0,0,0,.22);
  transition:border-color .35s ease,background .35s ease,box-shadow .35s ease;
}
.bestseller-motion .pcard:nth-child(1) { transform:translate3d(0,var(--best-one-y,34px),0) rotate(var(--best-rotate,1.8deg)); }
.bestseller-motion .pcard:nth-child(2) { transform:translate3d(0,var(--best-two-y,-28px),0) rotate(calc(var(--best-rotate,1.8deg) * -.55)); }
.bestseller-motion .pcard:nth-child(3) { transform:translate3d(0,var(--best-three-y,46px),0) rotate(calc(var(--best-rotate,1.8deg) * .35)); }
.bestseller-motion .pcard:hover {
  background:
    linear-gradient(rgba(255,255,255,.22),rgba(255,255,255,.14)) padding-box,
    linear-gradient(135deg,#fff,rgba(77,229,157,.85),rgba(180,129,255,.62)) border-box;
  box-shadow:0 36px 110px rgba(0,0,0,.30);
}
.bestseller-motion .pcard-media {
  aspect-ratio:16/11; border-radius:24px !important;
  background:rgba(244,248,246,.72) !important;
  -webkit-backdrop-filter:blur(18px); backdrop-filter:blur(18px);
}
.bestseller-motion .pcard-media img { max-height:92%; }
.bestseller-motion .condition { margin-top:30px !important; }
.category-section {
  position:relative; overflow:hidden; margin-top:-3px;
  padding-bottom:clamp(230px,25vw,390px) !important;
  background:
    radial-gradient(ellipse at 14% 24%,rgba(72,224,146,.24),transparent 38%),
    radial-gradient(ellipse at 84% 42%,rgba(161,111,230,.20),transparent 40%),
    linear-gradient(180deg,#83968c 0%,#63786d 23%,#42594d 49%,#2b4035 70%,#1d3027 86%,#15231c 100%) !important;
}
.category-section::after {
  content:""; position:absolute; inset:auto 0 0; height:clamp(150px,17vw,270px);
  background:linear-gradient(180deg,rgba(21,35,28,0),#15231c);
  pointer-events:none;
}
.category-section .section-inner { position:relative; z-index:1; }
.category-section .section-h { color:#f6f8f7; text-shadow:0 2px 30px rgba(8,24,16,.18); }
.category-section .tile-grid { gap:clamp(16px,2vw,28px); perspective:1200px; }
.category-section .tile {
  position:relative; min-height:220px; padding:34px 32px; overflow:hidden;
  border:1px solid transparent; border-radius:30px;
  background:
    linear-gradient(145deg,rgba(255,255,255,.84),rgba(235,245,240,.64)) padding-box,
    linear-gradient(135deg,rgba(255,255,255,.96),rgba(56,215,143,.50),rgba(164,112,229,.34)) border-box;
  -webkit-backdrop-filter:blur(26px) saturate(155%); backdrop-filter:blur(26px) saturate(155%);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.48),0 28px 68px rgba(31,67,49,.12);
  transition:transform .5s var(--spring),box-shadow .5s var(--spring),background .5s ease;
}
.category-section .tile.reveal {
  opacity:0; filter:blur(12px); transform:translate3d(0,52px,0) scale(.955);
  transition:opacity 950ms var(--spring),transform 950ms var(--spring),filter 850ms ease,box-shadow .5s var(--spring),background .5s ease;
  transition-delay:var(--stagger,0ms);
}
.category-section .tile.reveal.shown { opacity:1; filter:none; transform:translate3d(0,0,0) scale(1); }
.category-section .tile:nth-child(2).reveal.shown,.category-section .tile:nth-child(4).reveal.shown { transform:translate3d(0,24px,0) scale(1); }
/* Category names provide the orientation; decorative counters are intentionally omitted. */
.category-section .tile:nth-child(2),.category-section .tile:nth-child(4) { transform:translateY(24px); }
.category-section .tile:hover {
  transform:translateY(-8px) scale(1.015);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.64),0 38px 90px rgba(31,67,49,.20);
  background:
    linear-gradient(145deg,rgba(255,255,255,.76),rgba(255,255,255,.38)) padding-box,
    linear-gradient(135deg,#fff,rgba(43,229,142,.78),rgba(185,135,246,.56)) border-box;
}
.category-section .tile:nth-child(2):hover,.category-section .tile:nth-child(4):hover { transform:translateY(-8px) scale(1.015); }
.category-section .tile h3 { position:relative; z-index:1; font-size:clamp(1.5rem,2.1vw,2rem); }
.category-section .tile p,.category-section .tile .go { position:relative; z-index:1; }
.vip-motion { margin-top:-3px; }

/* VIP cards have a visible glass body and a spectral one-pixel edge. */
.vip-motion {
  background:
    radial-gradient(ellipse at 12% 24%,rgba(34,195,112,.28),transparent 35%),
    radial-gradient(ellipse at 90% 68%,rgba(137,91,222,.26),transparent 38%),
    linear-gradient(145deg,#15231c 0%,#202d27 45%,#30383c 100%) !important;
}
.vip-motion .vip-tile {
  border:1px solid transparent;
  background:
    linear-gradient(145deg,rgba(255,255,255,.31),rgba(255,255,255,.18)) padding-box,
    linear-gradient(130deg,rgba(255,255,255,.78),rgba(38,232,137,.64),rgba(177,123,255,.52),rgba(255,255,255,.20)) border-box !important;
  -webkit-backdrop-filter:blur(28px) saturate(165%); backdrop-filter:blur(28px) saturate(165%);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.17),0 24px 68px rgba(0,0,0,.20);
}
.vip-motion .vip-tile h3 { color:#fff; }
.vip-motion .vip-tile .ex { color:rgba(255,255,255,.69); }
.vip-motion .vip-tile:hover {
  background:
    linear-gradient(145deg,rgba(255,255,255,.30),rgba(255,255,255,.16)) padding-box,
    linear-gradient(130deg,#fff,#35ef98,#c796ff) border-box !important;
}

/* A long tonal bridge leads into the process scene. The cards blur the grid
   and color fields behind them instead of appearing transparent. */
.process-scene {
  margin-top:-3px; padding-top:clamp(220px,18vw,300px);
  background:linear-gradient(180deg,#15231c 0,#344a3f 90px,#60766b 180px,#91a69b 270px,#bdcdc5 370px,#dce5e1 480px,#e8ecea 680px,#e8ecea 100%);
}
.process-pin {
  background:
    radial-gradient(ellipse at 18% 20%,rgba(70,224,148,.20),transparent 38%),
    radial-gradient(ellipse at 84% 72%,rgba(157,102,232,.18),transparent 42%);
}
.process-card {
  border:1px solid transparent;
  background:
    linear-gradient(145deg,rgba(255,255,255,.96),rgba(239,247,243,.90)) padding-box,
    linear-gradient(135deg,rgba(255,255,255,.98),rgba(40,220,137,.64),rgba(170,111,242,.55),rgba(255,255,255,.55)) border-box;
  -webkit-backdrop-filter:blur(52px) saturate(155%) brightness(1.08);
  backdrop-filter:blur(52px) saturate(155%) brightness(1.08);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.88),inset 0 -1px 0 rgba(255,255,255,.34),0 34px 90px rgba(29,56,43,.20);
}
.motion-ready .process-stack { transform-style:preserve-3d; }
.motion-ready .process-card { opacity:1 !important; }
.process-chat {
  border:1px solid rgba(116,255,187,.28);
  background:rgba(18,25,21,.86);
  -webkit-backdrop-filter:blur(24px); backdrop-filter:blur(24px);
}

/* The topics use an expanding horizontal stage inspired by the interaction
   rhythm of White Desert's trip rail, with original Handy Performance art. */
.feature-flick-section {
  position:relative; margin-top:-3px; overflow:hidden;
  padding-top:clamp(120px,12vw,190px); padding-bottom:clamp(150px,14vw,230px);
  background:
    radial-gradient(ellipse at 12% 18%,rgba(59,224,146,.16),transparent 32%),
    radial-gradient(ellipse at 88% 72%,rgba(159,112,232,.14),transparent 34%),
    linear-gradient(180deg,#e8ecea 0%,#f4f7f5 25%,#edf3f0 72%,#dfe9e4 100%);
}
.feature-flick-section .section-inner { position:relative; z-index:1; max-width:1440px; }
.feature-flick-section .section-h { font-size:clamp(4rem,8.2vw,8.8rem); letter-spacing:-.035em; }
.feature-flick-section .feature-rail {
  display:flex; align-items:stretch; gap:12px; margin-top:clamp(42px,6vw,82px);
  height:clamp(520px,57vw,720px); perspective:1500px;
}
.feature-flick-section .feature-card {
  isolation:isolate; flex:0 1 15%; min-width:0; min-height:0; padding:34px 30px 84px;
  border:1px solid rgba(255,255,255,.54); border-radius:38px;
  color:#fff; background:#17382b;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.34),0 28px 75px rgba(21,49,37,.16);
  transition:flex-basis 900ms cubic-bezier(.2,.72,.2,1),transform 900ms cubic-bezier(.2,.72,.2,1),filter 700ms ease,box-shadow 700ms ease;
  transform:translate3d(0,18px,0) scale(.985); filter:saturate(.76) brightness(.78);
}
.feature-flick-section .feature-card:nth-child(1) { background:linear-gradient(145deg,#183d2e 0%,#3f765e 46%,#a9cabe 100%); }
.feature-flick-section .feature-card:nth-child(2) { background:linear-gradient(145deg,#15383a 0%,#407a76 48%,#a4c8cf 100%); }
.feature-flick-section .feature-card:nth-child(3) { background:linear-gradient(145deg,#28253f 0%,#69578c 48%,#b8a8d0 100%); }
.feature-flick-section .feature-card:nth-child(4) { background:linear-gradient(145deg,#242b28 0%,#5d6b65 50%,#bdc9c3 100%); }
.feature-flick-section .feature-card::before {
  content:attr(data-short); position:absolute; z-index:-1; left:50%; bottom:96px;
  max-height:calc(100% - 142px); font-size:clamp(3.1rem,4.9vw,4.75rem); font-weight:800;
  line-height:1; letter-spacing:.075em; white-space:nowrap;
  color:rgba(255,255,255,.58); writing-mode:vertical-rl; text-orientation:mixed;
  transform:translateX(-50%) rotate(180deg);
  transition:opacity 350ms ease,transform 850ms cubic-bezier(.2,.72,.2,1);
}
.feature-flick-section .feature-card::after {
  content:""; position:absolute; inset:0; z-index:-2; pointer-events:none;
  background:radial-gradient(circle at 70% 25%,rgba(255,255,255,.32),transparent 31%),linear-gradient(180deg,transparent 45%,rgba(5,18,12,.36));
  transition:transform 1.1s cubic-bezier(.2,.72,.2,1),opacity 500ms ease;
}
.feature-flick-section .feature-card.is-active {
  flex-basis:55%; transform:translate3d(0,0,0) scale(1); filter:none;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.5),0 40px 100px rgba(21,49,37,.24);
}
.feature-flick-section .feature-card.is-active::before { opacity:.11; writing-mode:horizontal-tb; left:auto; right:-3%; bottom:-3%; transform:none; }
.feature-flick-section .feature-card.is-active::after { transform:scale(1.08) translate3d(-2%,-1%,0); }
.feature-flick-section .fc-eyebrow,.feature-flick-section .feature-card h3,.feature-flick-section .fc-visual {
  color:#fff; opacity:0; transform:translate3d(-24px,14px,0);
  transition:opacity 320ms ease,transform 650ms cubic-bezier(.2,.72,.2,1);
}
.feature-flick-section .feature-card.is-active .fc-eyebrow,
.feature-flick-section .feature-card.is-active h3,
.feature-flick-section .feature-card.is-active .fc-visual { opacity:1; transform:none; transition-delay:250ms; }
.feature-flick-section .fc-eyebrow { text-transform:uppercase; letter-spacing:.16em; font-weight:750; }
.feature-flick-section .feature-card h3 { margin-top:12px; font-size:clamp(2.2rem,4.4vw,5rem); line-height:.94; letter-spacing:-.055em; }
.feature-flick-section .fc-visual { font-size:clamp(2rem,4vw,4.5rem); line-height:1.05; }
.feature-flick-section .fc-plus {
  width:54px; height:54px; right:22px; bottom:22px; background:rgba(255,255,255,.94); color:#142019;
  -webkit-backdrop-filter:blur(16px); backdrop-filter:blur(16px); transition:transform 450ms ease,background 450ms ease;
}
.feature-flick-section .feature-card:hover .fc-plus,.feature-flick-section .feature-card:focus-visible .fc-plus { transform:rotate(90deg); background:#20e786; }
.feature-flick-section .feature-card:focus-visible { outline:3px solid #13df7a; outline-offset:4px; }

.locations-section {
  position:relative; margin-top:-3px; padding-top:clamp(100px,10vw,160px) !important; padding-bottom:clamp(240px,20vw,340px) !important;
  background:linear-gradient(180deg,#dfe9e4 0%,#f5f7f6 24%,#edf2ef 51%,#aebdb5 73%,#65766d 87%,#18221d 100%) !important;
}
.locations-section .section-inner { position:relative; z-index:1; }
.partners { margin-top:-3px; }
footer {
  position:relative; margin-top:-3px; padding-top:clamp(150px,13vw,220px); overflow:hidden;
  background:linear-gradient(180deg,#25232b 0%,#303a35 18%,#3d4b44 48%,#52635a 100%);
}
footer::before {
  content:""; position:absolute; inset:0 0 auto; height:clamp(110px,10vw,170px);
  background:linear-gradient(180deg,#25232b 0%,rgba(45,55,50,.92) 52%,rgba(61,75,68,0) 100%); pointer-events:none;
}
footer .footer-inner { position:relative; z-index:1; }
footer .footer-grid div,footer .footer-grid a { color:rgba(255,255,255,.84); }
footer .footer-grid .footer-h { color:rgba(255,255,255,.56); }
footer .contact-list svg { color:rgba(255,255,255,.58); }
footer .footer-legal { color:rgba(255,255,255,.58); border-top-color:rgba(255,255,255,.16); }
footer .footer-legal a { color:rgba(255,255,255,.72); }

/* Larger brand-color marks travel as one slow ribbon; each logo carries a
   small independent sway so the row feels suspended. */
.partners {
  padding:clamp(82px,11vh,132px) 0;
  background:
    radial-gradient(ellipse at 22% 50%,rgba(29,190,107,.20),transparent 36%),
    radial-gradient(ellipse at 82% 30%,rgba(133,84,210,.20),transparent 36%),
    linear-gradient(145deg,#18221d,#25232b) !important;
}
.partners-label { margin-bottom:50px; color:rgba(255,255,255,.72) !important; }
.partners-track { animation-duration:32s; }
.partners-group { gap:clamp(74px,9vw,132px); padding-right:clamp(74px,9vw,132px); }
.dark-3 .partners-group img,.partners-group img {
  height:clamp(38px,4vw,54px); opacity:.96; filter:none;
  animation:partner-sway 4.8s ease-in-out infinite;
}
.partners-group img:nth-child(1) { filter:invert(19%) sepia(97%) saturate(5119%) hue-rotate(350deg) brightness(97%); }
.partners-group img:nth-child(2) { filter:invert(18%) sepia(91%) saturate(6076%) hue-rotate(314deg) brightness(101%); animation-delay:-.6s; }
.partners-group img:nth-child(3) { filter:invert(42%) sepia(92%) saturate(1617%) hue-rotate(183deg) brightness(92%); animation-delay:-1.2s; }
.partners-group img:nth-child(4) { filter:invert(31%) sepia(81%) saturate(1441%) hue-rotate(196deg) brightness(89%); animation-delay:-1.8s; }
.partners-group img:nth-child(5) { filter:invert(72%) sepia(87%) saturate(413%) hue-rotate(88deg) brightness(96%); animation-delay:-2.4s; }
.partners-group img:nth-child(6) { filter:invert(66%) sepia(93%) saturate(408%) hue-rotate(91deg) brightness(91%); animation-delay:-3s; }
.partners-group img:nth-child(7) { filter:invert(27%) sepia(92%) saturate(4115%) hue-rotate(348deg) brightness(99%); animation-delay:-3.6s; }
.partners-group img:nth-child(8) { filter:invert(61%) sepia(92%) saturate(1794%) hue-rotate(346deg) brightness(103%); animation-delay:-4.2s; }
.dark-3.partners:hover .partners-group img { opacity:1; }
@keyframes partner-sway {
  0%,100% { transform:translate3d(0,3px,0) rotate(-.7deg); }
  50% { transform:translate3d(0,-5px,0) rotate(.7deg); }
}

@media (max-width:900px) {
  .product-story:not(.product-story--galaxy) .story-17>img,
  .product-story:not(.product-story--galaxy) .story-18>img,
  .product-story:not(.product-story--galaxy) .story-duo>img {
    width:min(78vw,480px); height:430px; max-width:none; max-height:none;
  }
  .product-story--galaxy .galaxy-flip>img { width:min(88vw,680px); max-height:430px; }
  .metrics-section .stat-row>div { min-width:min(420px,calc(100vw - 40px)); }
  .motion-ready .bestseller-motion,.bestseller-motion { min-height:auto; padding:96px 0 150px !important; }
  .motion-ready .bestseller-motion .section-inner,.bestseller-motion .section-inner {
    position:relative; top:auto; height:auto; min-height:0; padding:0 20px; overflow:visible;
  }
  .bestseller-motion .grid { width:100%; display:grid !important; grid-template-columns:1fr !important; transform:none !important; }
  .bestseller-motion .pcard { width:100%; min-height:0; transform:none !important; }
  .bestseller-motion::before { top:5%; }
  .category-section { padding-bottom:190px !important; }
  .category-section .tile { min-height:180px; }
  .category-section .tile:nth-child(2),.category-section .tile:nth-child(4) { transform:none; }
  .process-scene { padding-top:190px; }
  .feature-flick-section { padding:110px 0 150px; }
  .feature-flick-section .section-h { font-size:clamp(3.5rem,14vw,5.8rem); }
  .feature-flick-section .feature-rail {
    display:flex; height:auto; overflow-x:auto; gap:14px; margin-top:40px; padding:8px 20px 34px;
    scroll-snap-type:x mandatory; scrollbar-width:none; perspective:none;
  }
  .feature-flick-section .feature-rail::-webkit-scrollbar { display:none; }
  .feature-flick-section .feature-card,.feature-flick-section .feature-card.is-active {
    flex:0 0 min(84vw,620px); width:auto; min-height:540px; transform:none; filter:none; scroll-snap-align:center;
  }
  .feature-flick-section .feature-card::before,.feature-flick-section .feature-card.is-active::before {
    opacity:.11; writing-mode:horizontal-tb; left:auto; right:-3%; bottom:-2%; transform:none;
  }
  .feature-flick-section .fc-eyebrow,.feature-flick-section .feature-card h3,.feature-flick-section .fc-visual {
    opacity:1; transform:none; transition:none;
  }
  .locations-section { padding-bottom:230px !important; }
}

@media (prefers-reduced-motion:reduce) {
  .motion-ready .bestseller-motion,.bestseller-motion { min-height:auto; padding:100px 0 150px !important; }
  .motion-ready .bestseller-motion .section-inner { position:relative; top:auto; height:auto; min-height:0; }
  .bestseller-motion .grid { transform:none !important; flex-wrap:wrap; justify-content:center; width:100%; }
  .bestseller-motion .pcard { transform:none !important; }
  .partners-group img { animation:none !important; }
  .feature-flick-section .feature-card { transition:none !important; }
}

/* Seamless scene continuity and a warmer, more expressive service journey. */
.hp-hero,.trust-strip,.product-story,.product-story-pin,
.samsung-latest,.metrics-section,.bestseller-motion,.category-section,
.vip-motion,.process-scene,.feature-flick-section,.locations-section,.partners,footer {
  margin-block-start:-2px;
}
.product-story-pin {
  background:
    radial-gradient(ellipse at 8% 0%,rgba(119,162,140,.22),transparent 42%),
    radial-gradient(ellipse at 88% 58%,rgba(190,142,232,.12),transparent 42%),
    linear-gradient(160deg,#edf3f0 0%,#e7efeb 22%,#dfeae4 56%,#cbded4 100%);
}

.process-scene {
  position:relative; isolation:isolate;
  background:
    radial-gradient(ellipse at 16% 35%,rgba(45,231,143,.22),transparent 34%),
    radial-gradient(ellipse at 82% 55%,rgba(160,109,237,.24),transparent 38%),
    linear-gradient(180deg,#15231c 0%,#3b594a 12%,#8aa599 28%,#d2dfd9 48%,#dce5e8 70%,#d9d7e7 100%);
}
.process-pin {
  position:relative; isolation:isolate; overflow:hidden;
  background:
    radial-gradient(circle at 15% 26%,rgba(65,239,158,.30),transparent 30%),
    radial-gradient(circle at 79% 64%,rgba(165,113,240,.29),transparent 34%),
    linear-gradient(130deg,rgba(232,247,239,.72),rgba(223,230,240,.67));
}
.process-pin::before {
  content:"EINFACH · DIREKT · BERLIN"; position:absolute; z-index:-1;
  left:-2vw; bottom:4%; white-space:nowrap; pointer-events:none;
  color:rgba(25,75,51,.07); font-size:clamp(5rem,10vw,11rem); font-weight:800;
  line-height:.8; letter-spacing:-.045em;
}
.process-pin::after {
  content:""; position:absolute; z-index:-2; width:min(48vw,680px); aspect-ratio:1;
  right:-7%; top:8%; border-radius:50%; pointer-events:none;
  background:conic-gradient(from 150deg,rgba(55,231,150,.25),rgba(255,255,255,.06),rgba(162,104,239,.30),rgba(55,231,150,.25));
  filter:blur(54px); opacity:.72;
}
.process-heading,.process-stack,.process-chat { position:relative; z-index:1; }
.process-heading h2 { color:#11291d; text-shadow:0 2px 34px rgba(255,255,255,.42); }
.process-card {
  background:
    linear-gradient(145deg,rgba(248,255,252,.72),rgba(225,239,234,.50)) padding-box,
    linear-gradient(135deg,rgba(255,255,255,.98),rgba(39,228,141,.72),rgba(172,112,244,.64)) border-box;
  -webkit-backdrop-filter:blur(42px) saturate(175%); backdrop-filter:blur(42px) saturate(175%);
}
.process-card-1 { box-shadow:inset 0 1px 0 rgba(255,255,255,.9),0 34px 90px rgba(20,135,78,.20); }
.process-card-2 { background:linear-gradient(145deg,rgba(240,255,249,.70),rgba(218,239,238,.52)) padding-box,linear-gradient(135deg,#fff,rgba(31,219,145,.76),rgba(92,166,238,.62)) border-box; }
.process-card-3 { background:linear-gradient(145deg,rgba(248,252,255,.70),rgba(232,226,247,.54)) padding-box,linear-gradient(135deg,#fff,rgba(79,216,166,.68),rgba(178,112,244,.76)) border-box; }
.process-chat {
  background:linear-gradient(150deg,rgba(16,42,30,.88),rgba(43,38,61,.84));
  -webkit-backdrop-filter:blur(34px) saturate(160%); backdrop-filter:blur(34px) saturate(160%);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.12),0 30px 85px rgba(47,50,69,.28);
}

/* Trust and product scenes share one long tonal bridge; the section edge
   dissolves into the same pale green instead of reading as a hard stripe. */
.trust-strip {
  background:
    radial-gradient(ellipse at 16% 8%,rgba(175,225,197,.34),transparent 42%),
    linear-gradient(180deg,#315d48 0%,#6f9582 18%,#b6d0c3 48%,#dce8e2 72%,#e8f0eb 100%);
}
.new-phones {
  background:
    radial-gradient(ellipse at 82% 0%,rgba(178,217,196,.22),transparent 38%),
    linear-gradient(180deg,#e8f0eb 0%,#e3ede8 18%,#dbe8e1 56%,#d4e2db 100%);
}

/* Keep the sticky hero and every following scene on one continuous colour
   field. The old neutral section fills created a visible grey stripe between
   the header, trust cards and the product stories. */
.hp-hero {
  background:
    radial-gradient(ellipse at 78% 18%,rgba(196,235,213,.34),transparent 42%),
    linear-gradient(180deg,#e8f1ec 0%,#c9e0d3 38%,#7fa894 68%,#315d48 100%);
}
.product-story {
  background:
    radial-gradient(ellipse at 82% 0%,rgba(176,218,194,.24),transparent 38%),
    linear-gradient(180deg,#e8f0eb 0%,#e3ede8 22%,#d9e7df 62%,#cbded4 100%);
}
.product-story-pin {
  background:
    radial-gradient(ellipse at 8% 0%,rgba(119,162,140,.20),transparent 42%),
    radial-gradient(ellipse at 88% 58%,rgba(190,142,232,.10),transparent 42%),
    linear-gradient(160deg,#e8f0eb 0%,#e3ede8 22%,#dbe8e1 56%,#cbded4 100%);
}
.product-story--galaxy {
  background:linear-gradient(180deg,#cbded4 0%,#c5d5d2 18%,#b8c8ce 60%,#aebbc1 100%);
}
.product-story--galaxy .product-story-pin {
  background:
    radial-gradient(ellipse at 16% 8%,rgba(170,211,195,.20),transparent 40%),
    linear-gradient(160deg,#cbded4 0%,#c4d4d2 24%,#b8c9cf 62%,#aebbc1 100%);
}

@media (max-width:900px) {
  .process-pin::before { bottom:2%; font-size:clamp(4rem,17vw,7rem); }
  .subpage-contact .page-hero .display { line-height:1.04; letter-spacing:-.025em; }
}

/* Collision-safe typography across the home-page display system. */
.hp-hero h1 { line-height:.96; letter-spacing:-.035em; }
.hp-hero h1 span { display:block; margin-top:.055em; }
.story-copy h2 { line-height:.94; letter-spacing:-.038em; }
.process-heading h2 { line-height:.98; letter-spacing:-.035em; }
.process-card h3,.feature-flick-section .feature-card h3 { line-height:1; letter-spacing:-.03em; }
@media (max-width:640px) {
  .hp-hero h1,.story-copy h2,.process-heading h2,.feature-flick-section .feature-card h3 { line-height:1.02; letter-spacing:-.022em; }
}

/* Contact navigation is the shared header benchmark on the home route. */
body:not(.subpage) nav {
  top:14px; width:min(calc(100% - 32px),1360px); margin:14px auto 0; overflow:hidden; isolation:isolate;
  border:1px solid rgba(255,255,255,.62); border-radius:999px;
  background:rgba(244,255,250,.055);
  -webkit-backdrop-filter:blur(15px) saturate(205%) contrast(108%); backdrop-filter:blur(15px) saturate(205%) contrast(108%);
  box-shadow:inset 0 1.5px 0 rgba(255,255,255,.96),inset 0 -1px 0 rgba(255,255,255,.22),inset 13px 0 24px rgba(255,255,255,.12),inset -16px 0 30px rgba(126,91,203,.11),0 22px 60px rgba(12,37,25,.2),0 4px 18px rgba(126,96,190,.12);
}
body:not(.subpage) nav::before {
  content:""; position:absolute; inset:1px; z-index:-1; pointer-events:none; border-radius:inherit;
  background:radial-gradient(ellipse at 7% -25%,rgba(255,255,255,.42),transparent 27%),radial-gradient(ellipse at 88% 130%,rgba(174,132,239,.16),transparent 29%),linear-gradient(112deg,rgba(255,255,255,.12) 4%,rgba(255,255,255,.025) 38%,rgba(109,239,177,.07) 72%,rgba(255,255,255,.1));
}
body:not(.subpage) nav::after {
  content:""; position:absolute; z-index:2; pointer-events:none; top:-120%; bottom:-120%; left:-28%; width:19%;
  background:linear-gradient(100deg,transparent 0%,rgba(255,255,255,.08) 25%,rgba(255,255,255,.58) 49%,rgba(159,238,203,.2) 62%,transparent 100%);
  filter:blur(5px); transform:rotate(12deg); mix-blend-mode:screen;
  animation:home-liquid-sheen 8.5s cubic-bezier(.55,.05,.35,1) infinite;
}
body:not(.subpage) .nav-inner { position:relative; z-index:3; max-width:none; height:64px; background:transparent; }
@keyframes home-liquid-sheen {
  0%,18% { left:-28%; opacity:0; }
  25% { opacity:.72; }
  58% { opacity:.5; }
  72%,100% { left:112%; opacity:0; }
}

[data-offer-link] { cursor:pointer; }
.hero-products::after {
  content:"iPhone-Angebote ansehen ↗"; position:absolute; z-index:8; right:8%; bottom:9%; padding:10px 15px;
  border:1px solid rgba(255,255,255,.72); border-radius:999px; color:#18382a; background:rgba(242,252,247,.52);
  -webkit-backdrop-filter:blur(22px) saturate(165%); backdrop-filter:blur(22px) saturate(165%);
  font-size:.76rem; font-weight:780; opacity:0; transform:translateY(10px); transition:opacity .25s ease,transform .35s var(--spring);
}
.hero-products:hover::after,.hero-products:focus-visible::after { opacity:1; transform:none; }
.story-image-hit { position:absolute; z-index:3; inset:7% 2% 7% 45%; border-radius:40px; }
.story-image-hit:focus-visible { outline:2px solid #15965b; outline-offset:-8px; }
.story-panel>img { transition:filter .35s ease,scale .45s var(--spring); }
.story-image-hit:hover ~ img,.story-image-hit:focus-visible ~ img { filter:drop-shadow(0 48px 46px rgba(18,35,26,.27)); scale:1.025; }

@media (max-width:640px) {
  body:not(.subpage) nav { top:8px; width:calc(100% - 16px); margin-top:8px; }
  body:not(.subpage) .nav-inner { height:58px; padding-inline:12px; }
  .hero-products::after { opacity:1; right:18px; bottom:14px; }
  .story-image-hit { inset:42% 3% 3%; }
}

/* Final colour choreography: every scene inherits the exact edge colour of
   its neighbour. Offset radial fields keep the blends organic rather than
   reading as stacked horizontal bands. The glass navigation floats above the
   artwork, so the page colour remains visible behind it from the first pixel. */
body:not(.subpage) {
  background:
    radial-gradient(ellipse at 84% 7%,rgba(166,116,232,.16),transparent 34%),
    radial-gradient(ellipse at 12% 2%,rgba(35,229,139,.18),transparent 32%),
    #e8f1ec;
}
body:not(.subpage) nav {
  position:fixed;
  left:50%;
  transform:translateX(-50%);
  margin:0;
  z-index:90;
}

.hp-hero {
  background:
    radial-gradient(ellipse at 83% 26%,rgba(187,139,237,.12),transparent 44%),
    radial-gradient(ellipse at 18% 48%,rgba(35,229,139,.16),transparent 46%),
    linear-gradient(180deg,#e8f1ec 0%,#d5e8df 24%,#a5c6b6 56%,#678e7a 79%,#315d48 100%) !important;
}
.trust-strip {
  background:
    radial-gradient(ellipse at 82% 48%,rgba(173,129,231,.11),transparent 44%),
    linear-gradient(180deg,#315d48 0%,#557b68 18%,#8fb19f 43%,#cbded4 72%,#e8f0eb 100%) !important;
}
.product-story {
  background:
    radial-gradient(ellipse at 84% 42%,rgba(165,116,233,.12),transparent 43%),
    radial-gradient(ellipse at 12% 74%,rgba(35,229,139,.13),transparent 42%),
    linear-gradient(180deg,#e8f0eb 0%,#e1ece6 28%,#d7e6de 66%,#cbded4 100%) !important;
}
.product-story--galaxy {
  background:
    radial-gradient(ellipse at 14% 55%,rgba(40,225,140,.1),transparent 42%),
    radial-gradient(ellipse at 84% 34%,rgba(154,110,229,.13),transparent 46%),
    linear-gradient(180deg,#cbded4 0%,#c4d5d1 34%,#b8c9ce 70%,#aebbc1 100%) !important;
}
.metrics-section {
  background:
    radial-gradient(ellipse at 12% 48%,rgba(255,255,255,.56),transparent 46%),
    radial-gradient(ellipse at 86% 72%,rgba(42,226,141,.1),transparent 40%),
    linear-gradient(180deg,#aebbc1 0%,#bbc9c9 28%,#d0ddd8 66%,#dce7e2 100%) !important;
}
.bestseller-motion {
  background:
    radial-gradient(ellipse at 14% 38%,rgba(51,224,144,.25),transparent 40%),
    radial-gradient(ellipse at 88% 62%,rgba(160,109,237,.24),transparent 42%),
    linear-gradient(180deg,#dce7e2 0%,#aebfb7 10%,#6a8075 22%,#34483e 38%,#1b241f 62%,#34493f 82%,#83978d 100%) !important;
}
.category-section {
  background:
    radial-gradient(ellipse at 13% 34%,rgba(45,229,142,.2),transparent 42%),
    radial-gradient(ellipse at 86% 59%,rgba(164,112,232,.17),transparent 44%),
    linear-gradient(180deg,#83978d 0%,#60766b 24%,#3e5549 52%,#273d32 76%,#15231c 100%) !important;
}
.vip-motion {
  background:
    radial-gradient(ellipse at 12% 38%,rgba(35,229,139,.25),transparent 43%),
    radial-gradient(ellipse at 88% 68%,rgba(159,109,235,.25),transparent 45%),
    linear-gradient(180deg,#15231c 0%,#1c2a23 28%,#292e31 66%,#273d33 100%) !important;
}
.process-scene {
  background:
    radial-gradient(ellipse at 83% 33%,rgba(160,111,232,.14),transparent 41%),
    radial-gradient(ellipse at 14% 58%,rgba(38,229,141,.15),transparent 44%),
    linear-gradient(180deg,#273d33 0%,#3d574a 10%,#688075 24%,#9fb2a9 42%,#cad7d1 61%,#e1e8e5 80%,#e8ecea 100%) !important;
}
.feature-flick-section {
  background:
    radial-gradient(ellipse at 12% 35%,rgba(39,228,141,.15),transparent 42%),
    radial-gradient(ellipse at 88% 69%,rgba(161,112,233,.14),transparent 44%),
    linear-gradient(180deg,#e8ecea 0%,#f2f5f3 31%,#e8efeb 70%,#dfe9e4 100%) !important;
}
.locations-section {
  background:
    radial-gradient(ellipse at 84% 32%,rgba(162,113,234,.13),transparent 42%),
    radial-gradient(ellipse at 14% 66%,rgba(38,228,141,.12),transparent 44%),
    linear-gradient(180deg,#dfe9e4 0%,#eef3f0 25%,#dce5e0 52%,#a9bab1 72%,#5f7469 88%,#18221d 100%) !important;
}
.partners {
  background:
    radial-gradient(ellipse at 22% 55%,rgba(29,190,107,.2),transparent 42%),
    radial-gradient(ellipse at 82% 38%,rgba(133,84,210,.2),transparent 42%),
    linear-gradient(180deg,#18221d 0%,#1d2422 30%,#25232b 64%,#25232b 100%) !important;
}
body:not(.subpage) footer {
  background:
    radial-gradient(ellipse at 84% 46%,rgba(151,105,221,.13),transparent 42%),
    radial-gradient(ellipse at 15% 62%,rgba(36,222,137,.12),transparent 44%),
    linear-gradient(180deg,#25232b 0%,#303a35 26%,#3d4b44 58%,#52635a 100%) !important;
}

@media (max-width:640px) {
  body:not(.subpage) nav { margin:0; }
}

/* Organic edge tails break up the remaining mathematically straight seams. */
body:not(.subpage) nav { background:rgba(239,250,245,.29); }
:is(.trust-strip,.product-story,.vip-motion,.process-scene,.feature-flick-section,.locations-section,.partners) {
  position:relative;
  box-shadow:inset 0 -150px 120px -118px var(--bridge-out);
}
:is(.trust-strip,.product-story,.vip-motion,.process-scene,.feature-flick-section,.locations-section,.partners)::after {
  content:"";
  position:absolute;
  z-index:0;
  inset:-3px -12% auto;
  height:clamp(130px,18vw,290px);
  pointer-events:none;
  background:radial-gradient(ellipse at var(--bridge-x,76%) 0%,var(--bridge-from) 0%,transparent 70%);
  opacity:.92;
}
:is(.trust-strip,.product-story,.vip-motion,.process-scene,.feature-flick-section,.locations-section,.partners) > * { position:relative; z-index:1; }
.trust-strip { --bridge-from:#315d48; --bridge-x:82%; }
.trust-strip { --bridge-out:#e8f0eb; }
.product-story { --bridge-from:#e8f0eb; --bridge-out:#cbded4; --bridge-x:18%; }
.product-story--galaxy { --bridge-from:#cbded4; --bridge-out:#aebbc1; --bridge-x:78%; }
.vip-motion { --bridge-from:#15231c; --bridge-out:#273d33; --bridge-x:18%; }
.process-scene { --bridge-from:#273d33; --bridge-out:#e8ecea; --bridge-x:82%; }
.feature-flick-section { --bridge-from:#e8ecea; --bridge-out:#dfe9e4; --bridge-x:16%; }
.locations-section { --bridge-from:#dfe9e4; --bridge-out:#18221d; --bridge-x:82%; }
.partners { --bridge-from:#18221d; --bridge-out:#25232b; --bridge-x:20%; }
.metrics-section::after {
  content:""; position:absolute; z-index:0; inset:-3px -12% auto; height:clamp(130px,18vw,290px); pointer-events:none;
  background:radial-gradient(ellipse at 82% 0%,#aebbc1 0%,transparent 70%); opacity:.92;
}
.bestseller-motion::after {
  height:clamp(170px,20vw,320px);
  background:radial-gradient(ellipse at 18% 0%,#dce7e2 0%,rgba(220,231,226,.72) 43%,transparent 72%);
}
.category-section {
  background:
    radial-gradient(ellipse at 82% -4%,#83978d 0%,rgba(131,151,141,.72) 42%,transparent 69%),
    radial-gradient(ellipse at 13% 34%,rgba(45,229,142,.2),transparent 42%),
    radial-gradient(ellipse at 86% 59%,rgba(164,112,232,.17),transparent 44%),
    linear-gradient(180deg,#83978d 0%,#60766b 24%,#3e5549 52%,#273d32 76%,#15231c 100%) !important;
}

/* Mobile composition pass: desktop pinning becomes a compact reading flow. */
@media (max-width:640px) {
  body:not(.subpage) nav { overflow:hidden; }
  .site-intro .intro-name { transform:scale(.72); }
  .hp-hero,.motion-ready .hp-hero { min-height:auto !important; overflow:hidden; }
  .hp-hero-pin,.motion-ready .hp-hero-pin { min-height:760px; padding:108px 18px 30px; overflow:hidden; }
  .hero-copy,.hero-lead,.hero-actions { width:100%; max-width:100%; }
  .scene-kicker { margin-bottom:16px; }
  .hp-hero h1 { font-size:clamp(3rem,14vw,4rem); line-height:.98; letter-spacing:-.045em; }
  .hero-lead { margin-top:20px; font-size:.98rem; }
  .hero-actions { margin-top:20px; gap:10px; }
  .hero-actions .btn-primary { width:100%; }
  .hero-products { min-height:285px; margin-top:8px; }
  .hero-device { width:min(72vw,285px); }
  .hero-device-front { left:23%; bottom:-12%; }
  .hero-device-back { right:35%; top:5%; }
  .hero-products::after { right:8px; bottom:4px; font-size:.68rem; padding:8px 11px; }
  .hero-service-orbit { gap:6px; margin-top:4px; }

  .trust-strip { gap:12px; padding:48px 18px 62px; }
  .trust-strip p { min-height:92px; padding:20px 22px; border-radius:24px; }

  .product-story,.motion-ready .product-story { min-height:auto !important; overflow:hidden; }
  .product-story-pin,.motion-ready .product-story-pin { height:auto !important; min-height:0 !important; overflow:hidden; }
  .story-track { display:grid; width:100%; transform:none !important; }
  .story-panel { width:100%; min-width:0; min-height:590px; padding:58px 18px 28px; grid-template-rows:auto 280px; overflow:hidden; }
  .story-copy { max-width:100%; }
  .story-copy h2 { margin-top:0; font-size:clamp(3.15rem,14vw,4.3rem); line-height:.98; }
  .story-copy p { margin-top:18px; font-size:.96rem; line-height:1.45; }
  .story-action { margin-top:16px; }
  .story-panel::after { width:125vw; right:-42vw; top:34%; }
  .story-panel>img,.story-18>img,.story-duo>img,
  .product-story--galaxy .story-panel>img,.product-story--galaxy .galaxy-flip>img {
    width:min(82vw,330px) !important; height:270px !important; max-width:100% !important;
    max-height:270px !important; margin-top:12px; object-fit:contain;
  }
  .story-image-hit { inset:48% 0 0; }

  .metrics-section { overflow:hidden; padding:60px 18px !important; }
  .metrics-section .stat-row { display:grid; grid-template-columns:1fr; gap:12px; }
  .metrics-section .stat-row>div { min-width:0; width:100%; padding:20px; }
  .metrics-section .stat-row b { font-size:2.8rem; }

  .motion-ready .bestseller-motion,.bestseller-motion { padding:72px 0 86px !important; overflow:hidden; }
  .bestseller-motion .section-inner { padding-inline:18px !important; }
  .bestseller-motion .grid { gap:22px !important; }
  .bestseller-motion .pcard { border-radius:28px; }

  .category-section { padding:72px 18px 86px !important; overflow:hidden; }
  .category-section .tile-grid { margin-top:28px !important; }
  .category-section .tile { min-height:160px; }

  .vip-motion { padding:76px 18px 90px !important; overflow:hidden; }
  .vip-motion .section-h { font-size:clamp(3rem,13vw,4.1rem); line-height:.98; }
  .vip-motion .stat-row { margin:30px 0 34px !important; }

  .process-scene { padding-top:0; overflow:hidden; }
  .process-pin { padding:74px 18px; gap:24px; }
  .process-heading h2 { font-size:clamp(3rem,13vw,4.2rem); line-height:.98; }
  .motion-ready .process-stack,.process-stack { gap:12px; }
  .motion-ready .process-card,.process-card { min-height:205px; padding:26px; }
  .process-card h3 { margin-top:0; font-size:2.25rem; }
  .process-card p { margin-top:14px; font-size:.98rem; }
  .process-chat { padding:20px; }

  .feature-flick-section { padding:76px 0 88px; overflow:hidden; }
  .feature-flick-section .section-inner>div:first-child { padding-inline:18px; }
  .feature-flick-section .feature-rail { margin-top:28px; padding:6px 18px 24px; }
  .feature-flick-section .feature-card,.feature-flick-section .feature-card.is-active { flex-basis:calc(100vw - 52px); min-height:420px; padding:26px 24px 70px; border-radius:28px; }
  .feature-flick-section .feature-card h3 { font-size:clamp(2.5rem,12vw,3.6rem); }

  .locations-section { padding:72px 18px 115px !important; overflow:hidden; }
  .partners { padding:62px 0; overflow:hidden; }
  body:not(.subpage) footer { padding-top:84px; }
}

/* Process cards: copy is centred in the glass body instead of sitting top-left
   under a 48px gap that once held a step number. */
.process-card { display:flex; flex-direction:column; justify-content:center; align-items:center; text-align:center; }
.process-card h3 { margin-top:0; }
.process-card p { margin-inline:auto; }

/* ═══ Mobile-Budget (Home) — Blur-Deckel, keine Filter-Glows, kurze Reveals ═══ */
@media (max-width:767px) {
  #nav { -webkit-backdrop-filter:blur(12px) saturate(180%); backdrop-filter:blur(12px) saturate(180%); }
  .trust-strip p, .metrics-section .stat-row>div { -webkit-backdrop-filter:blur(14px) saturate(140%); backdrop-filter:blur(14px) saturate(140%); }
  .bestseller-motion .pcard, .category-section .tile, .vip-motion .vip-tile, .process-card { -webkit-backdrop-filter:blur(18px) saturate(150%); backdrop-filter:blur(18px) saturate(150%); }
  .bestseller-motion .pcard-media { -webkit-backdrop-filter:none; backdrop-filter:none; background:rgba(244,248,246,.9) !important; }
  .process-chat { -webkit-backdrop-filter:blur(16px); backdrop-filter:blur(16px); }
  .hero-service-orbit a, .hero-products::after, .feature-flick-section .fc-plus { -webkit-backdrop-filter:none; backdrop-filter:none; }
  .hero-service-orbit a { background:rgba(255,255,255,.72); }
  .hero-products::after { background:rgba(242,252,247,.9); }
  .hero-halo { filter:none; }
  .process-pin::after { filter:none; opacity:.55; background:radial-gradient(circle,rgba(55,231,150,.28),rgba(162,104,239,.18) 45%,transparent 70%); }
  .hero-device { filter:drop-shadow(0 20px 22px rgba(25,29,32,.18)); will-change:auto; }
  /* Kategorie-Kacheln: kein Blur-Reveal, weniger Weg; Kacheln 2/4 nicht mehr 24px tiefer */
  .category-section .tile.reveal { filter:none; transform:translate3d(0,22px,0); transition:opacity 520ms var(--spring), transform 560ms var(--spring), background .5s ease; }
  .category-section .tile.reveal.shown, .category-section .tile:nth-child(2).reveal.shown, .category-section .tile:nth-child(4).reveal.shown { transform:none; }
  /* Totes will-change, solange Transforms per !important aus sind */
  .story-track, .story-backtype, .bestseller-motion .grid, .process-card, .hero-copy { will-change:auto; }
  .partners-group img { animation:none; }
  .bestseller-motion .pcard, .category-section .tile { transition:transform .5s var(--spring), background .5s ease; }
  /* Unterhalb der Falte: nur Sektionen ohne Sticky/Pin-Kinder und ohne Anker-Ziel */
  .feature-flick-section, .locations-section, .partners { content-visibility:auto; contain-intrinsic-size:auto 800px; }
  /* Hero-Orbit-Links und Story-CTAs: 44px Touchziel ohne sichtbaren Layoutwechsel */
  .hero-service-orbit a, .story-action { position:relative; }
  .hero-service-orbit a::after, .story-action::after { content:""; position:absolute; inset:-8px -6px; }
}
@media (hover:none) {
  .category-section .tile:hover, .category-section .tile:nth-child(2):hover, .category-section .tile:nth-child(4):hover { transform:none; }
  .bestseller-motion .pcard:hover { transform:none; }
}
/* Desktop: Bestseller-Karten ragen mit ihrem Versatz aus der sticky Bühne — nicht abschneiden. */
@media (min-width:901px) {
  .motion-ready .bestseller-motion .section-inner { overflow:visible; }
}

/* ═══ Hero auf dem Phone: Chips als eigene Reihe unter den Buttons, Geräte frei,
   kein Label auf dem Bild (Cluster unten rechts, iPhone-Screenshot 13.09.). ═══ */
@media (max-width:640px) {
  .hero-copy { order:0; }
  .hero-service-orbit { order:1; grid-column:1/-1; position:relative; left:auto; bottom:auto; transform:none;
    justify-content:flex-start; flex-wrap:wrap; gap:8px; margin-top:14px; }
  .hero-service-orbit a { padding:9px 15px; font-size:.82rem; }
  .hero-products { order:2; min-height:clamp(340px,93vw,420px); margin-top:16px; overflow:visible; }
  .hero-device-front { bottom:0; }
  .hero-products::after { display:none; }
  .hp-hero-pin, .motion-ready .hp-hero-pin { padding-bottom:28px; }
}
/* Bestseller auf dem Phone: Überschrift ist weiß — der Verlauf muss unter ihr schon dunkel sein. */
@media (max-width:767px) {
  .bestseller-motion {
    background:
      radial-gradient(at 14% 38%,rgba(51,224,144,.25),transparent 40%),
      radial-gradient(at 88% 62%,rgba(160,109,237,.24),transparent 42%),
      linear-gradient(180deg,#dce7e2 0%,#5c7266 1.2%,#2c3e35 2.4%,#1b241f 40%,#34493f 82%,#83978d 100%);
  }
}