:root{--ink:#2e405f;--dock-safe:calc(168px + 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}
::selection{background:transparent!important;color:inherit!important}
img,a,button{-webkit-user-drag:none!important;touch-action:manipulation}
html{scroll-behavior:smooth;overscroll-behavior:none;overflow-x:hidden}
body{margin:0;min-height:100svh;padding-bottom:var(--dock-safe);font-family:"Arial Rounded MT Bold","SF Pro Rounded","Inter",ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:linear-gradient(180deg,#f8fbff 0%,#e7f1ff 42%,#d4e5ff 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%)}
a{color:inherit;text-decoration:none}img{display:block;max-width:100%}button{font:inherit;border:0;background:transparent;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;justify-content:space-between;align-items:center;pointer-events:none;transition:opacity .24s ease,transform .24s ease}
.orb,.header-pill{pointer-events:auto}.orb{width:72px;height:72px;display:flex;align-items:center;justify-content:center}.orb img{width:64px;height:64px;filter:drop-shadow(0 16px 26px rgba(64,103,172,.22))}
.header-pill{position:relative;width:min(300px,48vw);min-width:186px}.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:#fff;font-weight:950;font-size:clamp(11px,1.1vw,15px);letter-spacing:-.03em;text-shadow:0 2px 12px rgba(0,0,0,.22)}
body.nav-far .header{opacity:0;transform:translateY(-20px) scale(.96);pointer-events:none}
.shell{position:relative;z-index:5;width:min(1160px,100%);margin:0 auto;padding:calc(132px + env(safe-area-inset-top)) 18px var(--dock-safe)}
.hero{min-height:48svh;display:grid;align-items:center}
.kicker{margin:0 0 10px;font-size:10px;line-height:1.14;font-weight:950;letter-spacing:.24em;color:#7286a4;text-transform:uppercase}
h1{margin:0;max-width:11.5ch;color:#2e405f;font-size:clamp(2.05rem,4.85vw,4.75rem);line-height:.96;font-weight:950;letter-spacing:-.068em;text-wrap:balance}
.hero-sub{margin:16px 0 0;max-width:46ch;color:#526784;font-size:clamp(.92rem,1.22vw,1.08rem);line-height:1.3;font-weight:850;letter-spacing:-.035em}
.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:18px}
.card{position:relative;min-height:clamp(390px,46vw,540px);overflow:visible;filter:drop-shadow(0 28px 42px rgba(55,86,145,.12));transition:transform .22s ease,filter .22s ease}
.card:hover{transform:translateY(-4px);filter:drop-shadow(0 34px 48px rgba(55,86,145,.16)) saturate(1.04)}
.card > img.bg{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;object-position:center;pointer-events:none;transform:none!important}
.card > div{position:relative;z-index:2;height:100%;display:flex;flex-direction:column;justify-content:center;padding:clamp(32px,5.2vw,58px);color:#fff;text-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)}
.card h2{margin:0;max-width:11.3ch;font-size:clamp(1.8rem,3.8vw,3.55rem);line-height:.98;font-weight:950;letter-spacing:-.065em;text-wrap:balance}
.card p{max-width:34ch;font-size:clamp(.92rem,1.1vw,1.02rem);line-height:1.28;font-weight:850;letter-spacing:-.035em}
.chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.chips span{min-height:32px;display:inline-flex;align-items:center;padding:0 12px;border-radius:999px;background:rgba(255,255,255,.24);color:#fff;text-shadow:0 1px 8px rgba(0,0,0,.32);font-size:12px;font-weight:950;letter-spacing:-.035em}
.cta-fur{position:relative;display:block;width:min(342px,100%);margin-top:18px}.cta-fur img{width:100%}.cta-fur span{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:#fff;font-size:clamp(13px,1.4vw,17px);font-weight:950;letter-spacing:-.04em;text-align:center;text-shadow:0 2px 12px rgba(0,0,0,.24)}
.dock{position:fixed;left:50%;bottom:calc(10px + 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,.30),rgba(255,255,255,.075));backdrop-filter:blur(64px) saturate(250%) brightness(1.18);-webkit-backdrop-filter:blur(64px) saturate(250%) brightness(1.18);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)}
.dock-item{width:64px;height:64px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:transform .22s ease,filter .22s ease}.dock-item:hover,.dock-item:active{transform:translateY(-4px) scale(1.04);filter:saturate(1.08)}.dock-item img{width:60px;height:60px;object-fit:contain;filter:drop-shadow(0 16px 22px rgba(72,110,178,.12))}
@media(max-width:900px){.grid{grid-template-columns:1fr}}
@media(max-width:820px){.shell{padding:calc(112px + env(safe-area-inset-top)) 14px calc(164px + env(safe-area-inset-bottom))}h1{font-size:clamp(2.05rem,9.6vw,3.15rem)}.card{min-height:clamp(400px,105vw,570px)}.card > div{padding:34px 30px}.header-pill{width:186px;min-width:186px}.dock{width:min(520px,calc(100% - 28px));padding:9px 12px}.dock-item{width:58px;height:58px}.dock-item img{width:54px;height:54px}}

/* 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;
  }
}