/* KSE Cloud premium marketing layer: brand palette, mobile-first polish, accessible motion. */
:root{
  --kse-navy-950:#061827;--kse-navy-900:#081d31;--kse-navy-800:#123b5e;
  --kse-gold-500:#e1b33e;--kse-gold-100:#fff5d8;--kse-green-600:#147a55;
  --kse-surface:#fff;--kse-canvas:#fbfcfa;--kse-text:#13283a;--kse-text-muted:#5d7183;
  --kse-border:rgba(8,29,49,.11);--kse-shadow-sm:0 8px 24px rgba(8,29,49,.07);
  --kse-shadow-lg:0 30px 80px rgba(8,29,49,.16);--kse-radius-md:14px;--kse-radius-xl:28px;
  --motion-fast:160ms;--motion-base:320ms;--motion-slow:560ms;
  --ease-premium:cubic-bezier(.22,1,.36,1);
}
*{scroll-margin-top:96px}
body{overflow-x:hidden;background:radial-gradient(circle at 10% 4%,rgba(225,179,62,.08),transparent 24rem),var(--kse-canvas);color:var(--kse-text)}
.skip-link{position:fixed;left:16px;top:12px;z-index:9999;padding:11px 16px;border-radius:10px;background:var(--kse-navy-900);color:#fff;transform:translateY(-160%);transition:transform var(--motion-fast) ease}
.skip-link:focus{transform:translateY(0)}
a:focus-visible,button:focus-visible{outline:3px solid rgba(225,179,62,.58);outline-offset:3px}
.marketing-nav{border-color:var(--kse-border);box-shadow:0 8px 30px rgba(8,29,49,.035)}
.marketing-nav a,.hero a{touch-action:manipulation}
.nav-cta,.hero-primary,.tenant-login>a{min-height:46px;transition:transform var(--motion-fast) var(--ease-premium),box-shadow var(--motion-fast) ease,background var(--motion-fast) ease}
.nav-cta:hover,.hero-primary:hover,.tenant-login>a:hover{box-shadow:0 14px 32px rgba(8,29,49,.18)}
.nav-cta:active,.hero-primary:active,.tenant-login>a:active{transform:scale(.98)}
.hero{position:relative;padding-top:92px;padding-bottom:92px}
.hero:before{content:"";position:absolute;left:4%;top:15%;width:8px;height:8px;border-radius:50%;background:var(--kse-gold-500);box-shadow:28px 46px 0 rgba(44,120,189,.28),-18px 92px 0 rgba(21,148,111,.22)}
.hero h1,.section-heading h2,.visual-copy h2,.offline-section h2,.tenant-login h2{text-wrap:balance}
.hero-copy>p,.section-heading p,.visual-copy>p{color:var(--kse-text-muted)}
.product-window{border-color:rgba(8,29,49,.12);box-shadow:var(--kse-shadow-lg);transition:transform var(--motion-slow) var(--ease-premium),box-shadow var(--motion-slow) ease}
.product-stage:hover .product-window{transform:rotate(0) translateY(-5px);box-shadow:0 42px 95px rgba(8,29,49,.2)}
.floating-receipt{animation:receipt-float 5s ease-in-out infinite}
.stage-glow{animation:glow-breathe 7s ease-in-out infinite}
.trusted{border-color:var(--kse-border)}
.feature-grid>article{border-color:var(--kse-border);box-shadow:0 2px 0 rgba(8,29,49,.02);transition:transform var(--motion-base) var(--ease-premium),box-shadow var(--motion-base) ease,border-color var(--motion-base) ease}
.feature-grid>article:hover{transform:translateY(-6px);border-color:rgba(225,179,62,.45);box-shadow:var(--kse-shadow-sm)}
.feature-icon{transition:transform var(--motion-base) var(--ease-premium)}
.feature-grid>article:hover .feature-icon{transform:scale(1.08) rotate(-3deg)}
.visual-story{border-color:var(--kse-border);box-shadow:inset 0 1px rgba(255,255,255,.8),var(--kse-shadow-sm)}
.flow-hub,.flow-node{transition:transform var(--motion-base) var(--ease-premium),box-shadow var(--motion-base) ease}
.flow-node:hover{transform:translateY(-4px);box-shadow:0 20px 42px rgba(8,29,49,.14)}
.offline-section{box-shadow:0 30px 75px rgba(8,29,49,.16)}
.offline-card{transition:transform var(--motion-slow) var(--ease-premium)}
.offline-section:hover .offline-card{transform:translateY(-5px) rotate(.4deg)}
.step-grid article{transition:border-color var(--motion-base) ease,transform var(--motion-base) var(--ease-premium)}
.step-grid article:hover{border-color:var(--kse-gold-500);transform:translateY(-4px)}
.tenant-login{box-shadow:inset 0 1px rgba(255,255,255,.7),0 20px 50px rgba(91,68,17,.08)}
.motion-ready .reveal{opacity:0;transform:translateY(18px);transition:opacity var(--motion-slow) ease,transform var(--motion-slow) var(--ease-premium);transition-delay:calc(var(--reveal-order,0) * 45ms)}
.motion-ready .reveal.is-visible{opacity:1;transform:translateY(0)}
@keyframes receipt-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}
@keyframes glow-breathe{0%,100%{opacity:.72;transform:scale(.96)}50%{opacity:1;transform:scale(1.04)}}

@media(max-width:1050px){
  .hero{padding-top:64px}.product-window{transform:none}.visual-story{padding:64px 48px}
}
@media(max-width:720px){
  *{scroll-margin-top:78px}
  body{font-size:16px;line-height:1.6}
  .marketing-nav{height:68px;padding:0 16px;gap:10px;backdrop-filter:blur(18px)}
  .marketing-brand{gap:7px;min-width:0}.marketing-brand>span{width:43px!important;height:35px!important;flex-basis:43px}.marketing-brand strong{font-size:16px;white-space:nowrap}
  .nav-actions{margin-left:auto}.nav-cta{min-height:44px;padding:9px 12px;font-size:12px;gap:8px;white-space:nowrap}.nav-cta span{display:none}
  .hero{display:flex;flex-direction:column;min-height:auto;padding:48px 18px 62px;gap:36px;text-align:left}
  .hero-copy{text-align:left}.kicker{font-size:11px;line-height:1.4;letter-spacing:1.2px}.hero h1{font-size:clamp(40px,12vw,52px);line-height:1.02;letter-spacing:-1.7px;margin:14px 0 20px}
  .hero-copy>p{font-size:17px;line-height:1.65}.hero-actions{display:grid;grid-template-columns:1fr;margin:28px 0 22px;gap:12px}.hero-primary,.hero-secondary{width:100%;min-height:50px;justify-content:center;border-radius:11px}.hero-secondary{display:flex;align-items:center;background:#fff;border:1px solid var(--kse-border)}
  .hero-proof{display:grid;gap:8px;justify-content:start;font-size:13px}
  .product-stage{min-height:430px;width:100%;overflow:visible}.stage-glow{width:390px;height:390px}.product-window{width:100%;border-radius:15px}.product-body{grid-template-columns:1fr;min-height:320px}.product-body>aside{display:none}.product-body>section{padding:12px}.mock-welcome{padding:12px}.mock-welcome strong{font-size:14px}.mock-metrics{grid-template-columns:1fr 1fr}.mock-metrics article:last-child{grid-column:1/-1}.mock-metrics strong{font-size:14px}.mock-lower{grid-template-columns:1fr}.mock-lower article:first-child{display:none}.mock-lower article>p{min-height:30px}.floating-receipt{right:8px;bottom:2px}
  .trusted{padding:28px 18px}.trusted>div{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:18px;text-align:left}.trusted b{font-size:15px}
  .feature-section,.steps{padding:76px 18px}.section-heading{margin-bottom:30px}.section-heading h2,.offline-section h2{font-size:39px}.section-heading p{font-size:16px}.feature-grid{gap:12px}.feature-grid>article{min-height:0;padding:22px}.feature-lead{display:block}.feature-lead>span{display:none}.feature-lead h3{font-size:26px!important}.feature-grid>article h3{font-size:18px}.feature-grid>article p{font-size:15px}
  .visual-story{display:block;min-height:0;margin:0 14px 76px;padding:46px 18px;border-radius:20px}.visual-copy{text-align:left}.visual-copy h2{font-size:39px}.signal-list span{font-size:13px}.flow-graphic{display:grid;grid-template-columns:1fr 1fr;gap:10px;min-height:0;margin-top:34px}.flow-graphic:before,.flow-orbit,.flow-node:after{display:none}.flow-hub{position:relative;inset:auto;transform:none;grid-column:1/-1;width:100%;min-height:178px;margin-bottom:4px}.flow-node{position:relative;inset:auto!important;width:auto;min-height:82px}.flow-node:hover{transform:translateY(-3px)}
  .offline-section{margin:0 14px;padding:48px 20px;gap:36px;border-radius:20px}.offline-section p{font-size:16px}.offline-section li{padding:15px 0}.offline-section li b{font-size:14px}.offline-section li span{font-size:13px}.offline-card{padding:22px}.offline-section:hover .offline-card{transform:none}
  .step-grid{gap:4px}.step-grid article{padding:24px 4px 28px}.step-grid h3{font-size:25px}.step-grid p{font-size:15px}
  .tenant-login{margin:0 14px 76px;padding:38px 22px;border-radius:18px}.tenant-login h2{font-size:34px}.tenant-login p{font-size:15px}.tenant-login>a{min-height:52px}
  .marketing-footer{padding:34px 18px}.marketing-footer>div{display:grid;gap:10px}.marketing-footer>div a{min-height:36px;display:flex;align-items:center;justify-content:center}
}
@media(max-width:390px){
  .marketing-brand strong{display:none}.hero h1{font-size:39px}.trusted>div,.flow-graphic{grid-template-columns:1fr}.flow-hub{grid-column:auto}.flow-node{min-height:74px}.product-stage{min-height:410px}.mock-welcome>span{font-size:7px}.floating-receipt{padding:10px 12px}
}
@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}.motion-ready .reveal,.motion-ready .reveal.is-visible{opacity:1;transform:none;transition:none}.floating-receipt,.stage-glow{animation:none}.product-window,.feature-grid>article,.feature-icon,.flow-node,.offline-card,.step-grid article,.nav-cta,.hero-primary,.tenant-login>a{transition:none!important}
}