:root{--ink:#2d3f5d;--dock-h:108px;--dock-safe:calc(132px + env(safe-area-inset-bottom))}
*{box-sizing:border-box}
html,body,*{-webkit-tap-highlight-color:rgba(0,0,0,0)!important;-webkit-touch-callout:none!important;-webkit-user-select:none!important;user-select:none!important}
input{-webkit-user-select:text!important;user-select:text!important}
::selection{background:transparent!important;color:inherit!important}
img,a,button{-webkit-user-drag:none!important;user-drag:none!important;touch-action:manipulation}
html{scroll-behavior:smooth;overscroll-behavior:none;scroll-padding-bottom:var(--dock-safe)}
body{margin:0;min-height:100svh;padding-bottom:var(--dock-safe);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:linear-gradient(180deg,#f8fbff 0%,#e6f0ff 35%,#d6e5ff 72%,#c9dcff 100%);overflow-x:hidden;-webkit-font-smoothing:antialiased;text-rendering:geometricPrecision}
body::before{content:"";position:fixed;inset:0;pointer-events:none;background:radial-gradient(circle at 15% 8%,rgba(255,255,255,.88),transparent 18%),radial-gradient(circle at 82% 18%,rgba(188,217,255,.72),transparent 24%),radial-gradient(circle at 45% 62%,rgba(255,255,255,.38),transparent 35%)}
.ambient{position:fixed;border-radius:50%;filter:blur(36px);pointer-events:none;opacity:.72}.ambient-a{width:34vw;height:34vw;left:-8vw;top:20vh;background:radial-gradient(circle,rgba(255,255,255,.9),rgba(255,255,255,0))}.ambient-b{width:44vw;height:44vw;right:-12vw;top:12vh;background:radial-gradient(circle,rgba(180,213,255,.72),rgba(180,213,255,0))}.ambient-c{width:58vw;height:58vw;left:22vw;bottom:-26vw;background:radial-gradient(circle,rgba(206,227,255,.8),rgba(206,227,255,0))}
img{display:block;max-width:100%}a{text-decoration:none;color:inherit}button{font:inherit;border:0;background:transparent;outline:none;cursor:pointer}
.header{position:fixed;left:calc(14px + env(safe-area-inset-left));right:calc(14px + env(safe-area-inset-right));top:calc(14px + env(safe-area-inset-top));z-index:90;display:flex;align-items:center;justify-content:space-between;pointer-events:none}
.orb,.header-pill{pointer-events:auto}.orb{display:flex;align-items:center;justify-content:center;width:72px;height:72px}.orb img{width:64px;height:64px;filter:drop-shadow(0 16px 26px rgba(64,103,172,.22));animation:floatLogo 5.5s ease-in-out infinite}@keyframes floatLogo{0%,100%{transform:translateY(0)}50%{transform:translateY(-3px)}}
.header-pill{position:relative;width:min(318px,46vw);min-width:188px}.header-pill img{width:100%;filter:drop-shadow(0 18px 30px rgba(70,110,178,.16))}.header-pill span{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:white;font-weight:950;font-size:clamp(11.5px,1.2vw,16px);letter-spacing:-.03em}
.shell{position:relative;z-index:5;width:min(1220px,100%);margin:0 auto;padding:132px 18px calc(var(--dock-safe) + 34px)}
.kicker{margin:0 0 10px;font-size:12px;font-weight:950;letter-spacing:.24em;color:#7286a4;text-transform:uppercase}
h1{margin:0;max-width:880px;color:#2e405f;font-size:clamp(3rem,7vw,6.4rem);line-height:.88;font-weight:950;letter-spacing:-.08em;text-wrap:balance}
.hero-sub{margin:16px 0 0;max-width:700px;color:#526784;font-size:clamp(1rem,1.6vw,1.22rem);line-height:1.28;font-weight:850;letter-spacing:-.035em}
.case-hero{min-height:50svh;display:grid;align-items:center}
.controls{position:sticky;top:calc(98px + env(safe-area-inset-top));z-index:30;margin:0 0 18px;padding:12px;border-radius:34px;background:rgba(255,255,255,.18);backdrop-filter:blur(34px) saturate(170%);-webkit-backdrop-filter:blur(34px) saturate(170%);box-shadow:inset 0 1px 0 rgba(255,255,255,.66),0 20px 40px rgba(72,110,178,.08)}
.search{width:100%;min-height:54px;border:0;border-radius:999px;padding:0 18px;background:rgba(255,255,255,.52);color:#2e405f;font:inherit;font-weight:850;letter-spacing:-.035em;outline:none}
.tabs{display:flex;gap:8px;overflow-x:auto;padding:10px 2px 2px;scrollbar-width:none}.tabs::-webkit-scrollbar{display:none}
.tab{flex:0 0 auto;min-height:38px;padding:0 14px;border-radius:999px;background:rgba(255,255,255,.32);color:#435a78;font-size:12px;font-weight:950;letter-spacing:-.035em}.tab.active{background:#2f75f3;color:white}
.case-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.case-card{position:relative;min-height:420px;overflow:visible;filter:drop-shadow(0 28px 42px rgba(55,86,145,.12));transition:transform .22s ease,filter .22s ease}
.case-card:hover{transform:translateY(-5px);filter:drop-shadow(0 34px 48px rgba(55,86,145,.16)) saturate(1.04)}
.case-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;pointer-events:none}
.case-inner{position:relative;z-index:2;height:100%;display:flex;flex-direction:column;justify-content:flex-end;padding:30px;color:#2e405f;text-shadow:0 2px 18px rgba(255,255,255,.38)}
.case-card.dark .case-inner{color:#fff;text-shadow:0 3px 18px rgba(0,0,0,.22)}
.case-top{position:absolute;top:26px;left:26px;right:26px;display:flex;align-items:flex-start;justify-content:space-between;gap:12px}
.avatar{width:62px;height:62px;border-radius:22px;background:rgba(255,255,255,.28);display:flex;align-items:center;justify-content:center;font-size:20px;font-weight:950;letter-spacing:-.06em;box-shadow:inset 0 1px 0 rgba(255,255,255,.5)}
.status{min-height:30px;padding:0 10px;border-radius:999px;background:rgba(255,255,255,.25);display:inline-flex;align-items:center;font-size:10px;font-weight:950;letter-spacing:.08em;text-transform:uppercase}
.case-inner h2{margin:0;max-width:11ch;font-size:clamp(1.9rem,3.4vw,3.35rem);line-height:.9;font-weight:950;letter-spacing:-.078em;text-wrap:balance}
.case-inner p{max-width:33ch;font-size:14px;font-weight:850;line-height:1.25;letter-spacing:-.035em}
.tags{display:flex;flex-wrap:wrap;gap:6px;margin:10px 0}.tags span{min-height:28px;padding:0 10px;border-radius:999px;background:rgba(255,255,255,.24);font-size:11px;font-weight:900;letter-spacing:-.035em}
.actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:8px}.action{min-height:42px;padding:0 13px;border-radius:999px;background:rgba(255,255,255,.28);font-size:12px;font-weight:950;letter-spacing:-.035em}.primary{background:#2f75f3;color:white}
.empty{grid-column:1/-1;min-height:260px;display:grid;place-items:center;text-align:center;color:#526784;font-weight:900}
.modal{position:fixed;inset:0;z-index:220;display:none;place-items:end center;padding:18px;background:rgba(220,235,255,.24);backdrop-filter:blur(20px) saturate(160%);-webkit-backdrop-filter:blur(20px) saturate(160%)}
.modal.open{display:grid}.modal-panel{width:min(880px,100%);max-height:calc(100svh - 36px);overflow:auto;border-radius:38px;padding:22px;background:linear-gradient(180deg,rgba(255,255,255,.28),rgba(255,255,255,.08));backdrop-filter:blur(58px) saturate(250%) brightness(1.16);-webkit-backdrop-filter:blur(58px) saturate(250%) brightness(1.16);box-shadow:inset 0 1px 0 rgba(255,255,255,.78),0 34px 82px rgba(72,110,178,.18)}
.modal-head{display:flex;align-items:flex-start;gap:14px}.modal-head .avatar{flex:0 0 auto}.modal-title h2{margin:0;color:#2e405f;font-size:clamp(2rem,4vw,3.4rem);line-height:.9;font-weight:950;letter-spacing:-.075em}.modal-title p{color:#526784;font-weight:850;line-height:1.26}.close{margin-left:auto;width:44px;height:44px;border-radius:50%;background:rgba(255,255,255,.34);font-size:28px;color:#2e405f}
.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:14px}.detail{padding:16px;border-radius:26px;background:rgba(255,255,255,.20)}.detail h3{margin:0 0 8px;color:#2e405f;font-size:1rem;font-weight:950;letter-spacing:-.04em}.detail p,.detail li{color:#526784;font-size:14px;font-weight:850;line-height:1.28;letter-spacing:-.03em}.detail ul{margin:0;padding-left:18px}
.dock{position:fixed;left:50%;bottom:calc(14px + env(safe-area-inset-bottom));transform:translateX(-50%);z-index:90;display:flex;align-items:center;justify-content:space-between;gap:12px;width:min(560px,calc(100% - 26px));padding:10px 12px;border-radius:999px;background:linear-gradient(180deg,rgba(255,255,255,.19),rgba(255,255,255,.045));backdrop-filter:blur(58px) saturate(245%) brightness(1.18);-webkit-backdrop-filter:blur(58px) saturate(245%) brightness(1.18);box-shadow:inset 0 1px 0 rgba(255,255,255,.82),inset 0 -1px 0 rgba(255,255,255,.06),0 32px 68px rgba(72,110,178,.08)}
.dock-item{display:flex;align-items:center;justify-content:center;width:68px;height:68px;border-radius:50%;transition:transform .22s ease,filter .22s ease;position:relative;z-index:1}.dock-item img{width:64px;height:64px;object-fit:contain;filter:drop-shadow(0 16px 22px rgba(72,110,178,.12))}.dock-item:hover,.dock-item:active{transform:translateY(-4px) scale(1.04);filter:saturate(1.08)}
@media(max-width:1100px){.case-grid{grid-template-columns:1fr 1fr}}
@media(max-width:820px){.header{top:calc(12px + env(safe-area-inset-top))}.orb{width:70px;height:70px}.orb img{width:62px;height:62px}.header-pill{width:188px!important;min-width:188px!important}.header-pill span{font-size:11.5px}.shell{padding:118px 14px calc(var(--dock-safe) + 44px)}h1{font-size:clamp(2.65rem,13.3vw,4.6rem);max-width:10.8ch}.controls{top:calc(86px + env(safe-area-inset-top))}.case-grid{grid-template-columns:1fr}.case-card{min-height:390px}.case-inner{padding:28px 24px}.detail-grid{grid-template-columns:1fr}.dock{width:min(520px,calc(100% - 28px));padding:9px 12px}.dock-item{width:60px;height:60px}.dock-item img{width:56px;height:56px}}


/* V7500 Pixel Lock: app-like nav, compact typography, safe furry cards */
:root{
  --v7500-ink:#2c3e5d;
  --v7500-shadow:0 3px 0 rgba(0,0,0,.10), 0 12px 30px rgba(0,0,0,.26), 0 0 1px rgba(0,0,0,.65);
  --v7500-soft-shadow:0 2px 18px rgba(0,0,0,.22), 0 0 1px rgba(0,0,0,.34);
}

body{
  font-family:"Arial Rounded MT Bold","SF Pro Rounded","Inter",ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif !important;
}

/* Headers should not dominate the experience */
h1{
  font-size:clamp(2.25rem,5.4vw,5.2rem) !important;
  line-height:.94 !important;
  letter-spacing:-.073em !important;
  max-width:12ch !important;
}

h2{
  font-size:clamp(1.9rem,4.3vw,4.2rem) !important;
  line-height:.94 !important;
  letter-spacing:-.07em !important;
}

h3{
  font-size:clamp(1.35rem,2.6vw,2.6rem) !important;
  line-height:1 !important;
  letter-spacing:-.055em !important;
}

.kicker,
.scene-kicker{
  font-size:clamp(9px,.9vw,11px) !important;
  letter-spacing:.26em !important;
  line-height:1.2 !important;
}

.hero-sub,
.scene-subline,
p{
  line-height:1.28 !important;
}

/* Furry card text must always read, even on green/blue/pink/black */
.case-inner,
.proof-card > div,
.price-content,
.card-copy,
.board-copy,
.host-copy,
.summary-content,
.investor-card > div,
.trust-panel > div,
.validation > div,
.metric-card > div,
.offer-card .card-copy,
.live-board > div,
.demo-card > div,
.rules > div,
.proof-note > div{
  color:#fff !important;
  text-shadow:var(--v7500-shadow) !important;
}

.case-inner *,
.proof-card > div *,
.price-content *,
.card-copy *,
.board-copy *,
.host-copy *,
.summary-content *,
.investor-card > div *,
.trust-panel > div *,
.validation > div *,
.metric-card > div *,
.offer-card .card-copy *,
.live-board > div *,
.demo-card > div *,
.rules > div *,
.proof-note > div *{
  color:inherit !important;
  text-shadow:inherit !important;
}

/* Keep light text readable but avoid huge walls */
.case-inner h2,
.proof-card h2,
.price-content h2,
.price-content h3,
.card-copy h2,
.board-copy h2,
.host-copy h2,
.summary-content h2,
.investor-card h2,
.trust-panel h2,
.validation h2,
.metric-card h2,
.offer-card h2,
.live-board h2,
.demo-card h2,
.rules h2,
.proof-note h2{
  max-width:10.7ch !important;
}

/* Put copy safely inside furry surfaces */
.case-inner,
.proof-card > div,
.price-content,
.card-copy,
.board-copy,
.host-copy,
.summary-content,
.investor-card > div,
.trust-panel > div,
.validation > div,
.metric-card > div,
.offer-card .card-copy,
.live-board > div,
.demo-card > div,
.rules > div,
.proof-note > div{
  padding:clamp(26px,4.2vw,46px) !important;
  overflow-wrap:anywhere;
}

.case-card,
.proof-card,
.price-card,
.offer-card,
.investor-card,
.trust-panel,
.validation,
.metric-card,
.live-board,
.demo-card,
.rules,
.proof-note,
.host-panel,
.flow-card{
  overflow:visible !important;
  margin-bottom:clamp(34px,7vw,84px) !important;
  scroll-margin-bottom:calc(170px + env(safe-area-inset-bottom)) !important;
}

/* Prevent clipped text/chips/buttons */
.case-card *,
.proof-card *,
.price-card *,
.offer-card *,
.investor-card *,
.trust-panel *,
.validation *,
.metric-card *,
.live-board *,
.demo-card *,
.rules *,
.proof-note *,
.host-panel *,
.flow-card *{
  max-width:100%;
  box-sizing:border-box;
}

.surface,
.case-bg,
.card-bg,
.price-card > img,
.proof-card > img,
.offer-card > img,
.trust-panel > img,
.validation > img,
.metric-card > img,
.investor-card > img{
  object-fit:contain !important;
  transform:none !important;
  width:100% !important;
  height:100% !important;
}

/* Furry buttons and pills: never stretch text outside */
.cta-fur span,
.header-pill span,
.top-cta span,
.router-primary span,
.router-pay span{
  color:#fff !important;
  text-shadow:0 2px 12px rgba(0,0,0,.24), 0 0 1px rgba(0,0,0,.4) !important;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
  padding-inline:16px;
}

/* Header auto-hide on scroll so it never covers content */
.header,
.examples-header,
.solutions-header,
.live-header,
.checkout-header,
.restaurant-header,
.pricing-header,
.offer-header,
.demo-header{
  transition:opacity .24s ease, transform .24s ease, filter .24s ease !important;
}

body.nav-hidden .header,
body.nav-hidden .examples-header,
body.nav-hidden .solutions-header,
body.nav-hidden .live-header,
body.nav-hidden .checkout-header,
body.nav-hidden .restaurant-header,
body.nav-hidden .pricing-header,
body.nav-hidden .offer-header,
body.nav-hidden .demo-header{
  opacity:.08 !important;
  transform:translateY(-14px) scale(.98) !important;
  pointer-events:none !important;
}

body.nav-compact .header-pill,
body.nav-compact .top-cta{
  filter:saturate(.92) opacity(.9);
}

/* Dock stays glass, less heavy, more app-like */
.dock,
.examples-dock,
solutions-dock,
live-dock,
checkout-dock,
restaurant-dock,
pricing-dock,
offer-dock,
demo-dock{
  background:linear-gradient(180deg,rgba(255,255,255,.30),rgba(255,255,255,.075)) !important;
  backdrop-filter:blur(64px) saturate(250%) brightness(1.18) !important;
  -webkit-backdrop-filter:blur(64px) saturate(250%) brightness(1.18) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.88), inset 0 -1px 0 rgba(255,255,255,.08), 0 34px 72px rgba(72,110,178,.10) !important;
}

/* Secret menu = phone app launcher */
.secret-launcher{
  position:relative;
  width:min(640px,100%);
  min-height:420px;
  overflow:hidden;
  touch-action:pan-y;
}

.secret-page{
  position:absolute;
  inset:0;
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:12px;
  opacity:0;
  transform:translateX(22px) scale(.985);
  pointer-events:none;
  transition:opacity .28s ease, transform .28s cubic-bezier(.2,.7,.2,1);
}

.secret-page.active{
  opacity:1;
  transform:translateX(0) scale(1);
  pointer-events:auto;
}

.secret-section{
  grid-column:1/-1;
  margin:0 0 2px;
  color:#7185a4 !important;
  text-shadow:none !important;
  font-size:11px !important;
  letter-spacing:.24em !important;
  text-transform:uppercase;
  font-weight:950;
}

.secret-page a{
  min-height:112px;
  border-radius:30px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  text-align:center;
  gap:4px;
  padding:10px;
  background:rgba(255,255,255,.20);
  backdrop-filter:blur(26px) saturate(160%);
  -webkit-backdrop-filter:blur(26px) saturate(160%);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.58);
  transition:transform .2s ease, filter .2s ease;
}

.secret-page a:hover,
.secret-page a:active{
  transform:translateY(-3px) scale(1.018);
  filter:saturate(1.06);
}

.secret-page a img{
  width:54px;
  height:54px;
  object-fit:contain;
}

.secret-page a span{
  color:#2e405f;
  font-size:12px;
  line-height:1.05;
  font-weight:950;
  letter-spacing:-.035em;
}

.secret-page a small{
  color:#607593;
  font-size:9px;
  line-height:1.05;
  font-weight:900;
  letter-spacing:-.02em;
}

.secret-dots{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  margin:12px 0 4px;
}

.secret-dots button{
  width:8px;
  height:8px;
  border-radius:999px;
  padding:0;
  background:rgba(46,64,95,.20);
  transition:width .2s ease, background .2s ease;
}

.secret-dots button.active{
  width:24px;
  background:#2f75f3;
}

/* Avoid body text colliding with dock at page end */
.shell,
.examples-shell,
.solutions-shell,
.live-shell,
.checkout-shell,
.restaurant-shell,
.pricing-shell,
.offer-shell,
.demo-shell{
  padding-bottom:calc(190px + env(safe-area-inset-bottom)) !important;
}

@media(max-width:820px){
  h1{
    font-size:clamp(2.25rem,10.5vw,3.55rem) !important;
    max-width:10.2ch !important;
  }

  h2{
    font-size:clamp(2rem,8.8vw,3.2rem) !important;
    max-width:10.4ch !important;
  }

  h3{
    font-size:clamp(1.25rem,6.2vw,2.25rem) !important;
  }

  .hero-sub,
  .scene-subline,
  p{
    font-size:clamp(.92rem,3.4vw,1.04rem) !important;
  }

  .case-inner,
  .proof-card > div,
  .price-content,
  .card-copy,
  .board-copy,
  .host-copy,
  .summary-content,
  .investor-card > div,
  .trust-panel > div,
  .validation > div,
  .metric-card > div,
  .offer-card .card-copy,
  .live-board > div,
  .demo-card > div,
  .rules > div,
  .proof-note > div{
    padding:28px 24px !important;
  }

  .secret-launcher{
    min-height:392px;
  }

  .secret-page{
    grid-template-columns:repeat(3,1fr);
    gap:9px;
  }

  .secret-page a{
    min-height:104px;
    border-radius:26px;
    padding:8px 5px;
  }

  .secret-page a img{
    width:48px;
    height:48px;
  }

  .secret-page a span{
    font-size:11px;
  }

  .secret-page a small{
    font-size:8.5px;
  }
}

@media(max-width:390px){
  .secret-page a{
    min-height:96px;
  }

  .secret-page a img{
    width:44px;
    height:44px;
  }

  .secret-page a span{
    font-size:10px;
  }
}

/* Very short screens: hide optional chips instead of breaking layout */
@media(max-height:760px) and (max-width:820px){
  .tags,
  .badges,
  .signal-row,
  .home-proof{
    display:none !important;
  }
}

/* V7500 case grid compact premium */
.case-card{
  min-height:430px !important;
}
.case-inner{
  justify-content:center !important;
}
.case-top{
  top:24px !important;
}
@media(max-width:820px){
  .case-card{
    min-height:420px !important;
  }
  .case-inner h2{
    font-size:clamp(2rem,8.8vw,3.15rem) !important;
  }
}


/* V7600 OMG Pixel QA
   Clean, app-like, no huge broken headings, no dark unreadable furry text, no header overlap. */

:root{
  --omg-ink:#2e405f;
  --omg-white-shadow:
    0 2px 0 rgba(0,0,0,.10),
    0 10px 26px rgba(0,0,0,.30),
    0 0 1px rgba(0,0,0,.78);
  --omg-dark-shadow:
    0 2px 20px rgba(255,255,255,.48),
    0 0 1px rgba(255,255,255,.82);
  --omg-dock-safe:calc(176px + env(safe-area-inset-bottom));
}

html{
  overflow-x:hidden !important;
  scroll-padding-bottom:var(--omg-dock-safe) !important;
}

body{
  overflow-x:hidden !important;
  font-family:"Arial Rounded MT Bold","SF Pro Rounded","Inter",ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif !important;
}

/* Global headline discipline: no more oversized mobile posters */
h1{
  font-size:clamp(2.05rem,4.85vw,4.75rem) !important;
  line-height:.96 !important;
  letter-spacing:-.068em !important;
  max-width:12.4ch !important;
  text-wrap:balance !important;
}

h2{
  font-size:clamp(1.8rem,3.85vw,3.65rem) !important;
  line-height:.98 !important;
  letter-spacing:-.065em !important;
  max-width:12ch !important;
  text-wrap:balance !important;
}

h3{
  font-size:clamp(1.25rem,2.4vw,2.15rem) !important;
  line-height:1.02 !important;
  letter-spacing:-.055em !important;
  text-wrap:balance !important;
}

p, li, a, button, input, textarea, select, span, small, strong{
  text-rendering:geometricPrecision !important;
}

.kicker,
.scene-kicker{
  font-size:clamp(9px,.82vw,10.5px) !important;
  line-height:1.14 !important;
  letter-spacing:.24em !important;
}

.hero-sub,
.scene-subline{
  font-size:clamp(.92rem,1.22vw,1.08rem) !important;
  line-height:1.3 !important;
  max-width:46ch !important;
}

/* Fixed headers should behave like an app overlay, not cover content */
body.nav-far .header,
body.nav-far .examples-header,
body.nav-far .solutions-header,
body.nav-far .live-header,
body.nav-far .checkout-header,
body.nav-far .restaurant-header,
body.nav-far .pricing-header,
body.nav-far .offer-header,
body.nav-far .demo-header{
  opacity:0 !important;
  transform:translateY(-20px) scale(.96) !important;
  pointer-events:none !important;
}

body.nav-compact .header-pill,
body.nav-compact .top-cta{
  transform:scale(.94) !important;
  transform-origin:right top !important;
}

/* Strong safe zones so first content never starts under fixed header */
.shell,
.examples-shell,
.solutions-shell,
.live-shell,
.checkout-shell,
.restaurant-shell,
.pricing-shell,
.offer-shell,
.demo-shell{
  padding-top:calc(132px + env(safe-area-inset-top)) !important;
  padding-bottom:var(--omg-dock-safe) !important;
}

/* Main home keeps its cinematic snap but text is cleaner */
.scene-line{
  font-size:clamp(2rem,4.2vw,4.35rem) !important;
  line-height:.94 !important;
  letter-spacing:-.07em !important;
  max-width:12.2ch !important;
}

.scene-subline{
  font-size:clamp(.92rem,1.2vw,1.06rem) !important;
}

/* Universal furry readability and safe content area */
.case-inner,
.proof-card > div,
.proof-note > div,
.price-content,
.card-copy,
.board-copy,
.host-copy,
.summary-content,
.investor-card > div,
.trust-panel > div,
.validation > div,
.metric-card > div,
.offer-card .card-copy,
.live-board > div,
.demo-card > div,
.rules > div,
.flow-card > div,
.flow-panel > div,
.checkout-card > div,
.checkout-panel > div,
.order-panel,
.pay-panel{
  color:#fff !important;
  text-shadow:var(--omg-white-shadow) !important;
  overflow-wrap:normal !important;
  word-break:normal !important;
  hyphens:none !important;
}

.case-inner *,
.proof-card > div *,
.proof-note > div *,
.price-content *,
.card-copy *,
.board-copy *,
.host-copy *,
.summary-content *,
.investor-card > div *,
.trust-panel > div *,
.validation > div *,
.metric-card > div *,
.offer-card .card-copy *,
.live-board > div *,
.demo-card > div *,
.rules > div *,
.flow-card > div *,
.flow-panel > div *,
.checkout-card > div *,
.checkout-panel > div *,
.order-panel *,
.pay-panel *{
  color:inherit !important;
  text-shadow:inherit !important;
  max-width:100% !important;
}

/* Keep copy inside the fluffy surface, never at the edge */
.case-inner,
.proof-card > div,
.proof-note > div,
.price-content,
.card-copy,
.board-copy,
.host-copy,
.summary-content,
.investor-card > div,
.trust-panel > div,
.validation > div,
.metric-card > div,
.offer-card .card-copy,
.live-board > div,
.demo-card > div,
.rules > div,
.flow-card > div,
.flow-panel > div{
  width:100% !important;
  height:100% !important;
  padding:clamp(32px,5.6vw,64px) !important;
  display:flex !important;
  flex-direction:column !important;
  justify-content:center !important;
}

/* Very light furry cards can still use ink when they explicitly have no image/furry risk */
.router-proof,
.signal-row span,
.home-proof span,
.secure-field,
.detail,
.modal-title,
.modal-title *,
.detail *,
.summary,
.summary *,
.field-grid label{
  color:var(--omg-ink) !important;
  text-shadow:var(--omg-dark-shadow) !important;
}

/* Cards must have enough height for text and dock clearance */
.case-card,
.proof-card,
.proof-note,
.price-card,
.offer-card,
.investor-card,
.trust-panel,
.validation,
.metric-card,
.live-board,
.demo-card,
.rules,
.host-panel,
.flow-card,
.flow-panel{
  min-height:clamp(390px,58vw,620px) !important;
  margin-bottom:clamp(52px,9vw,110px) !important;
  scroll-margin-top:150px !important;
  scroll-margin-bottom:var(--omg-dock-safe) !important;
}

/* Avoid any horizontal spill from chat/message demos */
.chat-bubble,
.flow-message,
.demo-message,
.blue-message,
.reply,
.bot-reply,
.message,
.message-flow,
.chat-row{
  max-width:min(100%, calc(100vw - 58px)) !important;
  overflow-wrap:normal !important;
  word-break:normal !important;
}

/* Long pills/buttons should never cover card edges */
.cta-fur,
.header-pill,
.top-cta{
  max-width:calc(100vw - 112px) !important;
}

.cta-fur span,
.header-pill span,
.top-cta span,
.router-primary span,
.router-pay span{
  white-space:nowrap !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
}

/* Furry assets: no clipping or stretching */
.surface,
.case-bg,
.card-bg,
.price-card > img,
.proof-card > img,
.offer-card > img,
.trust-panel > img,
.validation > img,
.metric-card > img,
.investor-card > img,
.flow-card > img,
.flow-panel > img,
.live-board > img,
.demo-card > img{
  object-fit:contain !important;
  object-position:center center !important;
  transform:none !important;
  clip-path:none !important;
}

/* App launcher should feel like iOS pages */
.secret-launcher{
  min-height:clamp(380px,58vh,520px) !important;
  border-radius:36px;
  position:relative;
}

.secret-launcher::after{
  content:"Swipe";
  position:absolute;
  right:14px;
  top:10px;
  z-index:5;
  color:#8193ad;
  font-size:9px;
  font-weight:950;
  letter-spacing:.16em;
  text-transform:uppercase;
  opacity:.62;
}

.secret-launcher.dragging .secret-page.active{
  transform:scale(.985) !important;
}

.secret-page{
  align-content:start !important;
  padding-top:22px !important;
}

.secret-page a{
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.68),
    0 16px 30px rgba(64,103,172,.055) !important;
}

.secret-page a span{
  color:#2e405f !important;
  text-shadow:none !important;
}

.secret-page a small{
  color:#607593 !important;
  text-shadow:none !important;
}

/* Dock should not hide content: slightly lower/lighter */
.dock,
.examples-dock,
.solutions-dock,
.live-dock,
checkout-dock,
.restaurant-dock,
.pricing-dock,
.offer-dock,
.demo-dock{
  bottom:calc(10px + env(safe-area-inset-bottom)) !important;
}

/* Mobile safety */
@media(max-width:820px){
  h1{
    font-size:clamp(2.05rem,9.6vw,3.15rem) !important;
    max-width:11.4ch !important;
  }

  h2{
    font-size:clamp(1.9rem,8vw,2.85rem) !important;
    max-width:11.2ch !important;
  }

  .scene-line{
    font-size:clamp(1.9rem,8.9vw,3.1rem) !important;
    max-width:11.6ch !important;
  }

  .shell,
  .examples-shell,
  .solutions-shell,
  .live-shell,
  .checkout-shell,
  .restaurant-shell,
  .pricing-shell,
  .offer-shell,
  .demo-shell{
    padding-top:calc(112px + env(safe-area-inset-top)) !important;
    padding-bottom:calc(164px + env(safe-area-inset-bottom)) !important;
  }

  .case-inner,
  .proof-card > div,
  .proof-note > div,
  .price-content,
  .card-copy,
  .board-copy,
  .host-copy,
  .summary-content,
  .investor-card > div,
  .trust-panel > div,
  .validation > div,
  .metric-card > div,
  .offer-card .card-copy,
  .live-board > div,
  .demo-card > div,
  .rules > div,
  .flow-card > div,
  .flow-panel > div{
    padding:34px 30px !important;
  }

  .case-card,
  .proof-card,
  .proof-note,
  .price-card,
  .offer-card,
  .investor-card,
  .trust-panel,
  .validation,
  .metric-card,
  .live-board,
  .demo-card,
  .rules,
  .host-panel,
  .flow-card,
  .flow-panel{
    min-height:clamp(400px,105vw,570px) !important;
  }

  .secret-launcher{
    min-height:430px !important;
  }

  .secret-page{
    grid-template-columns:repeat(3,minmax(0,1fr)) !important;
    gap:9px !important;
    padding-top:24px !important;
  }

  .secret-page a{
    min-height:106px !important;
    border-radius:27px !important;
  }
}

/* Very small screens: keep layout usable instead of overflowing */
@media(max-width:380px){
  h1{font-size:clamp(1.9rem,9vw,2.82rem) !important;}
  h2{font-size:clamp(1.72rem,7.6vw,2.55rem) !important;}
  .hero-sub,
  .scene-subline{font-size:.9rem !important;}
  .secret-page a img{width:42px !important;height:42px !important;}
  .secret-page a span{font-size:10px !important;}
  .secret-page a small{display:none !important;}
}

@media(max-height:760px) and (max-width:820px){
  .tags,
  .badges,
  .signal-row,
  .home-proof{
    display:none !important;
  }

  .case-inner p,
  .proof-card p,
  .price-content p,
  .hero-sub{
    font-size:.9rem !important;
  }
}

/* V7700 final visual pass */
.secret-panel{max-height:calc(100svh - 28px - env(safe-area-inset-bottom))!important;overflow:auto!important}.secret-head h2{font-size:clamp(1.55rem,4.4vw,2.4rem)!important;max-width:none!important}.secret-launcher{min-height:402px!important}.secret-page a{min-height:104px!important}.secret-whatsapp{margin-top:8px!important}.hero,.case-hero,.proof-hero,.now-hero{min-height:42svh!important}h1{max-width:12.8ch!important}.proof-note .cta-fur+.cta-fur{margin-top:10px!important}@media(max-width:820px){.secret-panel{border-radius:30px!important;padding:18px!important}.secret-launcher{min-height:410px!important}.secret-page a{min-height:98px!important}.secret-page a small{display:block!important}.hero,.case-hero,.proof-hero,.now-hero{min-height:38svh!important}}


/* V7800 Full Polish
   Goal: every page feels like one futuristic app, restaurant uses chef only, copy stays inside furry surfaces. */
:root{
  --kora-ink:#2d405f;
  --kora-blue:#2f75f3;
  --kora-soft:#dcecff;
  --kora-shadow-white:0 2px 0 rgba(0,0,0,.12),0 12px 32px rgba(0,0,0,.34),0 0 1px rgba(0,0,0,.82);
  --kora-shadow-dark:0 2px 18px rgba(255,255,255,.5),0 0 1px rgba(255,255,255,.88);
}

/* Better font stack: rounded, bold, product-like */
body{
  font-family:"Arial Rounded MT Bold","SF Pro Rounded","Nunito Sans","Inter",system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif !important;
}

/* Headlines: premium, smaller, no goofy overflow */
h1,
.scene-line{
  font-size:clamp(2rem,4.4vw,4.35rem) !important;
  line-height:.96 !important;
  letter-spacing:-.068em !important;
  max-width:13ch !important;
}

h2{
  font-size:clamp(1.72rem,3.35vw,3.35rem) !important;
  line-height:.98 !important;
  letter-spacing:-.064em !important;
  max-width:13ch !important;
}

h3{
  font-size:clamp(1.18rem,2.1vw,2rem) !important;
  line-height:1.04 !important;
  letter-spacing:-.052em !important;
}

.kicker,
.scene-kicker{
  font-size:clamp(8.5px,.72vw,10px) !important;
  letter-spacing:.25em !important;
  opacity:.9;
}

.hero-sub,
.scene-subline,
.section-sub{
  font-size:clamp(.88rem,1.05vw,1.02rem) !important;
  line-height:1.34 !important;
  max-width:42ch !important;
}

/* Better home hierarchy */
.home-map-cta{
  position:relative;
  z-index:18;
  min-height:34px;
  padding:0 14px;
  border-radius:999px;
  background:rgba(255,255,255,.22);
  backdrop-filter:blur(22px) saturate(150%);
  -webkit-backdrop-filter:blur(22px) saturate(150%);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.62),0 14px 28px rgba(72,110,178,.07);
  color:#3b5272;
  text-shadow:none !important;
  font-size:12px;
  font-weight:950;
  letter-spacing:-.035em;
  margin-top:8px;
  transition:transform .2s ease, filter .2s ease;
}
.home-map-cta:hover,
.home-map-cta:active{
  transform:translateY(-2px) scale(1.02);
  filter:saturate(1.06);
}

/* Floating icons must sit behind copy/mascot, never on top of words */
.float-icon{
  z-index:1 !important;
  opacity:.44 !important;
}
.copy-wrap,
.character-wrap,
.arrow-cta,
.home-proof,
.home-map-cta{
  z-index:15 !important;
}

/* Make all furry cards readable, but not harsh */
.case-inner,
.proof-card > div,
.proof-note > div,
.price-content,
.card-copy,
.board-copy,
.host-copy,
.summary-content,
.investor-card > div,
.trust-panel > div,
.validation > div,
.metric-card > div,
.offer-card .card-copy,
.live-board > div,
.demo-card > div,
.rules > div,
.flow-card > div,
.flow-panel > div,
.checkout-card > div,
.checkout-panel > div{
  color:#fff !important;
  text-shadow:var(--kora-shadow-white) !important;
}

/* Do not force white inside forms, modals and checkout fields */
.order-panel,
.pay-panel,
.order-panel *,
.pay-panel *,
.field-grid *,
.card-mock *,
.secure-field,
.summary,
.summary *,
.detail,
.detail *,
.modal-panel,
.modal-panel *,
.router-proof,
.router-proof *,
.signal-row span,
.home-proof span{
  color:var(--kora-ink) !important;
  text-shadow:var(--kora-shadow-dark) !important;
}

/* Every furry panel gets a safer internal content area */
.case-inner,
.proof-card > div,
.proof-note > div,
.price-content,
.card-copy,
.board-copy,
.host-copy,
.summary-content,
.investor-card > div,
.trust-panel > div,
.validation > div,
.metric-card > div,
.offer-card .card-copy,
.live-board > div,
.demo-card > div,
.rules > div,
.flow-card > div,
.flow-panel > div{
  padding:clamp(34px,5vw,64px) !important;
  justify-content:center !important;
  gap:10px !important;
}

/* Text lines should wrap cleanly, never force side overflow */
p, h1, h2, h3, li, span, strong, small{
  overflow-wrap:normal !important;
  word-break:normal !important;
  hyphens:none !important;
}

/* Short chips, softer and readable */
.tags span,
.badges span,
.chip-row span,
.signal-row span,
.home-proof span{
  min-height:30px !important;
  padding:0 11px !important;
  border-radius:999px !important;
  white-space:nowrap !important;
}

/* Bigger page breathing room */
.shell,
.examples-shell,
.solutions-shell,
.live-shell,
.checkout-shell,
.restaurant-shell,
.pricing-shell,
.offer-shell,
.demo-shell{
  padding-top:calc(126px + env(safe-area-inset-top)) !important;
  padding-bottom:calc(190px + env(safe-area-inset-bottom)) !important;
}

/* Make boards/cards look intentionally large but controlled */
.case-card,
.proof-card,
.proof-note,
.price-card,
.offer-card,
.investor-card,
.trust-panel,
.validation,
.metric-card,
.live-board,
.demo-card,
.rules,
.host-panel,
.flow-card,
.flow-panel{
  min-height:clamp(420px,54vw,620px) !important;
  margin-bottom:clamp(54px,8vw,110px) !important;
}

/* No asset deformation */
.surface,
.case-bg,
.card-bg,
.price-card > img,
.proof-card > img,
.offer-card > img,
.trust-panel > img,
.validation > img,
.metric-card > img,
.investor-card > img,
.flow-card > img,
.flow-panel > img,
.live-board > img,
.demo-card > img,
.host-surface{
  object-fit:contain !important;
  object-position:center center !important;
  width:100% !important;
  height:100% !important;
  transform:none !important;
}

/* Restaurant-specific: chef should feel like the host, not random mascot */
.restaurant-page .kora-hero img,
.restaurant-page .chef-stage img,
.live-page .kora-stage img[src*="chef"]{
  filter:drop-shadow(0 30px 40px rgba(20,45,95,.22)) saturate(1.04) !important;
}

.chef-stage,
.kora-hero,
.kora-stage{
  isolation:isolate;
}

/* Fix long chat bubbles in restaurant demos */
.chat-bubble,
.flow-message,
.demo-message,
.blue-message,
.reply,
.bot-reply,
.message,
.message-flow,
.chat-row,
#koraMessage,
#visitorMessage,
#actionMessage{
  max-width:min(100%,calc(100vw - 72px)) !important;
  overflow:hidden !important;
  overflow-wrap:break-word !important;
  word-break:normal !important;
  line-height:1.24 !important;
}

/* App launcher final polish */
.secret-launcher{
  border-radius:38px !important;
  background:linear-gradient(180deg,rgba(255,255,255,.16),rgba(255,255,255,.06));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.54);
}
.secret-page a{
  min-height:112px !important;
}
.secret-page a img{
  filter:drop-shadow(0 12px 18px rgba(55,94,160,.14));
}
.secret-page a span{
  color:var(--kora-ink) !important;
  text-shadow:none !important;
}

/* Buttons should feel alive */
a, button{
  will-change:transform;
}
.cta-fur:hover,
.header-pill:hover,
.dock-item:hover,
.secret-page a:hover,
.router-primary:hover,
.router-pay:hover{
  transform:translateY(-2px) scale(1.012);
}

/* Desktop: let proof/case grids breathe */
@media(min-width:1000px){
  .case-grid,
  .proof-wall{
    gap:22px !important;
  }
}

/* Mobile: no hero/text clipping */
@media(max-width:820px){
  h1,
  .scene-line{
    font-size:clamp(1.95rem,8.6vw,3rem) !important;
    max-width:12ch !important;
  }
  h2{
    font-size:clamp(1.75rem,7.2vw,2.7rem) !important;
    max-width:12ch !important;
  }
  .hero-sub,
  .scene-subline,
  .section-sub{
    font-size:.91rem !important;
    max-width:34ch !important;
  }
  .case-inner,
  .proof-card > div,
  .proof-note > div,
  .price-content,
  .card-copy,
  .board-copy,
  .host-copy,
  .summary-content,
  .investor-card > div,
  .trust-panel > div,
  .validation > div,
  .metric-card > div,
  .offer-card .card-copy,
  .live-board > div,
  .demo-card > div,
  .rules > div,
  .flow-card > div,
  .flow-panel > div{
    padding:34px 28px !important;
  }
  .case-card,
  .proof-card,
  .proof-note,
  .price-card,
  .offer-card,
  .investor-card,
  .trust-panel,
  .validation,
  .metric-card,
  .live-board,
  .demo-card,
  .rules,
  .host-panel,
  .flow-card,
  .flow-panel{
    min-height:clamp(420px,108vw,570px) !important;
  }
  .secret-page a{
    min-height:104px !important;
  }
}

/* Small phones: hide optional proof chips instead of breaking layout */
@media(max-width:390px){
  .tags,
  .badges,
  .chip-row{
    gap:5px !important;
  }
  .tags span,
  .badges span,
  .chip-row span{
    font-size:10px !important;
    min-height:26px !important;
    padding:0 9px !important;
  }
}


/* V7900 Native Scroll + Furry Card Precision
   Decision: remove all snap. Use native, inertial scroll with reveal animations only. */

/* Zero snap everywhere. This prevents Android/iOS sticky scroll bugs. */
html,
body,
main,
section,
[class*="shell"],
[class*="scene"],
[class*="page"],
[class*="scroll"],
.snap,
.snap-container,
.demo-scenes,
.home-scenes{
  scroll-snap-type:none !important;
  scroll-snap-align:none !important;
  scroll-snap-stop:normal !important;
}

html{
  scroll-behavior:smooth !important;
  overflow-x:hidden !important;
  overflow-y:auto !important;
  overscroll-behavior-y:auto !important;
  -webkit-overflow-scrolling:touch !important;
}

body{
  overflow-x:hidden !important;
  overflow-y:auto !important;
  overscroll-behavior-y:auto !important;
  -webkit-overflow-scrolling:touch !important;
  touch-action:pan-y !important;
}

/* Better premium font stack: rounded but sharper, more app/product. */
body,
button,
input,
textarea,
select{
  font-family:"Avenir Next","SF Pro Rounded","Arial Rounded MT Bold","Inter",ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif !important;
}

/* Typographic tightening: less huge, more luxury product UI */
h1,
.scene-line{
  font-size:clamp(2rem,4.15vw,4.15rem) !important;
  line-height:.98 !important;
  letter-spacing:-.062em !important;
  max-width:13.4ch !important;
}

h2{
  font-size:clamp(1.62rem,3vw,3.05rem) !important;
  line-height:1 !important;
  letter-spacing:-.058em !important;
  max-width:13.2ch !important;
}

h3{
  font-size:clamp(1.12rem,1.95vw,1.86rem) !important;
  line-height:1.06 !important;
  letter-spacing:-.048em !important;
}

p,
li,
.hero-sub,
.scene-subline,
.section-sub{
  font-size:clamp(.88rem,1vw,1rem) !important;
  line-height:1.36 !important;
}

/* Furry card sizing: do not let every card become a full poster. */
.case-card,
.proof-card,
.proof-note,
.price-card,
.offer-card,
.investor-card,
.trust-panel,
.validation,
.metric-card,
.live-board,
.demo-card,
.rules,
.host-panel,
.flow-card,
.flow-panel{
  min-height:unset !important;
  height:auto !important;
  aspect-ratio:auto !important;
  margin-bottom:clamp(28px,5.8vw,76px) !important;
}

/* Cards with furry background should stack like premium tiles. */
.price-card,
.offer-card,
.proof-card,
.case-card,
.investor-card,
.metric-card,
.validation,
.trust-panel,
.demo-card,
.live-board,
.flow-card,
.flow-panel,
.host-panel,
.proof-note{
  position:relative !important;
  display:grid !important;
  align-items:center !important;
  min-height:clamp(340px,52vw,520px) !important;
}

/* Pricing should feel like clean stacked product cards, not huge full sections. */
.pricing-grid,
.price-grid,
.prices,
.offer-grid,
.case-grid,
.proof-wall{
  align-items:start !important;
}

.price-card{
  min-height:clamp(430px,70vw,620px) !important;
  max-width:min(760px,100%) !important;
  margin-left:auto !important;
  margin-right:auto !important;
}

/* Let the image stay pure, never clipped, never stretched. */
.price-card > img,
.offer-card > img,
.proof-card > img,
.proof-note > img,
.case-bg,
.card-bg,
.surface,
.investor-card > img,
.trust-panel > img,
.validation > img,
.metric-card > img,
.live-board > img,
.demo-card > img,
.flow-card > img,
.flow-panel > img,
.host-surface{
  position:absolute !important;
  inset:0 !important;
  width:100% !important;
  height:100% !important;
  object-fit:contain !important;
  object-position:center !important;
  transform:none !important;
  pointer-events:none !important;
}

/* Inner text must live inside the safe furry center, away from fuzzy borders. */
.price-content,
.case-inner,
.proof-card > div,
.proof-note > div,
.card-copy,
.board-copy,
.host-copy,
.summary-content,
.investor-card > div,
.trust-panel > div,
.validation > div,
.metric-card > div,
.offer-card .card-copy,
.live-board > div,
.demo-card > div,
.rules > div,
.flow-card > div,
.flow-panel > div{
  position:relative !important;
  z-index:3 !important;
  width:100% !important;
  height:auto !important;
  min-height:inherit !important;
  display:flex !important;
  flex-direction:column !important;
  justify-content:center !important;
  align-items:flex-start !important;
  padding:
    clamp(58px,8vw,92px)
    clamp(46px,7.2vw,86px)
    clamp(58px,8vw,92px) !important;
  gap:clamp(8px,1.4vw,16px) !important;
}

/* Premium readability over any furry color. */
.price-content,
.case-inner,
.proof-card > div,
.proof-note > div,
.card-copy,
.board-copy,
.host-copy,
.summary-content,
.investor-card > div,
.trust-panel > div,
.validation > div,
.metric-card > div,
.offer-card .card-copy,
.live-board > div,
.demo-card > div,
.rules > div,
.flow-card > div,
.flow-panel > div{
  color:#fff !important;
  text-shadow:
    0 2px 0 rgba(0,0,0,.16),
    0 10px 24px rgba(0,0,0,.42),
    0 0 1px rgba(0,0,0,.90) !important;
}

.price-content *,
.case-inner *,
.proof-card > div *,
.proof-note > div *,
.card-copy *,
.board-copy *,
.host-copy *,
.summary-content *,
.investor-card > div *,
.trust-panel > div *,
.validation > div *,
.metric-card > div *,
.offer-card .card-copy *,
.live-board > div *,
.demo-card > div *,
.rules > div *,
.flow-card > div *,
.flow-panel > div *{
  color:inherit !important;
  text-shadow:inherit !important;
  max-width:100% !important;
}

/* On very light furry cards, the white text can be too soft. Give it a stronger shadow pill feel. */
.price-card:nth-of-type(1) .price-content,
.case-card.light .case-inner,
.proof-card.light > div,
.proof-note > div{
  text-shadow:
    0 2px 0 rgba(0,0,0,.18),
    0 12px 28px rgba(0,0,0,.48),
    0 0 1px rgba(0,0,0,.95) !important;
}

/* Copy width: never touch fuzzy borders. */
.price-content h2,
.price-content h3,
.case-inner h2,
.proof-card h2,
.proof-note h2,
.card-copy h2,
.board-copy h2,
.host-copy h2,
.summary-content h2,
.investor-card h2,
.trust-panel h2,
.validation h2,
.metric-card h2,
.offer-card h2,
.live-board h2,
.demo-card h2,
.rules h2,
.flow-card h2,
.flow-panel h2{
  max-width:10.8ch !important;
}

.price-content p,
.case-inner p,
.proof-card p,
.proof-note p,
.card-copy p,
.board-copy p,
.host-copy p,
.summary-content p,
.investor-card p,
.trust-panel p,
.validation p,
.metric-card p,
.offer-card p,
.live-board p,
.demo-card p,
.rules p,
.flow-card p,
.flow-panel p{
  max-width:32ch !important;
}

/* Lists in pricing: tighter, cleaner */
.price-content ul,
.price-content ol{
  padding-left:0 !important;
  margin:10px 0 0 !important;
  list-style:none !important;
  display:grid !important;
  gap:8px !important;
}

.price-content li{
  display:flex !important;
  align-items:flex-start !important;
  gap:10px !important;
  font-weight:900 !important;
}

.price-content li::before{
  content:"";
  width:10px;
  height:10px;
  flex:0 0 10px;
  margin-top:.36em;
  border-radius:50%;
  background:#6ea2ff;
  box-shadow:0 0 0 5px rgba(110,162,255,.22);
}

/* Furry CTAs inside cards: not too close to fuzzy border. */
.price-content .cta-fur,
.card-copy .cta-fur,
.board-copy .cta-fur,
.host-copy .cta-fur,
.summary-content .cta-fur{
  margin-top:clamp(16px,3vw,36px) !important;
  max-width:min(520px,100%) !important;
}

/* Dock and header are lighter and cannot block reading. */
.dock,
.examples-dock,
.solutions-dock,
.live-dock,
.checkout-dock,
.restaurant-dock,
.pricing-dock,
.offer-dock,
.demo-dock{
  background:linear-gradient(180deg,rgba(255,255,255,.34),rgba(255,255,255,.10)) !important;
  backdrop-filter:blur(68px) saturate(235%) brightness(1.12) !important;
  -webkit-backdrop-filter:blur(68px) saturate(235%) brightness(1.12) !important;
  opacity:.94 !important;
}

/* Page end must never hide under sticky dock */
.shell,
.examples-shell,
.solutions-shell,
.live-shell,
.checkout-shell,
.restaurant-shell,
.pricing-shell,
.offer-shell,
.demo-shell{
  padding-bottom:calc(210px + env(safe-area-inset-bottom)) !important;
}

/* Reveal animations: wow without scroll hijack. */
.reveal,
.scene-copy,
.kora-stage,
.kora-hero,
.case-card,
.price-card,
.offer-card,
.proof-card{
  will-change:transform,opacity !important;
}

.reveal.visible,
.visible{
  transition:
    opacity .72s cubic-bezier(.2,.7,.2,1),
    transform .72s cubic-bezier(.2,.7,.2,1),
    filter .72s cubic-bezier(.2,.7,.2,1) !important;
}

/* Mobile precision */
@media(max-width:820px){
  h1,
  .scene-line{
    font-size:clamp(1.92rem,8.3vw,2.92rem) !important;
    max-width:11.8ch !important;
  }

  h2{
    font-size:clamp(1.62rem,6.7vw,2.48rem) !important;
    max-width:11.6ch !important;
  }

  p,
  li,
  .hero-sub,
  .scene-subline,
  .section-sub{
    font-size:.9rem !important;
    line-height:1.34 !important;
  }

  .price-card,
  .offer-card,
  .proof-card,
  .case-card,
  .investor-card,
  .metric-card,
  .validation,
  .trust-panel,
  .demo-card,
  .live-board,
  .flow-card,
  .flow-panel,
  .host-panel,
  .proof-note{
    min-height:clamp(390px,98vw,560px) !important;
    margin-bottom:42px !important;
  }

  .price-content,
  .case-inner,
  .proof-card > div,
  .proof-note > div,
  .card-copy,
  .board-copy,
  .host-copy,
  .summary-content,
  .investor-card > div,
  .trust-panel > div,
  .validation > div,
  .metric-card > div,
  .offer-card .card-copy,
  .live-board > div,
  .demo-card > div,
  .rules > div,
  .flow-card > div,
  .flow-panel > div{
    padding:
      clamp(48px,12vw,70px)
      clamp(36px,9vw,52px)
      clamp(48px,12vw,70px) !important;
  }

  .price-content h2,
  .price-content h3,
  .case-inner h2,
  .proof-card h2,
  .proof-note h2,
  .card-copy h2,
  .board-copy h2,
  .host-copy h2,
  .summary-content h2,
  .investor-card h2,
  .trust-panel h2,
  .validation h2,
  .metric-card h2,
  .offer-card h2,
  .live-board h2,
  .demo-card h2,
  .rules h2,
  .flow-card h2,
  .flow-panel h2{
    max-width:10.5ch !important;
  }

  .tags,
  .badges,
  .chip-row{
    gap:6px !important;
  }

  .tags span,
  .badges span,
  .chip-row span,
  .signal-row span,
  .home-proof span{
    font-size:10.5px !important;
    min-height:26px !important;
    padding:0 9px !important;
  }
}

/* Tiny phones: reduce optional detail before breaking layout */
@media(max-width:380px){
  .price-content p,
  .case-inner p,
  .proof-card p,
  .proof-note p{
    font-size:.84rem !important;
  }

  .price-content li{
    font-size:.84rem !important;
  }

  .tags,
  .badges{
    display:none !important;
  }
}


/* V8000 Unified Bottom Menu
   Same icons everywhere: chat = Kora Map, WhatsApp, phone, location. */
.kora-unified-dock,
.dock,
.restaurant-dock,
.demo-dock,
.offer-dock,
.pricing-dock,
.examples-dock,
.solutions-dock,
.live-dock,
.checkout-dock,
.investor-dock,
.kora-now-dock,
.proof-dock{
  position:fixed !important;
  left:50% !important;
  right:auto !important;
  bottom:calc(12px + env(safe-area-inset-bottom)) !important;
  transform:translateX(-50%) !important;
  z-index:999 !important;
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:clamp(16px,5.5vw,42px) !important;
  width:min(560px,calc(100% - 28px)) !important;
  min-height:86px !important;
  padding:10px clamp(18px,4vw,34px) !important;
  border-radius:999px !important;
  background:linear-gradient(180deg,rgba(255,255,255,.36),rgba(255,255,255,.10)) !important;
  backdrop-filter:blur(68px) saturate(240%) brightness(1.14) !important;
  -webkit-backdrop-filter:blur(68px) saturate(240%) brightness(1.14) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.92),
    inset 0 -1px 0 rgba(255,255,255,.10),
    0 34px 74px rgba(72,110,178,.13) !important;
  opacity:.98 !important;
}

.kora-unified-dock .dock-item,
.dock .dock-item,
.restaurant-dock .dock-item,
.demo-dock .dock-item,
.offer-dock .dock-item,
.pricing-dock .dock-item,
.examples-dock .dock-item,
.solutions-dock .dock-item,
.live-dock .dock-item,
.checkout-dock .dock-item,
.investor-dock .dock-item,
.kora-now-dock .dock-item,
.proof-dock .dock-item{
  position:relative !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  flex:0 0 auto !important;
  width:68px !important;
  height:68px !important;
  min-width:68px !important;
  min-height:68px !important;
  padding:0 !important;
  margin:0 !important;
  border:0 !important;
  border-radius:50% !important;
  background:transparent !important;
  box-shadow:none !important;
  outline:none !important;
  transition:transform .22s cubic-bezier(.2,.7,.2,1), filter .22s ease, opacity .22s ease !important;
}

.kora-unified-dock .dock-item img,
.dock .dock-item img,
.restaurant-dock .dock-item img,
.demo-dock .dock-item img,
.offer-dock .dock-item img,
.pricing-dock .dock-item img,
.examples-dock .dock-item img,
.solutions-dock .dock-item img,
.live-dock .dock-item img,
.checkout-dock .dock-item img,
.investor-dock .dock-item img,
.kora-now-dock .dock-item img,
.proof-dock .dock-item img{
  width:66px !important;
  height:66px !important;
  min-width:66px !important;
  min-height:66px !important;
  object-fit:contain !important;
  object-position:center !important;
  display:block !important;
  transform:none !important;
  filter:drop-shadow(0 15px 22px rgba(72,110,178,.14)) !important;
  pointer-events:none !important;
}

.kora-unified-dock .dock-item:hover,
.kora-unified-dock .dock-item:active,
.dock .dock-item:hover,
.dock .dock-item:active{
  transform:translateY(-4px) scale(1.045) !important;
  filter:saturate(1.08) brightness(1.03) !important;
}

/* Never hide unified dock with old nav-hidden behavior. */
body.nav-hidden .kora-unified-dock,
body.nav-hidden .dock,
body.nav-hidden .restaurant-dock,
body.nav-hidden .demo-dock,
body.nav-hidden .offer-dock,
body.nav-hidden .pricing-dock,
body.nav-hidden .examples-dock,
body.nav-hidden .solutions-dock,
body.nav-hidden .live-dock,
body.nav-hidden .checkout-dock,
body.nav-hidden .investor-dock,
body.nav-hidden .kora-now-dock,
body.nav-hidden .proof-dock{
  opacity:.98 !important;
  transform:translateX(-50%) !important;
  pointer-events:auto !important;
}

/* Add enough bottom space on all pages so the unified menu does not cover text/cards. */
.shell,
.examples-shell,
.solutions-shell,
.live-shell,
.checkout-shell,
.restaurant-shell,
.pricing-shell,
.offer-shell,
.demo-shell{
  padding-bottom:calc(220px + env(safe-area-inset-bottom)) !important;
}

@media(max-width:820px){
  .kora-unified-dock,
  .dock,
  .restaurant-dock,
  .demo-dock,
  .offer-dock,
  .pricing-dock,
  .examples-dock,
  .solutions-dock,
  .live-dock,
  .checkout-dock,
  .investor-dock,
  .kora-now-dock,
  .proof-dock{
    width:min(520px,calc(100% - 28px)) !important;
    min-height:82px !important;
    padding:9px clamp(16px,4.4vw,28px) !important;
    gap:clamp(14px,5.4vw,30px) !important;
  }

  .kora-unified-dock .dock-item,
  .dock .dock-item,
  .restaurant-dock .dock-item,
  .demo-dock .dock-item,
  .offer-dock .dock-item,
  .pricing-dock .dock-item,
  .examples-dock .dock-item,
  .solutions-dock .dock-item,
  .live-dock .dock-item,
  .checkout-dock .dock-item,
  .investor-dock .dock-item,
  .kora-now-dock .dock-item,
  .proof-dock .dock-item{
    width:62px !important;
    height:62px !important;
    min-width:62px !important;
    min-height:62px !important;
  }

  .kora-unified-dock .dock-item img,
  .dock .dock-item img,
  .restaurant-dock .dock-item img,
  .demo-dock .dock-item img,
  .offer-dock .dock-item img,
  .pricing-dock .dock-item img,
  .examples-dock .dock-item img,
  .solutions-dock .dock-item img,
  .live-dock .dock-item img,
  .checkout-dock .dock-item img,
  .investor-dock .dock-item img,
  .kora-now-dock .dock-item img,
  .proof-dock .dock-item img{
    width:60px !important;
    height:60px !important;
    min-width:60px !important;
    min-height:60px !important;
  }
}

@media(max-width:360px){
  .kora-unified-dock,
  .dock,
  .restaurant-dock,
  .demo-dock,
  .offer-dock,
  .pricing-dock,
  .examples-dock,
  .solutions-dock,
  .live-dock,
  .checkout-dock,
  .investor-dock,
  .kora-now-dock,
  .proof-dock{
    gap:10px !important;
    padding-inline:14px !important;
  }

  .kora-unified-dock .dock-item,
  .dock .dock-item{
    width:56px !important;
    height:56px !important;
    min-width:56px !important;
    min-height:56px !important;
  }

  .kora-unified-dock .dock-item img,
  .dock .dock-item img{
    width:54px !important;
    height:54px !important;
    min-width:54px !important;
    min-height:54px !important;
  }
}