.app-work{background:#131912;border-block:1px solid var(--line)}.app-work .section-heading h2{max-width:650px}.app-work-note{display:flex;align-items:center;gap:12px;padding:15px 18px;border:1px solid #35432b;border-radius:8px;background:#1b2418;margin:12px 0 28px}.app-work-note p{margin:0;color:#c0cab7;font-size:12px;line-height:1.7}.app-work-dot{width:7px;height:7px;flex-shrink:0;border-radius:50%;background:var(--lime)}.app-work-controls{display:flex;gap:20px;align-items:flex-end;justify-content:space-between}.app-work-filters{display:flex;gap:7px;flex-wrap:wrap}.app-work-filters button{font:inherit;font-size:11px;padding:10px 12px;color:#b9c2b0;background:transparent;border:1px solid var(--line);border-radius:6px;cursor:pointer}.app-work-filters button[aria-pressed=true]{background:var(--lime);color:#141b0e;border-color:var(--lime);font-weight:700}.app-work-search{flex:0 0 225px}.app-work-search label{display:block;font-size:11px;margin-bottom:6px;color:var(--muted)}.app-work-search input{width:100%;background:#10150f;border:1px solid #3a4533;border-radius:6px;color:var(--white);font:inherit;font-size:12px;padding:11px 13px}.app-work-count{font-size:11px;letter-spacing:.5px;color:var(--muted);margin:18px 0}.app-work-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:25px 22px}.app-work-card{min-width:0;background:#1b2218;border:1px solid #34402e;border-radius:12px;overflow:hidden;display:flex;flex-direction:column;transition:border-color .2s,transform .2s}.app-work-card:hover{border-color:#819e61;transform:translateY(-3px)}.app-work-card[hidden]{display:none}.app-work-preview{position:relative;display:block;aspect-ratio:1.6;overflow:hidden;background:#0f150d;border-bottom:1px solid #34402e}.app-work-preview img{width:100%;height:100%;object-fit:cover;object-position:top;transition:transform .35s}.app-work-preview:hover img{transform:scale(1.035)}.app-work-preview>span{position:absolute;right:12px;bottom:12px;border:1px solid #8cb45e;background:#17200ff0;color:var(--lime);font-size:10px;padding:7px 10px;border-radius:5px;display:flex;gap:14px}.app-work-body{padding:23px;display:flex;flex-direction:column;flex:1}.app-work-body>.eyebrow{font-size:9px;margin:0 0 10px}.app-work-body h3{font-size:26px;letter-spacing:-.8px;margin:0 0 12px}.app-work-description{font-size:13px;line-height:1.75;color:#c1c9bb;margin:0 0 17px}.app-work-audience{font-size:11px;line-height:1.6;color:#a5b19a;margin:0 0 19px}.app-work-audience b{display:block;color:#e5eddf;font-weight:600;margin-bottom:4px}.app-work-details{border-top:1px solid #34402e;padding:13px 0;font-size:11px;line-height:1.7;margin-top:auto}.app-work-details summary{cursor:pointer;color:#dce8d1;font-weight:600}.app-work-details h4{margin:14px 0 4px;font-size:11px;color:var(--lime)}.app-work-details p{margin:0 0 9px;color:#bcc7b2}.app-work-details .app-work-role{font-size:10px;color:#91a281;border-top:1px solid #34402e;padding-top:12px;margin-top:14px}.app-work-open{width:100%;margin-top:6px;font-size:11px;justify-content:space-between}.app-work-cta{display:flex;align-items:center;justify-content:space-between;gap:35px;border-top:1px solid #34402e;padding-top:28px;margin-top:34px}.app-work-cta h3{font-size:23px;margin:0 0 9px}.app-work-cta p{font-size:13px;color:var(--muted);max-width:660px;margin:0}.app-work-cta .button{flex-shrink:0}.app-work-empty{border:1px dashed #4c5a40;border-radius:9px;padding:30px;text-align:center;color:var(--muted)}.hero-demo-link{display:block;margin:25px 0 0;color:var(--lime);font-size:12px}.hero-demo-link span{color:var(--white);font-weight:600;margin-right:14px}.hero-demo-link+.hero-secondary-link{margin-top:12px}
.app-demo-dialog{padding:0;width:min(1480px,96vw);max-width:none;height:94dvh;max-height:94dvh;border:1px solid #566c41;background:#10150f;color:#f2f5ed;border-radius:12px;overflow:hidden;margin:auto;box-shadow:0 30px 100px #000a}.app-demo-dialog::backdrop{background:#040803d9;backdrop-filter:none}.app-demo-toolbar{display:flex;justify-content:space-between;gap:15px;align-items:center;padding:12px 18px;height:73px;border-bottom:1px solid #34402e;background:#192016}.app-demo-toolbar>div:last-child{display:flex;gap:14px;align-items:center}.app-demo-toolbar h2{font-size:17px;letter-spacing:-.3px;line-height:1.2;margin:3px 0 0}.app-demo-label{font-size:9px;letter-spacing:1.2px;text-transform:uppercase;color:#bbcfaa}.app-demo-close{background:#28341f;color:#d7efc2;border:1px solid #5c7448;border-radius:7px;width:38px;height:38px;font-size:18px;cursor:pointer;flex-shrink:0}.app-demo-close:hover{background:var(--lime);color:#10150f}.app-demo-stage{height:calc(100% - 73px);position:relative}.app-demo-stage iframe{display:block;border:0;width:100%;height:100%;background:#10150f}.app-demo-loading{position:absolute;inset:30px;text-align:center;color:var(--muted);font-size:13px;pointer-events:none}.app-demo-loading[hidden]{display:none}.app-work button:focus-visible,.app-work a:focus-visible,.app-work summary:focus-visible,.app-work input:focus-visible{outline:2px solid var(--lime);outline-offset:4px}
@media(max-width:1180px){.menu-toggle{display:flex;cursor:pointer}.nav-links{display:none;position:absolute;top:76px;left:0;right:0;padding:20px 24px;background:#151a15;border-bottom:1px solid var(--line);flex-direction:column;align-items:stretch;gap:17px;font-size:14px}.nav-links.is-open{display:flex}.nav-links .button{align-self:flex-start}.app-work-controls{align-items:stretch;flex-direction:column}.app-work-search{flex:0 1 auto;max-width:360px}.app-work-body{padding:19px}}
@media(max-width:900px){.app-work-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.app-work-cta{align-items:start;flex-direction:column;gap:20px}}
@media(max-width:680px){.nav-links{top:68px}}
@media(max-width:600px){.app-work-grid{grid-template-columns:1fr}.app-work-body{padding:22px}.app-work-filters{gap:7px}.app-work-filters button{font-size:10px;padding:10px}.app-work-search{max-width:none}.app-work-cta .button{width:100%}.app-demo-dialog{width:100vw;height:100dvh;max-height:100dvh;border-radius:0;border:0}.app-demo-toolbar{padding:10px 12px;height:65px}.app-demo-toolbar h2{font-size:15px}.app-demo-toolbar .button{font-size:9px;padding:9px 10px}.app-demo-toolbar>div:last-child{gap:8px}.app-demo-stage{height:calc(100% - 65px)}.app-demo-label{font-size:8px}.app-demo-close{width:33px;height:33px;font-size:15px}.hero-demo-link span{display:block;margin-bottom:4px}}
@media(prefers-reduced-motion:reduce){.app-work-card,.app-work-preview img{transition:none}}