:root {
  --bg: #f7f7f5;
  --panel: #ffffff;
  --panel2: #eef3f0;
  --line: #d7d8d3;
  --text: #202124;
  --muted: #686d69;
  --green: #79df62;
  --green-dark: #dff4d6;
  --orange: #ff7463;
  --cream: #f3f2ed;
  --ink: #202124;
}
body { background:var(--bg); color:var(--text); font-family:"DM Sans","Microsoft YaHei UI",sans-serif; }
body::before { background:none; }
.nav-shell { border-color:rgba(32,33,36,.12); background:rgba(247,247,245,.88); }
nav { height:68px; }
.workshop-brand { gap:9px; color:var(--ink); font:700 10px/9px "DM Sans",sans-serif; }
.workshop-mark { display:grid; place-items:center; width:38px; height:38px; border:2px solid var(--ink); border-radius:8px; box-shadow:0 3px 0 var(--ink); font-size:11px; line-height:1; }
.product-crumb { margin:0 auto 0 18px; padding-left:18px; border-left:1px solid #d0d0cc; color:#66696c; font:700 12px "DM Sans",sans-serif; }
.navlinks { color:#55595c; font-size:12px; font-weight:700; }.navlinks a:hover{color:#000}
.btn { border:1px solid #c7c8c3; border-radius:8px; background:#fff; }
.btn-primary { border:2px solid var(--ink); background:var(--yellow,#ffd75a); color:var(--ink); box-shadow:3px 4px 0 var(--ink); }
.btn-green { border:2px solid var(--ink); background:#9ee879; color:var(--ink); box-shadow:2px 3px 0 var(--ink); }
.hero { position:relative; min-height:720px; padding:92px 0 70px; }
.hero::before { content:""; position:absolute; left:-6px; top:20px; width:112px; height:112px; background:url("../../lab/assets/agent-object-sprite.png") 0 0/200% 200% no-repeat; filter:drop-shadow(0 14px 10px rgba(24,28,34,.24)); }
.hero > .reveal { padding-top:105px; }
.eyebrow,.kicker { color:#596268; font-family:"DM Sans",sans-serif; letter-spacing:0; }
.hero h1,.pain-copy h2,.cap-head h2,.cta h2 { font-family:"Playfair Display","Songti SC",serif; letter-spacing:0; }
.hero h1 { max-width:650px; font-size:clamp(52px,5.4vw,72px); line-height:1.03; }.hero h1 span{color:#2f6e43}
.hero p { color:#5f6461; }
.hero-proof { color:#666d68; font-family:"DM Sans",sans-serif; }.hero-proof span::before{color:#2f8a4c}
.hero-map { overflow:hidden; border:4px solid var(--ink); border-radius:18px; background:linear-gradient(145deg,#292e35,#15181c); box-shadow:12px 14px 0 rgba(32,33,36,.14),0 26px 35px rgba(32,33,36,.12); color:#eef3ef; transform:rotate(2deg); }
.map-title { border-color:#4c5359; color:#b9c1bd; }.map-step { border-color:#444b50; }.map-step b{border:2px solid #111;border-radius:8px;background:#9ee879;box-shadow:2px 3px 0 #111}.map-step p{color:#adb7b1}
.trust { border-color:var(--line); background:#fff; color:var(--ink); }.trust-row div{border-color:var(--line);color:#737975}.trust-row b{color:#2c6c40;font-family:"DM Sans",sans-serif}
.pain-screen { border-color:var(--line); background:#24272b; }.pain-screen:not(.light){color:#edf2ee}.pain-screen:not(.light) .pain-copy h2,.pain-screen:not(.light) .answer h3,.pain-screen:not(.light) .flow>div{color:#edf2ee}.pain-screen.light{background:#fff;color:var(--ink)}
.screen-no { color:var(--orange); font-family:"DM Sans",sans-serif; }.pain-tag{border-radius:8px}.pain-screen:not(.light) .pain-lead{color:#abb4af}
.answer,.compare>div,.flow>div,.baseline-note,.cap-group { border-radius:8px; }
.shot,.agent-demo,.oc-layout { overflow:hidden; border-radius:8px; box-shadow:9px 10px 0 rgba(32,33,36,.14); }
.capabilities { background:#eef2f6; color:var(--ink); }.cap-head p,.baseline-note,.cap-list li span{color:#66706a}.cap-group{border-color:#cbd1cc;background:#fff}.cap-list li{border-color:#dde1dd}
.cta { background:#fff; color:var(--ink); }.cta p{color:#666d68}.footer{border-color:#34383b;background:#191b1e}.footer-row{color:#bbc2be}.footer .brand{color:#fff}
@media(max-width:950px){.hero::before{top:10px}.hero>.reveal{padding-top:100px}.hero-map{transform:none}}
@media(max-width:650px){.product-crumb{display:none}.workshop-brand{font-size:9px}.hero{padding-top:65px}.hero::before{width:88px;height:88px}.hero>.reveal{padding-top:86px}.hero h1{font-size:43px}.navlinks a:not(.nav-download){display:none}}