/* Advisy refinement: one page frame and one visual language for product surfaces. */
:root{
  --surface-page:#f8fafc;
  --surface-stage:#edf3f7;
  --surface-selected:#e8f2f8;
  --surface-edge:#d6e2ea;
  --stage-radius:16px;
  --surface-shadow:0 18px 38px -24px rgba(18,49,69,.3);
  --content-width:1200px;
  --content-inset:80px;
  --section-space:88px;
}
body{background:var(--surface-page)}
main{margin-inline:24px;border-inline:1px solid var(--surface-edge)}
.wrap,.nx-layout,.wf-wrap{width:min(var(--content-width),calc(100% - var(--content-inset)));max-width:var(--content-width)}
.top{background:rgba(248,250,252,.96)}
.top .wrap{height:76px}
.top::after{height:1px;background:var(--surface-edge);opacity:1}
.top nav{gap:24px}
.top .logo{width:124px}
.top .cta{background:var(--navy)}
main>section{border-bottom:1px solid var(--surface-edge)}
.nexus-hero{background:#f8fbfd;padding-top:44px;padding-bottom:24px}
.nx-intro h1{font-size:clamp(3rem,5.6vw,5.25rem);font-weight:600}
.nx-logo{opacity:.11}
.nx-node-icon{background:#fff;border:1px solid #e0eaf0;box-shadow:none;border-radius:14px}
.nx-core b{font-weight:600}
.nx-actions{margin-top:24px}
.nx-button{min-height:48px;padding:13px 25px;font-size:.8125rem}
.nx-button:not(.secondary){background:var(--accent)}
.demo-section{background:var(--surface-page);padding:var(--section-space) 0!important;margin-top:0}
.nx-demo-heading{margin-bottom:42px}
.ws-frame{padding:8px;border:1px solid var(--surface-edge);border-radius:20px;background:var(--surface-stage);box-shadow:none}
.product-chrome{height:46px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 20px;color:var(--muted);font:500 11px/1.3 var(--body);letter-spacing:.015em}
.product-brand{display:flex;align-items:center;gap:9px;min-width:0}
.product-brand>img{width:18px;height:18px;object-fit:contain}
.product-divider{color:#9bafbd;margin-inline:3px}
.product-window-dots{display:flex;gap:5px}
.product-window-dots i{width:4px;height:4px;border-radius:50%;background:#9fb3c1}
.ws{border:1px solid var(--surface-edge);border-radius:12px;height:570px}
.side,.ws[data-app="teams"] .side{background:#f3f7fa;color:var(--ink);border-right:1px solid var(--surface-edge)}
.team{color:var(--ink);border-bottom:1px solid var(--surface-edge);font-weight:600}
.side-nav li,.members li,.side-foot{color:#4e6576}
.side-label{color:#607787}
.chan{color:#526b7e;padding:12px 10px;font-size:.8125rem}
.chan:hover{background:#e9f0f5}
.chan[aria-pressed="true"],.ws[data-app="teams"] .chan[aria-pressed="true"]{background:#e0edf6;color:#145e87;font-weight:600}
.side .app{background:#e0eaf1;color:#526b7e}
.main-bar{height:60px;background:#fff}
.main-title{font-size:.9375rem;font-weight:600}
.thread{background:#fff;padding:24px;gap:18px}
.card{border:1px solid var(--surface-edge);border-radius:12px;box-shadow:none;background:#f6fafc}
.seg{border-radius:8px;background:#edf3f7}
.seg button{border-radius:6px}
.say{padding:72px 0;background:#fff}
.say-text{max-width:30em;font-size:clamp(1.5rem,2.45vw,2.1rem);line-height:1.4;font-weight:500;letter-spacing:-.025em}
.nx-what,.wf,.forwho,.how,.ctrl{padding-block:var(--section-space);margin-top:0;background:#fff}
.nx-layout{gap:56px;grid-template-columns:minmax(0,.88fr) minmax(0,1.12fr)}
.nx-tabs{margin-top:28px;display:grid;gap:7px}
.nx-tab{min-height:108px;border:1px solid transparent;border-radius:12px;padding:16px;gap:17px}
.nx-tab:last-child{border-bottom:1px solid transparent}
.nx-tab::before{display:none}
.nx-tab[aria-selected="true"]{background:var(--surface-selected);border-color:#d2e4ef}
.nx-tab[aria-selected="true"]:last-child{border-bottom-color:#d2e4ef}
.nx-tab:hover{background:#f0f6fa}
.nx-tab-icon{width:43px;height:43px;border-radius:11px;background:#f0f5f8}
.nx-tab[aria-selected="true"] .nx-tab-icon{background:#fff;color:var(--accent)}
.nx-tab strong{font-size:18px;font-weight:600}
.nx-tab small{font-size:14px;line-height:1.55}
.nx-stage{height:580px;border:1px solid var(--surface-edge);background:var(--surface-stage);border-radius:var(--stage-radius);box-shadow:none}
.nx-stage::before{display:none}
.nx-panel{top:46px;padding:27px;color:var(--ink)}
.nx-caption{color:#587083;font-size:11px;left:27px;bottom:18px}
.nx-team-scene{background:#fff;box-shadow:var(--surface-shadow);border-radius:12px;padding:18px;gap:14px}
.nx-roster-title{color:#587083;font-size:12px}
.nx-person{background:transparent;padding:10px 6px;gap:9px;min-height:65px;border-radius:8px}
.nx-person.is-nexus{background:var(--surface-selected);box-shadow:none}
.nx-person small{color:#607787}
.nx-avatar{background:#e7eef4;color:#35536a;border-radius:9px;width:34px;height:34px}
.nx-avatar::after{border-color:#fff;background:#379471;width:8px;height:8px}
.nx-person b{font-size:12px}.nx-person small{font-size:10px}
.nx-app{background:#dceaf3;color:#46677e}
.nx-profile{background:#f6f9fb;box-shadow:none;padding:22px 14px;border-radius:9px}
.nx-profile-mark{width:65px;height:65px;background:#eaf3f9}
.nx-profile-mark img{width:44px;height:36px}
.nx-profile h3{font-size:22px;font-weight:600}
.nx-profile dl>div{padding-top:12px;margin-top:12px}
.nx-profile dd{font-size:12px}
.nx-tools{gap:12px}.nx-tools img{width:23px;height:23px}
.nx-profile-sub{font-size:11px}
.nx-lesson,.nx-ownership{background:#fff;box-shadow:var(--surface-shadow);border-radius:12px}
.nx-workspace-bar{background:#f4f8fb;border-bottom:1px solid var(--surface-edge)}
.nx-pager{margin-top:14px}
.nx-next{width:40px;height:40px;background:#fff;border:1px solid var(--surface-edge);border-radius:10px}
.wf{background:var(--surface-page)}
.wf-hub{margin-top:38px;background:#fff;border-color:var(--surface-edge);border-radius:12px;padding:20px 26px}
.wf-hub strong{font-weight:600;font-size:18px}
.wf-routing{width:88%}
.wf-tabs{gap:5px;padding:5px;background:#e7eff5;border:1px solid var(--surface-edge);border-radius:12px}
.wf-tab{padding:14px 6px;border-radius:8px;font-size:14px!important;color:#526b7e;transition:background .2s,color .2s}
.wf-tab::before,.wf-tab::after{display:none}
.wf-tab[aria-selected="true"]{background:#fff;color:var(--accent);box-shadow:0 2px 5px #1b3b4f0a;font-weight:600}
.wf-stage{background:var(--surface-stage);border:1px solid var(--surface-edge);border-radius:var(--stage-radius);margin-top:22px}
.wf-panel{padding:26px 48px 48px;gap:64px;min-height:424px}
.wf h3{font-weight:600;font-size:28px;min-height:72px;letter-spacing:-.025em}
.wf-step-icon{border-color:var(--surface-edge);border-radius:11px;color:var(--accent)}
.wf-steps li+li::before{background:#b6cedd}
.wf-output::before{background:#dfebf3;border-color:#cedfe9;border-radius:12px}
.wf-document{box-shadow:var(--surface-shadow);border-radius:12px;padding:28px;min-height:340px}
.wf-document-title{font-weight:600;padding-bottom:18px;border-bottom:1px solid #e7edf1}
.wf-lines i{height:4px;background:#e6edf2}
.wf .wf-review{background:#edf5f1;color:#27624a;border-radius:7px}
.wf-caption{color:#587083}
.pains{gap:28px;margin-top:48px}
.pains b{font-size:1.25rem;line-height:1.35;font-weight:600}
.how{background:var(--surface-page)}
.layer{border:1px solid var(--surface-edge);box-shadow:none;border-radius:12px}
.layer.b1,.layer.b2,.layer.b3{background:#fff;color:var(--ink)}
.layer-head{padding:20px}
.layer.open{background:#f3f8fc;border-color:#b9d2e2}
.ln{font-size:1.5rem;color:var(--accent);font-weight:500}
.lt b{font-size:1rem;font-weight:600}.lt small{color:var(--muted);opacity:1}
.ctrl-tile{background:var(--surface-stage);border:1px solid var(--surface-edge);border-radius:var(--stage-radius);box-shadow:none}
.needs,.approve{background:#fff;border-radius:12px;box-shadow:none}
.close{padding-block:88px;background:var(--navy)}
.close::before{display:none}
.close .cta{background:#fff;color:var(--navy)}
.close .cta i{background:#edf4f8}
@media(max-width:1100px){
  :root{--content-inset:48px}
  main{margin-inline:16px}
  .top nav{gap:16px}
  .nx-layout{gap:28px}
  .nx-panel{padding:16px}
  .nx-team-scene{padding:10px;gap:8px}
  .nx-person{gap:6px;padding:8px 4px}
  .nx-person b{font-size:10px}.nx-avatar{width:27px;height:27px}
  .nx-profile{padding:20px 10px}.nx-profile dd{font-size:11px}
}
@media(max-width:900px){
  :root{--content-inset:40px;--section-space:64px}
  .top .wrap{height:68px}
  .ws{height:auto;min-height:520px;grid-template-columns:1fr}
  .side{border-right:0;border-bottom:1px solid var(--surface-edge)}
  .thread{padding:18px}
  .wf-panel{gap:36px;padding:24px 28px 42px}
}
@media(max-width:820px){
  main{margin-inline:8px}
  :root{--content-inset:32px}
  .nx-layout{grid-template-columns:1fr;gap:28px}
  .nx-stage{height:500px}
  .nx-panel{padding:20px}
  .nx-team-scene{padding:14px;gap:12px}
  .nx-profile{padding:22px 13px}
  .nx-person b{font-size:12px}.nx-person small{font-size:10px}
  .nx-avatar{width:32px;height:32px}
  .nx-tab{min-height:100px;padding:14px;gap:14px}
  .nx-tab strong{font-size:17px}.nx-tab small{font-size:13px}
  .say{padding-block:52px}
  .say-text{font-size:1.5rem;line-height:1.4}
  .nexus-hero{padding-top:32px}
  .nx-intro h1{font-size:clamp(2.5rem,11vw,3.8rem)}
}
@media(max-width:760px){
  .wf-routing{width:100%}.wf-tabs{gap:2px;padding:4px}
  .wf-tab{font-size:11px!important;padding:13px 2px}
  .wf-hub{padding:17px 14px;gap:11px}.wf-hub strong{font-size:16px}
  .wf-panel{grid-template-columns:1fr;gap:28px;padding:24px 20px 42px}
  .wf h3{font-size:25px;min-height:66px}
  .wf-document{padding:24px}
  .product-chrome{padding-inline:13px;font-size:10px}
  .product-brand{gap:6px}.product-window-dots{gap:3px}
  .nx-demo-heading{margin-bottom:30px}
  .ctrl-tile{padding:18px}
}
@media(max-width:440px){
  .ws-frame{padding:5px;border-radius:15px}
  .nx-team-scene{padding:8px;gap:7px}
  .nx-panel{padding:12px}
  .nx-person{padding:8px 3px;gap:5px}.nx-person b{font-size:10px}.nx-person small{font-size:9px}
  .nx-avatar{width:25px;height:25px;font-size:8px}
  .nx-avatar img{width:18px;height:18px}
  .nx-profile{padding:18px 9px}.nx-profile dd{font-size:10px}
  .nx-tools{gap:8px}.nx-tools img{width:19px;height:19px}
  .nx-profile-mark{width:55px;height:55px}
  .nx-stage{height:470px}
  .nx-caption{font-size:10px;left:16px}
}
@media(prefers-reduced-motion:reduce){.nx-tab,.wf-tab,.nx-next{transition:none}}