/* Ederi: Mulish typography, supplied palette, responsive and accessible refinements. */
:root { --surface: #fff; --ink: var(--text-950); --muted: var(--text-800); --line: rgba(0,26,24,.15); }
/* Reference-inspired benefits: fine rules, three columns and a continuous visual backdrop. */
.benefits-section { padding: 48px clamp(16px, 4vw, 64px) 100px; }
.benefits-frame { max-width: 1200px; margin: 0 auto; padding: 0 clamp(16px, 3.2vw, 48px); border-radius: 32px; overflow: hidden; background: #fff; color: #18362e; }
.benefits-intro { padding: 66px 20px 50px; text-align: center; }
.benefits-eyebrow { color: #52786b; font-size: 10px; font-weight: 700; letter-spacing: .14em; }
#eder .benefits-intro h2 { margin: 16px 0 18px; font-size: clamp(28px, 3.1vw, 42px); font-weight: 500; line-height: 1.16; letter-spacing: -.045em; }
.benefits-intro p { margin: 0; color: #69776f; font-size: 13px; line-height: 1.8; }
.benefits-grid { position: relative; isolation: isolate; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); border-radius: 20px; overflow: hidden; }
.benefits-grid::before { content: ''; position: absolute; z-index: -1; inset: auto 0 0; height: 360px; background: #17493f url('assets/benefits-waves.svg') center / cover no-repeat; }
.benefit { min-width: 0; }
.benefit-copy { min-height: 145px; padding: 24px 20px 22px; background: #fff; }
.benefit-copy h3 { margin: 0 0 10px; font-size: 14px; font-weight: 700; }
.benefit-copy p { margin: 0; color: #69776f; font-size: 12px; line-height: 1.75; }
.benefit-visual { height: 360px; padding: 32px 22px 0; overflow: hidden; }
.benefit-screen { min-height: 328px; padding: 18px; border: 1px solid #e1eae3; border-radius: 9px 9px 0 0; background: #fff; box-shadow: 0 12px 35px #001a1833; }
.benefit-screen-top { display: flex; justify-content: space-between; align-items: center; gap: 8px; margin-bottom: 24px; font-size: 10px; font-weight: 600; }
.benefit-screen-top > span { display: inline-flex; align-items: center; gap: 5px; }
.benefit-status { color: #197458; font-size: 9px; white-space: nowrap; }
.benefit-dot { display: inline-block; width: 4px; height: 4px; border-radius: 50%; background: #169d85; }
.benefit-sample { color: #727e78; font-size: 9px; font-weight: 400; }
.benefit-product-summary { display: flex; align-items: center; gap: 12px; margin-bottom: 17px; }
.benefit-product-summary img { width: 66px; height: 76px; object-fit: cover; border-radius: 5px; }
.benefit-product-summary div { min-width: 0; }
.benefit-product-summary div > span { display: block; color: #6d8176; font-size: 7px; letter-spacing: .04em; }
.benefit-product-summary strong { display: block; margin: 6px 0; font-size: 12px; }
.benefit-product-summary small { display: block; color: #737d77; font-size: 8px; line-height: 1.6; }
.benefit-fields { display: grid; grid-template-columns: 1fr 1fr; gap: 6px; }
.benefit-fields > div { padding: 11px 9px; background: #f7faf7; border: 1px solid #eef2ed; }
.benefit-fields > div:last-child { grid-column: 1 / -1; }
.benefit-fields span { display: block; margin-bottom: 5px; color: #748078; font-size: 8px; }
.benefit-fields strong { display: block; font-size: 9px; font-weight: 600; }
.benefit-screen-note { display: flex; gap: 7px; align-items: center; margin-top: 16px; color: #47705f; font-size: 8px; line-height: 1.6; }
.benefit-screen-note > span { color: #18866b; font-size: 12px; }
.benefit-price-label { display: block; color: #6d7d73; font-size: 9px; }
.benefit-price-value { display: block; margin-top: 8px; font-size: clamp(19px, 2vw, 27px); font-weight: 500; letter-spacing: -.055em; white-space: nowrap; }
.benefit-price-value small { font-size: 11px; letter-spacing: 0; }
.benefit-price-chart { display: flex; gap: 5px; align-items: end; height: 90px; margin-top: 20px; padding: 0 4px; border-bottom: 1px solid #dceae1; }
.benefit-price-chart span { flex: 1; height: 18%; border-radius: 3px 3px 0 0; background: #e1ece5; }
.benefit-price-chart span:nth-child(2), .benefit-price-chart span:nth-child(11) { height: 28%; }
.benefit-price-chart span:nth-child(3), .benefit-price-chart span:nth-child(10) { height: 43%; }
.benefit-price-chart span:nth-child(4), .benefit-price-chart span:nth-child(9) { height: 60%; }
.benefit-price-chart span:nth-child(n+5):nth-child(-n+8) { background: linear-gradient(#2c9e8b, #a8e8d6); }
.benefit-price-chart span:nth-child(5), .benefit-price-chart span:nth-child(8) { height: 78%; }
.benefit-price-chart span:nth-child(6) { height: 95%; }
.benefit-price-chart span:nth-child(7) { height: 87%; }
.benefit-chart-labels { display: flex; justify-content: space-between; margin-top: 7px; color: #6c7b71; font-size: 8px; }
.benefit-price-source { display: flex; align-items: center; gap: 7px; margin-top: 18px; padding-top: 13px; border-top: 1px solid #edf1ec; color: #316a54; font-size: 8px; }
.benefit-price-note { margin: 10px 0 0; color: #728076; font-size: 8px; line-height: 1.6; }
.benefit-checklist { display: grid; gap: 7px; list-style: none; margin: 0; padding: 0; }
.benefit-checklist li { display: flex; align-items: center; gap: 9px; padding: 13px 10px; border: 1px solid #edf3ec; background: #f9fbf8; font-size: 10px; }
.benefit-check { display: grid; place-items: center; width: 17px; height: 17px; border-radius: 50%; color: #1c9071; background: #e5f6ed; }
.benefit-checklist small { margin-left: auto; color: #708076; font-size: 8px; }
.benefit-platforms { display: flex; gap: 7px; margin-top: 17px; }
.benefit-platforms > span { display: flex; flex: 1; justify-content: space-between; gap: 8px; padding: 10px 8px; border: 1px solid #e3ebe4; border-radius: 4px; font-size: 9px; }
.benefit-platforms > span > span { color: #517b65; }
.benefits-caption { margin: 0; padding: 21px 12px; color: #728076; text-align: center; font-size: 9px; }
@media (min-width: 761px) and (max-width: 1000px) {
  .benefit-copy { min-height: 165px; padding: 22px 16px; }
  .benefit-visual { padding: 30px 12px 0; }
  .benefit-screen { padding: 14px; }
  .benefit-product-summary { gap: 8px; }
  .benefit-product-summary img { width: 48px; height: 64px; }
  .benefit-product-summary strong { font-size: 10px; }
}
@media (max-width: 760px) {
  .benefits-section { padding: 36px 12px 64px; }
  .benefits-frame { padding: 0 16px; border-radius: 24px; }
  .benefits-intro { padding: 44px 15px 36px; }
  .benefits-intro p { font-size: 12px; }
  .benefits-intro p br { display: none; }
  .benefits-grid { grid-template-columns: minmax(0, 1fr); border-radius: 16px; }
  .benefits-grid::before { display: none; }
  .benefit-copy { min-height: 0; padding: 24px; }
  .benefit-copy p { max-width: 44ch; }
  .benefit-visual { background: #17493f url('assets/benefits-waves.svg') center / cover no-repeat; padding: 30px 24px 0; }
  .benefit:nth-child(2) .benefit-visual { background-position: 65% center; }
  .benefit:nth-child(3) .benefit-visual { background-position: right center; }
  .benefit-screen { max-width: 310px; margin: 0 auto; }
  .benefit-price-value { font-size: 27px; }
  .benefits-caption { padding: 20px 10px; line-height: 1.6; }
}
#eder { --accent: var(--primary-800); background-color: #fff; }
html { scroll-padding-top: 0; background: #fff; }
html.lenis { scroll-behavior: auto; }
#eder main > section[id] { scroll-margin-top: calc(var(--nav-offset, 104px) - var(--anchor-inset, 0px)); }
body, button, input, select, textarea, #eder, #eder * { font-family: 'Mulish', system-ui, sans-serif; }
body { background: #fff; font-weight: 400; }
h1,h2,h3,h4,h5 { font-weight: 700; }
button, a, summary, input { -webkit-tap-highlight-color: transparent; }
a, button, summary { touch-action: manipulation; }
:focus-visible { outline: 3px solid var(--secondary-500); outline-offset: 5px; }
button:disabled, input:disabled { cursor: not-allowed; opacity: .65; }
button { font: inherit; }
.sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; border: 0; }
.skip-link { position: fixed; left: 16px; top: -80px; z-index: 200; padding: 14px 20px; background: var(--surface); border-radius: 12px; }
.skip-link:focus { top: 16px; }
.brand { display: inline-flex; flex-shrink: 0; align-items: center; }
.brand img { display: block; width: 120px; height: auto; }
.brand .brand-logo-dark { display: none; }
#eder [data-nav] { max-width: 100%; padding-left: 20px; }
#eder [data-nav] > .ref-012:hover { color: var(--background-50); }
#eder .hero-section { min-height: 920px; padding-top: 145px; gap: 25px; }
#eder .hero-section [data-orb] { display: none; }
#eder h1 { text-transform: none; font-size: clamp(2.375rem, 5.2vw, 4.210rem); line-height: 1.06; max-width: 1200px; }
#eder h1 [data-letter]:nth-child(2) { color: var(--primary-700); }
#eder h2 { font-size: clamp(2rem, 4vw, 3.158rem); line-height: 1.08; }
#eder [data-hero-phone] { width: 238px; }
#eder .statement-story { display: block; padding: 0; }
.statement-scene { display: grid; place-items: center; min-height: 100svh; padding: 104px 24px 64px; text-align: center; }
#eder .statement-copy { max-width: 22ch; font-size: clamp(2.375rem, 5.5vw, 4.8rem); line-height: 1.12; color: var(--text-950); }
.statement-copy > span { display: block; }
.statement-copy > span + span { margin-top: .18em; }
.statement-copy > span:first-child { color: var(--primary-700); }
.nav-toggle { display: none; }
@media (max-width: 760px) {
  #eder [data-header] { padding: 10px 12px; }
  #eder [data-nav] { position: relative; width: 100%; gap: 8px; padding: 7px 8px 7px 14px; }
  #eder [data-nav] .brand { margin-right: auto; }
  #eder [data-nav] .brand img { width: 120px; height: auto; }
  #eder [data-nav] > .ref-012 { font-size: 12px; padding: 12px; }
  #eder [data-nav] > #nav-links { flex-wrap: wrap; justify-content: center; }
  html:not(.enhanced) #eder [data-nav] { flex-wrap: wrap; border-radius: 24px; }
  html:not(.enhanced) #eder #nav-links { order: 3; width: 100%; }
  .enhanced #eder [data-nav] > #nav-links {
    display: none; position: absolute; top: calc(100% + 12px); left: 0; right: 0;
    flex-direction: column; align-items: stretch; gap: 4px; padding: 12px;
    border: 1px solid var(--line); border-radius: 24px; background: #fff;
    box-shadow: 0 18px 45px -22px rgba(0,26,24,.35);
    max-height: calc(100svh - 104px); overflow-y: auto;
  }
  .enhanced #eder [data-nav].is-menu-open > #nav-links { display: flex; }
  #eder [data-nav] > #nav-links a { display: block; padding: 14px 16px; font-size: 16px; border-radius: 14px; }
  .enhanced .nav-toggle { display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 5px; width: 44px; height: 44px; flex-shrink: 0; padding: 0; border: 1px solid var(--line); border-radius: 50%; background: transparent; color: var(--text-950); cursor: pointer; }
  .nav-toggle span { width: 18px; height: 2px; background: currentColor; border-radius: 2px; transition: transform .2s ease, opacity .2s ease; }
  .nav-toggle[aria-expanded="true"] span:first-child { transform: translateY(7px) rotate(45deg); }
  .nav-toggle[aria-expanded="true"] span:nth-child(2) { opacity: 0; }
  .nav-toggle[aria-expanded="true"] span:last-child { transform: translateY(-7px) rotate(-45deg); }
}
@media (prefers-reduced-motion: no-preference) {
  .enhanced #eder .statement-story { height: 340svh; }
  .enhanced .statement-scene { position: sticky; top: 0; height: 100svh; }
  .enhanced [data-sentence] { opacity: var(--sentence-opacity, 0); }
}
@media (max-height: 500px) {
  .statement-scene { padding: 96px 24px 24px; }
  #eder .statement-copy { font-size: clamp(24px, 7svh, 34px); }
}
@media (max-width: 760px) {
  #eder .statement-story { display: none; }
}
/* Everyday product photos retain the reference's two moving card rails. */
#eder .hero-photo-card { background: var(--primary-100); }
#eder .hero-photo-card img { display: block; width: 100%; height: 100%; object-fit: cover; }
#eder .hero-photo-card::after { content: ''; position: absolute; inset: 45% 0 0; background: linear-gradient(transparent, rgba(0, 15, 14, .78)); pointer-events: none; }
#eder .hero-photo-card > span { z-index: 1; right: 7px; color: #fff; text-align: left; text-shadow: 0 1px 3px rgba(0, 0, 0, .35); }
#eder [data-bar] { height: var(--bar-height, 50%); }
#fiyat { --accent: var(--primary-500); }
#fiyat [data-bar] { background: var(--primary-500); }
#fiyat em { color: var(--primary-500); }
#fiyat [data-bar]:first-child, #fiyat [data-bar]:last-child { background: var(--primary-800); }
#eder .copy-field { width: 100%; font: inherit; color: inherit; text-align: left; }
.copy-field:hover { border-color: var(--primary-700); }
.demo-label { align-self: center; color: var(--text-800); font-size: 12px; }
#eder [data-fan] { min-height: 340px; gap: 12px; padding: 16px; }
#eder [data-fan-card] { position: relative; width: min(420px,100%); }
#eder [data-fan-card]:nth-child(2) { margin-left: 32px; }
#eder [data-fan-card]:nth-child(3) { margin-left: -20px; }
#eder .faq summary { display: flex; align-items: center; justify-content: space-between; gap: 20px; padding: 24px 0; cursor: pointer; font-size: clamp(1rem,1.5vw,1.333rem); font-weight: 700; list-style: none; }
.faq summary::-webkit-details-marker { display: none; }
#eder .faq [data-faq-icon] { color: var(--primary-700); flex-shrink: 0; }
.faq[open] [data-faq-icon] { transform: rotate(45deg); }
.faq-answer { animation: answer-in .2s ease; }
#eder footer a:hover { color: var(--primary-500); }
@keyframes answer-in { from { opacity: 0; transform: translateY(-5px); } to { opacity: 1; transform: none; } }

@media (max-width: 860px) {
  #eder [data-nav] { gap: 12px; }
  #eder [data-nav] > span:first-of-type { display: none; }
  #eder [data-nav] > span:nth-of-type(2) { gap: 0; }
  #eder [data-nav] > span:nth-of-type(2) a { padding: 8px; font-size: 12px; }
  #eder .hero-section { min-height: auto; padding-top: 120px; }
}
@media (max-width: 600px) {
  #eder [data-header] { padding: 10px 12px; }
  #eder [data-nav] { width: 100%; justify-content: space-between; padding: 7px 8px 7px 14px; }
  #eder [data-nav] > .ref-012 { font-size: 12px; padding: 12px 16px; }
  #eder h1 { max-width: 520px; gap: 0 .2em; font-size: clamp(2.25rem,9.6vw,3.4rem); }
  #eder [data-hero-phone] { width: 210px; }
  #eder .hero-section { gap: 22px; padding-bottom: 48px; }
  #eder section > div { min-width: 0; }
  #eder #fiyat > div > div, #eder #aktarim > div > div, #eder main > .ref-341 > div, #eder main > .ref-372 > div > div { grid-template-columns: minmax(0,1fr); }
  #eder [data-fan-card]:nth-child(n) { margin-left: 0; }
  #eder .copy-field { gap: 8px; padding: 12px; }
#eder [data-copy-label] { font-size: 10px; }
  #eder footer > div { align-items: flex-start; }
  #eder footer > div > div { gap: 18px 22px; }
}
@media (max-width: 360px) {
  #eder main section > div, #eder main section > div > div { min-width: 0; }
  #eder #fiyat > div > div > div { min-width: 0; }
  #eder main > section > div { grid-template-columns: minmax(0,1fr); }
}
/* Increased motion: entrance choreography, floating layers and scroll depth. */
@keyframes hero-arrive {
  from { opacity: 0; translate: 0 52px; filter: blur(7px); }
  to { opacity: 1; translate: 0 0; filter: blur(0); }
}
@keyframes phone-drift {
  0%,100% { transform: translateY(0) rotate(-2deg); }
  50% { transform: translateY(-26px) rotate(2deg); }
}
@keyframes ambient-breathe {
  0%,100% { opacity: .55; scale: .9; }
  50% { opacity: 1; scale: 1.18; }
}
@keyframes card-drift {
  0%,100% { transform: translateY(0) rotate(-1deg); }
  50% { transform: translateY(-12px) rotate(1deg); }
}
@keyframes bar-grow {
  from { transform: scaleY(.04); opacity: .3; }
  to { transform: scaleY(1); opacity: 1; }
}
@media (prefers-reduced-motion: no-preference) {
  #eder [data-letter] { animation: hero-arrive 1.15s cubic-bezier(.16,1,.3,1) both; }
  #eder [data-letter]:nth-child(2) { animation-delay: .14s; }
  #eder [data-letter]:nth-child(3) { animation-delay: .28s; }
  #eder [data-nav] { animation: hero-arrive .8s cubic-bezier(.16,1,.3,1) both; transition: scale .45s ease, box-shadow .45s ease, background .45s ease; }
  #eder [data-nav].is-scrolled { scale: .97; background: rgba(255,255,255,.95); box-shadow: 0 18px 45px -22px rgba(0,26,24,.35); }
  #eder [data-hero-phone] { animation: phone-drift 5.5s ease-in-out infinite, hero-arrive 1.3s cubic-bezier(.16,1,.3,1) .18s backwards; rotate: var(--scroll-turn,0deg); transition: rotate .2s linear; }
  #eder [data-orb] { animation: ambient-breathe 7s ease-in-out infinite; }
  #eder .hero-photo-rails > div { animation-duration: 27s; }
  #eder .hero-photo-rails > div:nth-child(2) { animation-duration: 34s; animation-direction: reverse; }
  #eder main > section:nth-child(2) > div { animation-duration: 22s; }
  #eder [data-fan-card] { animation: card-drift 4.5s ease-in-out infinite; }
  #eder [data-fan-card]:nth-child(2) { animation-delay: -.8s; }
  #eder [data-fan-card]:nth-child(3) { animation-delay: -1.6s; }
  #eder [data-fan-card]:nth-child(4) { animation-delay: -2.4s; }
  #eder .chart-visible [data-bar] { animation: bar-grow 1s cubic-bezier(.16,1,.3,1) both; transform-origin: bottom; }
  #eder .chart-visible [data-bar]:nth-child(2) { animation-delay: .1s; }
  #eder .chart-visible [data-bar]:nth-child(3) { animation-delay: .2s; }
  #eder .chart-visible [data-bar]:nth-child(4) { animation-delay: .3s; }
  #eder .chart-visible [data-bar]:nth-child(5) { animation-delay: .4s; }
  #eder [data-tilt] { transform: perspective(1000px) rotateX(calc(var(--pointer-y,0) * -9deg)) rotateY(calc(var(--pointer-x,0) * 9deg)); transition: transform .3s ease-out, box-shadow .3s ease; }
  #eder [data-magnet]:not(:disabled) { transform: translate(calc(var(--pointer-x,0) * 14px),calc(var(--pointer-y,0) * 12px)); transition: transform .25s ease-out, background .3s ease, box-shadow .3s ease; }
  #eder [data-magnet]:not(:disabled):hover { box-shadow: 0 12px 28px -14px var(--primary-700); }
  #eder .copy-field { transition: translate .25s ease, border-color .25s ease; }
  #eder .copy-field:hover { translate: 4px 0; }
  #eder .faq summary > span:first-child { transition: translate .25s ease; }
  #eder .faq summary:hover > span:first-child { translate: 6px 0; }
  #eder .faq-answer { animation-duration: .4s; }
  #eder [data-parallax] { animation: ambient-breathe 8s ease-in-out infinite; }
}

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  *, *::before, *::after { animation: none !important; transition: none !important; }
}
/* One tablet travels between these two layout anchors. */
.device-story { position: relative; isolation: isolate; }
.device-scene { position: relative; }
.device-story.has-pin .device-scene { position: sticky; top: var(--pin-top); }
.device-story.is-pinned .hero-photo-rails > div,
#eder .device-story.is-pinned [data-orb],
#eder .device-story.is-pinned [data-hero-phone],
.device-story.is-pinned .ref-135 { animation-play-state: paused; }
#eder .hero-section { overflow: visible; padding-bottom: 75px; }
#eder .device-stage { height: 480px; margin-top: 34px; perspective: 1600px; }
#eder .hero-photo-rails { opacity: .38; inset: 40px -90px 10px; filter: saturate(.7); }
.hero-phone-position { position: absolute; left: 20%; top: 0; transform: perspective(1400px) rotateY(23deg) rotateZ(-11deg); z-index: 4; }
#eder .hero-phone-position [data-hero-phone] { width: 220px; }
.hero-phone-position .ref-110 { box-shadow: 3px 2px 0 #58706b, 10px 8px 0 -5px #133e35, 0 48px 60px -25px #00332966; }
.hero-phone-position .ref-119 { background: url('assets/hero/kahve-makinesi.jpg') center/cover; }
.hero-phone-position .ref-125 { background: url('assets/hero/dikey-supurge.jpg') center/cover; }
.tablet-origin { position: absolute; width: 57%; right: 5%; top: 76px; aspect-ratio: 1.5; }
.traveling-tablet { width: 100%; position: relative; z-index: 5; pointer-events: none; }
.traveling-tablet.is-traveling { position: absolute; top: 0; left: 0; width: 900px; transform-origin: top left; will-change: transform; }
.tablet-shell { position: relative; width: 100%; aspect-ratio: 1.5; padding: 2.5% 2.8%; border-radius: 5% / 7.5%; background: linear-gradient(145deg,#52605e,#142b26 18%,#071f1a 75%,#42564f); box-shadow: inset 0 0 0 2px #85948e, inset 0 0 0 5px #213a32, 5px 6px 0 #254238, 8px 9px 0 #6a7d70, 15px 45px 65px -25px #00332966; transform: perspective(1600px) rotateX(var(--tablet-rx,9deg)) rotateY(var(--tablet-ry,-23deg)) rotateZ(var(--tablet-rz,10deg)); transform-origin: center; }
.tablet-camera { position: absolute; left: 1.2%; top: 49%; width: .6%; aspect-ratio: 1; border-radius: 50%; background: #071312; box-shadow: inset 0 0 0 2px #344e49; }
.tablet-home { position: absolute; width: 16%; height: .5%; border-radius: 99px; bottom: 1.3%; left: 42%; background: #82918a; }
.web-app { container-type: inline-size; height: 100%; display: flex; border-radius: 2.5% / 4%; background: #f4f6f5; overflow: hidden; color: #23382f; text-align: left; }
.app-sidebar { width: 6%; flex-shrink: 0; display: flex; flex-direction: column; align-items: center; gap: 1.6cqw; padding: 1.7cqw 0; border-right: 1px solid #e8eeeb; background: #fafcfb; font-size: 1.6cqw; }
.app-sidebar > span { display: grid; place-items: center; width: 3cqw; height: 3cqw; border-radius: 1cqw; }
.app-sidebar .app-symbol { color: #79e7c2; background: #122e24; margin-bottom: 5cqw; font-size: 2.3cqw; }
.app-sidebar .app-nav-active { background: #143c2e; color: white; }
.app-sidebar .app-avatar { margin-top: auto; border-radius: 50%; background: #dae9df; font-size: 1.2cqw; }
.app-workspace { flex: 1; min-width: 0; padding: 2.1cqw 2cqw 1cqw; font-size: 1cqw; }
.app-header, .app-header > div { display: flex; align-items: center; justify-content: space-between; gap: 1cqw; }
.app-header { margin-bottom: 2.4cqw; }
.app-header strong { font-size: 2.1cqw; letter-spacing: -.05em; }
.app-header span { font-size: .85cqw; white-space: nowrap; }
.app-header > div:first-child > span { color: #829086; }
.app-session, .app-action, .app-add { border-radius: 3cqw; padding: .9cqw 1.2cqw; background: #fff; }
.app-header .app-session { background: #e9effa; color: #5c7192; font-size: .75cqw; }
.app-header .app-add { background: #59d3ab; font-weight: 700; }
.app-stats { display: grid; grid-template-columns: repeat(4,1fr); gap: 1.1cqw; }
.app-stats > div { padding: 1.3cqw; border-radius: 1.8cqw; background: white; }
.app-stats > div > span { display: flex; align-items: center; gap: .5cqw; font-size: .9cqw; }
.app-stats b { margin-left: auto; color: #9aaba2; }
.status-icon { width: 1.7cqw; height: 1.7cqw; border-radius: .5cqw; display: grid; place-items: center; font-style: normal; }
.app-stats strong { display: block; margin-top: .9cqw; font-size: 2.8cqw; }
.app-stats small { font-size: .9cqw; font-weight: 400; }
.app-stats p { margin: .5cqw 0 .3cqw; font-size: .75cqw; color: #8b958f; }
.app-tabs { display: flex; align-items: center; gap: .7cqw; padding: 1.7cqw 0 1.3cqw; }
.app-tabs > span { background: white; padding: .65cqw 1.2cqw; border-radius: 2cqw; font-size: .9cqw; }
.app-tabs b { margin-left: .5cqw; font-size: .8cqw; opacity: .65; }
.app-tabs .selected { background: #103c2c; color: white; }
.app-filters { display: flex; gap: .65cqw; margin-bottom: 1cqw; }
.app-filters span { font-size: .8cqw; background: white; padding: .85cqw 1.1cqw; border-radius: .9cqw; }
.app-filters span:first-child { flex: 1; color: #99a29b; }
.app-filters span:last-child { margin-left: auto; }
.app-table { background: white; border-radius: 1.2cqw; overflow: hidden; }
.app-row, .app-table-head { display: grid; grid-template-columns: 36% 20% 12% 19% 13%; align-items: center; padding: .9cqw 1cqw; column-gap: 0; }
.app-table-head { font-size: .7cqw; letter-spacing: .06em; color: #8b958f; border-bottom: 1px solid #eff2f0; }
.app-row { min-height: 5.5cqw; font-size: .85cqw; border-bottom: 1px solid #f0f3f1; }
.app-row > div { display: flex; align-items: center; gap: .8cqw; min-width: 0; }
.app-row img { width: 3.5cqw; height: 3.8cqw; border-radius: .7cqw; object-fit: cover; }
.app-row strong { font-size: .95cqw; }
.app-row small { display: block; margin-top: .45cqw; font-size: .75cqw; color: #95a099; }
.app-row > span:last-child { font-size: .75cqw; color: #8d9891; }
.app-badge { font-size: .72cqw; width: fit-content; border-radius: 3cqw; padding: .4cqw .7cqw; }
.mint { background: #e6f6ec; color: #4b9678; }
.blue { background: #eaf0fc; color: #6c8bbc; }
.amber { background: #fff5df; color: #b4914f; }
.rose { background: #fdeceb; color: #bd7d7b; }
.app-platforms { font-size: .75cqw; color: #728e7b; }
.app-footer { display: flex; justify-content: space-between; padding: 1.3cqw .3cqw; color: #92a096; font-size: .8cqw; }
#eder .hero-summary { width: 100%; max-width: 1060px; display: flex; flex-direction: column; gap: 23px; align-items: flex-start; text-align: left; }
#eder .hero-summary .ref-136 { max-width: 46ch; font-size: 16px; }
#eder .hero-summary .ref-138 { justify-content: flex-start; }
#eder .hero-summary .ref-142 { font-size: 10px; flex-wrap: wrap; justify-content: flex-start; gap: 12px; }
.device-scroll-cue { position: absolute; right: 9%; bottom: 80px; display: flex; align-items: center; gap: 18px; color: #527f70; }
.device-scroll-cue > span:first-child { font-size: 9px; letter-spacing: .15em; }
.device-scroll-cue > span:last-child { display: grid; place-items: center; border: 1px solid #a8d6c9; border-radius: 50%; width: 38px; height: 48px; }
.web-experience { position: relative; min-height: 1000px; max-width: 1320px; margin: 0 auto; padding: 230px 60px 240px; display: grid; grid-template-columns: 38% 62%; align-items: center; gap: 25px; }
.web-experience::before { content: none; }
.web-story-copy { position: relative; z-index: 6; }
.device-story.has-pin .web-story-copy > * { opacity: var(--copy-opacity, 0); transform: translate3d(0, var(--copy-offset, 28px), 0); }
.web-eyebrow { font-size: 10px; letter-spacing: .18em; color: #517c69; display: flex; align-items: center; gap: 8px; }
.web-eyebrow > span { width: 6px; height: 6px; border-radius: 50%; background: #029783; }
#eder .web-story-copy h2 { margin: 25px 0; font-size: clamp(36px,4.3vw,62px); letter-spacing: -.06em; line-height: 1.06; }
.web-story-copy h2 em { font-style: normal; color: var(--primary-700); }
.web-story-copy > p { font-size: 16px; line-height: 1.8; max-width: 36ch; color: #678075; }
.web-feature { display: flex; gap: 16px; margin-top: 25px; max-width: 340px; }
.web-feature > span { font-size: 10px; padding-top: 4px; color: #029783; }
.web-feature h3 { font-size: 14px; margin: 0 0 7px; }
.web-feature p { font-size: 13px; line-height: 1.7; color: #678075; margin: 0; }
.web-story-link { display: inline-flex; align-items: center; gap: 30px; font-size: 13px; border-bottom: 1px solid #a4c7b8; padding: 14px 0; margin-top: 20px; }
.tablet-destination { width: 100%; aspect-ratio: 1.5; position: relative; }
.tablet-caption { position: absolute; bottom: -58px; width: 100%; text-align: center; font-size: 9px; letter-spacing: .16em; color: #668173; }
.tablet-caption > span { margin: 0 8px; }
.web-watermark { position: absolute; bottom: 24px; left: 50%; transform: translateX(-50%); font-size: clamp(80px,16vw,220px); font-weight: 700; white-space: nowrap; letter-spacing: -.08em; color: #b4d9c530; z-index: -1; }
@keyframes tablet-hover { 0%,100% { translate: 0 0; } 50% { translate: 0 calc(-16px * var(--tablet-float,1)); } }
@media (prefers-reduced-motion: no-preference) {
  .tablet-float { animation: tablet-hover 6.5s ease-in-out infinite; }
  .device-scroll-cue > span:last-child { animation: eder-float 3s ease-in-out infinite; }
}
@media (max-width: 1100px) and (min-width: 761px) {
  .hero-phone-position { left: 13%; }
  .tablet-origin { width: 59%; top: 90px; right: 2%; }
  .web-experience { padding-left: 35px; padding-right: 35px; grid-template-columns: 37% 63%; gap: 15px; }
  #eder .hero-summary { padding-left: 30px; }
  #eder .hero-summary .ref-136 { max-width: 37ch; }
  .device-scroll-cue > span:first-child { display: none; }
}
@media (max-width: 760px) {
  #eder .hero-section { padding-top: 104px; padding-bottom: 28px; gap: 16px; }
  #eder .device-stage { height: clamp(280px,58vw,420px); margin-top: 4px; order: 2; }
  .hero-phone-position { left: 10%; top: 0; transform: perspective(1000px) rotateY(19deg) rotateZ(-10deg); }
  #eder .hero-phone-position [data-hero-phone] { width: clamp(125px,27vw,190px); }
  .hero-phone-position .ref-110 { padding: 5px; border-radius: 26px; }
  .hero-phone-position .ref-111 { border-radius: 22px; }
  .hero-phone-position .ref-113 { padding: 8px; gap: 6px; }
  .hero-phone-position .ref-112 { font-size: 7px; padding: 10px 10px 0; }
  .hero-phone-position .ref-115 { font-size: 11px; }
  .hero-phone-position .ref-116, .hero-phone-position .ref-134 { font-size: 6px; }
  .hero-phone-position .ref-118, .hero-phone-position .ref-124, .hero-phone-position .ref-129 { gap: 5px; padding: 6px; }
  .hero-phone-position .ref-119, .hero-phone-position .ref-125, .hero-phone-position .ref-130 { width: 20px; height: 25px; flex-shrink: 0; }
  .hero-phone-position .ref-121, .hero-phone-position .ref-127, .hero-phone-position .ref-131, .hero-phone-position .ref-133 { font-size: 7px; }
  .hero-phone-position .ref-122, .hero-phone-position .ref-128 { font-size: 5px; }
  .hero-phone-position .ref-123 { display: none; }
  .hero-phone-position .ref-132 { padding: 8px 6px; }
  .tablet-origin { width: 61%; top: 84px; right: 5%; }
  #eder .hero-photo-rails { inset: 15px -50px 0; opacity: .23; }
  #eder .hero-photo-card { width: 75px; }
  #eder .hero-summary { align-items: center; text-align: center; gap: 16px; order: 1; }
  #eder .hero-summary .ref-136 { font-size: 14px; max-width: 44ch; }
  #eder .hero-summary .ref-138, #eder .hero-summary .ref-142 { justify-content: center; }
  #eder .hero-summary .ref-138 { gap: 8px; }
  #eder .hero-summary .ref-138 a { padding: 13px 16px; font-size: 12px; }
  .device-scroll-cue { position: static; margin-top: 14px; order: 3; }
  .device-scroll-cue > span:first-child { font-size: 8px; }
  .web-experience { min-height: 0; padding: 40px 24px 64px; display: flex; flex-direction: column; gap: 40px; }
  .enhanced #eder .web-experience { scroll-margin-top: var(--nav-offset, 86px); }
  .web-story-copy { width: 100%; max-width: 500px; }
  #eder .web-story-copy h2 { font-size: 44px; margin: 20px 0; }
  .web-story-copy > p { font-size: 14px; max-width: 43ch; }
  .web-feature { margin-top: 20px; max-width: 450px; }
  .tablet-destination { width: 95%; max-width: 560px; order: -1; margin-bottom: 12px; }
  .tablet-caption { bottom: -35px; font-size: 7px; }
  .web-watermark { bottom: 20px; }
}
@media (prefers-reduced-motion: reduce) {
  .tablet-shell { transform: none; }
  .tablet-destination { display: none; }
  .web-experience { min-height: 650px; display: block; padding-top: 100px; padding-bottom: 100px; }
  .web-story-copy { max-width: 650px; margin: auto; }
}
html:not(.enhanced) .tablet-destination { display: none; }
@media (max-width: 760px) and (prefers-reduced-motion: reduce) {
  .web-experience { min-height: 0; padding: 40px 24px 64px; }
}

/* Early-access interlude between the walkthrough and price research. */
.waitlist-section { padding: 64px clamp(16px, 4vw, 64px) 100px; }
.waitlist-card { position: relative; isolation: isolate; max-width: 1200px; margin: 0 auto; overflow: hidden; border: 1px solid #c7e8df; border-radius: 32px; background: radial-gradient(ellipse at 0 0, #99f4da99, transparent 34%), radial-gradient(ellipse at 100% 0, #b2eee899, transparent 34%), #fbfefc; box-shadow: 0 24px 80px -50px #12674e55; }
.waitlist-card::before, .waitlist-card::after { content: ''; position: absolute; top: -160px; width: 100px; height: 440px; background: #ffffffc9; filter: blur(25px); transform: rotate(-35deg); pointer-events: none; z-index: -1; }
.waitlist-card::before { left: 6%; }
.waitlist-card::after { right: 6%; transform: rotate(35deg); }
.waitlist-content { position: relative; z-index: 2; display: flex; flex-direction: column; align-items: center; padding: 64px 24px 0; text-align: center; }
.waitlist-brand { display: flex; align-items: center; gap: 20px; margin-bottom: 28px; }
.waitlist-brand > div { display: grid; place-items: center; width: 156px; height: 72px; background: #ffffffb8; border: 1px solid #d5e9e1; border-radius: 22px; box-shadow: 0 5px 16px #205b3910; }
.waitlist-brand > span { position: relative; width: 65px; height: 1px; background: linear-gradient(90deg, transparent, #8abaaa); }
.waitlist-brand > span:last-child { rotate: 180deg; }
.waitlist-brand > span::after { content: ''; position: absolute; right: 0; top: -2px; width: 5px; height: 5px; background: #5c9c88; rotate: 45deg; }

#eder .waitlist-content h2 { margin: 0; font-size: clamp(32px, 4.4vw, 56px); font-weight: 600; letter-spacing: -.055em; line-height: 1.12; }
.waitlist-description { margin: 18px 0 26px; color: #59766b; font-size: 15px; line-height: 1.75; }
.waitlist-form { display: flex; align-items: center; gap: 8px; width: min(100%, 460px); padding: 6px; border: 1px solid #ccdfd6; border-radius: 999px; background: white; box-shadow: 0 4px 8px #1b513009, 0 0 0 5px #dfeee64d; }
.waitlist-form input { flex: 1; min-width: 0; width: 100%; border: 0; background: transparent; padding: 12px 14px; color: #47685c; font-size: 13px; }
.waitlist-form input::placeholder { color: #6b8379; opacity: 1; }
.waitlist-form button { display: inline-flex; align-items: center; gap: 22px; flex-shrink: 0; padding: 13px 23px; border: 0; border-radius: 999px; background: #103f32; color: white; font-size: 12px; font-weight: 700; }
.waitlist-form :disabled { opacity: 1; }
.waitlist-note { margin: 13px 0 0; color: #637e72; font-size: 10px; line-height: 1.6; }



.waitlist-milestones { max-width: 100%; display: flex; align-items: center; gap: 13px; margin-top: 27px; }
.waitlist-milestones > div { width: 100px; padding: 14px 8px; background: linear-gradient(#fff, #eff7f2); border: 1px solid #ddebe3; border-radius: 14px; }
.waitlist-milestones div > span { display: block; color: #8da89a; font-size: 18px; font-weight: 400; }
.waitlist-milestones strong { display: block; margin-top: 5px; color: #3c6050; font-size: 10px; font-weight: 600; }
.waitlist-milestones > span { color: #8da89a; font-size: 12px; }
.waitlist-preview { position: relative; height: 330px; margin-top: 42px; overflow: hidden; padding-top: 12px; }
.waitlist-preview::after { content: ''; position: absolute; z-index: 3; inset: auto 0 0; height: 110px; background: linear-gradient(transparent, #fbfefc); pointer-events: none; }
.waitlist-orbit { position: absolute; left: 50%; top: 65px; width: 850px; height: 650px; border: 1px solid #c7e9da; border-radius: 50%; transform: translateX(-50%); background: linear-gradient(#ecf8f1, #cff2e3); }
.waitlist-orbit-inner { top: 112px; width: 690px; height: 500px; background: linear-gradient(#bcecd7, #f5fcf8); border-color: #b1e3cd; }
.waitlist-device { position: relative; z-index: 1; width: min(610px, 82%); margin: 0 auto; padding: 9px; border: 1px solid #d0dcd6; border-radius: 25px; background: linear-gradient(145deg, #fff, #d3e1d8); box-shadow: 0 22px 45px #204c3020, inset 0 0 0 3px #ffffffa8; }
.waitlist-device-bar { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 10px 16px; border-radius: 16px 16px 0 0; background: white; border-bottom: 1px solid #e7eee8; }
.waitlist-device-bar > span { color: #668574; font-size: 9px; }
.waitlist-device-bar .waitlist-window-dots { letter-spacing: 3px; color: #bad2c4; }
.waitlist-device-screen { display: grid; grid-template-columns: 43% 1fr; gap: 24px; padding: 24px; background: #f4faf6; border-radius: 0 0 16px 16px; }
.waitlist-product-photo { position: relative; height: 260px; overflow: hidden; border: 1px solid #e0e9e2; border-radius: 14px; }
.waitlist-product-photo img { width: 100%; height: 100%; object-fit: cover; }
.waitlist-product-photo > span { position: absolute; left: 12px; bottom: 12px; background: #fffffff0; padding: 7px 10px; border-radius: 999px; font-size: 9px; color: #375a49; }
.waitlist-product-details { padding-top: 3px; }
.waitlist-draft-status { display: inline-block; padding: 6px 9px; border-radius: 999px; background: #deefe5; color: #296447; font-size: 9px; }
.waitlist-product-details h3 { margin: 16px 0 10px; font-size: 26px; line-height: 1.13; letter-spacing: -.04em; }
.waitlist-product-details p { margin: 0; color: #6b8174; font-size: 11px; line-height: 1.7; }
.waitlist-draft-fields { display: flex; flex-direction: column; gap: 8px; margin-top: 17px; }
.waitlist-draft-fields > span { display: flex; justify-content: space-between; color: #527360; font-size: 10px; }
.waitlist-draft-fields b { color: #208361; }
.waitlist-preview-label { display: block; margin-top: 18px; color: #6b8174; font-size: 8px; letter-spacing: .1em; }
@media (max-width: 600px) {
  .waitlist-section { padding: 36px 12px 64px; }
  .waitlist-card { border-radius: 24px; }
  .waitlist-content { padding: 42px 18px 0; }
  .waitlist-description { font-size: 13px; }

  .waitlist-brand { gap: 14px; }
  .waitlist-brand > span { width: 42px; }
  .waitlist-form button { padding: 13px 16px; gap: 10px; }
  .waitlist-form input { padding-left: 10px; font-size: 12px; }

  .waitlist-milestones { gap: 7px; }
  .waitlist-milestones > div { width: 76px; }
  .waitlist-milestones strong { font-size: 9px; }
  .waitlist-preview { height: 255px; margin-top: 32px; }
  .waitlist-device { width: 91%; padding: 6px; border-radius: 20px; }
  .waitlist-device-bar { padding: 8px 10px; gap: 6px; }
  .waitlist-device-bar img { width: 18px; height: auto; }
  .waitlist-device-bar > span { font-size: 7px; }
  .waitlist-window-dots { display: none; }
  .waitlist-device-screen { padding: 13px; gap: 13px; grid-template-columns: 40% 1fr; }
  .waitlist-product-photo { height: 210px; }
  .waitlist-product-photo > span { left: 6px; bottom: 12px; padding: 6px; font-size: 7px; }
  .waitlist-draft-status { font-size: 7px; padding: 5px 7px; }
  .waitlist-product-details h3 { font-size: 21px; }
  .waitlist-product-details p { font-size: 9px; }
  .waitlist-draft-fields { margin-top: 12px; }
  .waitlist-orbit { width: 600px; }
  .waitlist-orbit-inner { width: 460px; }
}

/* Ambient motion pauses offscreen; reduced-motion visitors see the static layout. */
@keyframes waitlist-light-sweep {
  0%, 100% { translate: -30px -25px; scale: .85; opacity: .5; }
  50% { translate: 65px 80px; scale: 1.3; opacity: 1; }
}
@keyframes waitlist-float {
  0%, 100% { transform: translateY(4px) rotate(-1deg); }
  50% { transform: translateY(-10px) rotate(1deg); }
}
@keyframes waitlist-ring-breathe {
  0%, 100% { scale: .93; opacity: .6; }
  50% { scale: 1.06; opacity: 1; }
}
@keyframes waitlist-step-wave {
  0%, 65%, 100% { transform: translateY(0); border-color: var(--step-border, #ddebe3); }
  25% { transform: translateY(-7px); border-color: #82cdb2; }
}
@keyframes waitlist-form-glow {
  0%, 100% { box-shadow: 0 4px 8px #1b513009, 0 0 0 5px #dfeee64d; }
  50% { box-shadow: 0 8px 30px #2caa7b22, 0 0 0 7px #bcebdc66; }
}
@media (prefers-reduced-motion: no-preference) {
  .waitlist-card::before, .waitlist-card::after { animation: waitlist-light-sweep 7s ease-in-out infinite paused; }
  .waitlist-card::after { animation-delay: -3.5s; animation-direction: reverse; }
  .waitlist-brand > div { animation: waitlist-float 5s ease-in-out infinite paused; }
  .waitlist-device { animation: waitlist-float 6s ease-in-out infinite paused; }
  .waitlist-orbit { transform-origin: left top; animation: waitlist-ring-breathe 6s ease-in-out infinite paused; }
  .waitlist-orbit-inner { animation-delay: -3s; }
  .waitlist-form { animation: waitlist-form-glow 4s ease-in-out infinite paused; }
  .waitlist-milestones > div { animation: waitlist-step-wave 4s ease-in-out infinite paused; }
  .waitlist-milestones > div:nth-of-type(2) { animation-delay: .35s; }
  .waitlist-milestones > div:nth-of-type(3) { animation-delay: .7s; }
  .waitlist-card.is-in-view::before, .waitlist-card.is-in-view::after,
  .waitlist-card.is-in-view .waitlist-brand > div,
  .waitlist-card.is-in-view .waitlist-device,
  .waitlist-card.is-in-view .waitlist-orbit,
  .waitlist-card.is-in-view .waitlist-form,
  .waitlist-card.is-in-view .waitlist-milestones > div { animation-play-state: running; }
}

/* The closing chapter keeps its dark canvas; all preceding sections stay white. */
#eder #nasil .ref-164 { color: var(--text-950); }
.dark-section { background: var(--text-950); color: #f2f6f5; }
.waitlist-section.dark-section { padding-top: clamp(100px, 16vh, 160px); padding-bottom: 48px; }
.waitlist-section.dark-section .waitlist-card { border-color: #343a40; background: radial-gradient(ellipse at 0 0, #15443d88, transparent 38%), radial-gradient(ellipse at 100% 0, #321b5270, transparent 38%), #080b0e; box-shadow: 0 30px 90px -40px #000a, inset 0 1px 0 #ffffff0d; }
.dark-section .waitlist-card::before, .dark-section .waitlist-card::after { background: #88f8d75c; filter: blur(34px); }
.dark-section .waitlist-card::after { background: #ba9eff55; }
.dark-section .waitlist-brand > div { background: #111a1c; border-color: #354743; box-shadow: 0 0 30px #43d8b012; }
.dark-section .waitlist-brand > span { background: linear-gradient(90deg, transparent, #71988c); }
.dark-section .waitlist-brand > span::after { background: #91e3c9; }
.dark-section .waitlist-description { color: #b3bfbc; }
.dark-section .waitlist-form { background: #12181b; border-color: #3a4946; }
.dark-section .waitlist-form input { color: #e5efec; }
.dark-section .waitlist-form input::placeholder { color: #a5b6af; }
.dark-section .waitlist-form button { background: #d7f9ec; color: #102b21; }
.dark-section .waitlist-note { color: #9baea5; }
.dark-section .waitlist-milestones > div { --step-border: #35423c; background: linear-gradient(#192124, #101618); border-color: #35423c; }
.dark-section .waitlist-milestones div > span { color: #a6c2b5; }
.dark-section .waitlist-milestones strong { color: #d0ded7; }
.dark-section .waitlist-preview::after { background: linear-gradient(transparent, #080b0e); }
.dark-section .waitlist-orbit { background: linear-gradient(#142921, #0d1418); border-color: #355245; }
.dark-section .waitlist-orbit-inner { background: linear-gradient(#244b3c, #10141a); border-color: #46705a; }
.dark-section .waitlist-device { border-color: #53605b; background: linear-gradient(145deg, #4d5754, #171e1b); box-shadow: 0 22px 50px #0008, inset 0 0 0 3px #ffffff12; }
.dark-section .waitlist-device-bar { background: #111b19; border-color: #2c3b33; }
.dark-section .waitlist-device-bar > span { color: #acbfb5; }
.dark-section .waitlist-device-screen { background: #101816; }
.dark-section .waitlist-product-photo { border-color: #384a3f; }
.dark-section .waitlist-product-photo > span { background: #10281fee; color: #d9eee2; }
.dark-section .waitlist-draft-status { background: #203d2f; color: #b7ebcc; }
.dark-section .waitlist-product-details p, .dark-section .waitlist-draft-fields > span, .dark-section .waitlist-preview-label { color: #a4b9ac; }
.dark-section .waitlist-draft-fields b { color: #81d8af; }
.faq-section { padding: 0 clamp(16px, 4vw, 64px) clamp(100px, 16vh, 160px); }
.faq-card { display: grid; grid-template-columns: .95fr 1.05fr; align-items: start; gap: clamp(32px, 5vw, 80px); max-width: 1200px; margin: 0 auto; padding: clamp(32px, 5vw, 72px); border: 1px solid #44474d; border-radius: 28px; background: radial-gradient(ellipse at 90% 0, #25113766, transparent 65%), #08090b; box-shadow: 0 24px 70px -40px #0009, inset 0 1px 0 #ffffff12; }
.faq-eyebrow { display: block; margin-bottom: 20px; font-size: 10px; font-weight: 700; letter-spacing: .14em; color: #9aadeb; }
#eder .faq-intro h2 { margin: 0; font-size: clamp(30px, 3.2vw, 43px); line-height: 1.14; font-weight: 600; letter-spacing: -.045em; }
.faq-intro > p { margin: 20px 0 28px; font-size: 13px; line-height: 1.8; color: #a9adb7; }
.faq-cta { display: inline-flex; align-items: center; gap: 28px; padding: 13px 18px; border: 1px solid transparent; border-radius: 10px; color: #f3f7f5; background: linear-gradient(#101419, #101419) padding-box, linear-gradient(110deg, #6a9ae8, #99dbc3 55%, #cbb0d9) border-box; box-shadow: -6px 0 24px #448fee20, 6px 0 24px #b985e51a; font-size: 12px; }
.faq-cta:hover { color: #b6f7dd; }
.faq-list { display: flex; flex-direction: column; gap: 12px; }
#eder .faq-section .faq { margin: 0; padding: 0; border: 1px solid #272831; border-radius: 14px; background: linear-gradient(120deg, #17171f, #111216); overflow: hidden; }
#eder .faq-section .faq summary { padding: 20px 22px; gap: 20px; color: #e0e1e7; font-size: 13px; font-weight: 600; line-height: 1.5; }
#eder .faq-section .faq summary:hover > span:first-child { translate: 0; }
#eder .faq-section .faq [data-faq-icon] { width: 7px; height: 7px; border-right: 1px solid #a9adbb; border-bottom: 1px solid #a9adbb; transform: rotate(45deg); }
#eder .faq-section .faq[open] [data-faq-icon] { transform: rotate(225deg); }
#eder .faq-section .faq[open] { border-color: #53536b; background: linear-gradient(120deg, #1b1c26, #13171b); }
#eder .faq-section .faq-answer p { margin: 0; max-width: none; padding: 0 22px 22px; color: #b3b8c3; font-size: 13px; line-height: 1.8; }
#eder [data-nav].is-dark-chapter { background: #11171eee; box-shadow: 0 12px 40px #0003, inset 0 0 0 1px #ffffff17; }
#eder [data-nav].is-dark-chapter a { color: #e6f3ed; }
#eder [data-nav].is-dark-chapter .brand-logo-light { display: none; }
#eder [data-nav].is-dark-chapter .brand-logo-dark { display: block; }
#eder [data-nav].is-dark-chapter > .ref-012 { background: #c4efdf; color: #10261c; }
#eder [data-nav].is-dark-chapter .nav-toggle { color: #e6f3ed; }
#eder [data-nav].is-dark-chapter.is-menu-open > #nav-links { background: #11171e; }
@keyframes waitlist-dark-glow {
  0%, 100% { box-shadow: 0 0 0 4px #95e1c90a, 0 0 16px #70cba812; }
  50% { box-shadow: 0 0 0 7px #95e1c912, 0 0 35px #70cba82b; }
}
@media (prefers-reduced-motion: no-preference) {
  .dark-section .waitlist-form { animation-name: waitlist-dark-glow; }
  .faq-cta { transition: box-shadow .35s ease, transform .35s ease; }
  .faq-cta:hover { transform: translateY(-3px); box-shadow: -8px 0 32px #448fee40, 8px 0 32px #b985e52a; }
  #eder .faq-section .faq { transition: border-color .3s ease, background .3s ease; }
}
@media (max-width: 760px) {
  .faq-card { grid-template-columns: 1fr; gap: 36px; padding: 32px 22px; }
  .faq-intro > p { margin: 16px 0 22px; }
  #eder .faq-section .faq summary { padding: 18px 16px; }
  #eder .faq-section .faq-answer p { padding: 0 16px 20px; }
}
@media (max-width: 600px) {
  .waitlist-section.dark-section { padding-top: 80px; padding-bottom: 24px; }
  .faq-section { padding: 0 12px 80px; }
  .faq-card { border-radius: 24px; }
}

/* Keep the first-screen actions in view, including on shorter laptop screens. */
@media (min-width: 761px) {
  #eder .hero-section { min-height: 100svh; padding-top: clamp(100px, 12svh, 128px); padding-bottom: 24px; gap: 14px; }
  #eder .hero-section h1 { font-size: clamp(32px, min(5.2vw, 7svh), 67.36px); }
  #eder .device-stage {
    --hero-phone-width: clamp(130px, calc((100svh - 430px) * .45), 200px);
    --hero-tablet-width: min(57%, calc((100svh - 330px) * 1.2));
    height: clamp(260px, calc(100svh - 430px), 450px);
    margin-top: 8px;
  }
  #eder .hero-phone-position { left: auto; right: calc(8% + var(--hero-tablet-width) - 14px); width: var(--hero-phone-width); container-type: inline-size; }
  #eder .hero-phone-position [data-hero-phone] { width: 100%; }
  .hero-phone-position .ref-110 { padding: 3.64cqw; border-radius: 18.2cqw; }
  .hero-phone-position .ref-111 { border-radius: 15cqw; }
  .hero-phone-position .ref-112 { padding: 5.45cqw 7.27cqw 1.82cqw; font-size: 4.32cqw; }
  .hero-phone-position .ref-113 { padding: 3.64cqw 5.91cqw 5.91cqw; gap: 4.09cqw; }
  .hero-phone-position .ref-115 { font-size: 7.27cqw; }
  .hero-phone-position .ref-116, .hero-phone-position .ref-134 { font-size: 3.86cqw; }
  .hero-phone-position .ref-117 { gap: 3.18cqw; }
  .hero-phone-position .ref-118, .hero-phone-position .ref-124, .hero-phone-position .ref-129 { padding: 4.09cqw; gap: 4.09cqw; border-radius: 5.91cqw; }
  .hero-phone-position .ref-119, .hero-phone-position .ref-125, .hero-phone-position .ref-130 { width: 15.45cqw; height: 15.45cqw; border-radius: 4.09cqw; flex-shrink: 0; }
  .hero-phone-position .ref-121, .hero-phone-position .ref-127, .hero-phone-position .ref-131, .hero-phone-position .ref-133 { font-size: 4.77cqw; }
  .hero-phone-position .ref-122, .hero-phone-position .ref-128 { font-size: 3.64cqw; }
  .hero-phone-position .ref-123 { font-size: 3.41cqw; padding: 1.36cqw 2.73cqw; }
  .hero-phone-position .ref-130 { font-size: 6.36cqw; }
  .hero-phone-position .ref-132 { padding: 4.55cqw; border-radius: 5.91cqw; }
  #eder .hero-photo-card { width: clamp(80px, 12svh, 112px); }
  #eder .tablet-origin { width: var(--hero-tablet-width); right: 8%; top: 34px; }
  #eder .hero-summary { gap: 12px; }
  #eder .hero-summary .ref-136 { font-size: 15px; max-width: 48ch; }
  #eder .hero-summary .ref-138 a { padding: 13px 22px; font-size: 14px; }
  .device-scroll-cue { bottom: 28px; }
}

/* Compact brand marks preserve the supplied artwork proportions. */
.waitlist-brand img { display: block; width: 120px; height: auto; }
.waitlist-device-bar img { display: block; width: 18px; height: auto; }

.phone-brand-mark { display: block; width: 12px; height: auto; }
.app-symbol img { display: block; width: 1cqw; height: auto; }

/* A slim white navigation bar unfolds into a layered mint chapter menu. */
html { scrollbar-gutter: stable; }
#eder .site-header { position: relative; z-index: 100; padding: 16px 24px; }
#eder .site-nav, #eder .site-nav.is-dark-chapter, #eder .site-nav.is-scrolled {
  --nav-bar-height: 58px;
  --nav-panel-height: min(660px, 82svh);
  position: relative; width: 100%; max-width: none; padding: 0; gap: 0;
  border-radius: 0; background: transparent; box-shadow: none; animation: none; scale: 1;
  backdrop-filter: none;
}
.nav-bar { position: relative; z-index: 3; display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; height: var(--nav-bar-height); padding: 0 24px; border: 1px solid #123c2d12; border-radius: 999px; background: #fff; box-shadow: 0 4px 24px #002f2410; }
#eder .site-nav .brand { grid-column: 2; margin: 0; }
#eder .site-nav .brand img { width: 82px; height: auto; filter: none; }
#eder .site-nav .brand .nav-logo-dark { display: none; }
#eder .site-nav.is-dark-chapter .nav-bar { background: #102d26f5; border-color: #ffffff24; }
#eder .site-nav.is-dark-chapter a, #eder .site-nav.is-dark-chapter .nav-toggle { color: #f1fff9; }
#eder .site-nav.is-dark-chapter .brand img { filter: none; }
#eder .site-nav.is-dark-chapter .brand .nav-logo-light { display: none; }
#eder .site-nav.is-dark-chapter .brand .nav-logo-dark { display: block; }
#eder .site-nav.is-menu-open .nav-bar { background: #03fcdb; border-color: transparent; }
#eder .site-nav.is-menu-open a, #eder .site-nav.is-menu-open .nav-toggle { color: #12392e; }
#eder .site-nav.is-menu-open .brand .nav-logo-light { display: block; }
#eder .site-nav.is-menu-open .brand .nav-logo-dark { display: none; }
#eder .site-nav a { color: #12392e; }
#eder .site-nav .nav-access { grid-column: 3; justify-self: end; display: inline-flex; align-items: center; gap: 22px; padding: 10px 0; font-size: 11px; font-weight: 700; }
.nav-access > span { font-size: 15px; transition: translate .25s ease; }
.nav-access:hover > span { translate: 2px -2px; }
#eder .site-nav .nav-toggle { display: none; }
.nav-backdrop, .nav-layers { display: none; }
.nav-panel { padding: 16px 24px; border-radius: 20px; background: #fff; }
.nav-primary { display: flex; flex-wrap: wrap; justify-content: center; gap: 12px 24px; }
.nav-primary > a { font-size: 14px; }
.nav-story, .nav-panel-footer, .nav-link-number, .nav-link-arrow { display: none; }
.enhanced #eder .site-header { position: fixed; top: 0; right: 0; left: 0; }
.enhanced #eder .site-nav .nav-toggle { justify-self: start; display: inline-flex; flex-direction: row; align-items: center; justify-content: flex-start; gap: 12px; width: auto; height: 44px; padding: 0; border: 0; border-radius: 0; background: transparent; color: #12392e; cursor: pointer; }
.enhanced #eder .site-nav.is-dark-chapter .nav-toggle { color: #f1fff9; }
.enhanced #eder .site-nav.is-menu-open .nav-toggle { color: #12392e; }
#eder .site-nav .nav-toggle > span { width: auto; height: auto; border-radius: 0; background: none; transform: none; opacity: 1; }
#eder .site-nav .nav-toggle .nav-toggle-label { min-width: 30px; font-size: 11px; font-weight: 700; }
#eder .site-nav .nav-toggle .nav-toggle-icon { position: relative; display: block; width: 28px; height: 18px; }
.nav-toggle-icon i { position: absolute; left: 0; top: 8px; width: 19px; height: 1px; background: currentColor; transition: transform .4s ease, width .4s ease, border-radius .4s ease; }
.nav-toggle-icon i:last-child { left: 21px; top: 5px; width: 6px; height: 6px; border: 1px solid currentColor; border-radius: 50%; background: none; }
.nav-toggle[aria-expanded="true"] .nav-toggle-icon i:first-child { transform: rotate(45deg); }
.nav-toggle[aria-expanded="true"] .nav-toggle-icon i:last-child { left: 0; top: 8px; width: 19px; height: 1px; border: 0; border-radius: 0; background: currentColor; transform: rotate(-45deg); }
.enhanced .nav-bar { transition: background .5s ease, border-radius .65s cubic-bezier(.76,0,.24,1), border-color .4s ease; }
.enhanced .is-menu-open .nav-bar { background: #03fcdb; border-color: transparent; border-radius: 29px 29px 0 0; box-shadow: none; }
.enhanced .nav-backdrop { display: block; position: fixed; inset: 0; background: #001a1866; backdrop-filter: blur(3px); opacity: 0; visibility: hidden; transition: opacity .5s ease, visibility 0s .7s; }
.enhanced .site-header.is-menu-open .nav-backdrop { opacity: 1; visibility: visible; transition-delay: 0s; }
.enhanced .nav-layers { position: absolute; z-index: 0; display: block; inset: 0 0 auto; height: var(--nav-panel-height); visibility: hidden; transition: visibility 0s .85s; pointer-events: none; }
.enhanced .nav-layers > span { position: absolute; inset: 0 0 auto; height: calc(100% + 24px); background: #cdfef8; border-radius: 29px; clip-path: inset(0 0 calc(100% - var(--nav-bar-height)) 0 round 29px); transition: clip-path .75s cubic-bezier(.76,0,.24,1); }
.enhanced .nav-layers > span:last-child { height: calc(100% + 12px); background: #016558; transition-delay: .06s; }
.enhanced .is-menu-open .nav-layers { visibility: visible; transition-delay: 0s; }
.enhanced .is-menu-open .nav-layers > span { clip-path: inset(0 round 29px); }
.enhanced .nav-panel {
  position: absolute; z-index: 1; inset: 0 0 auto; display: grid;
  grid-template-columns: .85fr 1.15fr; grid-template-rows: 1fr auto; gap: 32px 60px;
  height: var(--nav-panel-height); padding: 118px clamp(28px, 6vw, 100px) 36px;
  border-radius: 29px; background: #03fcdb; color: #12392e; overflow-y: auto; overscroll-behavior: contain;
  visibility: hidden; clip-path: inset(0 0 calc(100% - var(--nav-bar-height)) 0 round 29px); pointer-events: none;
  transition: clip-path .7s cubic-bezier(.76,0,.24,1), visibility 0s .7s;
}
.enhanced .is-menu-open .nav-panel { clip-path: inset(0 round 29px); visibility: visible; pointer-events: auto; transition-delay: .12s, 0s; }
.enhanced .nav-story { display: flex; flex-direction: column; align-items: flex-start; min-width: 0; min-height: 0; padding-top: 8px; }
.nav-eyebrow { font-size: 9px; font-weight: 800; letter-spacing: .13em; }
.nav-story p { margin: 23px 0 14px; font-size: clamp(18px, 2vw, 26px); font-weight: 500; letter-spacing: -.045em; line-height: 1.35; }
.nav-story-note { display: block; font-size: 11px; color: #1d6758; }
.nav-story-link { display: inline-flex; align-items: center; gap: 24px; margin-top: 28px; padding-bottom: 8px; border-bottom: 1px solid #12392e50; font-size: 11px; font-weight: 700; }
/* The iPhone rises from the panel's bottom edge, which masks its lower half. */
.nav-phone-preview { display: none; }
.enhanced .nav-phone-preview { display: block; position: absolute; bottom: 0; left: clamp(28px, 6vw, 100px); width: 300px; height: clamp(140px, calc(var(--nav-panel-height) - 360px), 300px); padding: 14px 24px 0; overflow: hidden; pointer-events: none; }
.nav-phone { position: relative; width: 230px; max-width: 100%; aspect-ratio: 1 / 2.12; padding: 6px; border: 1px solid #899c96; border-radius: 37px; background: linear-gradient(120deg, #81928b, #26332e 20%, #52655c 55%, #17251e); box-shadow: 0 0 0 1px #12392e30, 12px 18px 28px -12px #003d3440; container-type: inline-size; transform: translateY(32px) rotate(-6deg); transform-origin: 50% 25%; transition: transform .7s cubic-bezier(.16,1,.3,1); }
.enhanced .is-menu-open .nav-phone { transform: translateY(0) rotate(-6deg); transition-delay: .48s; }
.nav-phone-screen { height: 100%; overflow: hidden; border: 3px solid #101814; border-radius: 30px; background: #f6faf8; }
.nav-phone-status { position: relative; display: flex; align-items: center; justify-content: space-between; height: 17cqw; padding: 0 7cqw; color: #17362c; font-size: 4.2cqw; font-weight: 800; }
.nav-phone-island { position: absolute; top: 3.6cqw; left: 50%; width: 30cqw; height: 8.5cqw; border-radius: 99px; background: #101814; transform: translateX(-50%); }
.nav-phone-island::after { content: ''; position: absolute; right: 3cqw; top: 2.6cqw; width: 3cqw; height: 3cqw; border-radius: 50%; background: #15212e; box-shadow: inset 0 0 0 1px #253342; }
.nav-phone-signal { display: flex; align-items: center; gap: 2cqw; font-size: 3.3cqw; }
.nav-phone-signal i { position: relative; width: 6cqw; height: 3cqw; border: 1px solid currentColor; border-radius: 1cqw; background: #17362c; box-shadow: inset 0 0 0 1px #f6faf8; }
.nav-phone-signal i::after { content: ''; position: absolute; right: -2px; top: 1px; width: 1px; height: 2px; background: currentColor; }
.nav-phone-app { padding: 1cqw 6cqw 6cqw; }
.nav-phone-brand { display: flex; align-items: center; justify-content: space-between; margin-bottom: 7cqw; }
.nav-phone-brand img { display: block; width: 29cqw; height: auto; }
.nav-phone-brand > span { display: grid; place-items: center; width: 10cqw; height: 10cqw; border-radius: 50%; background: #e0efe8; color: #356251; font-size: 3.3cqw; font-weight: 800; }
.nav-phone-heading { display: flex; align-items: center; justify-content: space-between; gap: 2cqw; }
.nav-phone-heading strong { color: #17362c; font-size: 8cqw; letter-spacing: -.05em; }
.nav-phone-heading > span { padding: 1.6cqw 2.6cqw; border-radius: 99px; background: #e7f1ec; color: #52756b; font-size: 3.6cqw; }
.nav-phone-caption { display: block; margin: 2cqw 0 6cqw; color: #698076; font-size: 4cqw; }
.nav-phone-product { display: flex; align-items: center; gap: 4cqw; margin-bottom: 3cqw; padding: 4cqw; border: 1px solid #e3ece7; border-radius: 5cqw; background: #fff; }
.nav-phone-product img { flex-shrink: 0; width: 21cqw; height: 24cqw; object-fit: cover; border-radius: 3cqw; }
.nav-phone-product > div { display: flex; flex-direction: column; gap: 2cqw; min-width: 0; }
.nav-phone-product strong { color: #17362c; font-size: 4.7cqw; letter-spacing: -.025em; }
.nav-phone-product span { color: #698076; font-size: 3.6cqw; line-height: 1.4; }
.nav-phone-product small { align-self: start; padding: 1.5cqw 2cqw; border-radius: 99px; background: #e0f6ed; color: #29765d; font-size: 3.2cqw; }
.nav-phone-product + .nav-phone-product small { background: #e9effb; color: #5874a2; }
.nav-phone-add { display: flex; align-items: center; justify-content: center; gap: 3cqw; padding: 5cqw; border: 1px dashed #b6d3c5; border-radius: 5cqw; color: #426b58; font-size: 4.5cqw; }
.nav-phone-add > span { font-size: 7cqw; }
.enhanced .nav-primary { grid-column: 2; grid-row: 1; display: flex; flex-direction: column; justify-content: flex-start; align-items: stretch; gap: 5px; }
.enhanced .nav-primary > a { display: flex; align-items: baseline; gap: 16px; padding: 5px 0; font-size: clamp(28px, 3.6vw, 51px); font-weight: 500; line-height: 1.12; letter-spacing: -.055em; }
.enhanced .nav-link-number { display: block; align-self: center; color: #297a67; font-size: 9px; font-weight: 600; letter-spacing: 0; }
.enhanced .nav-link-arrow { display: block; margin-left: auto; font-size: 24px; opacity: 0; transform: translate(-10px, 10px); transition: opacity .25s ease, transform .3s ease; }
#eder .site-nav .nav-primary a:hover, #eder .site-nav .nav-primary a:focus-visible { color: #016558; }
.nav-primary > a:hover .nav-link-arrow, .nav-primary > a:focus-visible .nav-link-arrow { opacity: 1; transform: translate(0); }
.enhanced .nav-panel-footer { grid-column: 2; grid-row: 2; display: flex; justify-content: space-between; gap: 20px; padding-top: 20px; border-top: 1px solid #12392e30; color: #1d6758; font-size: 9px; }
.enhanced .nav-story, .enhanced .nav-primary > a, .enhanced .nav-panel-footer { opacity: 0; translate: 0 22px; transition: opacity .2s ease, translate .35s ease; }
.enhanced .is-menu-open .nav-story, .enhanced .is-menu-open .nav-primary > a, .enhanced .is-menu-open .nav-panel-footer { opacity: 1; translate: 0 0; transition-duration: .45s, .65s; transition-delay: .38s; }
.enhanced .is-menu-open .nav-primary > a:nth-child(2) { transition-delay: .44s; }
.enhanced .is-menu-open .nav-primary > a:nth-child(3) { transition-delay: .5s; }
.enhanced .is-menu-open .nav-primary > a:nth-child(4) { transition-delay: .56s; }
.enhanced .is-menu-open .nav-panel-footer { transition-delay: .62s; }
html.nav-is-open, .nav-is-open body { overflow: hidden; }
#eder .benefits-section { background: #fff; }
@media (max-width: 760px) {
  #eder .site-header { padding: 12px; }
  .enhanced #eder .site-header { padding: 12px; }
  #eder .site-nav, #eder .site-nav.is-dark-chapter, #eder .site-nav.is-scrolled { --nav-bar-height: 54px; --nav-panel-height: min(680px, calc(100svh - 48px)); }
  .nav-bar { padding: 0 18px; }
  #eder .site-nav .brand img { width: 68px; height: auto; }
  #eder .site-nav .nav-access { gap: 8px; font-size: 10px; }
  .enhanced #eder .site-nav .nav-toggle { gap: 6px; }
  #eder .site-nav .nav-toggle .nav-toggle-label { font-size: 10px; }
  #eder .site-nav .nav-toggle .nav-toggle-icon { width: 25px; }
  .enhanced .nav-panel { grid-template-columns: 1fr; grid-template-rows: auto auto 1fr; align-content: start; gap: 24px; padding: 96px 28px 28px; }
  .enhanced .nav-primary { grid-column: 1; grid-row: 1; gap: 9px; }
  .enhanced .nav-primary > a { font-size: clamp(28px, 7.3vw, 46px); gap: 12px; }
  .enhanced .nav-link-arrow { font-size: 20px; }
  .enhanced .nav-story { grid-row: 2; padding-top: 22px; border-top: 1px solid #12392e30; }
  .nav-story p { margin-top: 14px; font-size: 20px; }
  .nav-story-link { margin-top: 22px; }
  .enhanced .nav-phone-preview { display: none; }
  .enhanced .nav-panel-footer { grid-column: 1; grid-row: 3; align-self: end; flex-wrap: wrap; gap: 8px 14px; font-size: 8px; line-height: 1.6; }
}
@media (max-height: 540px) and (min-width: 761px) {
  #eder .site-nav, #eder .site-nav.is-dark-chapter, #eder .site-nav.is-scrolled { --nav-panel-height: calc(100svh - 56px); }
  .enhanced .nav-panel { padding-top: 82px; gap: 16px 40px; }
  .enhanced .nav-primary > a { font-size: 28px; }
  .nav-story p { font-size: 20px; margin-top: 12px; }
  .nav-story-link { margin-top: 20px; }
  .enhanced .nav-phone-preview { position: relative; grid-column: 1; grid-row: 2; left: auto; bottom: auto; height: 140px; margin-bottom: -36px; }
}
@media (prefers-reduced-motion: reduce) {
  .enhanced #eder .site-header, .enhanced .nav-bar, .enhanced .nav-panel,
  .enhanced .nav-layers > span, .enhanced .nav-backdrop, .enhanced .nav-story,
  .enhanced .nav-primary > a, .enhanced .nav-panel-footer,
  .nav-toggle-icon i, .nav-access > span, .enhanced .nav-link-arrow, .nav-phone { transition: none !important; }
}

/* Four unfolding chapters: native scrolling drives the desktop composition. */
#eder .process-section { max-width: none; margin: 0; padding: 0; height: auto; background: #fff; }
#eder .process-scene { display: flex; flex-direction: column; position: relative; height: auto; min-height: 0; padding: 110px clamp(16px, 3vw, 48px) 36px; gap: 22px; }
.process-heading { display: flex; align-items: end; justify-content: space-between; gap: 24px; }
.process-eyebrow { display: block; margin-bottom: 12px; font-size: 9px; font-weight: 800; letter-spacing: .15em; color: var(--primary-800); }
#eder .process-heading h2 { margin: 0; font-size: clamp(24px, 2.5vw, 36px); font-weight: 500; line-height: 1.12; letter-spacing: -.045em; }
.process-heading h2 br { display: none; }
.process-guide { display: flex; align-items: center; gap: 26px; font-size: 10px; color: #52756b; }
[data-process-counter] { font-variant-numeric: tabular-nums; font-weight: 700; color: var(--primary-800); }
.process-scroll-hint { display: none; }
.process-scroll-hint > span { display: inline-block; margin-left: 10px; }
.process-deck { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 2px; border: 1px solid #d8e8e4; border-radius: 24px; overflow: hidden; background: #d8e8e4; }
.process-card { position: relative; min-width: 0; min-height: 680px; isolation: isolate; overflow: hidden; background: #fff; color: var(--text-950); }
.process-card:last-child { min-height: 720px; }
.process-card::before { content: ''; position: absolute; z-index: -1; inset: 0; background: radial-gradient(ellipse at 10% 10%, #e6fffb, transparent 65%), var(--primary-100); opacity: 1; }
.enhanced .process-card::before { opacity: 0; transition: opacity .7s ease; }
.enhanced .process-card.is-active::before { opacity: 1; }
.process-number { display: block; position: absolute; left: 24px; top: 4px; font-size: clamp(240px, 30vw, 360px); font-weight: 400; letter-spacing: -.12em; line-height: 1; color: var(--primary-800); opacity: .13; pointer-events: none; }
.process-card-copy { position: absolute; left: 26px; right: 26px; bottom: 30px; z-index: 2; }
.process-label { display: inline-block; max-width: calc(100% - 28px); margin-bottom: 15px; padding: 5px 8px; border: 1px solid #01655850; border-radius: 999px; font-size: 8px; font-weight: 700; line-height: 1.1; letter-spacing: .05em; }
#eder .process-card h3 { margin: 0; font-size: clamp(22px, 2.1vw, 30px); font-weight: 600; line-height: 1.1; letter-spacing: -.045em; }
.process-card-copy p { margin: 14px 0 0; max-width: 44ch; color: #315c52; font-size: 13px; line-height: 1.65; }
.process-select { display: none; position: absolute; z-index: 3; right: 18px; top: 20px; width: 34px; height: 34px; padding: 0; border: 0; border-radius: 50%; background: var(--text-950); color: white; font-size: 18px; cursor: pointer; }
.enhanced .process-select { display: grid; place-items: center; }
.process-select:hover, .process-select:focus-visible { background: var(--primary-800); }
.process-select > span { transition: transform .45s ease; }
.is-active .process-select > span { transform: rotate(45deg); }
.process-card-progress { position: absolute; z-index: 3; bottom: 0; left: 0; right: 0; height: 4px; background: var(--primary-700); transform: scaleX(var(--stage-progress, 0)); transform-origin: left; }
.process-footer { display: flex; align-items: center; justify-content: space-between; gap: 16px; color: #658278; font-size: 9px; }
.process-footer > span:first-child { font-size: 8px; font-weight: 700; letter-spacing: .1em; }
.process-visual { position: absolute; top: 70px; left: 0; right: 0; height: 330px; perspective: 900px; pointer-events: none; }
.process-chip { display: inline-flex; align-items: center; justify-content: center; gap: 9px; width: max-content; max-width: 90%; padding: 10px 14px; border-radius: 999px; background: var(--text-950); color: #fff; font-size: 9px; font-weight: 600; box-shadow: 0 8px 20px #001a1815; white-space: nowrap; }
.process-live-dot { display: inline-block; flex-shrink: 0; width: 5px; height: 5px; border-radius: 50%; background: var(--primary-600); }
.process-mini-window { padding: 18px; border: 1px solid #e2ede9; border-radius: 12px; background: #fff; box-shadow: 0 20px 50px -18px #01655838; }
.process-window-top { display: flex; align-items: center; gap: 6px; margin-bottom: 18px; font-size: 9px; font-weight: 600; color: #52756b; }
.process-window-top > span:last-child { margin-left: auto; font-size: 7px; font-weight: 700; color: var(--primary-800); }
.capture-ring { position: absolute; top: 12%; left: 50%; width: 235px; height: 235px; margin-left: -118px; border: 1px solid #01655830; border-radius: 50%; }
.capture-ring::before, .capture-ring::after { content: ''; position: absolute; inset: -28px; border: 1px solid #01655815; border-radius: 50%; }
.capture-ring::after { inset: -56px; }
.capture-photo { position: absolute; width: 138px; height: 188px; top: 13%; left: calc(50% - 116px); padding: 7px 7px 26px; background: white; border-radius: 9px; box-shadow: 0 18px 30px -16px #01322c55; transform: rotate(-12deg); }
.capture-photo img { display: block; width: 100%; height: 100%; border-radius: 5px; object-fit: cover; }
.capture-photo > span { display: block; margin-top: 6px; text-align: center; font-size: 8px; color: #52756b; }
.capture-photo-front { top: 24%; left: calc(50% - 17px); transform: rotate(9deg); }
.capture-focus { position: absolute; top: 8%; left: calc(50% - 135px); width: 270px; height: 245px; }
.capture-focus i { position: absolute; width: 23px; height: 23px; border: solid var(--primary-800); }
.capture-focus i:nth-child(1) { top: 0; left: 0; border-width: 2px 0 0 2px; border-top-left-radius: 9px; }
.capture-focus i:nth-child(2) { top: 0; right: 0; border-width: 2px 2px 0 0; border-top-right-radius: 9px; }
.capture-focus i:nth-child(3) { bottom: 0; left: 0; border-width: 0 0 2px 2px; border-bottom-left-radius: 9px; }
.capture-focus i:nth-child(4) { bottom: 0; right: 0; border-width: 0 2px 2px 0; border-bottom-right-radius: 9px; }
.capture-scan { position: absolute; top: 8%; left: 5px; right: 5px; height: 2px; background: var(--primary-500); box-shadow: 0 0 18px 4px #03fcdb70; }
.capture-chip { position: absolute; top: 79%; left: 50%; transform: translateX(-50%); }
.capture-shutter { position: absolute; top: 96%; left: calc(50% - 14px); display: grid; place-items: center; width: 28px; height: 28px; border: 1px solid #01655860; border-radius: 50%; }
.capture-shutter span { width: 20px; height: 20px; border-radius: 50%; background: white; }
.research-product { position: absolute; left: calc(50% - 146px); top: 1%; width: 112px; height: 134px; overflow: hidden; border: 5px solid #fff; border-radius: 12px; box-shadow: 0 12px 30px #001a1818; transform: rotate(-8deg); }
.research-product img { width: 100%; height: 100%; object-fit: cover; }
.research-product > span { position: absolute; left: 0; right: 0; bottom: 0; padding: 7px 3px; color: #016558; background: #fff; font-size: 7px; text-align: center; }
.research-scan { position: absolute; inset: 0; background: linear-gradient(transparent 40%, #03fcdb80 70%, transparent); transform: translateY(-90%); }
.research-orbit { position: absolute; top: 10%; left: calc(50% - 145px); width: 290px; height: 250px; border: 1px dashed #01655830; border-radius: 50%; }
.research-orbit > span { position: absolute; width: 7px; height: 7px; border-radius: 50%; background: var(--primary-700); top: 30px; left: 48px; }
.research-orbit > span:nth-child(2) { top: 150px; left: auto; right: -2px; }
.research-orbit > span:nth-child(3) { top: auto; bottom: 8px; left: 110px; }
.research-price { position: absolute; width: 245px; left: calc(50% - 83px); top: 26%; transform: rotate(4deg); }
.research-price > small { display: block; font-size: 8px; color: #658278; }
.research-price > strong { display: block; margin-top: 8px; font-size: 24px; font-weight: 500; letter-spacing: -.06em; }
.research-price > strong > span { font-size: 12px; }
.research-bars { display: flex; align-items: end; justify-content: space-between; gap: 6px; height: 58px; margin-top: 15px; }
.research-bars > i { flex: 1; height: 30%; border-radius: 3px 3px 0 0; background: var(--primary-200); transform-origin: bottom; }
.research-bars > i:nth-child(2), .research-bars > i:nth-child(6) { height: 48%; }
.research-bars > i:nth-child(3), .research-bars > i:nth-child(5) { height: 75%; background: var(--primary-700); }
.research-bars > i:nth-child(4) { height: 100%; background: var(--primary-800); }
.research-source { display: flex; justify-content: space-between; margin-top: 13px; padding-top: 10px; border-top: 1px solid #e2ede9; font-size: 8px; color: var(--primary-800); }
.research-chip { position: absolute; top: 98%; left: 50%; transform: translateX(-50%); }
.draft-sheet { position: absolute; width: 252px; left: calc(50% - 126px); border-radius: 12px; background: #fff; box-shadow: 0 20px 40px -20px #01655840; }
.draft-sheet-back { top: 2%; margin-left: -25px; padding: 12px; transform: rotate(-10deg); }
.draft-sheet-back > img { width: 46px; height: 54px; border-radius: 5px; object-fit: cover; float: left; margin-right: 10px; }
.draft-sheet-back > span { display: block; margin-top: 9px; font-size: 11px; }
.draft-sheet-back > small { display: block; margin: 8px 0 12px; font-size: 8px; color: var(--primary-800); }
.draft-sheet-front { top: 22%; margin-left: 18px; transform: rotate(5deg); }
.draft-product { display: flex; gap: 12px; align-items: center; margin-bottom: 16px; }
.draft-product img { width: 47px; height: 51px; object-fit: cover; border-radius: 5px; }
.draft-product strong, .draft-product span { display: block; font-size: 11px; font-weight: 600; }
.draft-product span { margin-top: 8px; font-size: 10px; color: #52756b; }
.draft-field { position: relative; margin-top: 8px; padding: 9px 22px 9px 10px; background: #f3faf7; border-radius: 5px; }
.draft-field small { display: block; margin-bottom: 6px; font-size: 6px; color: #658278; }
.draft-field > span { display: block; font-size: 8px; }
.draft-field > i { position: absolute; right: 8px; top: 20px; color: var(--primary-700); font-style: normal; font-size: 10px; }
.draft-text-line { width: 94%; height: 3px; margin-bottom: 4px; background: #d0e3dc; border-radius: 4px; transform-origin: left; }
.draft-text-line + .draft-text-line { width: 70%; }
.draft-ready { display: flex; justify-content: space-between; margin-top: 12px; font-size: 8px; color: var(--primary-800); }
.drafts-chip { position: absolute; top: 100%; left: 50%; transform: translateX(-50%); }
.drafts-chip > span { color: var(--primary-500); }
.publish-editor { position: absolute; top: 3%; left: calc(50% - 125px); width: 250px; transform: rotate(-5deg); }
.publish-editor .process-window-top img { width: 44px; height: auto; }
.publish-title { display: flex; align-items: center; justify-content: space-between; margin: 20px 0 14px; font-size: 11px; font-weight: 600; }
.publish-edit-field { position: relative; padding: 11px 12px; border: 1px solid var(--primary-700); border-radius: 6px; background: #f9fffd; }
.publish-edit-field small { display: block; margin-bottom: 7px; font-size: 7px; color: #52756b; }
.publish-edit-field strong { font-size: 17px; font-weight: 500; }
.publish-caret { display: inline-block; width: 1px; height: 17px; margin-left: 3px; background: var(--primary-800); vertical-align: middle; }
.publish-cursor { position: absolute; right: 12px; top: 35px; color: var(--text-950); font-size: 23px; text-shadow: 1px 1px white; }
.publish-done { display: flex; justify-content: space-between; margin-top: 14px; font-size: 8px; color: var(--primary-800); }
.publish-routes { position: absolute; top: 68%; left: calc(50% - 110px); width: 260px; display: grid; gap: 7px; transform: rotate(4deg); }
.publish-routes > div { display: flex; align-items: center; gap: 10px; padding: 12px 14px; border: 1px solid #e2ede9; border-radius: 9px; background: #fff; box-shadow: 0 8px 20px #01655815; font-size: 10px; }
.publish-route-icon { display: grid; place-items: center; width: 25px; height: 25px; border-radius: 7px; background: var(--primary-100); color: var(--primary-800); font-size: 17px; }
.publish-routes small { display: block; margin-top: 4px; font-size: 7px; color: #658278; }
.publish-routes i { margin-left: auto; font-size: 10px; font-style: normal; color: var(--primary-800); }

@keyframes process-float { 0%,100% { translate: 0 0; } 50% { translate: 0 -10px; } }
@keyframes process-scan { 0%,15% { opacity: 0; translate: 0 0; } 20% { opacity: 1; } 75% { opacity: 1; translate: 0 200px; } 85%,100% { opacity: 0; translate: 0 200px; } }
@keyframes process-recognize { 0%,10% { transform: translateY(-100%); } 70%,100% { transform: translateY(100%); } }
@keyframes process-pulse { 0%,100% { scale: 1; opacity: .5; } 50% { scale: 1.07; opacity: 1; } }
@keyframes process-orbit { to { rotate: 360deg; } }
@keyframes process-chart { 0%,100% { scale: 1 .65; } 50% { scale: 1 1; } }
@keyframes process-write { 0%,10% { scale: .08 1; opacity: .4; } 55%,100% { scale: 1; opacity: 1; } }
@keyframes process-cursor { 0%,100% { translate: 6px 10px; } 50% { translate: -22px -8px; } }
@keyframes process-caret { 0%,49% { opacity: 1; } 50%,100% { opacity: 0; } }
@keyframes process-arrive { from { opacity: 0; translate: 0 30px; } to { opacity: 1; translate: 0 0; } }
@media (prefers-reduced-motion: no-preference) {
  .process-visual * { animation-play-state: paused; }
  .process-capture .capture-photo, .research-price, .draft-sheet-front, .publish-editor { animation: process-float 5s ease-in-out infinite paused; }
  .process-capture .capture-photo-front { animation-delay: -.8s; }
  .capture-ring, .capture-shutter { animation: process-pulse 4s ease-in-out infinite paused; }
  .capture-scan { animation: process-scan 4.8s ease-in-out infinite paused; }
  .research-scan { animation: process-recognize 4.5s ease-in-out infinite paused; }
  .research-orbit { animation: process-orbit 22s linear infinite paused; }
  .research-bars > i { animation: process-chart 3s ease-in-out infinite paused; }
  .research-bars > i:nth-child(2n) { animation-delay: -.35s; }
  .research-bars > i:nth-child(3n) { animation-delay: -.7s; }
  .draft-text-line { animation: process-write 4.8s ease-in-out infinite paused; }
  .draft-text-line + .draft-text-line { animation-delay: .2s; }
  .publish-cursor { animation: process-cursor 4.5s ease-in-out infinite paused; }
  .publish-caret { animation: process-caret 1.1s step-end infinite paused; }
  .process-section.is-in-view .is-active .process-visual * { animation-play-state: running; }
  .process-section.is-in-view .is-active .process-chip, .process-section.is-in-view .is-active .publish-routes > div { animation: process-arrive .7s cubic-bezier(.16,1,.3,1) .25s backwards; }
  .process-section.is-in-view .is-active .publish-routes > div + div { animation-delay: .4s; }
}
@media (min-width: 861px) and (min-height: 700px) and (prefers-reduced-motion: no-preference) {
  .enhanced #eder .process-section { height: 420svh; scroll-margin-top: 0; }
  .enhanced #eder .process-scene { position: sticky; top: 0; height: 100svh; min-height: 0; padding-top: 106px; padding-bottom: 24px; }
  .enhanced .process-scroll-hint { display: inline-block; }
  .enhanced .process-deck { display: flex; flex: 1; min-height: 0; gap: 0; }
  .enhanced .process-card { flex: .72; min-height: 0; border-right: 1px solid #d8e8e4; transition: flex .85s cubic-bezier(.76,0,.24,1); }
  .enhanced .process-card:last-child { min-height: 0; border-right: 0; }
  .enhanced .process-card.is-active { flex: 1.9; }
  .enhanced .process-card .process-number { top: 20px; left: 18px; font-size: clamp(220px, 34svh, 350px); opacity: 1; transform: translateY(0); transition: opacity .65s ease, transform .85s cubic-bezier(.76,0,.24,1); }
  .enhanced .process-card.is-active .process-number { opacity: .11; transform: translate(-8px,-25px); }
  .enhanced .process-card h3 { font-size: clamp(17px, 1.5vw, 22px); transition: font-size .6s ease; }
  .enhanced .process-card.is-active h3 { font-size: clamp(23px, 2vw, 32px); }
  .enhanced .process-card .process-card-copy p { max-height: 0; opacity: 0; overflow: hidden; margin-top: 0; transform: translateY(20px); transition: opacity .4s ease, max-height .75s ease, margin-top .75s ease, transform .6s ease; }
  .enhanced .process-card.is-active .process-card-copy p { max-height: 160px; margin-top: 14px; opacity: 1; transform: translateY(0); transition-delay: .2s, 0s, 0s, .2s; }
  .enhanced .process-visual { opacity: 0; transform: translateY(35px) scale(.88); transition: opacity .45s ease, transform .85s cubic-bezier(.16,1,.3,1); }
  .enhanced .is-active .process-visual { opacity: 1; transform: translateY(0) scale(1); transition-delay: .25s; }
  .enhanced .process-visual { top: 54px; bottom: auto; height: min(330px, 37svh); min-height: 0; }
  .enhanced .process-visual .capture-focus { height: min(245px, 82%); }
  .enhanced .process-footer { display: flex; flex-shrink: 0; }
}
@media (min-width: 861px) and (min-height: 700px) and (max-height: 800px) and (prefers-reduced-motion: no-preference) {
  .enhanced .process-visual { top: 28px; height: 330px; scale: .68; transform-origin: top center; }
  .enhanced .process-publish { scale: .6; }
  .enhanced .process-card-copy { bottom: 24px; left: 22px; right: 22px; }
  .enhanced .process-label { margin-bottom: 10px; }
  .enhanced .process-card-copy p { font-size: 12px; line-height: 1.55; }
}
@media (max-width: 860px), (max-height: 699px) {
  #eder .process-scene { min-height: 0; height: auto; padding-top: 95px; }
  .process-heading h2 br { display: block; }
  .process-guide { align-self: start; padding-top: 24px; }
  .process-deck { grid-template-columns: minmax(0, 1fr); width: 100%; max-width: 740px; align-self: center; border: 0; border-radius: 0; gap: 16px; background: #fff; }
  .process-card { border: 1px solid #e1ece7; border-radius: 20px; }
  .process-footer { display: flex; }
}
@media (max-width: 600px) {
  #eder .process-scene { display: flex; padding: 94px 16px 40px; gap: 28px; }
  .process-deck { grid-template-columns: minmax(0, 1fr); }
  .process-card { min-height: 680px; }
  .process-card:last-child { min-height: 720px; }
  .process-card-copy { left: 24px; right: 24px; bottom: 30px; }
  #eder .process-card h3 { font-size: 28px; }
  .process-card-copy p { font-size: 13px; }
  .process-number { font-size: 270px; }
  .process-visual { top: 65px; height: 330px; transform-origin: top center; }
  .process-footer { display: flex; align-items: start; flex-direction: column; font-size: 8px; }
}
@media (max-width: 360px) {
  #eder .process-scene { display: flex; }
  .process-card-copy { left: 20px; right: 20px; }
  .process-label { font-size: 7px; }
  .process-visual { scale: .88; }
  #eder .process-card h3 { font-size: 25px; }
}
@media (prefers-reduced-motion: reduce) {
  .process-deck { grid-template-columns: minmax(0, 1fr); width: 100%; max-width: 740px; align-self: center; }
  .process-card-progress { display: none; }
}

/* A continuous closing canvas, with the actual Ederi wordmark at editorial scale. */
#eder .site-footer { padding: 0; border: 0; background: #f3f6f5; color: var(--text-950); }
.footer-panel { width: 100%; max-width: 1440px; margin: 0 auto; overflow: hidden; border-radius: 0; background: transparent; }
.footer-content { padding: clamp(36px, 5.5vw, 84px) clamp(28px, 7vw, 110px) 0; }
.footer-top { display: flex; justify-content: space-between; align-items: center; gap: 40px; margin-bottom: 66px; }
.footer-top p { margin: 0; font-size: clamp(23px, 2.5vw, 36px); font-weight: 500; line-height: 1.12; letter-spacing: -.05em; }
#eder .footer-cta { display: inline-flex; align-items: center; gap: 30px; flex-shrink: 0; padding: 18px 30px; border: 1px solid var(--text-950); border-radius: 999px; font-size: clamp(22px, 2.8vw, 40px); font-weight: 500; line-height: 1; letter-spacing: -.045em; color: var(--text-950); transition: background .35s ease, color .35s ease; }
.footer-cta > span { font-size: .6em; }
#eder .footer-cta:hover, #eder .footer-cta:focus-visible { color: var(--text-950); background: var(--primary-500); }
.footer-columns { display: grid; grid-template-columns: 1fr 1fr 1.2fr 1fr; gap: 36px; }
.footer-column h3, #eder .footer-experience-link { display: block; margin: 0 0 20px; font-size: 14px; font-weight: 700; letter-spacing: -.025em; }
.footer-column ul { list-style: none; margin: 0; padding: 0; }
.footer-column li, #eder .footer-column > a:not(.footer-experience-link):not(.footer-devices) { display: block; margin-bottom: 12px; color: #60776e; font-size: 11px; line-height: 1.5; }
#eder .site-footer a:hover, #eder .site-footer a:focus-visible { color: var(--primary-800); }
.footer-channels { display: flex; flex-wrap: wrap; gap: 7px; max-width: 220px; }
.footer-channels > span { display: inline-flex; align-items: center; gap: 7px; padding: 7px 10px; border: 1px solid #e0e9e4; border-radius: 999px; background: #fff; font-size: 9px; color: #52756b; }
.footer-channels > span > span { font-size: 12px; color: var(--primary-800); }
.footer-experience-link > span { display: inline-grid; place-items: center; width: 17px; height: 17px; margin-left: 5px; border-radius: 50%; background: var(--text-950); color: #fff; font-size: 11px; }
.footer-devices { display: block; position: relative; width: 150px; height: 112px; }
.footer-desktop { position: absolute; left: 2px; top: 6px; width: 106px; height: 83px; padding: 8px; border: 5px solid #26463d; border-radius: 9px; background: #fff; box-shadow: 0 12px 18px -12px #001a1840; transform: rotate(-12deg); transition: transform .6s cubic-bezier(.16,1,.3,1); }
.footer-device-logo { display: block; width: 22px; height: auto; margin-bottom: 4px; }
.footer-device-products { display: flex; gap: 5px; }
.footer-device-products img { display: block; width: 32px; height: 32px; object-fit: cover; border-radius: 3px; }
.footer-device-line { display: block; height: 2px; width: 75%; margin-top: 4px; border-radius: 3px; background: #d5e7df; }
.footer-device-line + .footer-device-line { width: 55%; }
.footer-mobile { position: absolute; right: 7px; top: 22px; display: block; width: 48px; height: 83px; padding: 6px 5px; border: 3px solid #26463d; border-radius: 9px; background: #fff; box-shadow: 0 9px 18px -8px #001a1840; transform: rotate(12deg); transition: transform .6s cubic-bezier(.16,1,.3,1); }
.footer-mobile-product { display: block; width: 100%; height: 42px; object-fit: cover; border-radius: 3px; }
.footer-devices:hover .footer-desktop, .footer-devices:focus-visible .footer-desktop { transform: translateY(-5px) rotate(-6deg); }
.footer-devices:hover .footer-mobile, .footer-devices:focus-visible .footer-mobile { transform: translate(3px,-5px) rotate(6deg); }
.footer-meta { display: flex; align-items: start; gap: 20px; margin-top: 42px; color: #758a81; font-size: 8px; line-height: 1.6; }
.footer-meta > span:first-child { flex-shrink: 0; }
.footer-meta > span:nth-child(2) { max-width: 50ch; }
.footer-meta > a { flex-shrink: 0; margin-left: auto; font-size: 10px; }
.footer-wordmark { display: block; height: clamp(135px, 24vw, 350px); margin-top: 36px; overflow: hidden; }
.footer-wordmark img { display: block; width: calc(100% + 36px); max-width: none; height: auto; margin-left: -18px; }
@media (max-width: 900px) {
  .footer-top { margin-bottom: 44px; gap: 24px; }
  .footer-columns { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 36px 24px; }
  .footer-content { padding: 42px 36px 0; }
  .footer-meta { flex-wrap: wrap; gap: 12px 20px; }
  .footer-meta > span:nth-child(2) { max-width: none; order: 3; width: 100%; }
  .footer-wordmark { margin-top: 22px; }
}
@media (max-width: 600px) {
  #eder .site-footer { padding: 0; }
  .footer-content { padding: 34px 24px 0; }
  .footer-top { flex-direction: column; align-items: start; gap: 24px; margin-bottom: 38px; }
  .footer-top p { font-size: 26px; }
  #eder .footer-cta { gap: 28px; padding: 14px 22px; font-size: 25px; }
  .footer-columns { gap: 32px 20px; }
  .footer-column h3, #eder .footer-experience-link { margin-bottom: 16px; font-size: 12px; line-height: 1.4; }
  .footer-column li, #eder .footer-column > a:not(.footer-experience-link):not(.footer-devices) { font-size: 10px; }
  .footer-channels { gap: 6px; }
  .footer-channels > span { font-size: 8px; padding: 6px 8px; }
  .footer-devices { width: 126px; scale: .85; transform-origin: top left; margin-bottom: -12px; }
  .footer-meta { margin-top: 28px; font-size: 8px; }
  .footer-wordmark { height: 27vw; min-height: 100px; margin-top: 24px; }
}
@media (max-width: 360px) {
  .footer-content { padding-left: 20px; padding-right: 20px; }
  .footer-columns { gap: 28px 16px; }
  .footer-devices { width: 124px; scale: .72; }
}

/* Language navigation shares the existing header in both locales. */
.nav-actions { grid-column: 3; justify-self: end; display: flex; align-items: center; gap: 18px; }
#eder .site-nav .language-switch { display: inline-flex; align-items: center; justify-content: center; min-width: 36px; min-height: 44px; font-size: 11px; font-weight: 800; text-decoration: underline; text-underline-offset: 4px; }
.language-switch:focus-visible { outline: 2px solid currentColor; outline-offset: 3px; border-radius: 4px; }
@media (max-width: 600px) {
  .nav-actions { gap: 6px; }
  #eder .site-nav .nav-access { font-size: 9px; gap: 4px; }
  #eder .site-nav .brand img { width: 64px; }
  .nav-bar { padding: 0 12px; }
}
html[lang="en"] .process-chip { white-space: normal; text-align: center; }
html[lang="en"] .benefit-screen-top { flex-wrap: wrap; }
@media (max-width: 760px) {
  html[lang="en"] #eder .device-stage { margin-top: 24px; }
}