body.is-landing{
  overflow-x:hidden;
  background:
    linear-gradient(90deg, rgb(15 118 110 / .06) 1px, transparent 1px),
    linear-gradient(180deg, rgb(15 118 110 / .04) 1px, transparent 1px),
    linear-gradient(180deg, #f7fbfc 0%, #eef7f4 45%, #f8fafc 100%);
  background-size:42px 42px, 42px 42px, auto;
}

body.is-landing .bg,
body.is-landing .topbar,
body.is-landing .sidebar{
  display:none;
}

body.is-landing .main{
  padding:0;
  margin-left:0;
}

body.is-landing .content-wrap{
  width:100%;
  max-width:none;
  padding:0;
}

.landing-page{
  --lp-bg:#f7fbfc;
  --lp-bg-2:#eef7f4;
  --lp-panel:rgb(255 255 255 / .88);
  --lp-panel-strong:#ffffff;
  --lp-panel-soft:rgb(241 245 249 / .82);
  --lp-text:#102033;
  --lp-muted:#617088;
  --lp-soft:#7b8798;
  --lp-line:rgb(15 23 42 / .10);
  --lp-line-strong:rgb(15 118 110 / .24);
  --lp-green:#117653;
  --lp-teal:#0f766e;
  --lp-cyan:#0891b2;
  --lp-blue:#2563eb;
  --lp-amber:#d97706;
  --lp-rose:#e11d48;
  --lp-shadow:0 18px 48px rgb(15 23 42 / .12);
  --lp-shadow-strong:0 28px 70px rgb(15 23 42 / .18);
  position:relative;
  isolation:isolate;
  min-height:100vh;
  color:var(--lp-text);
  background:
    linear-gradient(135deg, rgb(17 118 83 / .14), transparent 28%, rgb(8 145 178 / .11) 62%, rgb(217 119 6 / .08)),
    linear-gradient(180deg, transparent 0, var(--lp-bg) 620px, #fff 100%);
}

.landing-particles{
  position:fixed;
  inset:0;
  z-index:0;
  width:100%;
  height:100%;
  pointer-events:none;
  opacity:.58;
}

.landing-page main,
.landing-footer{
  position:relative;
  z-index:1;
}

html[data-theme="dark"] body.is-landing{
  background:
    linear-gradient(90deg, rgb(148 163 184 / .045) 1px, transparent 1px),
    linear-gradient(180deg, rgb(148 163 184 / .035) 1px, transparent 1px),
    linear-gradient(180deg, #07111e 0%, #0d1a2b 48%, #07111e 100%);
  background-size:42px 42px, 42px 42px, auto;
}

html[data-theme="dark"] .landing-page{
  --lp-bg:#07111e;
  --lp-bg-2:#0d1a2b;
  --lp-panel:rgb(15 23 42 / .82);
  --lp-panel-strong:rgb(15 23 42 / .96);
  --lp-panel-soft:rgb(30 41 59 / .62);
  --lp-text:#eef6ff;
  --lp-muted:#b8c4d6;
  --lp-soft:#94a3b8;
  --lp-line:rgb(226 232 240 / .14);
  --lp-line-strong:rgb(45 212 191 / .30);
  --lp-green:#22b878;
  --lp-teal:#2dd4bf;
  --lp-cyan:#38bdf8;
  --lp-blue:#60a5fa;
  --lp-amber:#f59e0b;
  --lp-rose:#fb7185;
  --lp-shadow:0 20px 56px rgb(0 0 0 / .34);
  --lp-shadow-strong:0 34px 90px rgb(0 0 0 / .44);
  background:
    linear-gradient(135deg, rgb(34 184 120 / .14), transparent 31%, rgb(56 189 248 / .10) 70%, rgb(245 158 11 / .08)),
    linear-gradient(180deg, transparent 0, var(--lp-bg) 620px, #07111e 100%);
}

.landing-page :is(h1,h2,h3,p){
  margin:0;
}

.landing-page a{
  color:inherit;
  text-decoration:none;
}

.landing-page button,
.landing-page input{
  font:inherit;
}

.landing-page svg{
  width:17px;
  height:17px;
  stroke-width:2.2;
}

.landing-shell{
  width:min(1480px, calc(100% - 32px));
  margin:0 auto;
}

.landing-shell--wide{
  width:min(1680px, calc(100% - 32px));
}

.landing-nav{
  position:fixed;
  top:12px;
  left:50%;
  z-index:800;
  width:min(1680px, calc(100% - 24px));
  transform:translateX(-50%);
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  min-height:64px;
  padding:9px;
  border:1px solid var(--lp-line);
  border-radius:8px;
  color:var(--lp-text);
  background:linear-gradient(180deg, rgb(255 255 255 / .82), rgb(255 255 255 / .66));
  box-shadow:var(--lp-shadow);
  backdrop-filter:blur(18px);
  transition:background var(--t2), border-color var(--t2), transform var(--t2), box-shadow var(--t2);
}

html[data-theme="dark"] .landing-nav{
  background:linear-gradient(180deg, rgb(15 23 42 / .78), rgb(11 18 32 / .64));
}

.landing-nav.is-scrolled{
  border-color:var(--lp-line-strong);
  box-shadow:var(--lp-shadow-strong);
}

.landing-brand{
  display:flex;
  align-items:center;
  gap:10px;
  min-width:0;
}

.landing-brand__logo{
  width:42px;
  height:42px;
  display:grid;
  place-items:center;
  overflow:hidden;
  border:1px solid var(--lp-line);
  border-radius:8px;
  background:
    linear-gradient(135deg, rgb(17 118 83 / .14), rgb(8 145 178 / .10)),
    var(--lp-panel-strong);
}

.landing-brand__logo img{
  width:33px;
  height:33px;
  object-fit:contain;
}

.landing-brand strong,
.landing-brand small{
  display:block;
  white-space:nowrap;
}

.landing-brand strong{
  font-size:15px;
  line-height:1.1;
}

.landing-brand small{
  margin-top:2px;
  color:var(--lp-muted);
  font-size:12px;
}

.landing-nav__links,
.landing-nav__actions,
.landing-hero__actions,
.landing-trial__actions,
.landing-footer nav{
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:8px;
}

.landing-nav__links{
  justify-content:center;
  gap:3px;
}

.landing-nav__actions{
  flex-wrap:nowrap;
}

.landing-nav__links a,
.landing-footer a{
  min-height:34px;
  display:inline-flex;
  align-items:center;
  padding:0 10px;
  border-radius:8px;
  color:var(--lp-muted);
  transition:background var(--t), color var(--t), transform var(--t);
}

.landing-nav__links a:hover,
.landing-footer a:hover{
  color:var(--lp-text);
  background:rgb(15 118 110 / .10);
  transform:translateY(-1px);
}

.btn.landing-theme{
  width:76px;
  min-width:76px;
  min-height:44px;
  padding:4px;
  justify-content:center;
  border-color:rgb(15 118 110 / .28);
  background:
    linear-gradient(135deg, rgb(255 255 255 / .94), rgb(236 253 245 / .82)),
    var(--lp-panel-strong);
  box-shadow:0 14px 30px rgb(15 118 110 / .16), 0 1px 0 rgb(255 255 255 / .72) inset;
}

.btn.landing-theme::before,
.btn.landing-theme::after{
  display:none;
}

.landing-theme__track{
  position:relative;
  width:66px;
  height:34px;
  display:block;
  overflow:hidden;
  border-radius:8px;
  background:
    radial-gradient(circle at 24% 28%, rgb(255 255 255 / .72) 0 5px, transparent 6px),
    linear-gradient(135deg, #facc15, #22c55e 46%, #06b6d4);
  box-shadow:0 0 0 1px rgb(15 118 110 / .18) inset;
  transition:background var(--t2), box-shadow var(--t2);
}

.landing-theme__knob{
  position:absolute;
  top:4px;
  left:4px;
  z-index:2;
  width:26px;
  height:26px;
  border-radius:50%;
  background:#fff7ed;
  box-shadow:0 8px 16px rgb(15 23 42 / .22), 0 0 0 1px rgb(255 255 255 / .72) inset;
  transition:transform .38s cubic-bezier(.22,.61,.36,1), background var(--t2), box-shadow var(--t2);
}

.landing-theme__icon{
  position:absolute;
  top:8px;
  z-index:3;
  width:18px;
  height:18px;
  color:#0f172a;
  opacity:.76;
  transition:opacity var(--t2), transform var(--t2), color var(--t2);
}

.landing-theme__icon--sun{
  left:8px;
  color:#b45309;
}

.landing-theme__icon--moon{
  right:8px;
  color:#e0f2fe;
  opacity:.58;
}

.btn.landing-theme:hover{
  transform:translateY(-2px);
  border-color:rgb(15 118 110 / .48);
  box-shadow:0 18px 38px rgb(15 118 110 / .22), 0 1px 0 rgb(255 255 255 / .72) inset;
}

.btn.landing-theme.is-switching .landing-theme__track{
  animation:landingThemeSwap .58s cubic-bezier(.22,.61,.36,1);
}

.btn.landing-theme.is-switching .landing-theme__knob{
  animation:landingThemeKnob .58s cubic-bezier(.22,.61,.36,1);
}

html[data-theme="dark"] .btn.landing-theme{
  border-color:rgb(45 212 191 / .28);
  background:
    linear-gradient(135deg, rgb(30 41 59 / .94), rgb(15 23 42 / .84)),
    var(--lp-panel-strong);
  box-shadow:0 16px 34px rgb(0 0 0 / .30), 0 1px 0 rgb(255 255 255 / .10) inset;
}

html[data-theme="dark"] .landing-theme__track{
  background:
    radial-gradient(circle at 78% 30%, rgb(255 255 255 / .58) 0 2px, transparent 3px),
    radial-gradient(circle at 64% 62%, rgb(255 255 255 / .38) 0 1px, transparent 2px),
    linear-gradient(135deg, #0f172a, #1d4ed8 48%, #0891b2);
  box-shadow:0 0 0 1px rgb(125 211 252 / .18) inset;
}

html[data-theme="dark"] .landing-theme__knob{
  transform:translateX(32px);
  background:#e0f2fe;
  box-shadow:0 8px 16px rgb(0 0 0 / .34), 0 0 0 1px rgb(255 255 255 / .48) inset;
}

html[data-theme="dark"] .landing-theme__icon--sun{
  opacity:.5;
  transform:rotate(-18deg) scale(.88);
  color:#fde68a;
}

html[data-theme="dark"] .landing-theme__icon--moon{
  opacity:.92;
  transform:rotate(-8deg) scale(1.05);
  color:#0f172a;
}

.landing-nav__actions .landing-nav-cta{
  min-height:44px;
  padding-inline:16px;
  font-size:14px;
  letter-spacing:0;
}

.landing-nav__actions .landing-nav__login{
  color:var(--lp-text);
  border-color:rgb(8 145 178 / .26);
  background:
    linear-gradient(135deg, rgb(255 255 255 / .90), rgb(224 242 254 / .62)),
    var(--lp-panel-strong);
  box-shadow:0 13px 28px rgb(8 145 178 / .14), 0 1px 0 rgb(255 255 255 / .68) inset;
}

.landing-nav__actions .landing-nav__login:hover{
  transform:translateY(-2px);
  border-color:rgb(8 145 178 / .52);
  box-shadow:0 18px 36px rgb(8 145 178 / .22), 0 1px 0 rgb(255 255 255 / .76) inset;
}

.landing-nav__actions .landing-nav__trial{
  min-height:46px;
  padding-inline:18px;
  border-color:rgb(17 118 83 / .62);
  background:linear-gradient(135deg, #117653, #0891b2 78%);
  box-shadow:0 16px 36px rgb(17 118 83 / .28), 0 0 0 1px rgb(255 255 255 / .20) inset;
  animation:landingNavCtaBreath 3.8s ease-in-out infinite;
}

.landing-nav__actions .landing-nav__trial::after{
  opacity:.20;
  animation:landingNavCtaShine 4.6s cubic-bezier(.22,.61,.36,1) infinite;
}

.landing-nav__actions .landing-nav__trial:hover{
  transform:translateY(-2px) scale(1.01);
  border-color:rgb(45 212 191 / .86);
  box-shadow:0 20px 44px rgb(17 118 83 / .34), 0 0 0 1px rgb(255 255 255 / .24) inset;
}

html[data-theme="dark"] .landing-nav__actions .landing-nav__login{
  color:var(--lp-text);
  border-color:rgb(125 211 252 / .22);
  background:
    linear-gradient(135deg, rgb(15 23 42 / .94), rgb(30 41 59 / .78)),
    var(--lp-panel-strong);
  box-shadow:0 14px 30px rgb(0 0 0 / .26), 0 1px 0 rgb(255 255 255 / .10) inset;
}

html[data-theme="dark"] .landing-nav__actions .landing-nav__trial{
  border-color:rgb(45 212 191 / .58);
  background:linear-gradient(135deg, #0f766e, #2563eb 84%);
  box-shadow:0 18px 42px rgb(8 145 178 / .30), 0 0 0 1px rgb(255 255 255 / .14) inset;
}

@keyframes landingThemeSwap{
  0%{ transform:scale(1); filter:saturate(1); }
  42%{ transform:scale(1.05); filter:saturate(1.32) brightness(1.08); }
  100%{ transform:scale(1); filter:saturate(1); }
}

@keyframes landingThemeKnob{
  0%{ box-shadow:0 8px 16px rgb(15 23 42 / .22), 0 0 0 1px rgb(255 255 255 / .62) inset; }
  48%{ box-shadow:0 12px 24px rgb(15 118 110 / .28), 0 0 0 8px rgb(45 212 191 / .16); }
  100%{ box-shadow:0 8px 16px rgb(15 23 42 / .22), 0 0 0 1px rgb(255 255 255 / .62) inset; }
}

@keyframes landingNavCtaBreath{
  0%, 100%{ box-shadow:0 16px 36px rgb(17 118 83 / .26), 0 0 0 1px rgb(255 255 255 / .18) inset; }
  50%{ box-shadow:0 18px 44px rgb(8 145 178 / .32), 0 0 0 4px rgb(45 212 191 / .10), 0 0 0 1px rgb(255 255 255 / .22) inset; }
}

@keyframes landingNavCtaShine{
  0%{ transform:rotate(16deg) translateX(-130%); opacity:0; }
  36%{ opacity:.24; }
  100%{ transform:rotate(16deg) translateX(235%); opacity:0; }
}

@media (prefers-reduced-motion: reduce){
  .btn.landing-theme.is-switching .landing-theme__track,
  .btn.landing-theme.is-switching .landing-theme__knob,
  .landing-nav__actions .landing-nav__trial,
  .landing-nav__actions .landing-nav__trial::after{
    animation:none !important;
  }
}

.live-hero{
  position:relative;
  min-height:100vh;
  display:grid;
  align-items:center;
  padding:98px 0 44px;
  overflow:hidden;
}

.live-hero::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:
    linear-gradient(112deg, rgb(17 118 83 / .14), transparent 30%),
    linear-gradient(244deg, rgb(37 99 235 / .12), transparent 38%),
    linear-gradient(180deg, transparent 77%, var(--lp-bg));
}

.live-hero__grid{
  position:relative;
  display:grid;
  grid-template-columns:minmax(340px, .62fr) minmax(760px, 1.38fr);
  gap:30px;
  align-items:center;
}

.live-copy{
  display:grid;
  gap:18px;
  align-content:center;
}

.landing-eyebrow{
  width:max-content;
  max-width:100%;
  min-height:32px;
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:0 11px;
  border:1px solid var(--lp-line-strong);
  border-radius:8px;
  color:var(--lp-teal);
  background:linear-gradient(180deg, rgb(17 118 83 / .12), rgb(8 145 178 / .07));
  font-size:12px;
  font-weight:900;
  text-transform:uppercase;
}

.live-copy h1{
  max-width:620px;
  font-family:var(--display-font);
  font-size:58px;
  line-height:.96;
  font-weight:700;
}

.live-copy p,
.landing-trial p,
.landing-faq p,
.live-module-grid span,
.landing-plans p{
  color:var(--lp-muted);
  line-height:1.55;
}

.live-copy p{
  max-width:520px;
  font-size:18px;
}

.landing-hero__actions{
  margin-top:4px;
  align-items:stretch;
  max-width:620px;
}

.landing-system-cta{
  flex:1 0 100%;
  min-height:56px;
  justify-content:center;
  font-size:17px;
  font-weight:900;
  letter-spacing:0;
  box-shadow:0 16px 36px rgb(17 118 83 / .28), 0 1px 0 rgb(255 255 255 / .22) inset;
}

.live-app{
  position:relative;
  min-width:0;
  min-height:680px;
  overflow:hidden;
  border:1px solid var(--lp-line);
  border-radius:8px;
  background:
    linear-gradient(135deg, rgb(17 118 83 / .12), transparent 40%, rgb(217 119 6 / .08)),
    var(--lp-panel);
  box-shadow:var(--lp-shadow-strong), 0 0 0 1px rgb(255 255 255 / .18) inset;
  backdrop-filter:blur(16px);
}

.live-app__body{
  padding:14px;
}

.live-app::after{
  content:"";
  position:absolute;
  inset:auto 0 0;
  height:3px;
  background:linear-gradient(90deg, var(--lp-green), var(--lp-cyan), var(--lp-amber), var(--lp-rose));
  animation:liveHue 6s linear infinite;
}

.live-app__top{
  height:48px;
  display:flex;
  align-items:center;
  gap:10px;
  padding:0 14px;
  border-bottom:1px solid var(--lp-line);
  background:linear-gradient(180deg, rgb(255 255 255 / .42), rgb(255 255 255 / .18));
}

html[data-theme="dark"] .live-app__top{
  background:linear-gradient(180deg, rgb(255 255 255 / .08), rgb(255 255 255 / .025));
}

.live-app__dots{
  display:flex;
  gap:6px;
}

.live-app__dots span{
  width:10px;
  height:10px;
  border-radius:999px;
  background:var(--lp-rose);
}

.live-app__dots span:nth-child(2){ background:var(--lp-amber); }
.live-app__dots span:nth-child(3){ background:var(--lp-green); }

.live-app__top strong{
  min-width:0;
  flex:1;
  overflow:hidden;
  color:var(--lp-text);
  font-size:13px;
  text-overflow:ellipsis;
  text-transform:uppercase;
  white-space:nowrap;
}

.live-sync{
  min-height:28px;
  display:inline-flex;
  align-items:center;
  gap:6px;
  padding:0 9px;
  border:1px solid var(--lp-line);
  border-radius:8px;
  color:var(--lp-teal);
  background:rgb(17 118 83 / .08);
  font-size:12px;
  font-weight:800;
}

.live-app__tabs{
  display:grid;
  grid-template-columns:repeat(4, minmax(0, 1fr));
  gap:8px;
  padding:12px;
  border-bottom:1px solid var(--lp-line);
}

.live-app__tabs button{
  min-height:42px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  border:1px solid var(--lp-line);
  border-radius:8px;
  color:var(--lp-muted);
  background:var(--lp-panel-soft);
  cursor:pointer;
  transition:transform var(--t), border-color var(--t), color var(--t), background var(--t), box-shadow var(--t);
}

.live-app__tabs button:hover,
.live-app__tabs button.is-active{
  color:var(--lp-text);
  border-color:var(--lp-line-strong);
  background:linear-gradient(135deg, rgb(17 118 83 / .14), rgb(8 145 178 / .08));
  box-shadow:0 12px 24px rgb(15 118 110 / .12);
  transform:translateY(-1px);
}

.live-app__panels{
  padding:14px;
}

.live-panel{
  display:none;
}

.live-panel.is-active{
  display:block;
  animation:panelIn 320ms var(--ease) both;
}

.live-kpis{
  display:grid;
  grid-template-columns:repeat(4, minmax(0, 1fr));
  gap:10px;
  margin-bottom:12px;
}

.live-kpi,
.live-finance-card,
.live-calendar,
.live-feed,
.live-ticket-table,
.live-kanban__column,
.live-module-grid article,
.landing-plans article,
.landing-faq details,
.landing-trial,
.live-strip article{
  border:1px solid var(--lp-line);
  border-radius:8px;
  background:linear-gradient(180deg, rgb(255 255 255 / .74), rgb(255 255 255 / .48));
  box-shadow:var(--lp-shadow);
}

html[data-theme="dark"] :is(.live-kpi,.live-finance-card,.live-calendar,.live-feed,.live-ticket-table,.live-kanban__column,.live-module-grid article,.landing-plans article,.landing-faq details,.landing-trial,.live-strip article){
  background:linear-gradient(180deg, rgb(255 255 255 / .075), rgb(255 255 255 / .035));
}

.live-kpi{
  position:relative;
  min-height:128px;
  display:grid;
  align-content:space-between;
  gap:8px;
  padding:13px;
  overflow:hidden;
  text-align:left;
  cursor:pointer;
  isolation:isolate;
  transition:transform var(--t2), border-color var(--t2), box-shadow var(--t2);
}

.live-kpi::before{
  content:"";
  position:absolute;
  inset:-40% auto auto -40%;
  width:90%;
  aspect-ratio:1;
  border-radius:50%;
  background:radial-gradient(circle, var(--kpi-color, var(--lp-green)), transparent 68%);
  opacity:.13;
  z-index:-1;
  animation:dashKpiPulse 3.4s var(--ease) infinite;
}

.live-kpi::after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(105deg, transparent 0 38%, rgb(255 255 255 / .34) 48%, transparent 58% 100%);
  transform:translateX(-120%);
  animation:dashKpiSweep 4.8s var(--ease) infinite;
  pointer-events:none;
}

.live-kpi:hover,
.live-kpi.is-active{
  transform:translateY(-4px);
  border-color:color-mix(in srgb, var(--kpi-color, var(--lp-green)) 58%, transparent);
  box-shadow:0 18px 38px color-mix(in srgb, var(--kpi-color, var(--lp-green)) 20%, transparent);
}

.live-kpi--scheduled{ --kpi-color:var(--lp-cyan); }
.live-kpi--opened{ --kpi-color:var(--lp-blue); }
.live-kpi--closed{ --kpi-color:var(--lp-green); }
.live-kpi--alert{ --kpi-color:var(--lp-rose); }

.live-kpi span,
.live-card-head span,
.live-finance-card span{
  display:flex;
  align-items:center;
  gap:7px;
  color:var(--lp-muted);
  font-size:12px;
  font-weight:900;
  text-transform:uppercase;
}

.live-kpi span svg{
  color:var(--kpi-color, var(--lp-green));
}

.live-kpi strong{
  color:var(--lp-text);
  font-family:var(--display-font);
  font-size:38px;
  line-height:.9;
}

.live-kpi small{
  color:var(--lp-soft);
  font-size:12px;
}

.live-kpi em,
.live-finance-card em{
  width:100%;
  height:7px;
  display:block;
  overflow:hidden;
  border-radius:999px;
  background:rgb(148 163 184 / .18);
}

.live-kpi em b,
.live-finance-card em b{
  width:0%;
  height:100%;
  display:block;
  border-radius:inherit;
  background:linear-gradient(90deg, var(--kpi-color, var(--lp-green)), var(--lp-cyan));
  transition:width 700ms var(--ease);
}

.live-dashboard-grid{
  display:grid;
  grid-template-columns:minmax(520px, 1.1fr) minmax(360px, .9fr);
  gap:12px;
}

.live-calendar,
.live-feed{
  min-height:430px;
  padding:16px;
  border-radius:14px;
}

.live-card-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:10px;
  margin-bottom:12px;
}

.live-card-head strong{
  display:block;
  margin-top:4px;
  color:var(--lp-text);
  font-size:18px;
}

.live-card-actions{
  display:flex;
  gap:6px;
}

.icon-btn{
  border-radius:8px;
}

.live-calendar__week,
.live-calendar__grid{
  display:grid;
  grid-template-columns:repeat(7, minmax(0, 1fr));
  gap:0;
}

.live-calendar__week{
  overflow:hidden;
  margin-bottom:0;
  border:1px solid var(--lp-line);
  border-bottom:0;
  border-radius:12px 12px 0 0;
  background:color-mix(in srgb, var(--lp-panel) 84%, rgb(var(--accent-rgb)) 16%);
}

.live-calendar__week span{
  min-height:34px;
  display:grid;
  place-items:center;
  border-right:1px solid var(--lp-line);
  color:var(--lp-soft);
  font-size:11px;
  font-weight:900;
  text-align:center;
  text-transform:uppercase;
}

.live-calendar__week span:last-child{
  border-right:0;
}

.live-calendar__grid{
  border:1px solid var(--lp-line);
  border-right:0;
  border-bottom:0;
  border-radius:0 0 12px 12px;
  background:color-mix(in srgb, var(--lp-panel-soft) 72%, transparent);
}

.live-day{
  position:relative;
  min-height:68px;
  display:grid;
  align-content:start;
  gap:5px;
  padding:8px;
  border:0;
  border-right:1px solid var(--lp-line);
  border-bottom:1px solid var(--lp-line);
  border-radius:0;
  color:var(--lp-muted);
  background:linear-gradient(180deg, rgb(255 255 255 / .58), rgb(255 255 255 / .38));
  transition:transform var(--t), border-color var(--t), background var(--t);
}

html[data-theme="dark"] .live-day{
  background:rgb(15 23 42 / .36);
}

.live-day:not(.is-muted):hover,
.live-day.has-event,
.live-day.is-selected{
  color:var(--lp-text);
  border-color:var(--lp-line-strong);
  background:linear-gradient(135deg, rgb(17 118 83 / .12), rgb(8 145 178 / .06));
}

.live-day:not(.is-muted):hover{
  transform:none;
  background:linear-gradient(180deg, rgb(20 184 166 / .13), rgb(255 255 255 / .42));
}

.live-day.is-today{
  background:linear-gradient(180deg, rgb(245 158 11 / .18), rgb(255 255 255 / .42));
  box-shadow:0 0 0 2px rgb(217 119 6 / .30) inset;
}

.live-day.is-selected{
  box-shadow:0 0 0 2px rgb(17 118 83 / .32) inset, 0 12px 24px rgb(15 118 110 / .10);
}

.live-day.is-muted{
  opacity:.45;
}

.live-day strong{
  font-size:13px;
}

.live-day span{
  min-width:18px;
  height:18px;
  display:inline-grid;
  place-items:center;
  justify-self:end;
  border-radius:999px;
  color:#fff;
  background:var(--lp-teal);
  font-size:10px;
  font-weight:900;
}

.live-day em{
  display:flex;
  align-items:center;
  gap:3px;
  align-self:end;
  margin-top:auto;
}

.live-day em b{
  width:100%;
  height:5px;
  border-radius:999px;
  background:var(--event-color, var(--lp-teal));
  box-shadow:0 0 0 1px rgb(255 255 255 / .38) inset;
}

.live-ticket-stack{
  display:grid;
  gap:9px;
}

.live-ticket{
  position:relative;
  display:grid;
  grid-template-columns:36px minmax(0, 1fr) auto;
  gap:9px;
  align-items:center;
  min-height:62px;
  padding:9px;
  border:1px solid var(--lp-line);
  border-left:3px solid var(--status-color, var(--lp-teal));
  border-radius:10px;
  background:rgb(255 255 255 / .50);
  animation:ticketRise 420ms var(--ease) both;
}

html[data-theme="dark"] .live-ticket{
  background:rgb(15 23 42 / .38);
}

.live-ticket__icon{
  width:36px;
  height:36px;
  display:grid;
  place-items:center;
  border-radius:8px;
  color:var(--status-color, var(--lp-teal));
  background:color-mix(in srgb, var(--status-color, var(--lp-teal)) 14%, transparent);
}

.live-ticket strong,
.live-ticket small{
  display:block;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}

.live-ticket em{
  display:flex;
  align-items:center;
  gap:6px;
  margin-top:5px;
  color:var(--lp-soft);
  font-size:11px;
  font-style:normal;
  font-weight:800;
}

.live-ticket em svg{
  width:12px;
  height:12px;
}

.live-ticket strong{
  color:var(--lp-text);
  font-size:14px;
}

.live-ticket small{
  color:var(--lp-muted);
  margin-top:2px;
}

.live-badge,
.live-priority,
.live-finance-pill{
  min-height:25px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:0 8px;
  border:1px solid color-mix(in srgb, var(--badge-color, var(--lp-teal)) 30%, transparent);
  border-radius:8px;
  color:color-mix(in srgb, var(--badge-color, var(--lp-teal)) 72%, var(--lp-text));
  background:color-mix(in srgb, var(--badge-color, var(--lp-teal)) 12%, transparent);
  font-size:11px;
  font-weight:900;
  white-space:nowrap;
}

.live-toolbar{
  display:flex;
  align-items:center;
  gap:8px;
  flex-wrap:wrap;
  margin-bottom:12px;
}

.live-search{
  min-height:42px;
  flex:1 1 250px;
  display:flex;
  align-items:center;
  gap:8px;
  padding:0 12px;
  border:1px solid var(--lp-line);
  border-radius:8px;
  background:var(--lp-panel);
}

.live-search input{
  width:100%;
  border:0;
  outline:0;
  color:var(--lp-text);
  background:transparent;
}

.live-window-tabs{
  display:flex;
  align-items:center;
  gap:8px;
  padding:8px;
  margin-bottom:12px;
  border:1px solid var(--lp-line);
  border-radius:8px;
  background:var(--lp-panel-soft);
}

.live-window-tabs button{
  min-height:38px;
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:0 14px;
  border:1px solid transparent;
  border-radius:8px;
  color:var(--lp-muted);
  background:transparent;
  cursor:pointer;
  font-weight:900;
  text-transform:uppercase;
  transition:background var(--t), border-color var(--t), color var(--t), transform var(--t);
}

.live-window-tabs button:hover,
.live-window-tabs button.is-active{
  color:var(--lp-text);
  border-color:var(--lp-line-strong);
  background:linear-gradient(135deg, rgb(17 118 83 / .14), rgb(8 145 178 / .07));
  transform:translateY(-1px);
}

.live-ticket-panel{
  display:none;
}

.live-ticket-panel.is-active{
  display:block;
  animation:panelIn 260ms var(--ease) both;
}

.live-ticket-panel .live-ticket-table{
  max-height:520px;
  overflow:auto;
}

.live-ticket-panel .live-kanban{
  grid-template-columns:repeat(4, minmax(220px, 1fr));
  min-width:0;
}

.live-ticket-table{
  overflow:hidden;
  min-width:0;
}

.live-ticket-table table{
  width:100%;
  border-collapse:collapse;
}

.live-ticket-table th,
.live-ticket-table td{
  padding:12px;
  border-bottom:1px solid var(--lp-line);
  color:var(--lp-muted);
  text-align:left;
  vertical-align:middle;
  white-space:nowrap;
}

.live-ticket-table th{
  color:var(--lp-text);
  font-size:12px;
  text-transform:uppercase;
  background:linear-gradient(180deg, rgb(17 118 83 / .10), transparent);
}

.live-ticket-table tr:last-child td{
  border-bottom:0;
}

.live-ticket-table td:first-child,
.live-ticket-table td:nth-child(2){
  color:var(--lp-text);
  font-weight:800;
}

.live-kanban{
  display:grid;
  grid-template-columns:repeat(4, minmax(156px, 1fr));
  gap:10px;
  overflow-x:auto;
  padding-bottom:4px;
}

.live-kanban__column{
  min-height:430px;
  padding:0 0 10px;
  overflow:hidden;
  border-top:4px solid var(--column-color, var(--lp-teal));
  border-radius:12px;
}

.live-kanban__head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:8px;
  padding:10px 12px;
  margin-bottom:0;
  border-bottom:1px solid var(--lp-line);
  background:color-mix(in srgb, var(--column-color, var(--lp-teal)) 10%, var(--lp-panel) 90%);
}

.live-kanban__head strong{
  color:var(--lp-text);
}

.live-kanban__head span{
  min-width:26px;
  height:24px;
  display:grid;
  place-items:center;
  border-radius:8px;
  color:#fff;
  background:var(--column-color, var(--lp-teal));
  font-size:12px;
  font-weight:900;
}

.live-kanban__cards{
  display:grid;
  gap:10px;
  padding:10px;
}

.live-kanban-card{
  display:grid;
  gap:7px;
  padding:12px;
  border:1px solid var(--lp-line);
  border-left:0;
  border-radius:10px;
  background:rgb(255 255 255 / .55);
  color:var(--lp-text);
  cursor:pointer;
  text-align:left;
  transition:transform var(--t), box-shadow var(--t), border-color var(--t);
}

html[data-theme="dark"] .live-kanban-card{
  background:rgb(15 23 42 / .42);
}

.live-kanban-card:hover{
  transform:translateY(-3px);
  box-shadow:0 14px 30px rgb(15 23 42 / .12);
}

.live-kanban-card__top{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:8px;
  padding-bottom:6px;
  border-bottom:1px solid var(--lp-line);
}

.live-kanban-card strong,
.live-kanban-card b{
  color:var(--lp-text);
}

.live-kanban-card strong{
  font-size:13px;
}

.live-kanban-card b{
  display:-webkit-box;
  overflow:hidden;
  min-height:34px;
  font-size:14px;
  line-height:1.22;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
}

.live-kanban-card small{
  display:flex;
  align-items:center;
  gap:5px;
  color:var(--lp-muted);
  font-weight:800;
}

.live-kanban-card small svg,
.live-kanban-card__foot svg{
  width:13px;
  height:13px;
  flex:0 0 auto;
  color:var(--column-color, var(--lp-teal));
}

.live-kanban-card__foot{
  width:max-content;
  max-width:100%;
  min-height:24px;
  display:inline-flex;
  align-items:center;
  gap:5px;
  padding:0 8px;
  border:1px solid var(--lp-line);
  border-radius:999px;
  color:var(--lp-muted);
  background:var(--lp-panel-soft);
  font-size:11px;
  font-weight:900;
}

.live-kanban-more,
.live-demo-limit{
  display:flex;
  align-items:center;
  gap:7px;
  padding:10px;
  border:1px dashed color-mix(in srgb, var(--column-color, var(--lp-teal)) 35%, var(--lp-line));
  border-radius:10px;
  color:var(--lp-muted);
  background:color-mix(in srgb, var(--column-color, var(--lp-teal)) 8%, transparent);
  font-size:12px;
  font-weight:850;
}

.live-demo-limit{
  margin-top:10px;
  border-color:var(--lp-line);
  background:var(--lp-panel-soft);
}

.live-kanban-more svg,
.live-demo-limit svg{
  width:15px;
  height:15px;
}

.live-finance{
  display:grid;
  grid-template-columns:repeat(3, minmax(0, 1fr));
  gap:10px;
  margin-bottom:12px;
}

.live-finance-card{
  min-height:132px;
  display:grid;
  align-content:space-between;
  gap:12px;
  padding:16px;
}

.live-finance-card strong{
  font-family:var(--display-font);
  font-size:31px;
  line-height:1;
}

.live-finance-card em b{
  background:linear-gradient(90deg, var(--lp-green), var(--lp-amber));
}

.live-finance-list{
  display:grid;
  gap:8px;
}

.live-finance-row{
  display:grid;
  grid-template-columns:minmax(0, 1fr) auto auto;
  gap:10px;
  align-items:center;
  min-height:54px;
  padding:10px 12px;
  border:1px solid var(--lp-line);
  border-radius:8px;
  background:var(--lp-panel);
}

.live-finance-row strong{
  display:block;
  color:var(--lp-text);
}

.live-finance-row small{
  color:var(--lp-muted);
}

.finance-control{
  min-width:0;
  display:grid;
  gap:12px;
  padding:14px;
  border:1px solid var(--lp-line);
  border-radius:8px;
  background:linear-gradient(180deg, rgb(255 255 255 / .78), rgb(255 255 255 / .54));
  box-shadow:var(--lp-shadow);
}

html[data-theme="dark"] .finance-control{
  background:linear-gradient(180deg, rgb(15 23 42 / .76), rgb(15 23 42 / .54));
}

.finance-control__head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:12px;
}

.finance-control__head h3{
  margin:0 0 4px;
  color:var(--lp-text);
  font-family:var(--display-font);
  font-size:28px;
  line-height:1;
}

.finance-control__head p{
  margin:0;
  color:var(--lp-muted);
}

.finance-metrics{
  display:grid;
  grid-template-columns:repeat(4, minmax(140px, 1fr));
  gap:10px;
}

.finance-metric{
  position:relative;
  min-height:116px;
  display:grid;
  align-content:space-between;
  gap:10px;
  padding:14px;
  overflow:hidden;
  border:1px solid color-mix(in srgb, var(--metric-color, var(--lp-teal)) 24%, var(--lp-line));
  border-radius:8px;
  background:
    linear-gradient(135deg, color-mix(in srgb, var(--metric-color, var(--lp-teal)) 10%, transparent), transparent 58%),
    rgb(255 255 255 / .58);
}

html[data-theme="dark"] .finance-metric{
  background:
    linear-gradient(135deg, color-mix(in srgb, var(--metric-color, var(--lp-teal)) 15%, transparent), transparent 58%),
    rgb(15 23 42 / .42);
}

.finance-metric__top,
.finance-metric__bottom{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
}

.finance-metric__label{
  display:flex;
  align-items:center;
  gap:7px;
  color:var(--lp-text);
  font-weight:900;
}

.finance-metric__dot{
  width:10px;
  height:10px;
  border-radius:999px;
  background:var(--metric-color, var(--lp-teal));
  box-shadow:0 0 0 5px color-mix(in srgb, var(--metric-color, var(--lp-teal)) 14%, transparent);
}

.finance-metric__icon{
  width:44px;
  height:44px;
  display:grid;
  place-items:center;
  border:1px solid color-mix(in srgb, var(--metric-color, var(--lp-teal)) 36%, transparent);
  border-radius:8px;
  color:var(--metric-color, var(--lp-teal));
  background:color-mix(in srgb, var(--metric-color, var(--lp-teal)) 10%, transparent);
}

.finance-metric strong{
  color:var(--lp-text);
  font-family:var(--display-font);
  font-size:23px;
  line-height:1;
}

.finance-metric small,
.finance-metric__bottom span{
  color:var(--lp-muted);
  font-size:12px;
}

.finance-metric__bottom{
  padding-top:9px;
  border-top:1px solid color-mix(in srgb, var(--metric-color, var(--lp-teal)) 18%, var(--lp-line));
}

.finance-metric__bottom b{
  color:var(--lp-text);
}

.finance-modulebar{
  display:grid;
  grid-template-columns:repeat(2, max-content) minmax(12px, 1fr) repeat(2, max-content);
  align-items:center;
  gap:8px;
  padding:10px;
  border:1px solid var(--lp-line);
  border-radius:8px;
  background:var(--lp-panel);
}

.finance-modulebar button,
.finance-filters__actions button{
  min-height:36px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  padding:0 12px;
  border:1px solid transparent;
  border-radius:8px;
  color:var(--lp-text);
  background:transparent;
  cursor:pointer;
  font-weight:900;
  text-transform:uppercase;
}

.finance-modulebar button.is-active{
  color:var(--lp-teal);
  border-color:var(--lp-line-strong);
  background:rgb(17 118 83 / .08);
}

.finance-modulebar .finance-action{
  border-color:var(--lp-line-strong);
  background:rgb(17 118 83 / .06);
}

.finance-modulebar .finance-action--primary,
.finance-filters__actions .is-primary{
  color:#fff;
  border-color:rgb(17 118 83 / .38);
  background:linear-gradient(135deg, var(--lp-green), var(--lp-teal));
}

.finance-filters{
  display:grid;
  grid-template-columns:minmax(170px, .75fr) minmax(240px, 1.5fr) 150px;
  gap:10px;
  padding:12px;
  border:1px solid var(--lp-line);
  border-radius:8px;
  background:linear-gradient(180deg, rgb(255 255 255 / .62), rgb(255 255 255 / .38));
}

html[data-theme="dark"] .finance-filters{
  background:linear-gradient(180deg, rgb(255 255 255 / .055), rgb(255 255 255 / .028));
}

.finance-filters label{
  display:grid;
  gap:6px;
  min-width:0;
}

.finance-filters label span{
  color:var(--lp-muted);
  font-size:12px;
  font-weight:900;
}

.finance-filters label strong{
  min-height:38px;
  display:flex;
  align-items:center;
  overflow:hidden;
  padding:0 12px;
  border:1px solid var(--lp-line);
  border-radius:8px;
  color:var(--lp-text);
  background:var(--lp-panel);
  font-size:13px;
  text-overflow:ellipsis;
  white-space:nowrap;
}

.finance-filters__actions{
  grid-column:1 / -1;
  display:flex;
  justify-content:flex-end;
  gap:8px;
  flex-wrap:wrap;
}

.finance-filters__actions button{
  border-color:var(--lp-line);
  background:var(--lp-panel);
  text-transform:none;
}

.finance-filters__actions .is-warn{
  border-color:rgb(217 119 6 / .36);
  color:var(--lp-amber);
}

.finance-table{
  max-height:420px;
  overflow:auto;
  border:1px solid var(--lp-line);
  border-radius:8px;
  background:var(--lp-panel);
}

.finance-table table{
  width:100%;
  min-width:760px;
  border-collapse:collapse;
}

.finance-table th,
.finance-table td{
  padding:12px 14px;
  border-bottom:1px solid var(--lp-line);
  color:var(--lp-muted);
  text-align:left;
  white-space:nowrap;
}

.finance-table th{
  position:sticky;
  top:0;
  z-index:1;
  color:var(--lp-text);
  font-size:12px;
  text-transform:uppercase;
  background:linear-gradient(180deg, rgb(248 250 252 / .98), rgb(241 245 249 / .94));
}

html[data-theme="dark"] .finance-table th{
  background:linear-gradient(180deg, rgb(24 32 48 / .98), rgb(15 23 42 / .94));
}

.finance-table tr:last-child td{
  border-bottom:0;
}

.finance-table td:nth-child(2),
.finance-table td:nth-child(3){
  color:var(--lp-text);
  font-weight:900;
}

.finance-table td:nth-child(5),
.finance-table td:nth-child(6){
  font-weight:900;
}

.finance-table__desc small{
  display:block;
  margin-top:3px;
  color:var(--lp-soft);
  font-size:11px;
  font-weight:800;
}

.finance-status{
  min-height:30px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:92px;
  padding:0 10px;
  border:1px solid color-mix(in srgb, var(--status-color, var(--lp-teal)) 48%, transparent);
  border-radius:8px;
  color:var(--status-color, var(--lp-teal));
  background:color-mix(in srgb, var(--status-color, var(--lp-teal)) 14%, transparent);
  font-size:11px;
  font-weight:900;
  text-transform:uppercase;
}

.finance-demo{
  display:grid;
  gap:12px;
}

.finance-demo__head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:12px;
  padding:14px;
  border:1px solid var(--lp-line);
  border-radius:8px;
  background:linear-gradient(180deg, rgb(255 255 255 / .70), rgb(255 255 255 / .42));
}

html[data-theme="dark"] .finance-demo__head{
  background:linear-gradient(180deg, rgb(255 255 255 / .07), rgb(255 255 255 / .032));
}

.finance-demo__head h3{
  margin:0 0 4px;
  color:var(--lp-text);
  font-family:var(--display-font);
  font-size:28px;
  line-height:1;
}

.finance-demo__head p{
  margin:0;
  color:var(--lp-muted);
}

.finance-simple-kpis{
  display:grid;
  grid-template-columns:repeat(4, minmax(0, 1fr));
  gap:10px;
}

.finance-mini-kpi{
  min-height:122px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding:14px;
  border:1px solid color-mix(in srgb, var(--metric-color, var(--lp-teal)) 28%, var(--lp-line));
  border-radius:8px;
  background:
    linear-gradient(135deg, color-mix(in srgb, var(--metric-color, var(--lp-teal)) 12%, transparent), transparent 62%),
    rgb(255 255 255 / .58);
  box-shadow:var(--lp-shadow);
}

html[data-theme="dark"] .finance-mini-kpi{
  background:
    linear-gradient(135deg, color-mix(in srgb, var(--metric-color, var(--lp-teal)) 16%, transparent), transparent 62%),
    rgb(15 23 42 / .44);
}

.finance-mini-kpi span{
  display:flex;
  align-items:center;
  gap:7px;
  color:var(--lp-muted);
  font-size:12px;
  font-weight:900;
  text-transform:uppercase;
}

.finance-mini-kpi span b{
  width:9px;
  height:9px;
  border-radius:999px;
  background:var(--metric-color, var(--lp-teal));
  box-shadow:0 0 0 5px color-mix(in srgb, var(--metric-color, var(--lp-teal)) 14%, transparent);
}

.finance-mini-kpi strong{
  display:block;
  margin-top:10px;
  color:var(--lp-text);
  font-family:var(--display-font);
  font-size:25px;
  line-height:1;
}

.finance-mini-kpi small{
  display:block;
  margin-top:5px;
  color:var(--lp-muted);
}

.finance-mini-kpi > svg{
  width:42px;
  height:42px;
  flex:0 0 auto;
  padding:10px;
  border:1px solid color-mix(in srgb, var(--metric-color, var(--lp-teal)) 34%, transparent);
  border-radius:8px;
  color:var(--metric-color, var(--lp-teal));
  background:color-mix(in srgb, var(--metric-color, var(--lp-teal)) 10%, transparent);
}

.finance-simple-tabs{
  display:flex;
  align-items:center;
  gap:8px;
  padding:8px;
  border:1px solid var(--lp-line);
  border-radius:8px;
  background:var(--lp-panel-soft);
}

.finance-simple-tabs button{
  min-height:38px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  padding:0 14px;
  border:1px solid transparent;
  border-radius:8px;
  color:var(--lp-muted);
  background:transparent;
  cursor:pointer;
  font-weight:900;
  text-transform:uppercase;
  transition:background var(--t), border-color var(--t), color var(--t), transform var(--t);
}

.finance-simple-tabs button:hover,
.finance-simple-tabs button.is-active{
  color:var(--lp-text);
  border-color:var(--lp-line-strong);
  background:linear-gradient(135deg, rgb(17 118 83 / .14), rgb(8 145 178 / .07));
  transform:translateY(-1px);
}

.finance-simple-list{
  display:grid;
  gap:8px;
}

.finance-mini-row{
  display:grid;
  grid-template-columns:minmax(0, 1fr) 70px 120px 92px;
  gap:10px;
  align-items:center;
  min-height:68px;
  padding:10px 12px;
  border:1px solid var(--lp-line);
  border-left:4px solid var(--status-color, var(--lp-teal));
  border-radius:8px;
  background:var(--lp-panel);
}

.finance-mini-row strong,
.finance-mini-row span{
  display:block;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}

.finance-mini-row strong{
  color:var(--lp-text);
  font-size:14px;
}

.finance-mini-row span,
.finance-mini-row small{
  color:var(--lp-muted);
}

.finance-mini-row b{
  color:var(--lp-text);
  font-size:14px;
}

.finance-mini-row em{
  min-height:28px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:0 8px;
  border:1px solid color-mix(in srgb, var(--status-color, var(--lp-teal)) 45%, transparent);
  border-radius:8px;
  color:var(--status-color, var(--lp-teal));
  background:color-mix(in srgb, var(--status-color, var(--lp-teal)) 12%, transparent);
  font-size:11px;
  font-style:normal;
  font-weight:900;
  text-transform:uppercase;
}

.live-strip{
  padding:22px 0;
  border-block:1px solid var(--lp-line);
  background:linear-gradient(180deg, rgb(255 255 255 / .38), rgb(255 255 255 / .16));
}

html[data-theme="dark"] .live-strip{
  background:linear-gradient(180deg, rgb(255 255 255 / .035), rgb(255 255 255 / .02));
}

.live-strip__grid{
  display:grid;
  grid-template-columns:repeat(4, minmax(0, 1fr));
  gap:10px;
}

.live-strip article{
  min-height:96px;
  display:grid;
  align-content:center;
  gap:5px;
  padding:14px;
  transition:transform var(--t2), border-color var(--t2), box-shadow var(--t2);
}

.live-strip article:hover{
  transform:translateY(-4px);
  border-color:var(--lp-line-strong);
}

.live-strip svg,
.live-module-grid svg{
  color:var(--lp-teal);
}

.live-strip strong{
  color:var(--lp-text);
}

.live-strip span{
  color:var(--lp-muted);
  font-size:13px;
}

.landing-section{
  padding:70px 0;
}

.live-showcase{
  position:relative;
  overflow:hidden;
  border-top:1px solid var(--lp-line);
  background:
    linear-gradient(135deg, rgb(17 118 83 / .055), transparent 36%, rgb(37 99 235 / .045)),
    linear-gradient(180deg, rgb(255 255 255 / .34), rgb(255 255 255 / .08));
}

html[data-theme="dark"] .live-showcase{
  background:
    linear-gradient(135deg, rgb(34 184 120 / .075), transparent 36%, rgb(96 165 250 / .05)),
    linear-gradient(180deg, rgb(255 255 255 / .028), rgb(255 255 255 / .014));
}

.live-section-grid{
  display:grid;
  grid-template-columns:minmax(310px, .48fr) minmax(760px, 1.52fr);
  gap:28px;
  align-items:center;
}

.live-section-grid--reverse{
  grid-template-columns:minmax(0, 1fr) minmax(300px, 430px);
}

.live-section-grid--reverse > .live-section-copy{
  order:2;
}

.live-section-copy{
  display:grid;
  align-content:center;
  gap:16px;
}

.live-section-copy h2{
  font-family:var(--display-font);
  font-size:46px;
  line-height:1;
}

.live-section-copy p{
  max-width:560px;
  color:var(--lp-muted);
  font-size:17px;
  line-height:1.58;
}

.live-app--tickets,
.live-app--finance{
  min-height:auto;
}

.live-tickets-kanban-grid{
  display:grid;
  grid-template-columns:minmax(480px, .9fr) minmax(560px, 1.1fr);
  gap:12px;
  align-items:start;
}

.live-tickets-kanban-grid .live-ticket-table{
  max-height:502px;
  overflow:auto;
}

.live-tickets-kanban-grid .live-kanban{
  min-width:0;
}

.landing-media-slot,
.landing-media-frame,
.landing-screenshot-card,
.landing-screen-viewer,
.landing-media-grid article{
  border:1px solid var(--lp-line);
  border-radius:8px;
  background:linear-gradient(180deg, rgb(255 255 255 / .72), rgb(255 255 255 / .42));
  box-shadow:var(--lp-shadow);
}

html[data-theme="dark"] :is(.landing-media-slot,.landing-media-frame,.landing-screenshot-card,.landing-screen-viewer,.landing-media-grid article){
  background:linear-gradient(180deg, rgb(255 255 255 / .07), rgb(255 255 255 / .032));
}

.landing-media-slot{
  min-height:152px;
  display:grid;
  align-content:center;
  justify-items:start;
  gap:8px;
  padding:18px;
  border-style:dashed;
}

.landing-media-slot svg,
.landing-media-grid svg{
  width:38px;
  height:38px;
  padding:9px;
  border-radius:8px;
  color:var(--lp-cyan);
  background:rgb(8 145 178 / .10);
}

.landing-media-slot strong,
.landing-media-grid strong{
  color:var(--lp-text);
}

.landing-media-slot span,
.landing-media-grid span{
  color:var(--lp-muted);
  line-height:1.45;
}

.live-media-layout{
  display:grid;
  grid-template-columns:minmax(620px, 1.2fr) minmax(320px, .8fr);
  gap:28px;
  align-items:center;
}

.landing-media-frame{
  min-height:420px;
  padding:14px;
}

.landing-media-frame__screen{
  min-height:330px;
  display:grid;
  place-items:center;
  overflow:hidden;
  border:1px solid var(--lp-line);
  border-radius:8px;
  background:
    linear-gradient(120deg, rgb(17 118 83 / .16), transparent 38%, rgb(37 99 235 / .13)),
    linear-gradient(180deg, rgb(15 23 42 / .88), rgb(11 18 32 / .80));
}

.landing-media-frame__screen svg{
  width:72px;
  height:72px;
  padding:22px;
  border-radius:999px;
  color:#fff;
  background:rgb(255 255 255 / .16);
  box-shadow:0 18px 48px rgb(0 0 0 / .28);
}

.landing-media-frame__timeline{
  height:10px;
  margin-top:14px;
  overflow:hidden;
  border-radius:999px;
  background:rgb(148 163 184 / .18);
}

.landing-media-frame__timeline span{
  width:42%;
  height:100%;
  display:block;
  border-radius:inherit;
  background:linear-gradient(90deg, var(--lp-green), var(--lp-cyan), var(--lp-amber));
  animation:mediaProgress 4.8s var(--ease) infinite;
}

.landing-media-grid{
  display:grid;
  grid-template-columns:repeat(2, minmax(0, 1fr));
  gap:10px;
}

.landing-media-grid article{
  min-height:136px;
  display:grid;
  align-content:start;
  gap:8px;
  padding:16px;
}

.landing-screenshot-card{
  margin:0;
  overflow:hidden;
}

.landing-screenshot-card img{
  width:100%;
  aspect-ratio:16 / 7.6;
  display:block;
  object-fit:cover;
  object-position:top left;
  background:var(--lp-panel-soft);
}

.landing-page [data-image-open]{
  cursor:zoom-in;
}

.landing-screenshot-card figcaption{
  display:flex;
  align-items:center;
  gap:8px;
  min-height:44px;
  padding:0 12px;
  border-top:1px solid var(--lp-line);
  color:var(--lp-text);
  font-size:13px;
  font-weight:900;
}

.landing-screenshot-card figcaption svg{
  width:18px;
  height:18px;
  color:var(--lp-teal);
}

.landing-screen-viewer{
  min-width:0;
  display:grid;
  gap:12px;
  padding:14px;
}

.landing-screen-viewer--compact{
  align-content:start;
}

.landing-screen-viewer__top{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:14px;
}

.landing-screen-viewer__top > div:first-child{
  display:grid;
  gap:8px;
  min-width:0;
}

.landing-screen-viewer__top strong{
  overflow:hidden;
  color:var(--lp-text);
  font-family:var(--display-font);
  font-size:26px;
  line-height:1.05;
  text-overflow:ellipsis;
  white-space:nowrap;
}

.landing-screen-mode{
  flex:0 0 auto;
  display:flex;
  gap:6px;
  padding:5px;
  border:1px solid var(--lp-line);
  border-radius:8px;
  background:var(--lp-panel-soft);
}

.landing-screen-mode button{
  min-height:34px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:6px;
  padding:0 10px;
  border:1px solid transparent;
  border-radius:8px;
  color:var(--lp-muted);
  background:transparent;
  cursor:pointer;
  font-size:12px;
  font-weight:900;
  text-transform:uppercase;
  transition:background var(--t), border-color var(--t), color var(--t), transform var(--t);
}

.landing-screen-mode button:hover,
.landing-screen-mode button.is-active{
  color:var(--lp-text);
  border-color:var(--lp-line-strong);
  background:linear-gradient(135deg, rgb(17 118 83 / .14), rgb(8 145 178 / .07));
  transform:translateY(-1px);
}

.landing-screen-mode svg{
  width:15px;
  height:15px;
}

.landing-screen-viewer__stage{
  aspect-ratio:1916 / 905;
  display:grid;
  place-items:center;
  overflow:hidden;
  border:1px solid var(--lp-line);
  border-radius:8px;
  background:#07111e;
  box-shadow:0 18px 46px rgb(15 23 42 / .20);
}

.landing-screen-viewer[data-resolved-mode="light"] .landing-screen-viewer__stage{
  background:#f8fafc;
}

.landing-screen-viewer[data-resolved-mode="dark"] .landing-screen-viewer__stage{
  background:#07111e;
}

.landing-screen-viewer__stage img{
  width:100%;
  height:100%;
  display:block;
  object-fit:contain;
}

.landing-screen-viewer > p{
  margin:0;
  color:var(--lp-muted);
  font-size:14px;
  font-weight:800;
  line-height:1.45;
}

.landing-screen-thumbs{
  display:grid;
  grid-template-columns:repeat(4, minmax(0, 1fr));
  gap:8px;
}

.landing-screen-thumbs--compact{
  grid-template-columns:repeat(3, minmax(0, 1fr));
}

.landing-screen-thumbs button{
  min-width:0;
  display:grid;
  grid-template-rows:auto minmax(36px, auto);
  gap:7px;
  padding:7px;
  overflow:hidden;
  border:1px solid var(--lp-line);
  border-radius:8px;
  color:var(--lp-muted);
  background:var(--lp-panel-soft);
  cursor:pointer;
  text-align:left;
  transition:transform var(--t), border-color var(--t), box-shadow var(--t), color var(--t), background var(--t);
}

.landing-screen-thumbs button:hover,
.landing-screen-thumbs button.is-active{
  color:var(--lp-text);
  border-color:var(--lp-line-strong);
  background:linear-gradient(135deg, rgb(17 118 83 / .13), rgb(8 145 178 / .07));
  box-shadow:0 12px 24px rgb(15 118 110 / .12);
  transform:translateY(-2px);
}

.landing-screen-thumbs img{
  width:100%;
  aspect-ratio:16 / 7.6;
  display:block;
  object-fit:cover;
  object-position:top left;
  border:1px solid var(--lp-line);
  border-radius:6px;
  background:var(--lp-panel);
}

.landing-screen-thumbs span{
  min-width:0;
  display:flex;
  align-items:center;
  gap:6px;
  color:inherit;
  font-size:12px;
  font-weight:900;
  line-height:1.2;
}

.landing-screen-thumbs--compact span{
  font-size:11px;
}

.landing-screen-thumbs span svg{
  flex:0 0 auto;
  width:16px;
  height:16px;
  color:var(--lp-teal);
}

.landing-image-modal{
  position:fixed;
  inset:0;
  z-index:1000;
  display:none;
  align-items:stretch;
  justify-content:center;
  padding:18px;
}

.landing-image-modal.is-open{
  display:flex;
}

.landing-image-modal__backdrop{
  position:absolute;
  inset:0;
  background:rgb(2 6 23 / .78);
  backdrop-filter:blur(14px);
}

.landing-image-modal__dialog{
  position:relative;
  z-index:1;
  width:min(1500px, 100%);
  min-height:0;
  display:grid;
  grid-template-rows:auto minmax(0, 1fr);
  overflow:hidden;
  border:1px solid rgb(226 232 240 / .18);
  border-radius:8px;
  background:rgb(8 13 24 / .94);
  box-shadow:0 32px 90px rgb(0 0 0 / .48);
}

.landing-image-modal__bar{
  min-height:58px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding:10px 12px;
  border-bottom:1px solid rgb(226 232 240 / .14);
  color:#f8fafc;
  background:rgb(15 23 42 / .88);
}

.landing-image-modal__bar strong{
  min-width:0;
  overflow:hidden;
  font-size:15px;
  line-height:1.2;
  text-overflow:ellipsis;
  white-space:nowrap;
}

.landing-image-modal__actions{
  flex:0 0 auto;
  display:flex;
  align-items:center;
  gap:7px;
}

.landing-image-modal__actions .icon-btn,
.landing-image-modal__actions .btn{
  border-color:rgb(226 232 240 / .18);
  color:#f8fafc;
  background:rgb(255 255 255 / .08);
}

.landing-image-modal__actions .icon-btn:hover,
.landing-image-modal__actions .btn:hover{
  background:rgb(255 255 255 / .15);
}

.landing-image-modal__stage{
  min-height:0;
  display:grid;
  place-items:center;
  overflow:auto;
  padding:18px;
  background:
    linear-gradient(90deg, rgb(255 255 255 / .045) 1px, transparent 1px),
    linear-gradient(180deg, rgb(255 255 255 / .045) 1px, transparent 1px),
    #050a13;
  background-size:28px 28px, 28px 28px, auto;
}

.landing-image-modal__stage img{
  width:100%;
  max-width:100%;
  max-height:100%;
  display:block;
  object-fit:contain;
  border-radius:6px;
  box-shadow:0 18px 60px rgb(0 0 0 / .42);
  transition:width 160ms var(--ease);
}

.landing-image-modal__stage.is-zoomed{
  place-items:start center;
}

.live-compact-head{
  max-width:760px;
  margin-bottom:22px;
}

.live-compact-head h2,
.landing-trial h2{
  margin-top:12px;
  font-family:var(--display-font);
  font-size:42px;
  line-height:1;
}

.live-module-grid{
  display:grid;
  grid-template-columns:repeat(auto-fit, minmax(210px, 1fr));
  gap:10px;
}

.live-module-grid article{
  position:relative;
  min-height:150px;
  display:grid;
  align-content:start;
  gap:8px;
  padding:14px;
  transition:transform var(--t2), border-color var(--t2), box-shadow var(--t2), background var(--t2);
}

.live-module-grid:not(.is-expanded) [data-feature-extra]{
  display:none;
}

.live-module-grid article:hover,
.landing-plans article:hover,
.landing-faq details:hover{
  transform:translateY(-4px);
  border-color:var(--lp-line-strong);
  box-shadow:var(--lp-shadow-strong);
}

.live-module-grid svg{
  width:36px;
  height:36px;
  padding:8px;
  border-radius:8px;
  background:rgb(17 118 83 / .10);
}

.live-module-grid strong,
.landing-plans h3{
  color:var(--lp-text);
  font-size:18px;
}

.live-module-grid article > span{
  font-size:13px;
}

.live-module-grid article > em{
  width:max-content;
  max-width:100%;
  min-height:24px;
  display:inline-flex;
  align-items:center;
  padding:0 8px;
  border:1px solid var(--lp-line-strong);
  border-radius:8px;
  color:var(--lp-teal);
  background:rgb(17 118 83 / .08);
  font-size:11px;
  font-style:normal;
  font-weight:900;
  text-transform:uppercase;
}

.live-module-actions{
  display:flex;
  justify-content:center;
  margin-top:18px;
}

.landing-section--plans{
  background:linear-gradient(180deg, rgb(15 118 110 / .06), rgb(37 99 235 / .035));
}

.landing-plans{
  display:grid;
  grid-template-columns:repeat(3, minmax(0, 1fr));
  gap:12px;
}

.landing-plans article{
  position:relative;
  display:grid;
  align-content:start;
  gap:12px;
  min-height:760px;
  padding:20px;
  transition:transform var(--t2), border-color var(--t2), box-shadow var(--t2);
}

.landing-plan-card{
  overflow:visible;
}

.landing-plans article.is-featured{
  border-color:var(--lp-line-strong);
  background:linear-gradient(180deg, rgb(17 118 83 / .16), rgb(255 255 255 / .42));
}

html[data-theme="dark"] .landing-plans article.is-featured{
  background:linear-gradient(180deg, rgb(34 184 120 / .16), rgb(255 255 255 / .04));
}

.landing-plan-ribbon{
  position:absolute;
  top:12px;
  right:12px;
  min-height:26px;
  display:inline-flex;
  align-items:center;
  padding:0 9px;
  border-radius:8px;
  color:#082f2a;
  background:linear-gradient(135deg, #99f6e4, #fbbf24);
  font-size:12px;
  font-weight:900;
}

.landing-plan-discount{
  justify-self:end;
  min-height:25px;
  display:inline-flex;
  align-items:center;
  padding:0 9px;
  border-radius:8px;
  color:#5b21b6;
  background:rgb(124 58 237 / .10);
  font-size:12px;
  font-weight:900;
}

.landing-plans article.is-featured .landing-plan-discount{
  justify-self:start;
  margin-top:24px;
}

.landing-plan-price{
  display:grid;
  gap:4px;
}

.landing-plan-price > small{
  color:var(--lp-muted);
  font-size:13px;
  text-decoration:line-through;
}

.landing-plan-price strong{
  display:flex;
  align-items:flex-end;
  flex-wrap:wrap;
  gap:5px;
  color:var(--lp-text);
  font-family:var(--display-font);
  font-size:36px;
  line-height:1;
}

.landing-plan-price strong span{
  color:var(--lp-muted);
  font-family:inherit;
  font-size:18px;
  line-height:1.1;
}

.landing-plan-price em{
  color:var(--lp-green);
  font-size:13px;
  font-style:normal;
  font-weight:900;
}

.landing-plans ul{
  display:grid;
  gap:8px;
  padding:0;
  margin:0;
  list-style:none;
}

.landing-plans li{
  display:flex;
  gap:8px;
  color:var(--lp-muted);
  line-height:1.35;
}

.landing-plans li::before{
  content:"";
  width:8px;
  height:8px;
  flex:0 0 auto;
  margin-top:6px;
  border-radius:999px;
  background:var(--lp-green);
  box-shadow:0 0 0 4px rgb(17 118 83 / .10);
}

.plan-tip{
  position:relative;
  display:inline;
  color:var(--lp-text);
  cursor:help;
  text-decoration-line:underline;
  text-decoration-style:wavy;
  text-decoration-color:var(--lp-cyan);
  text-decoration-thickness:1.5px;
  text-underline-offset:3px;
  font-weight:900;
}

.plan-tip::after{
  content:attr(data-tip);
  position:absolute;
  left:50%;
  bottom:calc(100% + 10px);
  z-index:40;
  width:min(260px, 72vw);
  padding:10px 12px;
  border:1px solid var(--lp-line-strong);
  border-radius:8px;
  color:var(--lp-text);
  background:var(--lp-panel-strong);
  box-shadow:var(--lp-shadow-strong);
  opacity:0;
  pointer-events:none;
  transform:translate(-50%, 6px);
  transition:opacity var(--t), transform var(--t);
  font-size:13px;
  font-weight:800;
  line-height:1.35;
  white-space:normal;
}

.plan-tip:hover::after,
.plan-tip:focus-visible::after{
  opacity:1;
  transform:translate(-50%, 0);
}

.landing-plan-limits{
  display:grid;
  grid-template-columns:repeat(3, minmax(0, 1fr));
  gap:7px;
}

.landing-plan-limits span{
  min-height:58px;
  display:grid;
  align-content:center;
  gap:3px;
  padding:9px;
  border:1px solid var(--lp-line);
  border-radius:8px;
  color:var(--lp-muted);
  background:var(--lp-panel-soft);
  font-size:12px;
  font-weight:800;
}

.landing-plan-limits b{
  display:block;
  color:var(--lp-text);
  font-family:var(--display-font);
  font-size:24px;
  line-height:1;
}

.landing-plan-limits em{
  width:max-content;
  min-height:20px;
  display:inline-flex;
  align-items:center;
  padding:0 6px;
  border-radius:8px;
  color:var(--lp-green);
  background:rgb(17 118 83 / .10);
  font-size:11px;
  font-style:normal;
  font-weight:900;
}

.landing-plan-builder{
  display:grid;
  gap:8px;
  padding:10px;
  border:1px solid var(--lp-line-strong);
  border-radius:8px;
  background:linear-gradient(180deg, rgb(17 118 83 / .10), rgb(8 145 178 / .055));
}

.landing-plan-builder label{
  display:grid;
  gap:6px;
}

.landing-plan-builder label > span{
  color:var(--lp-muted);
  font-size:12px;
  font-weight:900;
  text-transform:uppercase;
}

.landing-plan-builder label > div{
  display:grid;
  grid-template-columns:38px minmax(0, 1fr) 38px;
  gap:6px;
  align-items:center;
}

.landing-plan-builder button{
  width:38px;
  height:38px;
  display:grid;
  place-items:center;
  border:1px solid var(--lp-line);
  border-radius:8px;
  color:var(--lp-text);
  background:var(--lp-panel);
  cursor:pointer;
}

.landing-plan-builder input{
  width:100%;
  height:38px;
  border:1px solid var(--lp-line);
  border-radius:8px;
  color:var(--lp-text);
  background:var(--lp-panel);
  font-weight:900;
  text-align:center;
}

.landing-plan-meta{
  display:grid;
  gap:7px;
  padding:10px;
  border:1px solid var(--lp-line);
  border-radius:8px;
  background:var(--lp-panel-soft);
}

.landing-plan-meta span{
  color:var(--lp-muted);
  font-size:13px;
  font-weight:800;
}

.landing-addons{
  display:grid;
  grid-template-columns:repeat(5, minmax(0, 1fr));
  gap:10px;
  margin-top:14px;
}

.landing-addons article{
  min-height:112px;
  display:grid;
  align-content:center;
  gap:7px;
  padding:14px;
  border:1px solid var(--lp-line);
  border-radius:8px;
  background:linear-gradient(180deg, rgb(255 255 255 / .70), rgb(255 255 255 / .44));
  box-shadow:var(--lp-shadow);
}

html[data-theme="dark"] .landing-addons article{
  background:linear-gradient(180deg, rgb(255 255 255 / .07), rgb(255 255 255 / .032));
}

.landing-addons svg{
  width:34px;
  height:34px;
  padding:8px;
  border-radius:8px;
  color:var(--lp-teal);
  background:rgb(17 118 83 / .10);
}

.landing-addons strong{
  color:var(--lp-text);
}

.landing-addons span{
  color:var(--lp-muted);
  font-size:13px;
  font-weight:800;
}

.landing-plans--compact{
  gap:16px;
  align-items:start;
}

.landing-plans--compact .landing-plan-card{
  min-height:auto;
  align-content:start;
  gap:16px;
  padding:30px;
  border-radius:8px;
}

.landing-plans--compact .landing-plan-card.is-featured{
  padding-top:60px;
  border-color:var(--lp-green);
  box-shadow:0 24px 56px rgb(17 118 83 / .18);
}

.landing-plans--compact .landing-plan-ribbon{
  top:0;
  left:0;
  right:0;
  height:40px;
  justify-content:center;
  border-radius:8px 8px 0 0;
  color:#fff;
  background:linear-gradient(135deg, var(--lp-green), var(--lp-cyan));
  font-size:14px;
  text-transform:uppercase;
}

.landing-plans--compact .landing-plan-discount{
  justify-self:end;
  min-height:30px;
  margin:0;
  padding:0 12px;
  color:var(--lp-teal);
  background:rgb(17 118 83 / .10);
  font-size:13px;
}

.landing-plans--compact .landing-plan-card.is-featured .landing-plan-discount{
  margin:0;
}

.landing-plans--compact h3{
  font-size:30px;
  line-height:1.04;
}

.landing-plans--compact .landing-plan-card > p{
  min-height:56px;
  color:var(--lp-text);
  font-size:17px;
  line-height:1.42;
}

.landing-plans--compact .landing-plan-price{
  gap:7px;
  margin-top:6px;
}

.landing-plans--compact .landing-plan-price > small{
  font-size:16px;
}

.landing-plans--compact .landing-plan-price strong{
  font-size:52px;
  letter-spacing:0;
}

.landing-plans--compact .landing-plan-price strong span{
  font-size:22px;
}

.landing-plans--compact .landing-plan-price em{
  color:var(--lp-text);
  font-size:16px;
}

.landing-plan-note{
  min-height:0 !important;
  margin:0 0 8px !important;
  padding-bottom:18px;
  border-bottom:1px solid var(--lp-line);
  color:var(--lp-muted) !important;
  font-size:15px !important;
  line-height:1.42 !important;
}

.landing-plans--compact .btn{
  width:100%;
  justify-content:center;
  min-height:54px;
  font-size:16px;
  font-weight:900;
}

.landing-plans--compact ul{
  gap:13px;
}

.landing-plans--compact li{
  display:grid;
  grid-template-columns:22px minmax(0, 1fr);
  gap:12px;
  align-items:start;
  color:var(--lp-text);
  font-size:16px;
  line-height:1.4;
}

.landing-plans--compact li::before{
  display:none;
}

.landing-plans--compact li > svg{
  width:21px;
  height:21px;
  margin-top:0;
  color:var(--lp-teal);
}

.landing-plans--compact li strong{
  color:var(--lp-text);
  font-size:16px;
}

.plan-up{
  min-height:20px;
  display:inline-flex;
  align-items:center;
  padding:0 6px;
  border-radius:8px;
  color:var(--lp-green);
  background:rgb(17 118 83 / .10);
  font-size:11px;
  font-style:normal;
  font-weight:900;
}

.plan-config-row{
  grid-template-columns:22px minmax(0, 1fr) auto !important;
  align-items:center !important;
}

.plan-stepper{
  display:grid;
  grid-template-columns:28px 42px 28px;
  gap:4px;
  align-items:center;
}

.plan-stepper--wide{
  grid-template-columns:28px 72px 28px;
}

.plan-stepper button{
  width:28px;
  height:28px;
  display:grid;
  place-items:center;
  border:1px solid var(--lp-line);
  border-radius:8px;
  color:var(--lp-text);
  background:var(--lp-panel);
  cursor:pointer;
}

.plan-stepper button svg{
  width:14px;
  height:14px;
}

.plan-stepper input{
  width:100%;
  height:28px;
  border:1px solid var(--lp-line);
  border-radius:8px;
  color:var(--lp-text);
  background:var(--lp-panel);
  font-size:12px;
  font-weight:900;
  text-align:center;
}

.landing-plan-compare{
  position:relative;
  margin-top:6px;
}

.landing-plan-sticky-names{
  position:sticky;
  top:92px;
  z-index:18;
  display:grid;
  width:69%;
  min-width:731px;
  margin-left:31%;
  overflow:hidden;
  border:1px solid var(--lp-line-strong);
  border-bottom:0;
  border-radius:8px 8px 0 0;
  background:rgb(249 251 247 / .96);
  backdrop-filter:blur(18px);
  box-shadow:0 14px 34px rgb(15 23 42 / .10);
}

html[data-theme="dark"] .landing-plan-sticky-names{
  background:rgb(16 24 28 / .96);
}

.landing-plan-sticky-names :is(span, strong){
  min-height:56px;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:0 14px;
  border-right:1px solid var(--lp-line);
  color:var(--lp-text);
  font-family:var(--display-font);
  font-size:23px;
  font-weight:950;
  line-height:1.15;
  text-align:center;
}

.landing-plan-sticky-names :last-child{
  border-right:0;
}

.landing-plan-recommendation-row{
  display:grid;
  width:69%;
  min-width:731px;
  margin-left:31%;
  overflow:hidden;
  border-radius:8px 8px 0 0;
}

.landing-plan-recommendation-row span{
  min-height:34px;
  display:flex;
  align-items:center;
  justify-content:center;
  color:#fff;
  background:transparent;
  font-size:13px;
  font-weight:950;
  line-height:1;
  text-align:center;
}

.landing-plan-recommendation-row span:not(:empty){
  background:linear-gradient(135deg, var(--lp-green), var(--lp-cyan));
}

.landing-plan-sticky-names span{
  color:var(--lp-muted);
  font-size:14px;
  text-transform:uppercase;
}

.landing-plan-table-wrap{
  overflow:visible;
  border:1px solid var(--lp-line-strong);
  border-top:0;
  border-radius:8px;
  background:linear-gradient(180deg, rgb(255 255 255 / .82), rgb(255 255 255 / .56));
  box-shadow:var(--lp-shadow-strong);
}

html[data-theme="dark"] .landing-plan-table-wrap{
  background:linear-gradient(180deg, rgb(255 255 255 / .075), rgb(255 255 255 / .035));
}

.landing-plan-table{
  width:100%;
  min-width:1060px;
  border-collapse:separate;
  border-spacing:0;
  table-layout:fixed;
}

.landing-plan-table__feature-col{
  width:31%;
}

.landing-plan-table :is(th, td){
  border-right:1px solid var(--lp-line);
  border-bottom:1px solid var(--lp-line);
}

.landing-plan-table :is(th, td):last-child{
  border-right:0;
}

.landing-plan-table thead th{
  vertical-align:top;
  padding:17px 16px;
  background:rgb(249 251 247 / .96);
}

html[data-theme="dark"] .landing-plan-table thead th{
  background:rgb(16 24 28 / .96);
}

.landing-plan-table__feature-head{
  text-align:left;
}

.landing-plan-table__feature-head span{
  display:block;
  color:var(--lp-text);
  font-family:var(--display-font);
  font-size:24px;
  line-height:1.08;
}

.landing-plan-table__feature-head small{
  display:block;
  margin-top:7px;
  color:var(--lp-muted);
  font-size:15px;
  font-weight:800;
  line-height:1.35;
}

.landing-plan-table__plan-head{
  position:relative;
  text-align:left;
}

.landing-plan-table__plan-head.is-featured{
  background:linear-gradient(180deg, rgb(17 118 83 / .16), rgb(249 251 247 / .96));
}

html[data-theme="dark"] .landing-plan-table__plan-head.is-featured{
  background:linear-gradient(180deg, rgb(34 184 120 / .18), rgb(16 24 28 / .96));
}

.landing-plan-table__plan-head .landing-plan-ribbon{
  top:0;
  left:0;
  right:0;
  height:30px;
  justify-content:center;
  border-radius:0;
  color:#fff;
  background:linear-gradient(135deg, var(--lp-green), var(--lp-cyan));
  font-size:12px;
  text-transform:uppercase;
}

.landing-plan-table__plan-head .landing-plan-discount{
  margin-bottom:10px;
}

.landing-plan-table__plan-head .landing-plan-discount.is-promo{
  min-height:32px;
  margin-bottom:12px;
  padding:0 12px;
  border:1px solid rgb(217 119 6 / .30);
  color:#7c2d12;
  background:linear-gradient(135deg, #fff7ed, #fde68a);
  box-shadow:0 8px 20px rgb(217 119 6 / .13);
  font-size:13px;
  letter-spacing:.02em;
  text-transform:uppercase;
}

html[data-theme="dark"] .landing-plan-table__plan-head .landing-plan-discount.is-promo{
  border-color:rgb(251 191 36 / .30);
  color:#fde68a;
  background:rgb(120 53 15 / .34);
}

.landing-plan-table__plan-head > strong{
  display:none;
  color:var(--lp-text);
  font-family:var(--display-font);
  font-size:24px;
  line-height:1.02;
}

.landing-plan-table__plan-head > small{
  min-height:42px;
  display:block;
  margin-top:8px;
  color:var(--lp-muted);
  font-size:14px;
  font-weight:800;
  line-height:1.35;
}

.landing-plan-table__plan-head .landing-plan-price{
  margin:10px 0;
}

.landing-plan-table__plan-head .landing-plan-price b{
  display:flex;
  align-items:flex-end;
  flex-wrap:wrap;
  gap:4px;
  color:var(--lp-text);
  font-family:var(--display-font);
  font-size:36px;
  line-height:1;
}

.landing-plan-table__plan-head .landing-plan-price b span:last-child{
  color:var(--lp-muted);
  font-size:18px;
  line-height:1.1;
}

.landing-plan-table__plan-head .btn{
  width:100%;
  justify-content:center;
  min-height:46px;
  font-size:15px;
  font-weight:900;
}

.landing-plan-table tbody th{
  position:sticky;
  left:0;
  z-index:3;
  padding:12px 14px;
  color:var(--lp-text);
  background:rgb(255 255 255 / .94);
  text-align:left;
  vertical-align:middle;
}

html[data-theme="dark"] .landing-plan-table tbody th{
  background:rgb(16 24 28 / .96);
}

.landing-plan-table tbody th svg{
  width:20px;
  height:20px;
  margin-right:10px;
  color:var(--lp-teal);
  vertical-align:middle;
}

.landing-plan-table tbody th > span{
  display:inline-block;
  width:calc(100% - 34px);
  vertical-align:middle;
  font-size:15px;
  font-weight:900;
  line-height:1.28;
}

.landing-plan-table tbody th .plan-tip{
  font-size:inherit;
  line-height:inherit;
}

.landing-plan-table tbody td{
  height:54px;
  padding:10px 10px;
  color:var(--lp-text);
  background:rgb(255 255 255 / .52);
  text-align:center;
}

html[data-theme="dark"] .landing-plan-table tbody td{
  background:rgb(255 255 255 / .025);
}

.landing-plan-table tbody tr:nth-child(even) td,
.landing-plan-table tbody tr:nth-child(even) th{
  background:rgb(17 118 83 / .045);
}

html[data-theme="dark"] .landing-plan-table tbody tr:nth-child(even) td,
html[data-theme="dark"] .landing-plan-table tbody tr:nth-child(even) th{
  background:rgb(255 255 255 / .045);
}

.landing-plan-table__quota-row td{
  vertical-align:middle;
}

.landing-plan-table__value{
  color:var(--lp-text);
  font-size:18px;
  font-weight:950;
}

.landing-plan-table__mark{
  display:inline-grid;
  place-items:center;
  width:30px;
  height:30px;
  border-radius:999px;
}

.landing-plan-table__mark svg{
  width:23px;
  height:23px;
}

.landing-plan-table__mark.is-yes{
  color:var(--lp-green);
  background:rgb(17 118 83 / .10);
}

.landing-plan-table__mark.is-no{
  color:#b42318;
  background:rgb(180 35 24 / .09);
}

html[data-theme="dark"] .landing-plan-table__mark.is-no{
  color:#fb7185;
}

.landing-plan-table__status{
  display:block;
  width:max-content;
  max-width:100%;
  margin:5px auto 0;
  padding:3px 7px;
  border-radius:8px;
  color:var(--lp-teal);
  background:rgb(8 145 178 / .10);
  font-size:11px;
  font-weight:900;
  line-height:1.2;
}

.landing-plan-table .plan-stepper{
  width:max-content;
  margin-inline:auto;
  grid-template-columns:34px 56px 34px;
}

.landing-plan-table .plan-stepper--wide{
  grid-template-columns:34px 82px 34px;
}

.landing-plan-table .plan-stepper button{
  width:34px;
  height:34px;
}

.landing-plan-table .plan-stepper input{
  height:34px;
  font-size:14px;
}

@media (max-width: 760px){
  .plan-config-row{
    grid-template-columns:22px minmax(0, 1fr) !important;
  }
  .plan-config-row .plan-stepper{
    grid-column:2;
    width:max-content;
  }
  .landing-lead-modal{
    padding:12px;
  }
  .landing-lead-modal__dialog{
    grid-template-columns:1fr;
    padding:18px;
    border-radius:14px;
  }
  .landing-lead-modal__actions{
    justify-content:stretch;
  }
  .landing-lead-modal__actions .btn{
    width:100%;
  }
}

.landing-trial{
  display:grid;
  grid-template-columns:minmax(0, 1fr) auto;
  gap:18px;
  align-items:center;
  padding:28px;
  background:
    linear-gradient(135deg, rgb(17 118 83 / .18), transparent 46%),
    linear-gradient(180deg, rgb(255 255 255 / .72), rgb(255 255 255 / .48));
}

html[data-theme="dark"] .landing-trial{
  background:
    linear-gradient(135deg, rgb(34 184 120 / .18), transparent 46%),
    linear-gradient(180deg, rgb(255 255 255 / .08), rgb(255 255 255 / .035));
}

.landing-trial__actions{
  justify-content:flex-end;
}

.landing-lead-modal{
  position:fixed;
  inset:0;
  z-index:90;
  display:none;
  align-items:center;
  justify-content:center;
  padding:20px;
}

.landing-lead-modal.is-open{
  display:flex;
}

.landing-lead-modal__backdrop{
  position:absolute;
  inset:0;
  background:rgb(2 6 23 / .62);
  backdrop-filter:blur(10px);
}

.landing-lead-modal__dialog{
  position:relative;
  z-index:1;
  width:min(720px, 100%);
  max-height:min(92vh, 760px);
  overflow:auto;
  display:grid;
  grid-template-columns:repeat(2, minmax(0, 1fr));
  gap:12px;
  padding:22px;
  border:1px solid var(--lp-line-strong);
  border-radius:18px;
  color:var(--lp-text);
  background:
    linear-gradient(135deg, rgb(17 118 83 / .12), transparent 44%),
    var(--lp-panel);
  box-shadow:0 28px 90px rgb(15 23 42 / .34);
}

.landing-lead-modal__dialog > .landing-eyebrow,
.landing-lead-modal__dialog > h3,
.landing-lead-modal__dialog > p,
.landing-lead-modal__status,
.landing-lead-modal__actions{
  grid-column:1 / -1;
}

.landing-lead-modal__dialog h3{
  margin:0;
  font-family:var(--display-font);
  font-size:clamp(26px, 3vw, 40px);
  letter-spacing:0;
}

.landing-lead-modal__dialog p{
  margin:0 0 4px;
  color:var(--lp-muted);
}

.landing-lead-modal__dialog label{
  display:grid;
  gap:6px;
  color:var(--lp-muted);
  font-size:13px;
  font-weight:800;
}

.landing-lead-modal__dialog :is(input, textarea){
  width:100%;
  border:1px solid var(--lp-line);
  border-radius:10px;
  color:var(--lp-text);
  background:rgb(255 255 255 / .74);
  font:inherit;
  font-weight:700;
  outline:none;
}

.landing-lead-modal__dialog input{
  height:44px;
  padding:0 12px;
}

.landing-lead-modal__dialog textarea{
  min-height:96px;
  padding:10px 12px;
  resize:vertical;
}

html[data-theme="dark"] .landing-lead-modal__dialog :is(input, textarea){
  background:rgb(15 23 42 / .66);
}

.landing-lead-modal__wide{
  grid-column:1 / -1;
}

.landing-lead-modal__close{
  position:absolute;
  top:12px;
  right:12px;
  width:34px;
  height:34px;
  display:grid;
  place-items:center;
  border:1px solid var(--lp-line);
  border-radius:10px;
  color:var(--lp-text);
  background:var(--lp-panel);
  cursor:pointer;
}

.landing-lead-modal__close svg{
  width:18px;
  height:18px;
}

.landing-lead-modal__status{
  min-height:22px;
  color:var(--lp-muted);
  font-size:13px;
  font-weight:800;
}

.landing-lead-modal__status.is-error{
  color:#dc2626;
}

.landing-lead-modal__status.is-ok{
  color:var(--lp-green);
}

.landing-lead-modal__actions{
  display:flex;
  justify-content:flex-end;
  gap:10px;
  flex-wrap:wrap;
}

.landing-hp{
  position:absolute !important;
  left:-9999px !important;
  width:1px !important;
  height:1px !important;
  opacity:0 !important;
}

body.modal-open{
  overflow:hidden;
}

@media (max-width: 760px){
  .landing-lead-modal{
    padding:12px;
  }
  .landing-lead-modal__dialog{
    grid-template-columns:1fr;
    padding:18px;
    border-radius:14px;
  }
  .landing-lead-modal__actions{
    justify-content:stretch;
  }
  .landing-lead-modal__actions .btn{
    width:100%;
  }
}

.landing-faq{
  display:grid;
  grid-template-columns:repeat(2, minmax(0, 1fr));
  gap:12px;
}

.landing-faq details{
  padding:16px;
}

.landing-faq summary{
  cursor:pointer;
  color:var(--lp-text);
  font-weight:900;
}

.landing-faq p{
  margin-top:10px;
}

.landing-footer{
  padding:28px 0 34px;
  border-top:1px solid var(--lp-line);
  background:var(--lp-panel);
}

.landing-footer .landing-shell{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  flex-wrap:wrap;
}

.landing-footer strong,
.landing-footer span,
.landing-footer small{
  display:block;
}

.landing-footer span,
.landing-footer small{
  color:var(--lp-muted);
}

.landing-copy-list{
  margin-top:18px;
  display:grid;
  gap:9px;
}

.landing-copy-list span{
  display:flex;
  align-items:flex-start;
  gap:9px;
  color:var(--lp-text);
  font-weight:800;
  line-height:1.35;
}

.landing-copy-list svg{
  width:18px;
  height:18px;
  flex:0 0 auto;
  margin-top:1px;
  color:rgb(var(--accent-rgb));
}

.landing-copy-list--compact{
  margin:18px 0 2px;
  gap:8px;
}

.live-compact-head p{
  max-width:820px;
  margin:10px auto 0;
  color:var(--lp-muted);
  font-size:clamp(1rem, .95rem + .22vw, 1.14rem);
  line-height:1.62;
}

.landing-footer{
  padding:48px 0 28px;
  background:
    radial-gradient(720px 260px at 12% 0%, rgb(var(--accent-rgb) / .12), transparent 70%),
    radial-gradient(680px 260px at 88% 18%, rgb(var(--accent2-rgb) / .10), transparent 72%),
    color-mix(in srgb, var(--lp-panel) 94%, var(--lp-bg) 6%);
}

.landing-footer .landing-shell{
  display:grid;
  grid-template-columns:minmax(280px, 1.05fr) minmax(420px, 1.35fr);
  align-items:start;
  gap:26px;
}

.landing-footer__brand{
  display:grid;
  gap:16px;
}

.landing-footer__brand .landing-brand{
  width:max-content;
  max-width:100%;
}

.landing-footer__brand p{
  max-width:560px;
  margin:0;
  color:var(--lp-muted);
  line-height:1.6;
}

.landing-footer__badges{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
}

.landing-footer__badges span{
  min-height:34px;
  display:inline-flex;
  align-items:center;
  gap:7px;
  padding:0 11px;
  border:1px solid var(--lp-line);
  border-radius:999px;
  background:rgb(255 255 255 / .42);
  color:var(--lp-text);
  font-size:.86rem;
  font-weight:850;
}

.landing-footer__badges svg{
  width:15px;
  height:15px;
  color:rgb(var(--accent-rgb));
}

.landing-footer__cols{
  display:grid;
  grid-template-columns:repeat(3, minmax(0, 1fr));
  gap:16px;
}

.landing-footer__cols nav{
  display:grid;
  align-content:start;
  gap:10px;
  padding:16px;
  border:1px solid var(--lp-line);
  border-radius:18px;
  background:rgb(255 255 255 / .38);
  box-shadow:0 18px 38px rgb(15 23 42 / .06);
}

.landing-footer__cols nav strong{
  margin-bottom:2px;
  color:var(--lp-text);
  font-size:.92rem;
}

.landing-footer__cols nav a{
  width:max-content;
  max-width:100%;
  color:var(--lp-muted);
  font-weight:750;
}

.landing-footer__cols nav a:hover{
  color:rgb(var(--accent-rgb));
}

.landing-footer__bottom{
  grid-column:1 / -1;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  flex-wrap:wrap;
  padding-top:20px;
  border-top:1px solid var(--lp-line);
}

.landing-footer__bottom span{
  color:var(--lp-muted);
  font-size:.92rem;
}

html[data-theme="dark"] .landing-footer__badges span,
html[data-theme="dark"] .landing-footer__cols nav{
  background:rgba(15,23,42,.44);
  box-shadow:0 18px 40px rgb(0 0 0 / .18);
}

.landing-faq-page .landing-nav__links a[href$="/faq"]{
  color:rgb(var(--accent-rgb));
}

.landing-faq-hero{
  padding:134px 0 54px;
  position:relative;
}

.landing-faq-hero::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:
    radial-gradient(760px 360px at 18% 22%, rgb(var(--accent-rgb) / .14), transparent 72%),
    radial-gradient(680px 340px at 84% 20%, rgb(var(--accent2-rgb) / .12), transparent 72%);
}

.landing-faq-hero__grid{
  position:relative;
  display:grid;
  grid-template-columns:minmax(0, 1.1fr) minmax(320px, .72fr);
  gap:24px;
  align-items:center;
}

.landing-faq-hero h1{
  max-width:860px;
  margin:14px 0 0;
  font-size:clamp(2.3rem, 1.45rem + 3vw, 4.9rem);
  line-height:.98;
}

.landing-faq-hero p{
  max-width:760px;
  margin:18px 0 0;
  color:var(--lp-muted);
  font-size:clamp(1rem, .95rem + .35vw, 1.22rem);
  line-height:1.65;
}

.landing-help-card{
  display:grid;
  gap:14px;
  padding:22px;
  border:1px solid var(--lp-line);
  border-radius:22px;
  background:linear-gradient(145deg, rgb(255 255 255 / .68), rgb(255 255 255 / .38));
  box-shadow:0 22px 54px rgb(15 23 42 / .10);
}

.landing-help-card > span{
  width:max-content;
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:8px 11px;
  border-radius:999px;
  color:rgb(var(--accent-rgb));
  background:rgb(var(--accent-rgb) / .10);
  font-weight:900;
}

.landing-help-card h2{
  margin:0;
  font-size:clamp(1.35rem, 1.12rem + .8vw, 2rem);
}

.landing-help-card p,
.landing-help-card small{
  margin:0;
  color:var(--lp-muted);
  line-height:1.58;
}

.landing-help-card div{
  display:grid;
  gap:5px;
  padding-top:14px;
  border-top:1px solid var(--lp-line);
}

.landing-faq-categories{
  display:grid;
  gap:18px;
}

.landing-faq-group{
  display:grid;
  gap:12px;
}

.landing-faq-group__head{
  display:flex;
  align-items:center;
  gap:10px;
}

.landing-faq-group__head svg{
  width:22px;
  height:22px;
  color:rgb(var(--accent-rgb));
}

.landing-faq-group__head h3{
  margin:0;
  font-size:1.16rem;
}

.landing-faq-group .landing-faq{
  grid-template-columns:repeat(3, minmax(0, 1fr));
}

.landing-faq-group .landing-faq details{
  border:1px solid var(--lp-line);
  border-radius:18px;
  background:rgb(255 255 255 / .46);
  box-shadow:0 16px 32px rgb(15 23 42 / .06);
}

html[data-theme="dark"] .landing-help-card,
html[data-theme="dark"] .landing-faq-group .landing-faq details{
  background:linear-gradient(145deg, rgba(15,23,42,.70), rgba(15,23,42,.38));
  box-shadow:0 22px 54px rgb(0 0 0 / .24);
}

@media (max-width: 1040px){
  .landing-footer .landing-shell,
  .landing-faq-hero__grid{
    grid-template-columns:1fr;
  }

  .landing-footer__cols,
  .landing-faq-group .landing-faq{
    grid-template-columns:repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 720px){
  .landing-footer__cols,
  .landing-faq-group .landing-faq{
    grid-template-columns:1fr;
  }

  .landing-footer__bottom{
    align-items:flex-start;
    flex-direction:column;
  }

  .landing-faq-hero{
    padding-top:112px;
  }
}

[data-reveal]{
  opacity:0;
  transform:translateY(18px);
  transition:opacity 520ms var(--ease), transform 520ms var(--ease);
}

[data-reveal].is-visible{
  opacity:1;
  transform:translateY(0);
}

@keyframes panelIn{
  from{ opacity:0; transform:translateY(8px); }
  to{ opacity:1; transform:translateY(0); }
}

@keyframes ticketRise{
  from{ opacity:0; transform:translateY(10px) scale(.98); }
  to{ opacity:1; transform:translateY(0) scale(1); }
}

@keyframes dashKpiPulse{
  0%,100%{ transform:scale(.88); opacity:.10; }
  50%{ transform:scale(1.12); opacity:.20; }
}

@keyframes dashKpiSweep{
  0%,45%{ transform:translateX(-120%); }
  70%,100%{ transform:translateX(120%); }
}

@keyframes liveHue{
  0%{ filter:hue-rotate(0deg); }
  100%{ filter:hue-rotate(360deg); }
}

@keyframes mediaProgress{
  0%,100%{ width:22%; transform:translateX(0); }
  50%{ width:72%; transform:translateX(18%); }
}

@media (prefers-reduced-motion: reduce){
  html{ scroll-behavior:auto; }
  [data-reveal]{
    opacity:1;
    transform:none;
    transition:none;
  }
  .landing-page *{
    animation:none !important;
    transition:none !important;
  }
}

@media (max-width: 1320px){
  .live-hero__grid,
  .live-section-grid,
  .live-section-grid--reverse,
  .live-media-layout{
    grid-template-columns:1fr;
  }
  .live-section-grid--reverse > .live-section-copy{
    order:0;
  }
  .live-tickets-kanban-grid{
    grid-template-columns:1fr;
  }
  .finance-metrics{
    grid-template-columns:repeat(2, minmax(220px, 1fr));
  }
  .finance-modulebar{
    grid-template-columns:repeat(3, minmax(0, 1fr));
  }
  .finance-modulebar span{
    display:none;
  }
  .finance-filters{
    grid-template-columns:repeat(2, minmax(0, 1fr));
  }
  .finance-simple-kpis{
    grid-template-columns:repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 1160px){
  .landing-nav__links{ display:none; }
  .landing-plan-compare{
    overflow-x:auto;
    padding-bottom:4px;
  }
  .landing-plan-table-wrap{
    overflow:visible;
  }
  .live-copy{
    max-width:760px;
  }
  .live-app{
    min-height:640px;
  }
}

@media (max-width: 900px){
  .live-kpis,
  .live-dashboard-grid,
  .live-finance,
  .live-strip__grid,
  .live-module-grid,
  .landing-plans,
  .landing-trial,
  .landing-faq,
  .landing-addons,
  .landing-media-grid{
    grid-template-columns:1fr;
  }
  .live-kpis,
  .live-finance,
  .live-strip__grid,
  .landing-addons{
    grid-template-columns:repeat(2, minmax(0, 1fr));
  }
  .landing-trial__actions{
    justify-content:flex-start;
  }
  .finance-metrics,
  .finance-modulebar,
  .finance-filters{
    grid-template-columns:1fr;
  }
  .finance-control__head{
    display:grid;
  }
  .landing-plan-limits{
    grid-template-columns:1fr;
  }
  .finance-demo__head{
    display:grid;
  }
  .finance-simple-kpis{
    grid-template-columns:1fr;
  }
  .landing-screen-thumbs{
    grid-template-columns:repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 720px){
  .landing-shell{
    width:min(100% - 22px, 1680px);
  }
  .landing-nav{
    top:8px;
    width:calc(100% - 16px);
  }
  .landing-brand small,
  .landing-nav__actions .btn.ghost:not(.landing-theme){
    display:none;
  }
  .live-hero{
    min-height:auto;
    padding:98px 0 34px;
  }
  .live-copy h1{
    font-size:40px;
  }
  .live-copy p{
    font-size:16px;
  }
  .landing-hero__actions .btn,
  .landing-trial__actions .btn{
    width:100%;
    justify-content:center;
  }
  .landing-plans--compact .landing-plan-card{
    padding:24px;
  }
  .landing-plans--compact .landing-plan-card.is-featured{
    padding-top:56px;
  }
  .landing-plans--compact h3{
    font-size:28px;
  }
  .landing-plans--compact .landing-plan-price strong{
    font-size:46px;
  }
  .landing-plans--compact .landing-plan-card > p{
    min-height:0;
  }
  .landing-plan-table{
    min-width:880px;
  }
  .landing-plan-sticky-names{
    top:76px;
    width:66%;
    min-width:581px;
    margin-left:34%;
  }
  .landing-plan-recommendation-row{
    width:66%;
    min-width:581px;
    margin-left:34%;
  }
  .landing-plan-recommendation-row span{
    min-height:30px;
    font-size:11px;
  }
  .landing-plan-sticky-names :is(span, strong){
    min-height:48px;
    padding-inline:10px;
    font-size:18px;
  }
  .landing-plan-sticky-names span{
    font-size:12px;
  }
  .landing-plan-table thead th{
    top:76px;
    padding:12px;
  }
  .landing-plan-table__feature-col{
    width:34%;
  }
  .landing-plan-table__feature-head span{
    font-size:21px;
  }
  .landing-plan-table__feature-head small,
  .landing-plan-table__plan-head > small{
    font-size:12px;
  }
  .landing-plan-table__plan-head > strong{
    font-size:21px;
  }
  .landing-plan-table__plan-head .landing-plan-price b{
    font-size:29px;
  }
  .landing-plan-table__plan-head .btn{
    min-height:40px;
    font-size:13px;
  }
  .landing-plan-table tbody th > span,
  .landing-plan-table__value{
    font-size:16px;
  }
  .live-app{
    min-height:auto;
  }
  .live-app__tabs{
    grid-template-columns:repeat(2, minmax(0, 1fr));
  }
  .live-kpis,
  .live-finance,
  .live-strip__grid,
  .landing-faq,
  .landing-addons{
    grid-template-columns:1fr;
  }
  .live-calendar__grid,
  .live-calendar__week{
    gap:4px;
  }
  .live-day{
    min-height:42px;
    padding:5px;
  }
  .live-ticket{
    grid-template-columns:36px minmax(0, 1fr);
  }
  .live-ticket .live-badge{
    grid-column:2;
    justify-self:start;
  }
  .live-ticket-table{
    overflow-x:auto;
  }
  .live-compact-head h2,
  .landing-trial h2,
  .live-section-copy h2{
    font-size:32px;
  }
  .landing-section{
    padding:52px 0;
  }
  .landing-screen-viewer__top{
    display:grid;
  }
  .landing-screen-viewer__top strong{
    white-space:normal;
  }
  .landing-screen-mode{
    width:100%;
    display:grid;
    grid-template-columns:repeat(3, minmax(0, 1fr));
  }
  .landing-screen-mode button{
    padding-inline:6px;
  }
  .landing-image-modal{
    padding:10px;
  }
  .landing-image-modal__bar{
    display:grid;
  }
  .landing-image-modal__bar strong{
    white-space:normal;
  }
  .landing-image-modal__actions{
    width:100%;
    justify-content:space-between;
  }
  .landing-image-modal__stage{
    padding:10px;
  }
}

@media (max-width: 460px){
  .landing-brand strong{
    font-size:13px;
  }
  .landing-brand__logo{
    width:36px;
    height:36px;
  }
  .landing-nav{
    min-height:58px;
    padding:8px;
  }
  .landing-nav__actions .btn.primary{
    min-height:34px;
    padding-inline:9px;
  }
  .live-copy h1{
    font-size:34px;
  }
  .live-app__tabs button{
    font-size:12px;
  }
  .live-app__panels{
    padding:10px;
  }
  .live-app__body{
    padding:10px;
  }
  .live-window-tabs{
    display:grid;
    grid-template-columns:repeat(2, minmax(0, 1fr));
  }
  .finance-simple-tabs{
    display:grid;
    grid-template-columns:repeat(2, minmax(0, 1fr));
  }
  .live-window-tabs button{
    justify-content:center;
  }
  .finance-simple-tabs button{
    justify-content:center;
  }
  .finance-mini-row{
    grid-template-columns:minmax(0, 1fr) auto;
  }
  .finance-mini-row small,
  .finance-mini-row em{
    justify-self:start;
  }
  .live-calendar,
  .live-feed,
  .live-kanban__column{
    padding:10px;
  }
  .landing-media-frame{
    min-height:300px;
  }
  .landing-media-frame__screen{
    min-height:230px;
  }
  .landing-screen-thumbs{
    grid-template-columns:1fr;
  }
  .landing-screen-thumbs button{
    grid-template-columns:110px minmax(0, 1fr);
    grid-template-rows:auto;
    align-items:center;
  }
}