.landing #demo{background:var(--paper-deep);border-top:1px solid var(--line)}.landing .demo-shell{background:var(--card);border:1px solid var(--line);border-radius:12px;overflow:hidden;box-shadow:0 30px 70px -45px rgba(35,41,26,.5)}.landing .demo-bar{display:flex;align-items:center;gap:10px;padding:12px 16px;background:var(--ink)}.landing .demo-bar .dots{display:flex;gap:6px}.landing .demo-bar .dots span{width:10px;height:10px;border-radius:50%;background:#4a5438}.landing .demo-bar .crumb{font-family:var(--mono);font-size:11.5px;color:#aeb89a}.landing .demo-bar .crumb b{color:#f0f3e8;font-weight:600}.landing .demo-tabs{display:flex;flex-wrap:wrap;border-bottom:1px solid var(--line);background:#fcfdf9}.landing .demo-tab{font-family:var(--mono);font-size:11.5px;font-weight:600;letter-spacing:.04em;color:var(--ink-soft);background:none;padding:14px 16px;cursor:pointer;border:none;border-bottom:2px solid transparent;transition:color .2s ease,border-color .2s ease}.landing .demo-tab:hover{color:var(--ink)}.landing .demo-tab.active{color:var(--moss-deep);border-bottom-color:var(--moss)}.landing .demo-pane{padding:26px;animation:nibpane .35s ease}@keyframes nibpane{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@media (max-width:720px){.landing .demo-pane{padding:16px}}.landing .chipline{display:flex;flex-wrap:wrap;gap:20px;background:#fcfdf9;border:1px solid var(--line);border-radius:8px;padding:14px 18px;margin-bottom:22px;align-items:center}.landing .chipline .item{font-family:var(--mono);font-size:10.5px;color:var(--ink-soft)}.landing .chipline .item b{display:block;font-size:15px;color:var(--ink);font-weight:600;margin-top:2px}.landing .chipline .item b.moss{color:var(--moss-deep)}.landing .chipline .item b.coral{color:var(--coral)}.landing .stagepill{font-family:var(--mono);font-size:9.5px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;padding:4px 10px;border-radius:20px;display:inline-block;white-space:nowrap}.landing .st-egg{background:#f4efe0;color:#8a7b43;border:1px solid #e2d8b8}.landing .st-student{background:#ecf2e0;color:#44601f;border:1px solid #cdddae}.landing .st-senior{background:#fcf1e3;color:#8a5f0c;border:1px solid #efd9ae}.landing .st-grad{background:var(--moss);color:#fff;border:1px solid var(--moss)}.landing .today-grid{display:grid;grid-template-columns:1.2fr .8fr;grid-gap:18px;gap:18px}@media (max-width:860px){.landing .today-grid{grid-template-columns:1fr}}.landing .tcard{background:#fcfdf9;border:1px solid var(--line);border-radius:10px;padding:18px}.landing .tcard h4{font-size:13px;font-family:var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--ink-soft);font-weight:600;margin-bottom:14px}.landing .feed-item{display:flex;gap:12px;align-items:flex-start;padding:12px 0;border-bottom:1px dashed var(--line)}.landing .feed-item:last-child{border-bottom:none}.landing .feed-item .who{flex-shrink:0}.landing .feed-item .what{font-size:13.5px;color:var(--ink)}.landing .feed-item .meta{font-family:var(--mono);font-size:10.5px;color:var(--ink-soft);margin-top:3px}.landing .feed-item .meta b{color:var(--moss-deep);font-weight:600}.landing .todo .feed-item{background:#fff;border:1px solid var(--line);border-radius:10px;padding:12px;margin-bottom:10px}.landing .qbtns{display:flex;gap:8px;margin-top:10px}.landing .qbtn{font-family:var(--mono);font-size:10.5px;font-weight:600;padding:7px 13px;border-radius:4px;cursor:pointer;border:1px solid transparent;transition:transform .15s ease,background .2s ease}.landing .qbtn:active{transform:scale(.97)}.landing .qbtn.ok{background:var(--moss);color:#fff}.landing .qbtn.ok:hover{background:var(--moss-deep)}.landing .qbtn.edit{background:transparent;color:var(--ink-soft);border-color:var(--line)}.landing .qdone{font-family:var(--mono);font-size:11px;color:var(--moss-deep);margin-top:10px;font-weight:600;animation:nibpop .35s ease both}.landing .map-grid{display:grid;grid-template-columns:1.45fr 1fr;grid-gap:20px;gap:20px}@media (max-width:860px){.landing .map-grid{grid-template-columns:1fr}}.landing .map-canvas{background:#fcfdf9;border:1px solid var(--line);border-radius:10px;padding:10px}.landing .map-canvas svg{width:100%;height:auto;display:block}.landing .wf-node{cursor:pointer}.landing .wf-node circle.halo{fill:transparent;transition:fill .15s}.landing .wf-node:hover circle.halo{fill:rgba(91,124,46,.08)}.landing .wf-node.sel circle.halo{fill:rgba(91,124,46,.13)}.landing .wf-node.sel circle.core{stroke-width:3}.landing .map-legend{display:flex;gap:18px;font-family:var(--mono);font-size:10px;color:var(--ink-soft);padding:10px 8px 4px;flex-wrap:wrap}.landing .map-legend .key{display:flex;align-items:center;gap:6px}.landing .key i{width:9px;height:9px;border-radius:50%;display:inline-block}.landing .detail{background:#fcfdf9;border:1px solid var(--line);border-radius:10px;padding:20px}.landing .detail h3{font-size:19px;margin:8px 0 4px}.landing .detail .apps{font-family:var(--mono);font-size:11px;color:var(--ink-soft);margin-bottom:16px}.landing .stat-row{display:grid;grid-template-columns:1fr 1fr 1fr;grid-gap:10px;gap:10px;margin-bottom:14px}.landing .stat{background:#fff;border:1px solid var(--line);border-radius:6px;padding:10px}.landing .stat .l{font-family:var(--mono);font-size:9.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-soft)}.landing .stat .v{font-family:var(--mono);font-size:16px;font-weight:600;color:var(--ink);margin-top:3px}.landing .stat .v.moss{color:var(--moss-deep)}.landing .autobar{height:7px;background:var(--paper-deep);border-radius:4px;overflow:hidden;margin:4px 0 6px}.landing .autobar i{display:block;height:100%;background:linear-gradient(90deg,var(--moss),var(--leaf));border-radius:4px;transition:width .4s ease}.landing .detail .friction{margin-top:14px;border-top:1px dashed var(--line);padding-top:14px}.landing .detail .friction .fl{font-family:var(--mono);font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--coral);font-weight:600;margin-bottom:6px}.landing .detail .friction p{font-size:13px;color:var(--ink-soft)}.landing .roster{display:grid;grid-template-columns:1fr 1fr;grid-gap:16px;gap:16px}@media (max-width:860px){.landing .roster{grid-template-columns:1fr}}.landing .agent{background:#fcfdf9;border:1px solid var(--line);border-radius:12px;padding:18px;transition:transform .25s ease,box-shadow .25s ease}.landing .agent:hover{transform:translateY(-3px);box-shadow:0 16px 30px -22px rgba(35,41,26,.4)}.landing .agent .top{display:flex;gap:14px;align-items:center}.landing .agent .id h4{font-size:17px}.landing .agent .id .job{font-family:var(--mono);font-size:10.5px;color:var(--ink-soft);margin-top:2px}.landing .agent .top .stagepill{margin-left:auto;align-self:flex-start}.landing .school{margin:14px 0 4px}.landing .school .lbl{font-family:var(--mono);font-size:9.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-soft);font-weight:600;margin-bottom:8px;display:flex;justify-content:space-between;gap:8px;flex-wrap:wrap}.landing .school .lbl b{color:var(--moss-deep)}.landing .ladder{display:flex;gap:4px}.landing .rung{flex:1 1;height:8px;border-radius:4px;background:var(--paper-deep)}.landing .rung.done{background:linear-gradient(90deg,var(--moss),var(--leaf))}.landing .rung.cur{background:repeating-linear-gradient(45deg,var(--leaf),var(--leaf) 4px,#fff 4px,#fff 7px);border:1px solid var(--leaf)}.landing .ladder-names{display:flex;gap:4px;margin-top:5px}.landing .ladder-names span{flex:1 1;font-family:var(--mono);font-size:8.5px;letter-spacing:.03em;text-transform:uppercase;color:var(--ink-soft);text-align:center}.landing .agent p.desc{font-size:12.5px;color:var(--ink-soft);margin-top:12px}.landing .learned{background:#fff;border:1px dashed var(--line);border-radius:8px;padding:10px 12px;margin-top:12px}.landing .learned .ll{font-family:var(--mono);font-size:9px;letter-spacing:.1em;text-transform:uppercase;color:var(--moss-deep);font-weight:600;margin-bottom:5px}.landing .learned p{font-size:12px;color:var(--ink-soft);font-style:italic}.landing .badge-row{display:flex;gap:6px;margin-top:12px;flex-wrap:wrap;align-items:center}.landing .badge{font-family:var(--mono);font-size:9px;font-weight:600;letter-spacing:.05em;text-transform:uppercase;background:#fff;border:1px solid var(--line);color:var(--ink-soft);border-radius:20px;padding:4px 10px;cursor:default}.landing .badge.earned{border-color:var(--sun);color:#8a5f0c;background:#fcf6e8}.landing .streak{font-family:var(--mono);font-size:9px;font-weight:600;letter-spacing:.05em;text-transform:uppercase;background:#fbede6;border:1px solid #f0c9b6;color:#b14a22;border-radius:20px;padding:4px 10px}.landing .agent .foot{display:flex;justify-content:space-between;align-items:center;margin-top:14px;gap:10px}.landing .agent .foot .m{font-family:var(--mono);font-size:10.5px;color:var(--ink-soft)}.landing .agent .foot .m b{color:var(--ink)}.landing .abtn{font-family:var(--mono);font-size:10.5px;font-weight:600;padding:8px 13px;border-radius:4px;cursor:pointer;border:1px solid var(--line);background:#fff;color:var(--ink-soft);transition:transform .15s ease,background .2s ease}.landing .abtn:active{transform:scale(.97)}.landing .abtn.go{background:var(--moss);border-color:var(--moss);color:#fff}.landing .abtn.go:hover{background:var(--moss-deep)}.landing .shop-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:14px;gap:14px}@media (max-width:860px){.landing .shop-grid{grid-template-columns:1fr 1fr}}@media (max-width:560px){.landing .shop-grid{grid-template-columns:1fr}}.landing .shop-card{background:#fcfdf9;border:1px solid var(--line);border-radius:12px;padding:16px;text-align:center;transition:transform .25s ease,box-shadow .25s ease}.landing .shop-card:hover{transform:translateY(-3px);box-shadow:0 16px 30px -22px rgba(35,41,26,.4)}.landing .shop-card h4{font-size:15px;margin-top:8px}.landing .shop-card .job{font-family:var(--mono);font-size:10px;color:var(--ink-soft);margin:3px 0 8px}.landing .shop-card p{font-size:12px;color:var(--ink-soft);min-height:54px}.landing .shop-card .abtn{width:100%;margin-top:10px}.landing .wiz{max-width:640px;margin:0 auto}.landing .wiz-steps{display:flex;gap:8px;margin-bottom:24px}.landing .wiz-step-ind{flex:1 1;height:6px;border-radius:3px;background:var(--paper-deep)}.landing .wiz-step-ind.on{background:var(--moss)}.landing .wiz h3{font-size:21px;margin-bottom:6px}.landing .wiz p.sub{font-size:13.5px;color:var(--ink-soft);margin-bottom:20px}.landing .chore-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:10px;gap:10px}@media (max-width:560px){.landing .chore-grid{grid-template-columns:1fr}}.landing .chore{background:#fcfdf9;border:1.5px solid var(--line);border-radius:10px;padding:14px;cursor:pointer;font-size:13.5px;text-align:left;font-family:var(--sans);color:var(--ink);transition:transform .15s ease,border-color .2s ease,background .2s ease}.landing .chore:hover{transform:translateY(-2px)}.landing .chore small{display:block;font-family:var(--mono);font-size:10px;color:var(--ink-soft);margin-top:4px}.landing .chore.sel{border-color:var(--moss);background:#eff4e4}.landing .appsel{display:flex;flex-wrap:wrap;gap:10px}.landing .apptag{font-family:var(--mono);font-size:11.5px;border:1.5px solid var(--line);background:#fcfdf9;border-radius:20px;padding:8px 16px;cursor:pointer;color:var(--ink-soft);transition:transform .15s ease,border-color .2s ease,background .2s ease}.landing .apptag:hover{transform:translateY(-2px)}.landing .apptag.sel{border-color:var(--moss);background:#eff4e4;color:var(--moss-deep);font-weight:600}.landing .wiz-nav{display:flex;justify-content:space-between;margin-top:26px}.landing .hatch{text-align:center;padding:10px 0}.landing .hatch .nameline{display:flex;gap:10px;justify-content:center;margin:18px 0;flex-wrap:wrap}.landing .hatch input{font-family:var(--mono);font-size:14px;padding:11px 14px;border:1.5px solid var(--line);border-radius:6px;width:220px;background:#fff;color:var(--ink)}.landing .hatch input:focus{outline:none;border-color:var(--moss)}.landing .hatch .note{font-family:var(--mono);font-size:10.5px;color:var(--ink-soft);max-width:46ch;margin:0 auto}.landing .enrolled{background:#eff4e4;border:1px solid var(--leaf);border-radius:8px;padding:16px;margin-top:18px;font-size:13.5px;color:var(--moss-deep);font-weight:500}.landing .demo-disclaimer{font-family:var(--mono);font-size:10.5px;color:var(--ink-soft);margin-top:14px;text-align:center}