/* Restored Atlas presentation after the corrupted stylesheet was detected. */
html[data-version="v3"] { scroll-behavior:auto!important; background:#080b16; }
@media (min-width:1101px) {
  html[data-version="v3"],html[data-version="v3"] body{width:100%;height:100%;overflow:hidden}
  html[data-version="v3"] .iz-home,html[data-version="v3"] .iz-home main{width:100%;height:100svh;min-height:100svh}
  html[data-version="v3"] .iz-home main{position:relative;overflow:hidden;isolation:isolate;background:#080b16}
  /*
   * The exported page stylesheet gives every story section position:relative.
   * That rule is emitted after this file and used to win the cascade, leaving
   * inactive panels thousands of pixels below the fixed viewport.  The rail
   * still changed state, but users saw an empty cream canvas.  Atlas panels
   * are deliberately stacked, so keep that positioning authoritative.
   */
  html[data-version="v3"] .atlas-panel{position:absolute!important;inset:0!important;display:grid;align-items:center;min-height:100svh;overflow:hidden;opacity:0;pointer-events:none;transform:translateY(7%);transition:opacity .55s ease,transform .65s cubic-bezier(.2,.8,.2,1)}
  html[data-version="v3"] .atlas-panel.atlas-active{opacity:1;pointer-events:auto;transform:translateY(0);z-index:2}
  html[data-version="v3"] .atlas-panel.atlas-leave-up{opacity:0;transform:translateY(-9%);z-index:3}
  html[data-version="v3"] .atlas-panel.atlas-leave-down{opacity:0;transform:translateY(9%);z-index:3}
  html[data-version="v3"] .atlas-panel.atlas-enter-down{transform:translateY(9%)} html[data-version="v3"] .atlas-panel.atlas-enter-up{transform:translateY(-9%)}

  html[data-version="v3"] .atlas-field{position:absolute;inset:0;overflow:hidden;pointer-events:none;background:radial-gradient(circle at 72% 22%,rgba(154,111,255,.22),transparent 28%),radial-gradient(circle at 18% 75%,rgba(65,194,211,.15),transparent 26%),linear-gradient(135deg,#080b16 0%,#12152c 52%,#0a0e1c 100%)}
  html[data-version="v3"] .atlas-field:before{content:"";position:absolute;inset:0;opacity:.28;background-image:radial-gradient(#fff 1px,transparent 1.5px);background-size:37px 37px}
  html[data-version="v3"] .atlas-grid{position:absolute;inset:-30%;background:repeating-linear-gradient(0deg,transparent 0 39px,rgba(191,199,255,.08) 40px),repeating-linear-gradient(90deg,transparent 0 39px,rgba(191,199,255,.08) 40px);transform:perspective(500px) rotateX(63deg) translateY(26%);transform-origin:center bottom}
  html[data-version="v3"] .atlas-orbit{position:absolute;width:min(55vw,760px);aspect-ratio:1;border:1px solid rgba(207,198,255,.25);border-radius:50%;right:-15vw;top:7vh;transform:rotate(-20deg)} html[data-version="v3"] .orbit-b{width:min(38vw,520px);right:4vw;top:27vh;border-color:rgba(89,224,226,.28)}
  html[data-version="v3"] .atlas-node{position:absolute;width:8px;height:8px;border-radius:50%;background:#f6d2a4;box-shadow:0 0 0 6px rgba(246,210,164,.09),0 0 25px #f6d2a4}.node-a{top:24%;left:23%}.node-b{top:54%;right:24%}.node-c{bottom:14%;left:47%}
  html[data-version="v3"] .floating-nav{z-index:10;mix-blend-mode:screen}html[data-version="v3"] .floating-nav nav a{color:#f8f6ff;opacity:.72}html[data-version="v3"] .floating-nav nav a[aria-current="true"]{color:#f6d2a4;opacity:1}
  html[data-version="v3"] .atlas-rail{position:fixed;z-index:11;right:clamp(24px,4vw,70px);top:50%;display:grid;gap:10px;transform:translateY(-50%)}html[data-version="v3"] .atlas-rail button{display:flex;align-items:center;gap:9px;border:0;padding:5px 0;color:rgba(255,255,255,.42);background:transparent;font:600 11px/1 Inter,system-ui,sans-serif;letter-spacing:.08em;text-transform:uppercase;cursor:pointer}html[data-version="v3"] .atlas-rail button span{color:#f6d2a4;font-size:10px}html[data-version="v3"] .atlas-rail button b{width:0;overflow:hidden;transition:width .25s ease}html[data-version="v3"] .atlas-rail button[aria-current="true"],html[data-version="v3"] .atlas-rail button:hover{color:#fff}html[data-version="v3"] .atlas-rail button[aria-current="true"] b,html[data-version="v3"] .atlas-rail button:hover b{width:72px}
  html[data-version="v3"] .atlas-status{position:fixed;z-index:11;left:clamp(24px,4vw,70px);bottom:clamp(24px,5vh,56px);color:#fff;font-family:Inter,system-ui,sans-serif}html[data-version="v3"] .atlas-status span{display:block;margin-bottom:5px;color:#f6d2a4;font-size:10px;letter-spacing:.16em}html[data-version="v3"] .atlas-status strong{font-size:12px;letter-spacing:.1em;text-transform:uppercase}
  html[data-version="v3"] .hero,html[data-version="v3"] .story-radar,html[data-version="v3"] .story,html[data-version="v3"] .steps,html[data-version="v3"] .trace-film,html[data-version="v3"] .safety,html[data-version="v3"] .atlas-connection,html[data-version="v3"] .download{padding-top:100px;padding-bottom:80px}
}

/* Keep UGC stories inside the same warm Atlas chapter system. */
@media (min-width:1101px) {
  html[data-version="v3"] .trace-film.atlas-panel {
    display:grid;
    grid-template-columns:minmax(280px,.72fr) minmax(0,1.55fr);
    grid-template-rows:auto auto;
    align-content:center;
    gap:clamp(24px,3.4vw,58px);
    padding:72px clamp(64px,7vw,112px) 58px clamp(230px,18vw,292px)!important;
    color:#302b27!important;
    background:#eee3d8!important;
  }

  html[data-version="v3"] .trace-film.atlas-panel > .atlas-field {
    opacity:.2;
    mix-blend-mode:multiply;
  }

  html[data-version="v3"] .trace-film.atlas-panel > .trace-film-head,
  html[data-version="v3"] .trace-film.atlas-panel > .trace-film-grid,
  html[data-version="v3"] .trace-film.atlas-panel > .trace-film-cta {
    position:relative;
    z-index:2;
  }

  html[data-version="v3"] .trace-film.atlas-panel > .trace-film-head {
    display:block;
    align-self:center;
    margin:0;
  }

  html[data-version="v3"] .trace-film.atlas-panel .trace-film-head .section-no {
    color:#9e482f!important;
  }

  html[data-version="v3"] .trace-film.atlas-panel .trace-film-head h2 {
    margin:14px 0 22px;
    color:#302b27!important;
    font-size:clamp(3rem,4.4vw,5.4rem);
    line-height:.9;
  }

  html[data-version="v3"] .trace-film.atlas-panel .trace-film-head h2 em {
    color:#c75f3e!important;
  }

  html[data-version="v3"] .trace-film.atlas-panel .trace-film-head p {
    color:#5d5148!important;
    font-size:clamp(.92rem,1.05vw,1.08rem);
  }

  html[data-version="v3"] .trace-film.atlas-panel > .trace-film-grid {
    grid-column:2;
    grid-row:1 / span 2;
    align-self:center;
    gap:clamp(12px,1.4vw,22px);
  }

  html[data-version="v3"] .trace-film.atlas-panel .trace-film-card,
  html[data-version="v3"] .trace-film.atlas-panel .trace-film-card--sport,
  html[data-version="v3"] .trace-film.atlas-panel .trace-film-card--coffee {
    margin-top:0;
    border-color:rgba(48,43,39,.16);
    border-radius:22px;
    background:rgba(255,250,244,.88);
    box-shadow:0 22px 60px rgba(48,43,39,.12);
  }

  html[data-version="v3"] .trace-film.atlas-panel .trace-film-media {
    aspect-ratio:9 / 12;
    background:#d8cec5;
  }

  html[data-version="v3"] .trace-film.atlas-panel .trace-film-copy {
    padding:16px 17px 19px;
  }

  html[data-version="v3"] .trace-film.atlas-panel .trace-film-copy > span {
    color:#9e482f!important;
    font-size:.66rem;
  }

  html[data-version="v3"] .trace-film.atlas-panel .trace-film-copy h3 {
    margin:7px 0 6px;
    color:#302b27!important;
    font-size:clamp(1.15rem,1.45vw,1.65rem);
  }

  html[data-version="v3"] .trace-film.atlas-panel .trace-film-copy p {
    color:#6b5e54!important;
    font-size:.82rem;
    line-height:1.42;
  }

  html[data-version="v3"] .trace-film.atlas-panel > .trace-film-cta {
    align-self:start;
    margin:0;
    color:#fff!important;
    background:#c75f3e;
  }
}
@media (max-width:1100px){
  html[data-version="v3"] .atlas-field,html[data-version="v3"] .atlas-rail,html[data-version="v3"] .atlas-status{display:none}
  html[data-version="v3"] .trace-film {
    color:#302b27!important;
    background:#eee3d8!important;
  }
  html[data-version="v3"] .trace-film-head h2 { color:#302b27!important; }
  html[data-version="v3"] .trace-film-head h2 em,
  html[data-version="v3"] .trace-film-head .section-no { color:#b95635!important; }
  html[data-version="v3"] .trace-film-head p,
  html[data-version="v3"] .trace-film-copy p { color:#66594f!important; }
  html[data-version="v3"] .trace-film-card {
    border-color:rgba(48,43,39,.14)!important;
    background:rgba(255,250,244,.9)!important;
    box-shadow:0 18px 48px rgba(48,43,39,.1)!important;
  }
  html[data-version="v3"] .trace-film-copy h3 { color:#302b27!important; }
}
@media (prefers-reduced-motion:reduce){html[data-version="v3"] .atlas-panel{transition:none}}
@media (min-width:1101px) {
  html[data-version="v3"] .iz-home main > .ticker,
  html[data-version="v3"] .iz-home main > .download-strip,
  html[data-version="v3"] .atlas-panel > .ticker,
  html[data-version="v3"] .atlas-panel > .download-strip,
  html[data-version="v3"] .atlas-panel > .hero-image,
  html[data-version="v3"] .atlas-panel > .hero-shade,
  html[data-version="v3"] .atlas-panel > .hero-orbit {
    display:none!important;
  }
  html[data-version="v3"] .atlas-panel {
    color:#f8f6ff!important;
    background:#080b16!important;
  }
  html[data-version="v3"] .atlas-field { z-index:0; }
  html[data-version="v3"] .atlas-panel > .hero-copy,
  html[data-version="v3"] .atlas-panel > .story-copy,
  html[data-version="v3"] .atlas-panel > .radar-stage,
  html[data-version="v3"] .atlas-panel > .create-gallery,
  html[data-version="v3"] .atlas-panel > .feel-stage,
  html[data-version="v3"] .atlas-panel > .steps-head,
  html[data-version="v3"] .atlas-panel > .step-grid,
  html[data-version="v3"] .atlas-panel > .safety-visual,
  html[data-version="v3"] .atlas-panel > .download-copy,
  html[data-version="v3"] .atlas-panel > .download-phones,
  html[data-version="v3"] .atlas-panel > footer {
    position:relative;
    z-index:1;
  }
  html[data-version="v3"] .atlas-panel h1,
  html[data-version="v3"] .atlas-panel h2,
  html[data-version="v3"] .atlas-panel h3 { color:#f8f6ff!important; }
  html[data-version="v3"] .atlas-panel h1 em,
  html[data-version="v3"] .atlas-panel h2 em,
  html[data-version="v3"] .atlas-panel .section-no,
  html[data-version="v3"] .atlas-panel .step-card > span { color:#f6d2a4!important; }
  html[data-version="v3"] .atlas-panel p { color:rgba(248,246,255,.76)!important; }
  html[data-version="v3"] .atlas-panel .step-card {
    border-color:rgba(207,198,255,.22)!important;
    background:rgba(255,255,255,.035);
  }
  html[data-version="v3"] .atlas-panel .text-link { color:#f6d2a4!important; }
  html[data-version="v3"] .atlas-panel .download-copy > img { filter:brightness(0) invert(1); }
}
/* Atlas v3 — open twilight navigation reset */
html[data-version="v3"] {
  background:#eee3d8!important;
}

@media (min-width:1101px) {
  html[data-version="v3"] body,
  html[data-version="v3"] .iz-home,
  html[data-version="v3"] .iz-home main {
    background:#eee3d8!important;
  }

  html[data-version="v3"] .atlas-panel {
    color:#302b27!important;
    background:#eee3d8!important;
    padding-right:clamp(64px,7vw,112px)!important;
    padding-left:clamp(230px,18vw,292px)!important;
  }

  html[data-version="v3"] .atlas-field {
    z-index:0;
    background:
      radial-gradient(circle at 76% 18%,rgba(206,112,77,.2),transparent 28%),
      radial-gradient(circle at 20% 78%,rgba(184,149,88,.18),transparent 28%),
      linear-gradient(135deg,#f3eae1 0%,#eee3d8 54%,#e6d8cb 100%)!important;
  }

  html[data-version="v3"] .atlas-field::before {
    opacity:.2!important;
    background-image:radial-gradient(#4a4038 1px,transparent 1.5px)!important;
  }

  html[data-version="v3"] .atlas-grid {
    opacity:.62;
    background:
      repeating-linear-gradient(0deg,transparent 0 39px,rgba(67,57,49,.1) 40px),
      repeating-linear-gradient(90deg,transparent 0 39px,rgba(67,57,49,.1) 40px)!important;
  }

  html[data-version="v3"] .atlas-orbit {
    border-color:rgba(83,68,56,.24)!important;
  }

  html[data-version="v3"] .atlas-node {
    background:#cf6847!important;
    box-shadow:0 0 0 6px rgba(207,104,71,.1),0 0 22px rgba(207,104,71,.55)!important;
  }

  html[data-version="v3"] .atlas-panel h1,
  html[data-version="v3"] .atlas-panel h2,
  html[data-version="v3"] .atlas-panel h3 {
    color:#302b27!important;
  }

  html[data-version="v3"] .atlas-panel h1 em,
  html[data-version="v3"] .atlas-panel h2 em,
  html[data-version="v3"] .atlas-panel .section-no,
  html[data-version="v3"] .atlas-panel .step-card > span {
    color:#b95635!important;
  }

  html[data-version="v3"] .atlas-panel p {
    color:#514840!important;
  }

  html[data-version="v3"] .floating-nav {
    position:fixed!important;
    z-index:20!important;
    top:28px!important;
    bottom:28px!important;
    left:clamp(28px,4vw,66px)!important;
    width:154px!important;
    height:auto!important;
    display:block!important;
    padding:0!important;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
    box-shadow:none!important;
    backdrop-filter:none!important;
    -webkit-backdrop-filter:none!important;
    mix-blend-mode:normal!important;
    transform:none!important;
    pointer-events:none;
  }

  html[data-version="v3"] .floating-nav > .brand {
    position:absolute;
    top:0;
    left:0;
    width:88px!important;
    height:78px!important;
    display:block!important;
    overflow:visible!important;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
    box-shadow:none!important;
    pointer-events:auto;
  }

  html[data-version="v3"] .floating-nav > .brand img {
    width:82px!important;
    height:82px!important;
    display:block;
    object-fit:contain;
  }

  html[data-version="v3"] .floating-nav > nav {
    display:none!important;
  }

  html[data-version="v3"] .atlas-rail {
    position:absolute!important;
    top:118px!important;
    right:auto!important;
    left:2px!important;
    display:grid!important;
    gap:5px!important;
    width:146px;
    transform:none!important;
    pointer-events:auto;
  }

  html[data-version="v3"] .atlas-rail::before {
    position:absolute;
    top:13px;
    bottom:13px;
    left:5px;
    width:1px;
    background:linear-gradient(#6d5e52 0%,rgba(109,94,82,.18) 100%);
    content:"";
  }

  html[data-version="v3"] .atlas-rail button {
    position:relative;
    min-height:36px;
    display:grid!important;
    grid-template-columns:26px 1fr;
    align-items:center;
    gap:5px!important;
    padding:5px 0!important;
    color:rgba(48,43,39,.55)!important;
    text-align:left;
    letter-spacing:.08em!important;
  }

  html[data-version="v3"] .atlas-rail button::before {
    position:absolute;
    z-index:1;
    top:50%;
    left:2px;
    width:7px;
    height:7px;
    border:1px solid #8b796a;
    border-radius:50%;
    background:#eee3d8;
    content:"";
    transform:translateY(-50%);
    transition:background-color .2s ease,box-shadow .2s ease,transform .2s ease;
  }

  html[data-version="v3"] .atlas-rail button span {
    position:relative;
    z-index:2;
    padding-left:13px;
    color:#9a5d45!important;
    font-size:10px!important;
  }

  html[data-version="v3"] .atlas-rail button b {
    width:auto!important;
    overflow:visible!important;
    color:inherit;
    font-size:11px;
    font-weight:750;
    white-space:nowrap;
  }

  html[data-version="v3"] .atlas-rail button:hover,
  html[data-version="v3"] .atlas-rail button[aria-current="true"] {
    color:#302b27!important;
  }

  html[data-version="v3"] .atlas-rail button[aria-current="true"]::before {
    background:#cf6847;
    border-color:#cf6847;
    box-shadow:0 0 0 5px rgba(207,104,71,.13),0 0 16px rgba(207,104,71,.55);
    transform:translateY(-50%) scale(1.08);
  }

  html[data-version="v3"] .atlas-status {
    position:absolute!important;
    left:2px!important;
    bottom:72px!important;
    color:#302b27!important;
  }

  html[data-version="v3"] .atlas-status span {
    color:#b95635!important;
  }

  html[data-version="v3"] .floating-nav > .nav-actions {
    position:absolute;
    left:0;
    bottom:0;
    display:block!important;
    pointer-events:auto;
  }

  html[data-version="v3"] .floating-nav .pill {
    display:inline-flex;
    align-items:center;
    min-height:42px;
    padding:0 16px!important;
    border:1px solid #302b27;
    border-radius:999px;
    color:#fffaf4!important;
    background:#302b27!important;
    box-shadow:none!important;
    font-size:11px!important;
    letter-spacing:.04em;
  }

  html[data-version="v3"] .floating-nav .pill:hover,
  html[data-version="v3"] .floating-nav .pill[aria-current="true"] {
    color:#302b27!important;
    background:#e3b96f!important;
  }

  html[data-version="v3"] .hero.atlas-panel {
    padding:0!important;
  }

  html[data-version="v3"] .hero.atlas-panel > .hero-image {
    display:block!important;
    position:absolute!important;
    z-index:0;
    inset:0;
    width:100%;
    height:100%;
    object-fit:cover;
    object-position:center;
    opacity:.68;
    filter:saturate(.76) contrast(.92) brightness(1.08);
  }

  html[data-version="v3"] .hero.atlas-panel > .hero-shade {
    display:block!important;
    position:absolute!important;
    z-index:1;
    inset:0;
    background:linear-gradient(90deg,rgba(246,238,228,.98) 0%,rgba(246,238,228,.88) 35%,rgba(246,238,228,.38) 68%,rgba(246,238,228,.12) 100%)!important;
  }

  html[data-version="v3"] .hero.atlas-panel > .atlas-field {
    z-index:1;
    opacity:.34;
    mix-blend-mode:multiply;
  }

  html[data-version="v3"] .hero.atlas-panel > .hero-copy {
    position:absolute!important;
    z-index:2;
    left:clamp(230px,18vw,292px)!important;
    right:clamp(64px,7vw,112px)!important;
    bottom:clamp(40px,6vh,68px)!important;
    color:#302b27!important;
  }

  html[data-version="v3"] .hero .eyebrow,
  html[data-version="v3"] .hero .hero-intro p,
  html[data-version="v3"] .hero-download > span {
    color:#463e37!important;
  }

  html[data-version="v3"] .hero-download-actions .hero-store-badge {
    min-height:48px;
    padding:7px 15px;
    border:1px solid #302b27!important;
    color:#fff!important;
    background:#302b27!important;
    box-shadow:0 8px 20px rgba(48,43,39,.17);
  }

  html[data-version="v3"] .hero-download-actions .hero-store-badge-play {
    border-color:#c75f3e!important;
    background:#c75f3e!important;
  }

  html[data-version="v3"] .hero-download-actions .hero-store-badge-play:hover {
    color:#302b27!important;
    background:#e3b96f!important;
    transform:translateY(-2px);
  }

  html[data-version="v3"] .hero .round-link {
    color:#fff!important;
    background:#302b27!important;
    box-shadow:0 8px 24px rgba(48,43,39,.2);
  }

  html[data-version="v3"] .atlas-panel .step-card {
    border-color:rgba(48,43,39,.23)!important;
    background:rgba(255,250,244,.55)!important;
  }

  html[data-version="v3"] .atlas-panel .text-link {
    color:#9e482f!important;
  }

  html[data-version="v3"] .download .store-card {
    color:#302b27!important;
    background:rgba(255,250,244,.8)!important;
    border:2px solid #302b27!important;
    box-shadow:none!important;
    opacity:1!important;
  }

  html[data-version="v3"] .download .store-card:hover {
    background:#fffaf4!important;
    box-shadow:5px 5px 0 #d5a85d!important;
  }

  html[data-version="v3"] .download .store-card .store-icon {
    color:#b95635!important;
  }

  html[data-version="v3"] .atlas-panel .download-copy > img {
    filter:none!important;
  }
}

@media (max-width:1100px) {
  html[data-version="v3"],
  html[data-version="v3"] body,
  html[data-version="v3"] .iz-home {
    background:#eee3d8!important;
  }

  html[data-version="v3"] .floating-nav {
    border:1px solid rgba(48,43,39,.12)!important;
    background:rgba(246,238,228,.92)!important;
    box-shadow:0 12px 34px rgba(48,43,39,.15)!important;
    backdrop-filter:blur(18px) saturate(1.12)!important;
    -webkit-backdrop-filter:blur(18px) saturate(1.12)!important;
  }

  html[data-version="v3"] .floating-nav .brand {
    border:0!important;
    background:transparent!important;
    box-shadow:none!important;
  }

  html[data-version="v3"] .floating-nav .brand img {
    width:42px!important;
    height:42px!important;
  }

  html[data-version="v3"] .floating-nav .pill {
    color:#fff!important;
    background:#302b27!important;
  }
}
/* Atlas v3 — minimal centered rail */
@media (min-width:1101px) {
  html[data-version="v3"] .floating-nav > .brand {
    top:calc(50% - 202px)!important;
    left:0!important;
    width:54px!important;
    height:54px!important;
  }

  html[data-version="v3"] .floating-nav > .brand img {
    width:50px!important;
    height:50px!important;
  }

  html[data-version="v3"] .atlas-rail {
    top:50%!important;
    width:132px!important;
    gap:2px!important;
    transform:translateY(-50%)!important;
  }

  html[data-version="v3"] .atlas-rail::before {
    top:11px;
    bottom:11px;
  }

  html[data-version="v3"] .atlas-rail button {
    min-height:31px!important;
    grid-template-columns:25px 1fr!important;
    gap:3px!important;
    padding:3px 0!important;
  }

  html[data-version="v3"] .atlas-rail button::before {
    width:6px;
    height:6px;
  }

  html[data-version="v3"] .atlas-rail button span {
    padding-left:12px;
    font-size:9px!important;
  }

  html[data-version="v3"] .atlas-rail button b {
    width:76px!important;
    overflow:visible!important;
    opacity:.58;
    transform:none!important;
    transition:opacity .18s ease,color .18s ease;
  }

  html[data-version="v3"] .atlas-rail button:hover b,
  html[data-version="v3"] .atlas-rail button[aria-current="true"] b {
    width:76px!important;
    opacity:1;
    transform:none!important;
  }

  html[data-version="v3"] .atlas-rail button[aria-current="true"]::before {
    box-shadow:0 0 0 4px rgba(207,104,71,.12),0 0 12px rgba(207,104,71,.48)!important;
  }

  html[data-version="v3"] .atlas-status,
  html[data-version="v3"] .floating-nav > .nav-actions {
    display:none!important;
  }

  html[data-version="v3"] .hero.atlas-panel > .hero-copy {
    top:50%!important;
    right:auto!important;
    bottom:auto!important;
    width:min(980px,calc(100vw - clamp(230px,18vw,292px) - clamp(64px,7vw,112px)))!important;
    transform:translateY(-50%)!important;
  }

  html[data-version="v3"] .download.atlas-panel {
    align-content:center!important;
    align-items:center!important;
    padding-top:64px!important;
    padding-bottom:52px!important;
  }

  html[data-version="v3"] .download.atlas-panel > .download-copy,
  html[data-version="v3"] .download.atlas-panel > .download-phones {
    align-self:center!important;
  }
}
/* Atlas v3 — centered download mockups */
@media (min-width:1101px) {
  html[data-version="v3"] .download.atlas-panel > .download-phones {
    width:min(100%,660px)!important;
    justify-self:center!important;
  }

  html[data-version="v3"] .download-phones .phone {
    top:50%!important;
    bottom:auto!important;
    width:250px!important;
  }

  html[data-version="v3"] .download-phones .dl-main {
    transform:translate(-50%,-50%)!important;
  }

  html[data-version="v3"] .download-phones .dl-left {
    transform:translate(-112%,-50%) rotate(-11deg)!important;
  }

  html[data-version="v3"] .download-phones .dl-right {
    transform:translate(12%,-50%) rotate(11deg)!important;
  }
}

/* Atlas v3 — discover film inside the existing phone mockup */
html[data-version="v3"] .phone-center .atlas-discover-video{display:block;width:100%;height:100%;min-height:100%;border-radius:inherit;object-fit:cover;object-position:center 38%}

/* Atlas v3 — connection chapter adapted from the cinema concept */
html[data-version="v3"] .atlas-connection{position:relative;min-height:900px;padding:120px max(5vw,24px) 150px;overflow:hidden;color:#302b27;background:#eee3d8}
html[data-version="v3"] .atlas-connection-frame{position:relative;min-height:650px;overflow:hidden;border-radius:4px;box-shadow:22px 28px 0 #c75f3e,0 40px 110px rgba(48,43,39,.2);transform:perspective(1400px) rotateX(2deg) rotateY(-2deg)}
html[data-version="v3"] .atlas-connection-frame>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
html[data-version="v3"] .atlas-connection-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(25,22,20,.9),rgba(25,22,20,.38) 64%,rgba(25,22,20,.1))}
html[data-version="v3"] .atlas-connection-copy{position:absolute;z-index:2;top:50%;left:clamp(28px,6vw,92px);width:min(780px,65%);color:#fffaf4;transform:translateY(-50%)}
html[data-version="v3"] .atlas-connection-copy .section-no{color:#e3b96f!important}
html[data-version="v3"] .atlas-connection-copy h2{margin:22px 0 0;color:#fffaf4!important;font-size:clamp(4rem,6.4vw,7rem);line-height:.88}
html[data-version="v3"] .atlas-connection-copy h2 em{color:#cf6847!important}
html[data-version="v3"] .atlas-connection-copy p{max-width:540px;margin:28px 0 0;color:rgba(255,250,244,.76)!important;font-size:1.08rem;line-height:1.7}
html[data-version="v3"] .atlas-connection-mark{position:absolute;z-index:2;right:5%;bottom:8%;display:flex;align-items:center;gap:12px;color:#fff;font-size:8px;font-weight:900;letter-spacing:.13em;text-transform:uppercase}
html[data-version="v3"] .atlas-connection-mark i{width:9px;height:9px;border-radius:50%;background:#c75f3e;box-shadow:0 0 0 7px rgba(199,95,62,.2)}
html[data-version="v3"] .atlas-connection-mark i:last-child{background:#e3b96f;box-shadow:0 0 0 7px rgba(227,185,111,.18)}
html[data-version="v3"] .atlas-trace-notes{position:relative;z-index:3;display:grid;grid-template-columns:repeat(3,1fr);gap:16px;width:min(1050px,82%);margin:-52px auto 0}
html[data-version="v3"] .atlas-trace-notes article{min-height:180px;padding:24px;color:#302b27;background:rgba(238,227,216,.96);border:1px solid #302b27;box-shadow:8px 8px 0 #302b27;backdrop-filter:blur(12px)}
html[data-version="v3"] .atlas-trace-notes article:nth-child(2){background:#e3b96f;transform:translateY(28px)}
html[data-version="v3"] .atlas-trace-notes article:nth-child(3){background:#ead7c7;transform:translateY(-15px)}
html[data-version="v3"] .atlas-trace-notes span{color:#c75f3e;font-size:9px;font-weight:900;letter-spacing:.15em;text-transform:uppercase}
html[data-version="v3"] .atlas-trace-notes p{margin:26px 0;color:#302b27!important;font-family:Georgia,serif;font-size:clamp(1.1rem,1.5vw,1.55rem);line-height:1.25}
html[data-version="v3"] .atlas-trace-notes small{color:#74685e;font-weight:700}

@media (min-width:1101px){
  html[data-version="v3"] .atlas-connection.atlas-panel{display:block;height:100svh;min-height:100svh;padding:92px clamp(86px,7vw,118px) 60px clamp(230px,18vw,292px)!important}
  html[data-version="v3"] .atlas-connection .atlas-field{display:none!important}
  html[data-version="v3"] .atlas-connection-frame{height:calc(100svh - 158px);min-height:0}
  html[data-version="v3"] .atlas-trace-notes{position:absolute;right:7vw;bottom:7vh;width:min(540px,40vw);margin:0}
  html[data-version="v3"] .atlas-trace-notes article{min-height:148px;padding:18px}
  html[data-version="v3"] .atlas-trace-notes p{margin:18px 0;font-size:clamp(.95rem,1.15vw,1.25rem)}
}

@media (max-width:1100px){
  html[data-version="v3"] .atlas-connection{min-height:auto;padding:100px 20px 130px}
  html[data-version="v3"] .atlas-connection-frame{min-height:760px;box-shadow:10px 12px 0 #c75f3e;transform:none}
  html[data-version="v3"] .atlas-connection-frame>img{object-position:62% center}
  html[data-version="v3"] .atlas-connection-shade{background:linear-gradient(0deg,rgba(25,22,20,.94),rgba(25,22,20,.2) 75%)}
  html[data-version="v3"] .atlas-connection-copy{top:auto;right:24px;bottom:70px;left:24px;width:auto;transform:none}
  html[data-version="v3"] .atlas-connection-copy h2{font-size:clamp(3rem,13vw,5rem)}
  html[data-version="v3"] .atlas-connection-copy p{font-size:.95rem}
  html[data-version="v3"] .atlas-connection-mark{right:24px;bottom:25px}
  html[data-version="v3"] .atlas-trace-notes{grid-template-columns:1fr;width:100%;margin:38px 0 0}
  html[data-version="v3"] .atlas-trace-notes article,html[data-version="v3"] .atlas-trace-notes article:nth-child(2),html[data-version="v3"] .atlas-trace-notes article:nth-child(3){min-height:150px;transform:none}
}