/* WERKLYX 8.1.2 – Human Design pass
   Keeps the established graphite/lime identity, but removes decorative SaaS/AI cliches.
   No external font, no tracking pixels, no layout framework. */

:root{
  --human-bg:#0d1015;
  --human-panel:#12171d;
  --human-panel-2:#171d24;
  --human-line:#2a323c;
  --human-line-soft:#202730;
  --human-text:#f3f1eb;
  --human-muted:#9ca6b1;
  --human-lime:#c7ff3d;
  --human-paper:#f2efe8;
}

html{scroll-padding-top:82px}
body{font-feature-settings:"kern" 1,"liga" 1;text-rendering:optimizeLegibility}
.wrap{width:min(1180px,calc(100% - 48px))}

/* Navigation: calmer, less glassy, more like a real desktop product site. */
.nav,.launch-body .nav{
  background:rgba(13,16,21,.96);
  backdrop-filter:blur(8px);
  -webkit-backdrop-filter:blur(8px);
  border-bottom:1px solid #20262e;
}
.navin{height:72px;gap:22px}
.navlinks{gap:24px;font-size:13px;color:#a8b0bb}
.navlinks a{padding:8px 0}
.navlinks a:hover{color:#f3f1eb}
.actions{gap:8px}

/* Buttons are intentionally not pill-shaped. */
.btn{
  border-radius:10px;
  padding:12px 17px;
  font-weight:750;
  letter-spacing:0;
  box-shadow:none;
  transition:background .16s ease,border-color .16s ease,color .16s ease;
}
.btn:hover{transform:none;box-shadow:none}
.btn.lime:hover{background:#d2ff61}
.btn.ghost:hover{background:#171c23;border-color:#3a444f}

/* Labels: less shouting, less artificial letter spacing. */
.eyebrow{
  font-size:12px;
  letter-spacing:.035em;
  text-transform:none;
  font-weight:700;
  color:#b9c2cc;
  gap:8px;
}
.eyebrow:before{width:14px;height:2px;border-radius:0;background:var(--human-lime)}
.tag,.price-kicker,.ba-label{letter-spacing:.06em}

/* Home hero: keep the identity, remove orbs/noise/3D/floating decorations. */
.launch-hero{
  min-height:690px;
  padding:104px 0 82px;
  background:var(--human-bg);
  border-bottom:1px solid #1c2229;
}
.launch-noise,.launch-orb,.floating-card{display:none!important}
.launch-hero-grid{grid-template-columns:minmax(0,.92fr) minmax(500px,1.08fr);gap:58px}
.launch-hero-copy h1{
  font-size:clamp(50px,5.7vw,78px);
  line-height:1.01;
  letter-spacing:-.047em;
  margin:20px 0 26px;
  max-width:760px;
}
.launch-hero-copy h1 span{color:var(--human-lime)}
.launch-hero-copy>p{font-size:18px;line-height:1.65;color:#aeb7c1;max-width:650px}
.launch-hero-actions{margin:30px 0 22px}
.launch-primary{box-shadow:none}
.launch-trustline{gap:9px 17px;font-size:12px;color:#828c98}
.launch-trustline span:before{font-weight:800}
.launch-stage{min-height:500px;perspective:none}
.stage-shell{
  left:0;right:0;top:12px;
  border-color:#303842;
  border-radius:18px;
  background:#11161c;
  box-shadow:0 20px 60px rgba(0,0,0,.28);
  transform:none;
  transition:none;
}
.launch-stage:hover .stage-shell{transform:none}
.stage-top{height:50px;padding:0 18px;background:#151a20}
.stage-logo{letter-spacing:.08em;font-size:12px}
.stage-live{font-size:10px;color:#7f8994}
.stage-live i,.pulse,.wx70-dot,.support-status i,.wx70-status-card span i{box-shadow:none!important;animation:none!important}
.stage-grid{grid-template-columns:118px 1fr;min-height:410px}
.stage-side{padding:20px 12px}
.stage-side span{border-radius:7px}
.stage-main{padding:22px}
.stage-kpi{border-radius:9px;background:#171d23;border-color:#303a45}
.stage-kpi b{color:#f1f4f6}
.lane{border-radius:10px;background:#0f1419}
.job,.absence-card,.stage-event{border-radius:8px}
.stage-event{background:#151b20;border-color:#313a45}
.stage-event .pulse{background:var(--human-lime)}

/* Make the main content breathe like a curated site, not a card generator. */
.section{padding:92px 0}
.launch-section-head{margin-bottom:38px;gap:52px}
.launch-section-head h2{font-size:clamp(38px,4.5vw,64px);line-height:1.02;letter-spacing:-.04em}
.launch-section-head>p{font-size:16px;line-height:1.68;color:#98a3af}
.launch-proof{background:#10141a}
.proof-row{min-height:68px;gap:18px;font-size:13px;color:#9ba5b0}

/* Product demo: functional UI, not neon theatre. */
.wx70-live{background:#0e1217!important}
.wx70-command{
  border-radius:16px;
  border-color:#303944;
  box-shadow:0 22px 58px rgba(0,0,0,.28);
  background:#0c1015;
}
.wx70-command-top{height:60px;background:#12171d}
.wx70-command-top b{letter-spacing:.05em}
.wx70-flow-tabs button{border-radius:9px;background:#11161c;transition:background .16s ease,border-color .16s ease}
.wx70-flow-tabs button:hover,.wx70-flow-tabs button.active{transform:none;background:#161d20;border-color:#485546}
.wx70-flow-tabs button>b{border-radius:6px}
.wx70-kpis>div,.wx70-panel-head{border-radius:9px}
.wx70-fields{border-radius:0 0 9px 9px}
.wx70-ai-line{
  border-radius:8px;
  border-color:#323b46;
  background:#13191f;
  color:#9fa9b5;
}
.wx70-ai-line i{background:#7f8994;box-shadow:none}
.wx70-toast{border-radius:8px;box-shadow:0 12px 28px rgba(0,0,0,.3)}

/* Four-app system overview. Existing data hooks are retained for JS/tests. */
.os-brain-section{background:#0d1015!important;padding:94px 0!important}
.os-brain-head{margin-bottom:34px!important}
.os-brain-head h2{font-size:clamp(40px,4.7vw,66px)!important;line-height:1.02!important}
.os-brain-copy p{font-size:16px!important;color:#98a2ae!important}
.os-brain-shell.human-suite{
  height:auto!important;
  min-height:0!important;
  display:block!important;
  border:1px solid #2c3540!important;
  border-radius:16px!important;
  padding:22px!important;
  background:#10151b!important;
  overflow:visible!important;
  box-shadow:none!important;
}
.os-brain-shell.human-suite:before,.os-brain-shell.human-suite .os-brain-aurora,.os-brain-shell.human-suite .os-brain-lines,.os-brain-shell.human-suite .os-core-rings,.os-brain-shell.human-suite .os-neural,.os-brain-shell.human-suite .os-brain-tag{display:none!important}
.os-suite-top{display:grid;grid-template-columns:1fr minmax(280px,.62fr);gap:14px;margin-bottom:14px}
.human-suite .os-core{
  position:relative!important;
  inset:auto!important;
  transform:none!important;
  width:auto!important;height:auto!important;
  border-radius:12px!important;
  border:1px solid #313b46!important;
  background:#151b22!important;
  box-shadow:none!important;
  display:block!important;
  padding:24px!important;
  text-align:left!important;
}
.human-suite .os-core small{display:block!important;color:#8f99a5!important;font-size:11px!important;letter-spacing:.03em!important}
.human-suite .os-core strong{display:block!important;color:#f4f2ec!important;font-size:28px!important;letter-spacing:-.025em!important;margin-top:6px!important}
.human-suite .os-core>b{display:block!important;color:#9ba6b1!important;font-size:12px!important;letter-spacing:0!important;margin-top:4px!important}
.human-suite .os-core p{max-width:none!important;margin:20px 0 0!important;color:#b3bcc6!important;font-size:13px!important;line-height:1.55!important}
.human-suite .os-brain-feed{
  position:relative!important;left:auto!important;right:auto!important;bottom:auto!important;
  width:auto!important;transform:none!important;
  border:1px solid #313b46!important;border-radius:12px!important;
  background:#0d1217!important;padding:20px!important;
  display:flex!important;flex-direction:column!important;justify-content:center!important;align-items:flex-start!important;gap:8px!important;
  box-shadow:none!important;
}
.human-suite .os-brain-feed>span{font-size:11px!important;letter-spacing:.02em!important;color:#7e8995!important}
.human-suite .os-brain-feed>span i{display:none!important}
.human-suite .os-brain-feed>b{font-size:13px!important;color:#c4ccd4!important;line-height:1.5!important;text-align:left!important}
.os-suite-modules{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}
.human-suite .os-node{
  position:relative!important;inset:auto!important;
  width:auto!important;min-height:150px!important;
  transform:none!important;border-radius:11px!important;
  border:1px solid #2e3843!important;background:#121820!important;
  padding:18px!important;text-align:left!important;color:#f3f1eb!important;
  box-shadow:none!important;transition:border-color .16s ease,background .16s ease!important;
}
.human-suite .os-node:hover,.human-suite .os-node.active{transform:none!important;border-color:#556447!important;background:#171e20!important}
.human-suite .os-node small{font-size:9px!important;color:#7d8793!important;letter-spacing:.03em!important}
.human-suite .os-node b{font-size:22px!important;margin:7px 0!important}
.human-suite .os-node span{font-size:11px!important;color:#9aa5b1!important;line-height:1.45!important}
.human-suite .os-node em{display:block!important;font-size:10px!important;color:#c5ccd3!important;margin-top:14px!important;font-style:normal!important}
.human-suite .os-node:after{display:none!important}
.os-brain-bottom{margin-top:12px!important;gap:10px!important}
.os-brain-bottom>div{border-radius:11px!important;background:#11171d!important;padding:18px!important}
.os-brain-bottom small{letter-spacing:.03em!important;color:#7f8994!important}

/* Product/module cards: lower radius, no artificial lift/glow. */
.launch-product-grid{gap:12px}
.launch-product-card{
  border-radius:14px;
  padding:16px;
  background:#11171d;
  transition:border-color .16s ease,background .16s ease;
}
.launch-product-card:hover{transform:none;box-shadow:none;border-color:#46515d;background:#141a21}
.product-shot{border-radius:9px;margin-bottom:18px}
.launch-product-card:hover .product-shot img{transform:none}
.launch-product-card h3{font-size:25px;line-height:1.15}
.launch-product-card p{color:#949faa}
.inventory-shot{border-radius:9px!important}

/* Light sections retain the warm paper look; cards are simpler and less bubbly. */
.launch-before-after,.launch-pricing,.wx70-account-section{background:var(--human-paper)!important}
.before-card,.after-card,.launch-price-card,.wx70-account-window,.wx70-account-points article{border-radius:14px!important}
.launch-price-card{padding:26px}
.launch-price-card.featured{transform:none;box-shadow:none}
.price-badge,.pricing-intro span,.wx70-selected span,.wx70-ok,.demo-chip,.rental-hero-cars em,.hr-hero-list em{border-radius:7px!important}
.price-extras>div{border-radius:10px}

/* Trust / support: remove emoji-style icon treatment and fake live glow. */
.support-card{border-radius:14px;box-shadow:none;background:#10151b}
.support-card button{border-radius:8px}
.support-status{color:#9ca6b1}
.support-status i{background:#727d88}
.trust-grid{grid-template-columns:repeat(4,1fr);gap:10px}
.trust-grid>div{border-radius:12px;padding:20px;background:#11161c}
.trust-grid>div>b{
  display:inline-flex;align-items:center;justify-content:center;
  min-width:38px;height:28px;padding:0 8px;
  border:1px solid #37414c;border-radius:6px;
  color:#cbd2d9;font-size:10px;letter-spacing:.04em;font-weight:800;
}
.trust-grid h3{font-size:17px;margin:14px 0 7px}
.trust-grid p{font-size:13px;color:#8994a0}

/* Founder / final CTA: no oversized marketing card. */
.launch-founder{background:#10151b;padding:82px 0}
.founder-quote{border-left-width:2px}
.founder-quote span{font-size:26px}
.final-box{
  border-radius:14px;
  border:1px solid #323c46;
  background:#12181e;
  color:#f3f1eb;
  padding:34px;
}
.final-box .eyebrow{color:#aab4bf}
.final-box h2{font-size:44px}
.final-box p{color:#919da8}
.final-box .btn.lime{background:var(--human-lime);color:#111}
.final-box .btn.ghost{border-color:#3a444e;color:#f3f1eb;background:transparent}
.sticky-trial{background:#11161c!important;border-top-color:#29323d!important;box-shadow:0 -8px 26px rgba(0,0,0,.18)!important}

/* Product detail pages: preserve screenshots/structure but remove rings, gradients and tilted mockups. */
.product-page .product-hero{min-height:650px;padding:98px 0 78px}
.product-page .product-hero:before{display:none}
.railgrid{display:none!important}
.product-hero h1{font-size:clamp(48px,5.5vw,74px);line-height:1.01;letter-spacing:-.045em}
.product-hero-grid{gap:58px}
.plan-hero-board,.rental-hero-board,.hr-hero-board{
  border-radius:15px;
  background:#11171d;
  box-shadow:0 18px 50px rgba(0,0,0,.28);
  transform:none;
}
.plan-hero-board:before,.rental-hero-board:before,.hr-hero-board:before{height:2px;box-shadow:none;left:24px;right:24px}
.mock-top em{border-radius:6px}
.mock-alert{border-radius:8px;background:#151b20;border-color:#313a45}
.mock-alert i{box-shadow:none}
.benefit,.matrix-item,.automation-levels article,.why-large,.steps-visual,.absence-calendar,.clock-face,.clock-stats,.governance-flow{border-radius:13px!important}
.product-card,.product-deep-card{border-radius:14px!important}
.product-card:before,.product-deep-card:before{display:none!important}
.product-card:hover,.product-deep-card:hover{transform:none!important;box-shadow:none!important}
.sym,.big-sym{border-radius:10px!important}
.feature-checks span{border-radius:8px}
.doc-status{border-radius:6px;box-shadow:none}
.portal-phone{border-radius:24px;box-shadow:0 18px 48px rgba(0,0,0,.24)}

/* Marketing landing pages using the launch hero should remain straightforward. */
.launch-body .industry-grid article{border-radius:12px!important}
.launch-body .industry-grid article h2{font-size:24px!important;line-height:1.2!important}

/* Accessibility / motion: all decorative motion removed; interactive state changes remain. */
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}

@media(max-width:1050px){
  .launch-hero-grid{grid-template-columns:1fr}
  .launch-stage{min-height:470px}
  .trust-grid{grid-template-columns:1fr 1fr}
  .os-suite-modules{grid-template-columns:1fr 1fr}
}
@media(max-width:720px){
  .wrap{width:min(100% - 30px,1180px)}
  .navin{height:66px}
  .launch-hero{padding:78px 0 58px}
  .launch-hero-copy h1{font-size:46px}
  .launch-stage{min-height:430px}
  .stage-shell{top:0}
  .os-suite-top{grid-template-columns:1fr}
  .os-suite-modules{grid-template-columns:1fr}
  .human-suite .os-node{min-height:122px!important}
  .trust-grid{grid-template-columns:1fr}
  .final-box h2{font-size:36px}
  .product-page .product-hero{padding:78px 0 58px}
}

/* Light pricing cards need dark secondary actions. */
.launch-pricing .launch-price-card:not(.featured) .btn.ghost{
  color:#15191f;
  border-color:#727982;
  background:transparent;
}
.launch-pricing .launch-price-card:not(.featured) .btn.ghost:hover{
  background:#f0ede6;
  border-color:#4d555e;
}