:root{--lively-blue:#3b82f6;--lively-cyan:#2dd4bf;--lively-gold:#f2bf5b;--lively-glow:rgba(59,130,246,.22)}
body{background-image:radial-gradient(circle at 8% 4%,rgba(45,212,191,.08),transparent 28%),radial-gradient(circle at 92% 18%,rgba(59,130,246,.12),transparent 32%)}
.hero-visual,.card,.panel,.notice,.partner-workspace .partner-sidebar,.partner-workspace .partner-conversation,.partner-workspace .partner-booking-panel{box-shadow:0 14px 38px rgba(0,0,0,.2);transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}
.card:hover,.panel:hover{border-color:#4d83ba;box-shadow:0 18px 46px rgba(0,0,0,.28)}
.hero-visual{overflow:hidden;background:linear-gradient(145deg,rgba(18,76,154,.75),rgba(7,28,57,.96));position:relative}
.hero{position:relative}.hero:before{content:"";position:absolute;inset:24px 3% auto;height:2px;background:linear-gradient(90deg,transparent,var(--lively-cyan),var(--lively-blue),transparent);opacity:.75;pointer-events:none}.hero-copy{position:relative;z-index:1}.hero h1{letter-spacing:-.045em;text-shadow:0 8px 28px rgba(59,130,246,.2)}
.hero .cta .primary,.section .primary{box-shadow:0 8px 24px rgba(59,130,246,.28)}
.hero-trust>span{padding:7px 11px;border:1px solid rgba(101,168,255,.28);border-radius:999px;background:rgba(16,43,72,.42)}
.section-head{position:relative}.section-head:after{content:"";display:block;position:absolute;left:0;bottom:-10px;width:86px;height:3px;border-radius:4px;background:linear-gradient(90deg,var(--lively-cyan),var(--lively-blue))}
.hero-visual:after{content:"";position:absolute;width:180px;height:180px;border-radius:50%;right:-42px;top:-58px;background:linear-gradient(135deg,rgba(45,212,191,.28),rgba(59,130,246,.08));filter:blur(2px);pointer-events:none}
.metric{font-size:clamp(1.7rem,3vw,2.4rem);font-weight:800;letter-spacing:-.04em;color:#f5f9ff}
.status{border-radius:999px;padding:5px 10px;background:rgba(45,212,191,.12);border:1px solid rgba(45,212,191,.45)}.status:empty{display:none}
.jobs-toolbar,.community-list-panel{box-shadow:0 12px 30px rgba(0,0,0,.18)}
.jobs-item{transition:transform .18s ease,border-color .18s ease,background .18s ease}.jobs-item:hover{transform:translateY(-2px);border-color:#65a8ff;background:#102d4d}
.community-list-panel{background:linear-gradient(160deg,#0d2948,#071326)}
.staff-room,.pinned-messages{box-shadow:0 14px 40px rgba(0,0,0,.2)}
.pinned-messages{border-color:rgba(242,191,91,.65);background:linear-gradient(160deg,rgba(242,191,91,.1),rgba(7,19,38,.6))}
.toc{position:relative;overflow:hidden}.toc:before{content:"";display:block;height:4px;background:linear-gradient(90deg,var(--lively-cyan),var(--lively-blue),var(--lively-gold));position:absolute;inset:0 0 auto}
@media(prefers-reduced-motion:reduce){.card,.panel,.jobs-item{transition:none}.card:hover,.panel:hover,.jobs-item:hover{transform:none}}

/* Keep decorative mascots behind the demo copy and give the compact footer mark its antenna. */
.robot-float{z-index:0;pointer-events:none}.hero-visual .chat-window{z-index:1}
.small-robot{position:relative}.small-robot:before{content:'';position:absolute;left:50%;top:-3px;width:3px;height:8px;border-radius:3px;background:#60a5fa;transform:translateX(-50%)}.small-robot:after{content:'';position:absolute;left:50%;top:-8px;width:7px;height:7px;border-radius:50%;background:#93c5fd;transform:translateX(-50%)}
@media(max-width:760px){.hero-visual{padding-top:18px}.robot-float{position:relative;right:auto;top:auto;margin:0 auto 8px;display:block;width:105px}.hero-visual .chat-window{position:relative;left:auto;right:auto;bottom:auto;margin-top:8px}}

/* Reserve space for the CTA mascot so it never sits on top of the copy. */
.final-cta{padding-right:175px}.robot-small{right:18px;bottom:18px;width:92px}
.small-robot:before{top:0;height:5px;width:2px}.small-robot:after{top:-4px;width:5px;height:5px}
@media(max-width:760px){.final-cta{padding-right:24px;padding-bottom:118px}.robot-small{right:24px;bottom:14px;width:84px}}

/* Give every marketing section its own visual container. */
#how-it-works,#features,#faq{margin-top:28px;margin-bottom:28px;padding-top:34px;padding-bottom:34px;background:linear-gradient(150deg,rgba(7,19,38,.92),rgba(3,12,27,.9));border:1px solid #183e69;border-radius:22px;box-shadow:0 18px 45px rgba(0,0,0,.2)}
#plans{margin-top:28px;margin-bottom:28px;padding:34px;background:linear-gradient(150deg,rgba(7,19,38,.92),rgba(3,12,27,.9));border:1px solid #183e69;border-radius:22px;box-shadow:0 18px 45px rgba(0,0,0,.2)}
#plans .trial-plans-grid{padding:18px;border:1px solid rgba(49,111,175,.45);border-radius:16px;background:rgba(2,10,22,.46)}
#how-it-works .steps,#features .features{padding:18px;border:1px solid rgba(49,111,175,.45);border-radius:16px;background:rgba(2,10,22,.46)}
#faq .faq-cta-grid{grid-template-columns:1fr;gap:22px}
#faq .faq-cta-grid>div:first-child{padding:26px;border:1px solid rgba(49,111,175,.45);border-radius:16px;background:rgba(2,10,22,.46)}
#faq .final-cta{min-height:230px}
.trial-plans-dialog{border:1px solid #24568e!important;border-radius:22px!important;box-shadow:0 24px 80px rgba(0,0,0,.5)!important;background:linear-gradient(150deg,#071a37,#040e1d)!important}