:root {
  --ink: #10110f;
  --paper: #f3f0e8;
  --acid: #d9ff45;
  --purple: #7044ff;
  --orange: #ff6a49;
  --line: rgba(16,17,15,.18);
  --ease: cubic-bezier(.2,.75,.2,1);
  --focus: #3d18d8;
  --z-topbar: 40;
  --z-nav: 50;
  --z-skip: 100;
}

* { box-sizing: border-box; }
html, body { width: 100%; height: 100%; overflow: hidden; }
body { margin: 0; color: var(--ink); background: var(--paper); font-family: Inter, "Helvetica Neue", Arial, sans-serif; -webkit-font-smoothing: antialiased; }
button, a { color: inherit; font: inherit; }
button { cursor: pointer; touch-action: manipulation; }
a { text-decoration: none; }
img { display: block; max-width: 100%; }
em { color: var(--purple); font-family: Georgia, "Times New Roman", serif; font-weight: 400; }

.skip-link { position: fixed; z-index: var(--z-skip); top: 8px; left: 50%; padding: 12px 18px; border-radius: 999px; color: white; background: var(--ink); font-weight: 850; transform: translate(-50%,-160%); transition: transform .2s var(--ease); }
.skip-link:focus { transform: translate(-50%,0); }
.app-shell { position: relative; width: 100%; height: 100dvh; overflow: hidden; background: var(--paper); }
.topbar { position: absolute; z-index: var(--z-topbar); top: 18px; left: 24px; right: 24px; height: 58px; display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; padding: 0 8px 0 20px; border: 1px solid rgba(255,255,255,.45); border-radius: 999px; background: rgba(248,246,239,.78); backdrop-filter: blur(20px); box-shadow: 0 15px 45px rgba(0,0,0,.08); }
.brand { justify-self: start; padding: 0; border: 0; background: transparent; font-size: 1.35rem; font-weight: 950; letter-spacing: -.075em; }
.brand span { color: var(--orange); margin-left: 4px; font-size: .58em; }
.topbar > p { margin: 0; text-align: center; font-size: .57rem; line-height: 1.25; text-transform: uppercase; letter-spacing: .12em; opacity: .58; }
.topbar > p strong { color: var(--purple); }
.start-button { justify-self: end; min-height: 44px; padding: 0 18px; display: flex; align-items: center; gap: 22px; border: 0; border-radius: 999px; color: white; background: var(--ink); font-size: .72rem; font-weight: 850; }

:where(button,a):focus-visible { outline: 3px solid var(--focus); outline-offset: 3px; }
:where(.start-button,.primary-action,.offer-info button,.whatsapp-action,.nav-arrow,.offer-controls button,.live-bar a):active { opacity: .72; }
h1:focus, h2:focus { outline: none; }

.experience { width: 100%; height: 100%; }
.experience-track { width: 400%; height: 100%; display: flex; transform: translate3d(0,0,0); transition: transform .72s var(--ease); will-change: transform; }
.scene { flex: 0 0 25%; width: 25%; height: 100%; position: relative; overflow: hidden; padding: 96px max(5vw,46px) 86px; }
.eyebrow, .scene-kicker { margin: 0; display: flex; align-items: center; gap: 10px; font-size: .64rem; font-weight: 850; letter-spacing: .13em; text-transform: uppercase; }
.eyebrow i { width: 7px; height: 7px; border-radius: 50%; background: var(--orange); }
.scene-kicker { color: #595b56; opacity: 1; }

.scene-intro { display: grid; grid-template-columns: minmax(0,1fr) minmax(420px,.9fr); align-items: center; gap: 4vw; background: radial-gradient(circle at 76% 50%,rgba(217,255,69,.78),transparent 36%),linear-gradient(145deg,#f6f3eb 0 64%,#e7e2d5 64%); }
.intro-copy { position: relative; z-index: 2; }
.intro-copy h1 { max-width: 840px; margin: 24px 0 20px; font-size: clamp(4.35rem,7.25vw,8rem); line-height: .82; letter-spacing: -.078em; }
.intro-text { max-width: 560px; margin: 0; font-size: clamp(1rem,1.5vw,1.35rem); line-height: 1.42; letter-spacing: -.025em; }
.primary-action { min-height: 56px; margin-top: 30px; padding: 0 23px; display: inline-flex; align-items: center; gap: 32px; border: 0; border-radius: 999px; color: white; background: var(--ink); font-weight: 850; }
.intro-meta { position: absolute; left: max(5vw,46px); bottom: 90px; display: flex; align-items: center; font-size: .61rem; font-weight: 780; letter-spacing: .08em; text-transform: uppercase; }
.intro-meta span { padding: 0 16px; border-left: 1px solid var(--line); }
.intro-meta span:first-child { padding-left: 0; border-left: 0; }
.intro-meta b { font-size: 1rem; }

.portal-stage { min-height: 620px; position: relative; display: grid; place-items: center; perspective: 1400px; }
.portal { position: absolute; width: min(300px,36vw); aspect-ratio: .68; padding: 18px; overflow: hidden; border: 1px solid rgba(16,17,15,.3); border-radius: 30px; text-align: left; box-shadow: 0 35px 70px rgba(16,17,15,.22); transition: transform .45s var(--ease),filter .45s,z-index 0s; }
.portal img { width: 100%; height: 72%; object-fit: contain; margin: auto; }
.portal strong, .portal small { display: block; position: relative; z-index: 2; }
.portal strong { margin-top: 13px; font-size: 1rem; letter-spacing: -.04em; }
.portal small { margin-top: 3px; font-size: .58rem; text-transform: uppercase; letter-spacing: .12em; opacity: .55; }
.portal-number { position: absolute; z-index: 3; top: 16px; right: 16px; display: grid; place-items: center; width: 34px; height: 34px; border: 1px solid var(--line); border-radius: 50%; background: rgba(255,255,255,.65); font-size: .58rem; font-weight: 900; }
.portal-doryta { z-index: 5; background: #ff2875; color: #4b0b2b; transform: translate3d(-6%,0,80px) rotate(-2deg); }
.portal-cleria { z-index: 3; background: #eac6ac; transform: translate3d(-58%,-2%,0) rotate(-12deg) scale(.9); filter: saturate(.8); }
.portal-offgrid { z-index: 4; background: #caff00; transform: translate3d(52%,2%,20px) rotate(11deg) scale(.92); }
.portal-stage:hover .portal-doryta { transform: translate3d(-6%,-2%,100px) rotate(-1deg); }
.portal-cleria:hover { z-index: 8; filter: none; transform: translate3d(-45%,-3%,120px) rotate(-5deg); }
.portal-offgrid:hover { z-index: 8; transform: translate3d(40%,-3%,120px) rotate(5deg); }
.orbit { position: absolute; border: 1px solid rgba(16,17,15,.2); border-radius: 50%; pointer-events: none; }
.orbit-a { width: 610px; height: 360px; transform: rotate(-14deg); }
.orbit-b { width: 420px; height: 610px; transform: rotate(28deg); }

.scene-proofs { display: grid; grid-template-columns: minmax(290px,.55fr) minmax(0,1.45fr); align-items: center; gap: 4vw; background: #e9e5db; }
.scene-copy h2, .offers-header h2, .contact-copy h2 { margin: 22px 0 18px; font-size: clamp(3.6rem,6.5vw,7.6rem); line-height: .86; letter-spacing: -.075em; }
.proof-copy > p:last-of-type { max-width: 390px; margin: 0; font-size: .92rem; line-height: 1.55; opacity: .62; }
.case-selector { margin-top: 38px; display: grid; gap: 7px; }
.case-tab { width: 100%; min-height: 58px; padding: 7px 10px; display: grid; grid-template-columns: 28px 1fr; align-items: center; gap: 9px; border: 1px solid var(--line); border-radius: 14px; background: transparent; text-align: left; transition: .25s var(--ease); }
.case-tab.is-active { color: white; background: var(--ink); transform: translateX(9px); }
.case-tab b { font-size: .57rem; opacity: .45; }
.case-tab span { font-size: .78rem; font-weight: 850; }
.case-tab small { display: block; margin-top: 2px; font-size: .5rem; font-weight: 600; text-transform: uppercase; letter-spacing: .1em; opacity: .5; }
.live-window { height: min(72vh,700px); position: relative; overflow: hidden; border: 2px solid var(--ink); border-radius: 27px; background: white; box-shadow: 0 35px 85px rgba(16,17,15,.2); }
.live-bar { height: 52px; display: grid; grid-template-columns: 70px 1fr 44px; align-items: center; padding: 0 10px; border-bottom: 1px solid #ddd; background: #f7f7f4; }
.live-dots { display: flex; gap: 5px; }
.live-dots i { width: 7px; height: 7px; border-radius: 50%; background: #d0d0cc; }
.live-dots i:first-child { background: var(--orange); }
.live-bar b { justify-self: center; padding: 6px 20px; border-radius: 999px; background: #e9e9e5; font-size: .57rem; color: #777; }
.live-bar a { display: grid; place-items: center; width: 44px; height: 44px; border-radius: 50%; color: white; background: var(--ink); font-size: .78rem; }
.live-window iframe { width: 100%; height: calc(100% - 52px); border: 0; background: white; }
.frame-loader { position: absolute; inset: 52px 0 0; display: grid; place-items: center; background: rgba(243,240,232,.78); backdrop-filter: blur(8px); opacity: 0; pointer-events: none; transition: opacity .2s; }
.frame-loader.is-loading { opacity: 1; }
.frame-loader i { width: 38px; height: 38px; border: 3px solid rgba(16,17,15,.15); border-top-color: var(--ink); border-radius: 50%; animation: spin .7s linear infinite; }
@keyframes spin { to { transform: rotate(360deg); } }

.scene-offers { padding-left: max(4vw,32px); padding-right: max(4vw,32px); background: #f7f4ec; }
.offers-header { display: flex; justify-content: space-between; align-items: end; gap: 50px; }
.offers-header h2 { margin-bottom: 0; font-size: clamp(3rem,5.2vw,6rem); }
.offers-header > p { max-width: 330px; margin: 0 0 5px; font-size: .84rem; line-height: 1.5; opacity: .58; }
.offer-deck { height: calc(100% - 210px); min-height: 410px; margin-top: 25px; display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 12px; }
.offer-card { min-width: 0; display: grid; grid-template-rows: 47% 53%; overflow: hidden; border: 1px solid rgba(16,17,15,.23); border-radius: 25px; background: white; transition: transform .35s var(--ease),box-shadow .35s; }
.offer-card.is-active { transform: translateY(-8px); box-shadow: 0 28px 60px rgba(16,17,15,.14); }
.offer-image { position: relative; overflow: hidden; background: #eee7da; }
.offer-image img { width: 100%; height: 100%; object-fit: cover; }
.offer-card:nth-child(1) .offer-image img { object-position: center 17%; }
.offer-card:nth-child(3) .offer-image img { object-position: center 20%; }
.offer-image > span { position: absolute; top: 13px; right: 13px; display: grid; place-items: center; width: 34px; height: 34px; border: 1px solid var(--line); border-radius: 50%; background: rgba(255,255,255,.75); font-size: .57rem; font-weight: 900; }
.offer-info { padding: 16px 18px; display: flex; flex-direction: column; }
.offer-info > div { display: flex; justify-content: space-between; align-items: end; }
.offer-info small { font-size: .64rem; font-weight: 900; text-transform: uppercase; letter-spacing: .1em; color: var(--purple); }
.offer-info strong { font-size: 1.9rem; letter-spacing: -.07em; }
.offer-info sup { font-size: .45em; }
.offer-info p { margin: 11px 0 9px; font-size: .76rem; line-height: 1.4; opacity: .62; }
.offer-info ul { margin: 0 0 11px; padding: 0; display: flex; flex-wrap: wrap; gap: 5px; list-style: none; }
.offer-info li { padding: 5px 8px; border: 1px solid var(--line); border-radius: 999px; font-size: .55rem; }
.offer-info button { min-height: 44px; margin-top: auto; padding: 0 14px; display: flex; justify-content: space-between; align-items: center; border: 0; border-radius: 999px; color: white; background: var(--ink); font-size: .7rem; font-weight: 850; }
.offer-card:nth-child(2) .offer-info button { background: var(--purple); }
.offer-card:nth-child(3) .offer-info button { background: var(--orange); color: var(--ink); }
.offer-controls { display: none; }

.scene-contact { display: grid; grid-template-columns: 1.2fr .8fr; align-items: center; gap: 6vw; color: white; background: var(--ink); }
.contact-copy { position: relative; z-index: 2; }
.contact-copy h2 { max-width: 900px; font-size: clamp(4rem,7.6vw,9rem); }
.contact-copy h2 em { color: var(--acid); }
.contact-copy > p:not(.eyebrow) { max-width: 540px; margin: 0; color: rgba(255,255,255,.6); line-height: 1.52; }
.selected-offer { width: fit-content; margin: 24px 0 12px; padding: 9px 13px; border: 1px solid rgba(255,255,255,.2); border-radius: 999px; font-size: .64rem; color: rgba(255,255,255,.65); }
.whatsapp-action { width: min(390px,100%); min-height: 58px; padding: 0 22px; display: flex; justify-content: space-between; align-items: center; border-radius: 999px; color: var(--ink); background: var(--acid); font-weight: 900; }
.contact-object { min-height: 600px; position: relative; display: grid; place-items: center; }
.kyosq-token { width: min(330px,33vw); aspect-ratio: .72; position: relative; z-index: 2; display: grid; place-items: center; border-radius: 38px; color: var(--ink); background: var(--acid); box-shadow: 0 45px 100px rgba(0,0,0,.35); transform: rotate(7deg); }
.kyosq-token span { font-size: clamp(8rem,14vw,15rem); line-height: 1; font-weight: 950; letter-spacing: -.12em; }
.kyosq-token i { position: absolute; bottom: 25px; font-size: .6rem; font-style: normal; font-weight: 900; letter-spacing: .18em; }
.contact-orbit { position: absolute; width: 600px; height: 310px; border: 1px solid rgba(255,255,255,.25); border-radius: 50%; transform: rotate(-17deg); }
.contact-object > p { position: absolute; z-index: 3; right: 0; bottom: 15%; color: var(--acid); font-family: Georgia,serif; font-size: 1.3rem; font-style: italic; transform: rotate(-6deg); }
.scene-contact footer { position: absolute; left: max(5vw,46px); right: max(5vw,46px); bottom: 22px; display: flex; justify-content: space-between; padding-top: 13px; border-top: 1px solid rgba(255,255,255,.16); color: rgba(255,255,255,.5); font-size: .52rem; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; }

.experience-nav { position: absolute; z-index: var(--z-nav); left: 50%; bottom: 17px; width: min(326px,calc(100vw - 20px)); height: 58px; padding: 6px; display: grid; grid-template-columns: 44px 74px 1fr 44px; align-items: center; gap: 5px; transform: translateX(-50%); border: 1px solid rgba(255,255,255,.38); border-radius: 999px; background: rgba(248,246,239,.84); backdrop-filter: blur(22px); box-shadow: 0 14px 45px rgba(0,0,0,.12); }
.nav-arrow { width: 44px; height: 44px; border: 0; border-radius: 50%; color: white; background: var(--ink); }
.nav-arrow:disabled { opacity: .25; }
.scene-status { line-height: 1; }
.scene-status span { display: block; font-size: .66rem; font-weight: 900; }
.scene-status small { display: block; margin-top: 5px; font-size: .48rem; text-transform: uppercase; letter-spacing: .1em; opacity: .5; }
.scene-dots { display: flex; align-items: center; gap: 2px; }
.scene-dots button { width: 28px; height: 44px; padding: 0; position: relative; border: 0; background: transparent; }
.scene-dots button::before { content: ""; position: absolute; left: 3px; right: 3px; top: 50%; height: 4px; border-radius: 10px; background: rgba(16,17,15,.2); transform: translateY(-50%); transition: background .2s,transform .2s; }
.scene-dots button.is-active::before { background: var(--purple); transform: translateY(-50%) scaleY(1.5); }

@media (max-width: 900px) {
  .topbar { top: 10px; left: 10px; right: 10px; height: 52px; padding-left: 16px; grid-template-columns: 1fr 1fr; }
  .topbar > p { display: none; }
  .brand { font-size: 1.18rem; }
  .start-button { min-height: 44px; padding: 0 14px; }
  .scene { padding: 77px 18px 75px; }
  .scene-intro { display: block; background: radial-gradient(circle at 67% 76%,rgba(217,255,69,.85),transparent 40%),var(--paper); }
  .intro-copy h1 { margin: 18px 0 14px; font-size: clamp(3.15rem,14.2vw,4.8rem); line-height: .83; }
  .intro-text { max-width: 340px; font-size: .91rem; }
  .primary-action { min-height: 50px; margin-top: 20px; font-size: .78rem; }
  .portal-stage { min-height: 380px; margin-top: 2px; }
  .portal { width: 180px; padding: 11px; border-radius: 20px; }
  .portal img { height: 70%; }
  .portal strong { margin-top: 7px; font-size: .7rem; }
  .portal small { font-size: .43rem; }
  .portal-number { top: 9px; right: 9px; width: 27px; height: 27px; }
  .portal-doryta { transform: translate3d(-3%,0,80px) rotate(-2deg); }
  .portal-cleria { transform: translate3d(-52%,-1%,0) rotate(-12deg) scale(.86); }
  .portal-offgrid { transform: translate3d(49%,2%,20px) rotate(11deg) scale(.88); }
  .orbit-a { width: 350px; height: 200px; }
  .orbit-b { width: 240px; height: 360px; }
  .intro-meta { left: 18px; bottom: 72px; width: calc(100% - 36px); justify-content: center; }
  .intro-meta span { padding: 0 8px; font-size: .47rem; }
  .intro-meta b { font-size: .72rem; }

  .scene-proofs { display: grid; grid-template-columns: 1fr; grid-template-rows: auto 1fr; gap: 13px; padding-top: 78px; }
  .proof-copy { display: grid; grid-template-columns: 1fr auto; align-items: end; gap: 12px; }
  .proof-copy .scene-kicker { grid-column: 1 / -1; }
  .scene-copy h2 { margin: 7px 0 0; font-size: 2.5rem; line-height: .82; }
  .proof-copy > p:last-of-type { display: none; }
  .case-selector { margin: 0; display: flex; gap: 4px; }
  .case-tab { width: 44px; min-height: 44px; padding: 0; display: grid; place-items: center; border-radius: 50%; }
  .case-tab.is-active { transform: none; }
  .case-tab b { font-size: .5rem; }
  .case-tab span { display: none; }
  .live-window { height: 100%; min-height: 0; border-radius: 22px; }
  .live-bar { height: 48px; }
  .live-bar a { width: 40px; height: 40px; }
  .live-window iframe { height: calc(100% - 48px); }
  .frame-loader { inset: 48px 0 0; }

  .scene-offers { padding-left: 0; padding-right: 0; }
  .offers-header { display: block; padding: 0 18px; }
  .offers-header h2 { margin: 9px 0 0; font-size: 2.75rem; line-height: .83; }
  .offers-header > p { display: none; }
  .offer-deck { height: calc(100% - 186px); min-height: 0; margin-top: 17px; display: block; position: relative; perspective: 1000px; }
  .offer-card { position: absolute; left: 50%; width: min(330px,84vw); height: 100%; grid-template-rows: 46% 54%; border-radius: 22px; transform: translateX(-50%) translateZ(-160px) scale(.84); opacity: 0; pointer-events: none; transition: transform .45s var(--ease),opacity .35s; }
  .offer-card.is-active { z-index: 4; opacity: 1; pointer-events: auto; transform: translateX(-50%) translateZ(0) scale(1); box-shadow: 0 24px 55px rgba(16,17,15,.18); }
  .offer-card.is-before { z-index: 2; opacity: .7; transform: translateX(-82%) translateZ(-120px) scale(.8) rotateY(8deg); }
  .offer-card.is-after { z-index: 2; opacity: .7; transform: translateX(-18%) translateZ(-120px) scale(.8) rotateY(-8deg); }
  .offer-info { padding: 13px 16px; }
  .offer-info p { margin: 7px 0; }
  .offer-info li { padding: 4px 7px; }
  .offer-info button { min-height: 44px; }
  .offer-controls { position: absolute; z-index: 8; right: 18px; bottom: 73px; display: flex; align-items: center; gap: 8px; }
  .offer-controls button { width: 44px; height: 44px; border: 1px solid var(--line); border-radius: 50%; background: rgba(255,255,255,.82); }
  .offer-controls span { font-size: .55rem; font-weight: 850; }

  .scene-contact { display: block; padding: 98px 20px 75px; background: radial-gradient(circle at 63% 73%,rgba(112,68,255,.38),transparent 38%),var(--ink); }
  .contact-copy h2 { margin: 19px 0 18px; font-size: clamp(3.9rem,18vw,6rem); }
  .contact-copy > p:not(.eyebrow) { max-width: 340px; font-size: .86rem; }
  .selected-offer { margin-top: 18px; }
  .whatsapp-action { min-height: 53px; font-size: .8rem; }
  .contact-object { min-height: 260px; margin-top: 4px; }
  .kyosq-token { width: 155px; border-radius: 20px; transform: rotate(8deg); }
  .kyosq-token span { font-size: 7rem; }
  .kyosq-token i { bottom: 13px; font-size: .4rem; }
  .contact-orbit { width: 340px; height: 180px; }
  .contact-object > p { right: 6%; bottom: 13%; font-size: .9rem; }
  .scene-contact footer { left: 20px; right: 20px; bottom: 69px; font-size: .43rem; }
  .scene-contact footer span:nth-child(2) { display: none; }

  .experience-nav { bottom: 10px; height: 58px; grid-template-columns: 44px 65px 1fr 44px; }
  .nav-arrow { width: 44px; height: 44px; }
  .scene-dots button { width: 25px; height: 44px; }
}

@media (max-height: 720px) and (max-width: 900px) {
  .intro-copy h1 { font-size: 3.5rem; }
  .intro-text { font-size: .8rem; }
  .primary-action { margin-top: 13px; }
  .portal-stage { min-height: 290px; }
  .portal { width: 145px; }
  .offers-header h2 { font-size: 2.2rem; }
  .offer-deck { height: calc(100% - 158px); }
  .contact-copy h2 { font-size: 3.8rem; }
  .contact-object { min-height: 205px; }
  .kyosq-token { width: 120px; }
}

@media (orientation: landscape) and (max-height: 600px) and (max-width: 900px) {
  .scene { padding: 72px 24px 62px; }

  .scene-intro { display: grid; grid-template-columns: minmax(0,.95fr) minmax(300px,1.05fr); align-items: center; gap: 22px; background: radial-gradient(circle at 77% 52%,rgba(217,255,69,.85),transparent 42%),var(--paper); }
  .intro-copy h1 { margin: 8px 0 9px; font-size: clamp(2.8rem,7vw,3.65rem); line-height: .8; }
  .intro-text { max-width: 390px; font-size: .72rem; line-height: 1.38; }
  .primary-action { min-height: 44px; margin-top: 11px; }
  .portal-stage { min-height: 235px; margin: 0; }
  .portal { width: 135px; padding: 8px; border-radius: 16px; }
  .portal strong { margin-top: 5px; font-size: .58rem; }
  .portal small { font-size: .38rem; }
  .portal-number { top: 7px; right: 7px; width: 23px; height: 23px; font-size: .45rem; }
  .orbit-a { width: 290px; height: 155px; }
  .orbit-b { width: 180px; height: 270px; }
  .intro-meta { display: none; }

  .scene-proofs { grid-template-columns: minmax(210px,.55fr) minmax(0,1.45fr); grid-template-rows: 1fr; gap: 20px; padding-top: 72px; }
  .proof-copy { display: block; }
  .proof-copy .scene-kicker { display: flex; }
  .scene-copy h2 { margin: 8px 0 10px; font-size: 2.35rem; }
  .proof-copy > p:last-of-type { display: block; font-size: .68rem; line-height: 1.4; }
  .case-selector { margin-top: 12px; }
  .live-window { height: 100%; min-height: 0; }

  .offers-header h2 { font-size: 2.25rem; }
  .offer-deck { height: calc(100% - 138px); margin-top: 9px; }
  .offer-card { width: min(500px,68vw); height: 150px; grid-template: 1fr / 42% 58%; }
  .offer-card.is-active { transform: translateX(-50%) translateY(-6px) translateZ(0) scale(1); }
  .offer-info { padding: 6px 14px; }
  .offer-info strong { font-size: 1.55rem; }
  .offer-info p { margin: 4px 0; font-size: .66rem; }
  .offer-info ul { margin-bottom: 4px; }
  .offer-info li { padding: 3px 6px; font-size: .5rem; }
  .offer-controls { right: auto; bottom: 8px; left: 24px; }

  .scene-contact { display: grid; grid-template-columns: 1.2fr .8fr; align-items: center; gap: 22px; padding: 72px 28px 62px; }
  .contact-copy h2 { margin: 8px 0 10px; font-size: clamp(2.6rem,6vw,3.25rem); }
  .contact-copy > p:not(.eyebrow) { max-width: 430px; font-size: .72rem; }
  .selected-offer { margin: 10px 0 8px; padding: 6px 10px; }
  .whatsapp-action { width: min(310px,100%); min-height: 44px; }
  .contact-object { min-height: 230px; margin: 0; }
  .kyosq-token { width: 122px; border-radius: 17px; }
  .kyosq-token span { font-size: 5.7rem; }
  .contact-orbit { width: 310px; height: 150px; }
  .contact-object > p { right: 0; bottom: 8%; font-size: .75rem; }
  .scene-contact footer { display: none; }

  .experience-nav { right: 12px; bottom: 6px; left: auto; width: 300px; transform: none; }
}

@media (prefers-reduced-motion: reduce) {
  *,*::before,*::after { animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; }
}