/* ==========================================================================
   COROS-PACE-4-LANDING — HARAVAN LANDING PAGE ONLY
   Scoped to #pace4-landing; keep this asset separate from global theme CSS.
   ========================================================================== */

@import url('https://fonts.googleapis.com/css2?family=Be+Vietnam+Pro:ital,wght@0,400;0,500;0,600;0,700;0,800;0,900;1,700;1,800&display=swap');

    #pace4-landing,
    #pace4-landing * { box-sizing: border-box; }
    #pace4-landing {
      --ink: #090b0d;
      --paper: #f4f1e9;
      --white: #fff;
      --lime: #d8ff35;
      --acid: #b6f529;
      --orange: #ff6338;
      --cyan: #8fe7ff;
      --lavender: #d7ceff;
      --gold: #cdb181;
      --muted: #6d716e;
      --line: rgba(9,11,13,.15);
      --progress: 0;
      color: var(--ink);
      background: var(--paper);
      font-family: "Be Vietnam Pro", Arial, sans-serif;
      font-size: 16px;
      line-height: 1.6;
      overflow: clip;
      isolation: isolate;
    }
    #pace4-landing img { display: block; width: 100%; max-width: 100%; }
    #pace4-landing a { color: inherit; text-decoration: none; }
    #pace4-landing button { font: inherit; }
    #pace4-landing p { margin: 0; }
    #pace4-landing h2,
    #pace4-landing h3 { margin: 0; font-weight: 900; letter-spacing: -.055em; line-height: .94; }
    #pace4-landing h2 { font-size: clamp(3rem,8vw,8.9rem); }
    #pace4-landing h3 { font-size: clamp(1.35rem,2.4vw,2.4rem); }
    #pace4-landing .p4-shell { width: min(1440px,calc(100% - 48px)); margin-inline: auto; }
    #pace4-landing .p4-eyebrow { font-size: .74rem; font-weight: 900; letter-spacing: .18em; text-transform: uppercase; }
    #pace4-landing .p4-copy { max-width: 680px; font-size: clamp(1rem,1.5vw,1.24rem); }
    #pace4-landing .p4-button {
      display: inline-flex; align-items: center; justify-content: center; gap: 12px;
      min-height: 52px; padding: 0 24px; border: 1px solid currentColor; border-radius: 999px;
      font-weight: 800; font-size: .88rem; letter-spacing: .03em; transition: transform .25s ease,background .25s,color .25s;
    }
    #pace4-landing .p4-button:hover { transform: translateY(-3px); }
    #pace4-landing .p4-button--lime { color: var(--ink); background: var(--lime); border-color: var(--lime); }
    #pace4-landing .p4-button--dark { color: #fff; background: var(--ink); border-color: var(--ink); }
    #pace4-landing .p4-button--ghost { color: #fff; background: rgba(0,0,0,.16); border-color: rgba(255,255,255,.5); backdrop-filter: blur(14px); }
    #pace4-landing .p4-arrow { width: 18px; height: 18px; transition: transform .25s ease; }
    #pace4-landing .p4-button:hover .p4-arrow { transform: translateX(4px); }
    #pace4-landing .p4-scroll-progress { position: fixed; z-index: 18; left: 0; top: 0; width: calc(var(--progress) * 100%); height: 3px; background: var(--lime); pointer-events: none; }
    #pace4-landing .p4-hotline {
      position: fixed; z-index: 45; left: max(18px,env(safe-area-inset-left)); bottom: max(18px,env(safe-area-inset-bottom));
      display: inline-flex; min-height: 62px; align-items: center; gap: 12px; padding: 7px 18px 7px 7px;
      border: 1px solid rgba(255,255,255,.68); border-radius: 999px; color: #fff; background: rgba(9,11,13,.94);
      box-shadow: 0 16px 46px rgba(0,0,0,.32); backdrop-filter: blur(18px); transition: transform .24s ease,opacity .2s ease,visibility .2s ease;
    }
    #pace4-landing .p4-hotline:hover { color: var(--ink); background: var(--lime); transform: translateY(-3px); }
    #pace4-landing .p4-hotline:focus-visible { outline: 3px solid var(--orange); outline-offset: 3px; }
    #pace4-landing .p4-hotline__icon { position: relative; display: grid; width: 46px; height: 46px; flex: 0 0 46px; place-items: center; border-radius: 50%; color: var(--ink); background: var(--lime); }
    #pace4-landing .p4-hotline__icon::after { position: absolute; inset: -5px; border: 1px solid rgba(216,255,53,.5); border-radius: inherit; content: ""; animation: p4-hotline-pulse 2.2s ease-out infinite; }
    #pace4-landing .p4-hotline:hover .p4-hotline__icon { color: #fff; background: var(--ink); }
    #pace4-landing .p4-hotline__icon svg { width: 21px; height: 21px; }
    #pace4-landing .p4-hotline__copy { display: grid; line-height: 1.15; }
    #pace4-landing .p4-hotline__copy small { font-size: .62rem; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; opacity: .68; }
    #pace4-landing .p4-hotline__copy strong { margin-top: 4px; font-size: .82rem; font-weight: 900; white-space: nowrap; }
    body.cartModalOpen #pace4-landing .p4-hotline,
    body.commerceVariantModalOpen #pace4-landing .p4-hotline,
    body.accountLoginModalOpen #pace4-landing .p4-hotline,
    body.mobileShellOpen #pace4-landing .p4-hotline { visibility: hidden; opacity: 0; pointer-events: none; }

    #pace4-landing .p4-mini-nav {
      position: sticky; top: 0; z-index: 17; min-height: 58px; color: #fff; background: rgba(9,11,13,.87);
      border-bottom: 1px solid rgba(255,255,255,.13); backdrop-filter: blur(18px); display: flex; align-items: center;
    }
    #pace4-landing .p4-mini-nav__inner { display: flex; align-items: center; justify-content: space-between; gap: 24px; }
    #pace4-landing .p4-mini-nav__brand { display: flex; align-items: center; gap: 12px; font-weight: 900; letter-spacing: -.04em; white-space: nowrap; }
    #pace4-landing .p4-mini-nav__brand img { width: 116px; height: auto; }
    #pace4-landing .p4-mini-nav__brand span { padding-left: 12px; border-left: 1px solid rgba(255,255,255,.28); font-size: .76rem; letter-spacing: .08em; }
    #pace4-landing .p4-mini-nav__links { display: flex; align-items: center; gap: 5px; min-width: 0; overflow-x: auto; scrollbar-width: none; }
    #pace4-landing .p4-mini-nav__links::-webkit-scrollbar { display: none; }
    #pace4-landing .p4-mini-nav__link { padding: 8px 12px; border-radius: 999px; color: rgba(255,255,255,.66); font-size: .75rem; font-weight: 700; white-space: nowrap; }
    #pace4-landing .p4-mini-nav__link.is-active,
    #pace4-landing .p4-mini-nav__link:hover { color: var(--ink); background: var(--lime); }
    #pace4-landing .p4-language-switch { flex: 0 0 auto; display: inline-flex; padding: 3px; border: 1px solid rgba(255,255,255,.28); border-radius: 999px; background: rgba(255,255,255,.07); }
    #pace4-landing .p4-language-switch__button { width: 38px; height: 30px; padding: 0; border: 0; border-radius: 999px; color: rgba(255,255,255,.68); background: transparent; cursor: pointer; font-size: .68rem; font-weight: 900; letter-spacing: .06em; transition: color .2s ease,background .2s ease; }
    #pace4-landing .p4-language-switch__button[aria-pressed="true"] { color: var(--ink); background: var(--lime); }
    #pace4-landing .p4-language-switch__button:focus-visible { outline: 2px solid #fff; outline-offset: 2px; }

    #pace4-landing .p4-hero {
      position: relative; min-height: min(920px,calc(100svh - 58px)); color: #fff; background: #080a0a;
      display: grid; align-items: end; overflow: hidden;
    }
    #pace4-landing .p4-hero__media { position: absolute; inset: 0; overflow: hidden; background: #080a0a; }
    #pace4-landing .p4-hero__poster,
    #pace4-landing .p4-hero__video { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
    #pace4-landing .p4-hero__poster { object-position: 50% 54%; transform: scale(1.035) translate3d(var(--hero-x,0),var(--hero-y,0),0); animation: p4-hero-breathe 10s ease-in-out infinite alternate; }
    #pace4-landing .p4-hero__video { z-index: 1; object-position: 50% 50%; opacity: 0; transform: scale(1.012); transition: opacity .9s ease; pointer-events: none; }
    #pace4-landing .p4-hero__media.is-video-ready .p4-hero__video { opacity: 1; }
    #pace4-landing .p4-hero__media.is-video-ready .p4-hero__poster { animation-play-state: paused; }
    #pace4-landing .p4-hero__media::after { content: ""; position: absolute; z-index: 2; inset: 0; background: linear-gradient(90deg,rgba(0,0,0,.8) 0%,rgba(0,0,0,.26) 50%,rgba(0,0,0,.58) 100%),linear-gradient(0deg,rgba(0,0,0,.9) 0%,transparent 48%,rgba(0,0,0,.18) 100%); pointer-events: none; }
    #pace4-landing .p4-hero__grain { position: absolute; inset: -60%; opacity: .13; pointer-events: none; background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.95' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.8'/%3E%3C/svg%3E"); animation: p4-grain .18s steps(2) infinite; }
    #pace4-landing .p4-hero__content { position: relative; z-index: 2; padding-block: clamp(110px,16vh,180px) clamp(54px,8vh,92px); }
    #pace4-landing .p4-hero__brand { display: flex; align-items: center; gap: 18px; margin-bottom: 30px; }
    #pace4-landing .p4-hero__brand img { width: clamp(154px,17vw,238px); height: auto; }
    #pace4-landing .p4-hero__brand span { padding-left: 18px; border-left: 1px solid rgba(255,255,255,.42); font-size: clamp(.82rem,1.2vw,1.1rem); font-weight: 900; letter-spacing: .16em; }
    #pace4-landing .p4-hero__kicker { display: flex; align-items: center; gap: 12px; margin-bottom: 22px; font-weight: 800; letter-spacing: .13em; text-transform: uppercase; font-size: .78rem; }
    #pace4-landing .p4-hero__kicker::before { content: ""; width: 36px; height: 4px; background: var(--lime); }
    #pace4-landing .p4-hero__title { max-width: 1180px; font-size: clamp(4rem,12vw,12.5rem); color: #fff; text-transform: uppercase; }
    #pace4-landing .p4-hero__title span { display: block; color: var(--lime); padding-left: clamp(0px,10vw,160px); }
    #pace4-landing .p4-hero__bottom { margin-top: clamp(30px,5vw,62px); display: grid; grid-template-columns: minmax(0,560px) 1fr; gap: 40px; align-items: end; }
    #pace4-landing .p4-hero__copy { color: rgba(255,255,255,.8); font-size: clamp(1rem,1.5vw,1.3rem); }
    #pace4-landing .p4-hero__buttons { display: flex; justify-content: flex-end; flex-wrap: wrap; gap: 12px; }
    #pace4-landing .p4-hero__light { position: absolute; z-index: 1; width: 340px; height: 340px; right: 10%; top: 24%; border-radius: 50%; background: rgba(216,255,53,.19); filter: blur(80px); animation: p4-orbit 7s ease-in-out infinite alternate; }

    #pace4-landing .p4-ticker { background: var(--lime); overflow: hidden; border-block: 1px solid var(--ink); }
    #pace4-landing .p4-ticker__track { display: flex; width: max-content; animation: p4-ticker 24s linear infinite; }
    #pace4-landing .p4-ticker__item { display: flex; align-items: center; gap: 16px; padding: 16px 30px; font-size: .82rem; font-weight: 900; letter-spacing: .08em; text-transform: uppercase; white-space: nowrap; }
    #pace4-landing .p4-ticker__item::after { content: "✦"; }

    #pace4-landing .p4-speed { position: relative; min-height: clamp(620px,75vw,900px); color: #fff; background: #111; display: grid; align-items: end; overflow: hidden; }
    #pace4-landing .p4-speed__media { position: absolute; inset: 0; }
    #pace4-landing .p4-speed__media img { height: 100%; object-fit: cover; }
    #pace4-landing .p4-speed__media::after { content: ""; position: absolute; inset: 0; background: linear-gradient(0deg,rgba(0,0,0,.78),transparent 65%); }
    #pace4-landing .p4-speed__words { position: relative; z-index: 2; padding-block: 70px; }
    #pace4-landing .p4-speed__words h2 { font-size: clamp(4.4rem,13.5vw,13.5rem); text-transform: uppercase; color: #fff; }
    #pace4-landing .p4-speed__words h2 span { display: block; color: transparent; -webkit-text-stroke: 2px var(--lime); text-align: right; }
    #pace4-landing .p4-speed__copy { margin-top: 28px; max-width: 570px; color: rgba(255,255,255,.8); }

    #pace4-landing .p4-variants { padding: clamp(80px,10vw,150px) 0; background: #f6f4ed; }
    #pace4-landing .p4-heading-row { display: grid; grid-template-columns: 1.2fr .8fr; align-items: end; gap: 50px; margin-bottom: 60px; }
    #pace4-landing .p4-heading-row h2 { font-size: clamp(3.5rem,8vw,8rem); }
    #pace4-landing .p4-heading-row__copy { color: #5c605c; }
    #pace4-landing .p4-selector { display: grid; grid-template-columns: 180px minmax(0,1.05fr) minmax(320px,.8fr); background: #fff; border: 1px solid var(--line); min-height: 670px; }
    #pace4-landing .p4-selector__tabs { display: flex; flex-direction: column; border-right: 1px solid var(--line); }
    #pace4-landing .p4-variant-button { flex: 1; min-height: 88px; border: 0; border-bottom: 1px solid var(--line); background: transparent; cursor: pointer; display: grid; grid-template-columns: 34px 1fr; align-items: center; gap: 10px; padding: 16px; text-align: left; transition: background .22s,color .22s; }
    #pace4-landing .p4-variant-button:last-child { border-bottom: 0; }
    #pace4-landing .p4-variant-button[aria-pressed="true"] { color: #fff; background: var(--ink); }
    #pace4-landing .p4-swatch { width: 28px; height: 28px; border-radius: 50%; border: 4px solid #fff; box-shadow: 0 0 0 1px rgba(0,0,0,.24); background: var(--swatch,#111); }
    #pace4-landing .p4-swatch--split { background: linear-gradient(135deg,#f3f0e9 0 50%,#111 50%); }
    #pace4-landing .p4-variant-button small { display: block; opacity: .58; font-size: .62rem; text-transform: uppercase; letter-spacing: .1em; }
    #pace4-landing .p4-variant-button strong { display: block; margin-top: 2px; font-size: .78rem; line-height: 1.2; }
    #pace4-landing .p4-selector__stage { position: relative; display: grid; place-items: center; min-width: 0; overflow: hidden; background: radial-gradient(circle at 50% 45%,#fff 0,#f0eee8 62%,#e5e2da 100%); }
    #pace4-landing .p4-selector__stage::before { content: attr(data-index); position: absolute; inset: auto auto -12% -1%; color: rgba(9,11,13,.055); font-size: clamp(11rem,22vw,22rem); font-weight: 900; line-height: 1; }
    #pace4-landing .p4-selector__ring { position: absolute; width: min(80%,520px); aspect-ratio: 1; border-radius: 50%; border: 1px solid rgba(0,0,0,.14); animation: p4-spin 18s linear infinite; }
    #pace4-landing .p4-selector__ring::before { content: ""; position: absolute; width: 14px; height: 14px; border-radius: 50%; background: var(--orange); top: 10%; left: 13%; box-shadow: 0 0 0 10px rgba(255,99,56,.12); }
    #pace4-landing .p4-selector__image { position: relative; z-index: 2; width: min(76%,600px); aspect-ratio: 1; object-fit: contain; filter: drop-shadow(0 35px 32px rgba(0,0,0,.16)); transition: opacity .2s ease,transform .28s ease; }
    #pace4-landing .p4-selector__image.is-changing { opacity: 0; transform: scale(.92) rotate(-3deg); }
    #pace4-landing .p4-selector__info { padding: clamp(30px,4vw,56px); background: var(--lime); display: flex; flex-direction: column; justify-content: space-between; }
    #pace4-landing .p4-selector__number { font-weight: 900; font-size: clamp(3rem,5vw,5rem); line-height: 1; }
    #pace4-landing .p4-selector__series { margin: 34px 0 10px; font-size: .75rem; font-weight: 900; letter-spacing: .14em; text-transform: uppercase; }
    #pace4-landing .p4-selector__name { font-size: clamp(2rem,4vw,4.5rem); }
    #pace4-landing .p4-selector__description { margin-top: 24px; }
    #pace4-landing .p4-selector__specs { border-top: 1px solid rgba(0,0,0,.25); margin-top: 34px; }
    #pace4-landing .p4-selector__spec { display: flex; justify-content: space-between; gap: 20px; padding: 10px 0; border-bottom: 1px solid rgba(0,0,0,.18); font-size: .75rem; }
    #pace4-landing .p4-selector__spec span:first-child { opacity: .62; text-transform: uppercase; letter-spacing: .08em; }
    #pace4-landing .p4-selector__commerce { margin-top: 32px; display: flex; flex-wrap: wrap; align-items: center; gap: 15px 20px; }
    #pace4-landing .p4-selector__actions { display: flex; flex-wrap: wrap; gap: 10px; }
    #pace4-landing .p4-selector__buy[disabled] { cursor: not-allowed; opacity: .55; transform: none; }
    #pace4-landing .p4-live-price { font-weight: 900; font-size: 1.1rem; }
    #pace4-landing .p4-live-status { font-size: .69rem; opacity: .66; }
    #pace4-landing .p4-live-status.is-unavailable { color: #9e2300; opacity: 1; }

    #pace4-landing .p4-highlights { color: #fff; background: var(--ink); padding: clamp(80px,10vw,150px) 0; }
    #pace4-landing .p4-highlights__intro { display: grid; grid-template-columns: 1fr 1fr; gap: 40px; align-items: end; margin-bottom: 54px; }
    #pace4-landing .p4-highlights__intro p { color: rgba(255,255,255,.65); max-width: 600px; justify-self: end; }
    #pace4-landing .p4-mosaic { display: grid; grid-template-columns: repeat(12,1fr); grid-auto-rows: minmax(220px,auto); gap: 12px; }
    #pace4-landing .p4-tile { position: relative; overflow: hidden; min-height: 340px; padding: 34px; color: var(--ink); background: #fff; display: flex; flex-direction: column; justify-content: space-between; }
    #pace4-landing .p4-tile--wide { grid-column: span 8; }
    #pace4-landing .p4-tile--small { grid-column: span 4; }
    #pace4-landing .p4-tile--half { grid-column: span 6; }
    #pace4-landing .p4-tile--lime { background: var(--lime); }
    #pace4-landing .p4-tile--lavender { background: var(--lavender); }
    #pace4-landing .p4-tile--cyan { background: var(--cyan); }
    #pace4-landing .p4-tile--orange { background: var(--orange); color: #fff; }
    #pace4-landing .p4-tile__label { position: relative; z-index: 2; font-size: .69rem; font-weight: 900; text-transform: uppercase; letter-spacing: .13em; }
    #pace4-landing .p4-tile__stat { position: relative; z-index: 2; font-size: clamp(4rem,8vw,8rem); font-weight: 900; line-height: .8; letter-spacing: -.08em; }
    #pace4-landing .p4-tile__stat small { display: block; margin-top: 20px; font-size: .8rem; letter-spacing: .04em; line-height: 1.5; }
    #pace4-landing .p4-tile__image { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; transition: transform .8s cubic-bezier(.2,.8,.2,1); }
    #pace4-landing .p4-tile:hover .p4-tile__image { transform: scale(1.055); }
    #pace4-landing .p4-tile__shade { position: absolute; inset: 0; background: linear-gradient(180deg,rgba(0,0,0,.08),rgba(0,0,0,.72)); }
    #pace4-landing .p4-tile__copy { position: relative; z-index: 2; align-self: end; max-width: 420px; font-weight: 600; }
    #pace4-landing .p4-tile--photo { color: #fff; min-height: 470px; }

    #pace4-landing .p4-light { padding: clamp(80px,10vw,150px) 0; background: #f1efe8; }
    #pace4-landing .p4-light__grid { display: grid; grid-template-columns: .9fr 1.1fr; align-items: center; gap: 40px; }
    #pace4-landing .p4-light__visual { position: relative; min-height: 620px; background: var(--orange); overflow: hidden; }
    #pace4-landing .p4-light__visual img { position: absolute; inset: 0; height: 100%; object-fit: cover; }
    #pace4-landing .p4-light__visual::after { content: "32G"; position: absolute; left: 2%; bottom: -6%; color: #fff; font-weight: 900; line-height: 1; font-size: clamp(8rem,20vw,19rem); letter-spacing: -.12em; mix-blend-mode: overlay; }
    #pace4-landing .p4-light__copy h2 { margin: 20px 0 30px; font-size: clamp(4rem,8vw,8.5rem); }
    #pace4-landing .p4-weight-row { display: grid; grid-template-columns: 1fr 1fr; margin-top: 40px; border-top: 1px solid var(--line); }
    #pace4-landing .p4-weight { padding: 22px 20px 0 0; }
    #pace4-landing .p4-weight + .p4-weight { padding-left: 20px; border-left: 1px solid var(--line); }
    #pace4-landing .p4-weight strong { display: block; font-size: clamp(2.2rem,5vw,5rem); line-height: 1; letter-spacing: -.06em; }
    #pace4-landing .p4-weight span { color: var(--muted); font-size: .75rem; }

    #pace4-landing .p4-materials { color: #fff; background: #070808; padding: clamp(80px,10vw,150px) 0; }
    #pace4-landing .p4-materials__header { margin-bottom: 50px; display: grid; grid-template-columns: 1.2fr .8fr; align-items: end; gap: 40px; }
    #pace4-landing .p4-materials__header p { color: rgba(255,255,255,.62); }
    #pace4-landing .p4-bands { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }
    #pace4-landing .p4-band { position: relative; min-height: 560px; overflow: hidden; background: #141515; }
    #pace4-landing .p4-band img { height: 100%; object-fit: cover; transition: transform .8s ease; }
    #pace4-landing .p4-band:hover img { transform: scale(1.045); }
    #pace4-landing .p4-band__caption { position: absolute; inset: auto 26px 24px; display: flex; justify-content: space-between; align-items: end; gap: 20px; }
    #pace4-landing .p4-band__caption span { font-size: .72rem; color: rgba(255,255,255,.65); }
    #pace4-landing .p4-material-notes { margin-top: 12px; display: grid; grid-template-columns: repeat(3,1fr); gap: 12px; }
    #pace4-landing .p4-material-note { padding: 30px; min-height: 230px; color: var(--ink); background: #fff; }
    #pace4-landing .p4-material-note:nth-child(2) { background: var(--lime); }
    #pace4-landing .p4-material-note:nth-child(3) { background: var(--lavender); }
    #pace4-landing .p4-material-note p { margin-top: 18px; color: rgba(0,0,0,.64); font-size: .88rem; }

    #pace4-landing .p4-progress-banner { position: relative; min-height: min(900px,78vw); color: #fff; display: grid; align-items: end; overflow: hidden; background: #1c1d1e; }
    #pace4-landing .p4-progress-banner img { position: absolute; inset: 0; height: 100%; object-fit: cover; }
    #pace4-landing .p4-progress-banner::after { content: ""; position: absolute; inset: 0; background: linear-gradient(0deg,rgba(0,0,0,.84),transparent 70%); }
    #pace4-landing .p4-progress-banner__copy { position: relative; z-index: 2; padding-bottom: 68px; }
    #pace4-landing .p4-progress-banner h2 { color: var(--lime); text-transform: uppercase; }

    #pace4-landing .p4-tools { position: relative; color: #fff; background: #111; min-height: 940px; display: grid; align-items: center; overflow: hidden; }
    #pace4-landing .p4-tools__bg { position: absolute; inset: 0; }
    #pace4-landing .p4-tools__bg img { height: 100%; object-fit: cover; }
    #pace4-landing .p4-tools__bg::after { content: ""; position: absolute; inset: 0; background: linear-gradient(90deg,rgba(0,0,0,.92) 0%,rgba(0,0,0,.67) 46%,rgba(0,0,0,.25) 100%); }
    #pace4-landing .p4-tools__grid { position: relative; z-index: 2; display: grid; grid-template-columns: minmax(0,600px) 1fr; align-items: end; gap: 70px; padding-block: 110px; }
    #pace4-landing .p4-tools__copy h2 { margin: 18px 0 32px; }
    #pace4-landing .p4-tools__tabs { margin-top: 50px; border-top: 1px solid rgba(255,255,255,.25); }
    #pace4-landing .p4-tool-tab { width: 100%; color: rgba(255,255,255,.48); background: transparent; border: 0; border-bottom: 1px solid rgba(255,255,255,.25); padding: 19px 0; cursor: pointer; text-align: left; display: grid; grid-template-columns: 46px 1fr; gap: 10px; }
    #pace4-landing .p4-tool-tab span { font-size: .72rem; font-weight: 900; }
    #pace4-landing .p4-tool-tab strong { font-size: clamp(1.2rem,2vw,2rem); }
    #pace4-landing .p4-tool-tab[aria-pressed="true"] { color: var(--lime); }
    #pace4-landing .p4-tool-panel { justify-self: end; max-width: 470px; padding: 35px; border: 1px solid rgba(255,255,255,.26); background: rgba(0,0,0,.52); backdrop-filter: blur(18px); }
    #pace4-landing .p4-tool-panel__number { color: var(--lime); font-size: 7rem; font-weight: 900; line-height: .85; letter-spacing: -.1em; }
    #pace4-landing .p4-tool-panel h3 { margin: 30px 0 18px; font-size: clamp(2rem,4vw,4rem); }
    #pace4-landing .p4-tool-panel p { color: rgba(255,255,255,.66); }
    #pace4-landing .p4-tool-panel__line { height: 4px; margin-top: 36px; background: rgba(255,255,255,.18); overflow: hidden; }
    #pace4-landing .p4-tool-panel__line::after { content: ""; display: block; width: 72%; height: 100%; background: var(--lime); animation: p4-pulse-line 2.5s ease-in-out infinite alternate; }

    #pace4-landing .p4-jakob { color: #fff; background: #07100c; padding: clamp(80px,10vw,150px) 0; }
    #pace4-landing .p4-jakob__intro { display: grid; grid-template-columns: .9fr 1.1fr; align-items: end; gap: 50px; margin-bottom: 50px; }
    #pace4-landing .p4-jakob__intro h2 { color: var(--gold); text-transform: uppercase; }
    #pace4-landing .p4-jakob__intro p { color: rgba(255,255,255,.68); max-width: 620px; justify-self: end; }
    #pace4-landing .p4-jakob__hero { position: relative; min-height: 720px; overflow: hidden; background: #233128; }
    #pace4-landing .p4-jakob__hero > img { position: absolute; inset: 0; height: 100%; object-fit: cover; }
    #pace4-landing .p4-jakob__hero::after { content: ""; position: absolute; inset: 0; background: linear-gradient(90deg,rgba(0,0,0,.72),transparent 66%),linear-gradient(0deg,rgba(0,0,0,.72),transparent 60%); }
    #pace4-landing .p4-jakob__word { position: absolute; z-index: 2; left: 3%; top: 7%; color: transparent; -webkit-text-stroke: 1.5px rgba(255,255,255,.58); font-size: clamp(5rem,14vw,14rem); font-weight: 900; letter-spacing: -.09em; line-height: .8; text-transform: uppercase; }
    #pace4-landing .p4-jakob__runner { position: absolute; z-index: 3; right: 4%; bottom: 4%; width: min(46%,620px); border: 10px solid rgba(255,255,255,.08); box-shadow: 0 36px 90px rgba(0,0,0,.44); }
    #pace4-landing .p4-jakob__caption { position: absolute; z-index: 4; left: 4%; bottom: 6%; max-width: 540px; }
    #pace4-landing .p4-jakob__caption h3 { color: var(--gold); font-size: clamp(2.6rem,6vw,6rem); }
    #pace4-landing .p4-jakob__caption p { margin: 18px 0 26px; color: rgba(255,255,255,.74); }
    #pace4-landing .p4-jakob__details { display: grid; grid-template-columns: 1.1fr .9fr; margin-top: 12px; gap: 12px; }
    #pace4-landing .p4-jakob__band { min-height: 470px; overflow: hidden; }
    #pace4-landing .p4-jakob__band img { height: 100%; object-fit: cover; }
    #pace4-landing .p4-jakob__facts { background: var(--gold); color: var(--ink); padding: clamp(32px,5vw,64px); display: grid; align-content: center; gap: 22px; }
    #pace4-landing .p4-jakob__fact { padding-bottom: 18px; border-bottom: 1px solid rgba(0,0,0,.24); }
    #pace4-landing .p4-jakob__fact strong { display: block; font-size: 1.08rem; }
    #pace4-landing .p4-jakob__fact span { display: block; margin-top: 5px; font-size: .78rem; opacity: .68; }

    #pace4-landing .p4-shop { padding: clamp(80px,10vw,150px) 0; background: #f6f4ed; }
    #pace4-landing .p4-shop__header { display: flex; align-items: end; justify-content: space-between; gap: 40px; margin-bottom: 52px; }
    #pace4-landing .p4-shop__header h2 { max-width: 850px; }
    #pace4-landing .p4-shop-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 12px; }
    #pace4-landing .p4-card { background: #fff; border: 1px solid var(--line); display: flex; flex-direction: column; min-width: 0; transition: transform .28s ease,box-shadow .28s ease; }
    #pace4-landing .p4-card:hover { transform: translateY(-7px); box-shadow: 0 24px 55px rgba(0,0,0,.1); }
    #pace4-landing .p4-card__visual { position: relative; aspect-ratio: 1; overflow: hidden; background: #efede7; }
    #pace4-landing .p4-card__visual img { height: 100%; object-fit: contain; transition: transform .5s ease; }
    #pace4-landing .p4-card:hover .p4-card__visual img { transform: scale(1.04) rotate(1.5deg); }
    #pace4-landing .p4-card__badge { position: absolute; z-index: 2; left: 16px; top: 16px; padding: 7px 10px; border-radius: 999px; background: var(--lime); font-size: .64rem; font-weight: 900; letter-spacing: .06em; text-transform: uppercase; }
    #pace4-landing .p4-card__body { padding: 24px; flex: 1; display: flex; flex-direction: column; }
    #pace4-landing .p4-card__body p { margin-top: 12px; color: var(--muted); font-size: .8rem; }
    #pace4-landing .p4-card__footer { margin-top: 30px; padding-top: 18px; border-top: 1px solid var(--line); display: flex; align-items: end; justify-content: space-between; gap: 15px; }
    #pace4-landing .p4-card__link { font-weight: 900; font-size: .8rem; }
    #pace4-landing .p4-card__buy { width: 100%; min-height: 50px; margin-top: 18px; padding: 0 18px; border: 1px solid var(--ink); border-radius: 999px; color: #fff; background: var(--ink); cursor: pointer; font-weight: 900; font-size: .78rem; letter-spacing: .02em; transition: transform .22s ease,background .22s ease,color .22s ease; }
    #pace4-landing .p4-card__buy:hover:not(:disabled) { color: var(--ink); background: var(--lime); transform: translateY(-2px); }
    #pace4-landing .p4-card__buy:focus-visible { outline: 3px solid var(--orange); outline-offset: 2px; }
    #pace4-landing .p4-card__buy:disabled { color: #777; border-color: #d7d4cc; background: #eceae4; cursor: not-allowed; }
    #pace4-landing .p4-card__buy[aria-busy="true"] { cursor: wait; opacity: .72; }
    #pace4-landing .p4-card__buy[data-p4-success="true"] { color: var(--ink); border-color: var(--lime); background: var(--lime); }

    #pace4-landing .p4-trust { color: var(--ink); background: var(--lime); padding: clamp(80px,10vw,140px) 0; }
    #pace4-landing .p4-trust__intro { display: grid; grid-template-columns: 1.1fr .9fr; align-items: end; gap: 50px; margin-bottom: 52px; }
    #pace4-landing .p4-trust__intro h2 { margin-top: 16px; font-size: clamp(3.4rem,7vw,7.5rem); }
    #pace4-landing .p4-trust__intro > p { max-width: 650px; color: rgba(0,0,0,.66); }
    #pace4-landing .p4-trust__cards { display: grid; grid-template-columns: repeat(4,1fr); gap: 12px; }
    #pace4-landing .p4-trust-card { min-height: 260px; padding: 30px; border: 1px solid rgba(0,0,0,.18); background: rgba(255,255,255,.76); display: flex; flex-direction: column; }
    #pace4-landing .p4-trust-card:nth-child(2) { background: var(--cyan); }
    #pace4-landing .p4-trust-card:nth-child(3) { background: var(--lavender); }
    #pace4-landing .p4-trust-card:nth-child(4) { color: #fff; background: var(--ink); }
    #pace4-landing .p4-trust-card h3 { font-size: clamp(1.5rem,2.2vw,2.25rem); }
    #pace4-landing .p4-trust-card p { margin: 18px 0 24px; color: rgba(0,0,0,.62); font-size: .86rem; }
    #pace4-landing .p4-trust-card:nth-child(4) p { color: rgba(255,255,255,.64); }
    #pace4-landing .p4-trust-card a { margin-top: auto; font-size: .78rem; font-weight: 900; text-decoration: underline; text-underline-offset: 4px; }
    #pace4-landing .p4-trust-card a + a { margin-top: 8px; }
    #pace4-landing .p4-care { margin-top: 12px; padding: clamp(32px,5vw,62px); color: #fff; background: var(--ink); display: grid; grid-template-columns: .75fr 1.25fr; gap: 50px; align-items: start; }
    #pace4-landing .p4-care h3 { font-size: clamp(2.5rem,5vw,5.5rem); }
    #pace4-landing .p4-care ul { margin: 0; padding-left: 20px; color: rgba(255,255,255,.72); }
    #pace4-landing .p4-care li + li { margin-top: 12px; }
    #pace4-landing .p4-care a { display: inline-block; margin-top: 22px; color: var(--lime); font-weight: 900; text-decoration: underline; text-underline-offset: 4px; }

    #pace4-landing .p4-faq { color: #fff; background: var(--ink); padding: clamp(80px,10vw,140px) 0; }
    #pace4-landing .p4-faq__grid { display: grid; grid-template-columns: .8fr 1.2fr; gap: 70px; }
    #pace4-landing .p4-faq h2 { font-size: clamp(3.5rem,7vw,7rem); }
    #pace4-landing .p4-faq__list { border-top: 1px solid rgba(255,255,255,.22); }
    #pace4-landing .p4-faq details { border-bottom: 1px solid rgba(255,255,255,.22); }
    #pace4-landing .p4-faq summary { list-style: none; cursor: pointer; padding: 22px 42px 22px 0; font-weight: 800; position: relative; }
    #pace4-landing .p4-faq summary::-webkit-details-marker { display: none; }
    #pace4-landing .p4-faq summary::after { content: "+"; position: absolute; right: 5px; top: 17px; font-size: 1.6rem; color: var(--lime); transition: transform .25s; }
    #pace4-landing .p4-faq details[open] summary::after { transform: rotate(45deg); }
    #pace4-landing .p4-faq details p { padding: 0 40px 24px 0; color: rgba(255,255,255,.62); }

    #pace4-landing .p4-finale { position: relative; min-height: 760px; color: #fff; display: grid; align-items: end; overflow: hidden; }
    #pace4-landing .p4-finale img { position: absolute; inset: 0; height: 100%; object-fit: cover; }
    #pace4-landing .p4-finale::after { content: ""; position: absolute; inset: 0; background: linear-gradient(0deg,rgba(0,0,0,.9),transparent 72%); }
    #pace4-landing .p4-finale__copy { position: relative; z-index: 2; padding-bottom: 70px; }
    #pace4-landing .p4-finale h2 { max-width: 1100px; text-transform: uppercase; }
    #pace4-landing .p4-finale p { margin: 24px 0 30px; max-width: 580px; color: rgba(255,255,255,.72); }

    #pace4-landing [data-reveal] { opacity: 0; transform: translateY(34px); transition: opacity .8s ease,transform .8s cubic-bezier(.2,.8,.2,1); }
    #pace4-landing [data-reveal].is-visible { opacity: 1; transform: none; }
    #pace4-landing [data-reveal-delay="1"] { transition-delay: .12s; }
    #pace4-landing [data-reveal-delay="2"] { transition-delay: .24s; }

    html.coros-pace-4-landing-active #insPages > .insBreadcrumb,
    html.coros-pace-4-landing-active #insPages > .breadcrumb,
    html.coros-pace-4-landing-active #insPages .headingPage {
      position: absolute !important;
      width: 1px !important;
      height: 1px !important;
      overflow: hidden !important;
      clip: rect(0 0 0 0) !important;
      clip-path: inset(50%) !important;
      white-space: nowrap !important;
    }
    html.coros-pace-4-landing-active #insPages > .container,
    html.coros-pace-4-landing-active #insPages .wrapperPage,
    html.coros-pace-4-landing-active #insPages .information-entry,
    html.coros-pace-4-landing-active #insPages .information-blocks,
    html.coros-pace-4-landing-active #insPages .content-page {
      width: 100% !important;
      max-width: none !important;
      margin: 0 !important;
      border: 0 !important;
      border-radius: 0 !important;
      padding: 0 !important;
      background: transparent !important;
      box-shadow: none !important;
    }
    html.coros-pace-4-landing-active #insPages .row { margin: 0 !important; }
    html.coros-pace-4-landing-active #insPages .content-page * { line-height: inherit; }

    @keyframes p4-hero-breathe { from { transform: scale(1.035) translate3d(var(--hero-x,0),var(--hero-y,0),0); } to { transform: scale(1.09) translate3d(var(--hero-x,0),var(--hero-y,0),0); } }
    @keyframes p4-grain { 0% { transform: translate(0,0); } 25% { transform: translate(3%,-2%); } 50% { transform: translate(-2%,3%); } 75% { transform: translate(2%,2%); } 100% { transform: translate(-3%,-1%); } }
    @keyframes p4-orbit { to { transform: translate(-90px,90px) scale(1.25); } }
    @keyframes p4-ticker { to { transform: translateX(-50%); } }
    @keyframes p4-spin { to { transform: rotate(360deg); } }
    @keyframes p4-pulse-line { from { transform: translateX(-25%); } to { transform: translateX(36%); } }
    @keyframes p4-hotline-pulse { 0% { opacity: .8; transform: scale(.9); } 75%,100% { opacity: 0; transform: scale(1.28); } }

    @media (max-width: 1100px) {
      #pace4-landing .p4-selector { grid-template-columns: 140px 1fr; }
      #pace4-landing .p4-selector__info { grid-column: 1/-1; min-height: 520px; }
      #pace4-landing .p4-mosaic { grid-template-columns: repeat(2,1fr); }
      #pace4-landing .p4-tile--wide,
      #pace4-landing .p4-tile--small,
      #pace4-landing .p4-tile--half { grid-column: span 1; }
      #pace4-landing .p4-tools__grid { grid-template-columns: 1fr 380px; }
      #pace4-landing .p4-shop-grid { grid-template-columns: repeat(2,1fr); }
      #pace4-landing .p4-trust__cards { grid-template-columns: repeat(2,1fr); }
    }
    @media (max-width: 760px) {
      #pace4-landing .p4-shell { width: min(100% - 28px,1440px); }
      #pace4-landing .p4-mini-nav__inner { width: calc(100% - 20px); gap: 8px; overflow: visible; }
      #pace4-landing .p4-mini-nav__brand { display: none; }
      #pace4-landing .p4-mini-nav__links { flex: 1 1 auto; width: auto; }
      #pace4-landing .p4-mini-nav__link { padding-inline: 10px; }
      #pace4-landing .p4-language-switch__button { width: 34px; }
      #pace4-landing .p4-hotline { left: max(14px,env(safe-area-inset-left)); bottom: max(14px,env(safe-area-inset-bottom)); width: 58px; min-height: 58px; padding: 6px; justify-content: center; }
      #pace4-landing .p4-hotline__icon { width: 46px; height: 46px; flex-basis: 46px; }
      #pace4-landing .p4-hotline__copy { display: none; }
      #pace4-landing .p4-hero { min-height: 790px; }
      #pace4-landing .p4-hero__poster { object-position: 60% 50%; }
      #pace4-landing .p4-hero__video { object-position: 50% 50%; }
      #pace4-landing .p4-hero__title { font-size: clamp(3.5rem,20vw,6.5rem); }
      #pace4-landing .p4-hero__title span { padding-left: 0; }
      #pace4-landing .p4-hero__bottom,
      #pace4-landing .p4-heading-row,
      #pace4-landing .p4-highlights__intro,
      #pace4-landing .p4-light__grid,
      #pace4-landing .p4-materials__header,
      #pace4-landing .p4-tools__grid,
      #pace4-landing .p4-jakob__intro,
      #pace4-landing .p4-jakob__details,
      #pace4-landing .p4-trust__intro,
      #pace4-landing .p4-care,
      #pace4-landing .p4-faq__grid { grid-template-columns: 1fr; }
      #pace4-landing .p4-hero__buttons { justify-content: flex-start; }
      #pace4-landing .p4-speed { min-height: 680px; }
      #pace4-landing .p4-speed__media img { object-position: 58% center; }
      #pace4-landing .p4-selector { display: block; }
      #pace4-landing .p4-selector__tabs { flex-direction: row; overflow-x: auto; border-right: 0; border-bottom: 1px solid var(--line); }
      #pace4-landing .p4-variant-button { flex: 0 0 122px; min-height: 82px; border-bottom: 0; border-right: 1px solid var(--line); }
      #pace4-landing .p4-selector__stage { min-height: 430px; }
      #pace4-landing .p4-selector__info { min-height: 540px; }
      #pace4-landing .p4-mosaic { display: block; }
      #pace4-landing .p4-tile { margin-bottom: 12px; min-height: 390px; }
      #pace4-landing .p4-light__visual { min-height: 450px; }
      #pace4-landing .p4-bands,
      #pace4-landing .p4-material-notes,
      #pace4-landing .p4-shop-grid { grid-template-columns: 1fr; }
      #pace4-landing .p4-band { min-height: 460px; }
      #pace4-landing .p4-tools { min-height: 1060px; }
      #pace4-landing .p4-tool-panel { justify-self: stretch; }
      #pace4-landing .p4-jakob__hero { min-height: 780px; }
      #pace4-landing .p4-jakob__runner { width: 68%; right: -7%; bottom: 4%; }
      #pace4-landing .p4-jakob__caption { right: 6%; bottom: 5%; }
      #pace4-landing .p4-jakob__band { min-height: 300px; }
      #pace4-landing .p4-shop__header { display: block; }
      #pace4-landing .p4-shop__header .p4-button { margin-top: 28px; }
      #pace4-landing .p4-trust__cards { grid-template-columns: 1fr; }
      #pace4-landing .p4-trust-card { min-height: 220px; }
      #pace4-landing .p4-finale { min-height: 690px; }
    }
    @media (prefers-reduced-motion: reduce) {
      #pace4-landing *,#pace4-landing *::before,#pace4-landing *::after { scroll-behavior: auto !important; animation-duration: .001ms !important; animation-iteration-count: 1 !important; transition-duration: .001ms !important; }
      #pace4-landing [data-reveal] { opacity: 1; transform: none; }
    }