:root{--ink:#101820;--sea:#006778;--gold:#d7a22a;--paper:#f5f5ed;--muted:#506469;--line:#d5dcd7}body{background:var(--paper)}.site-header{height:86px}.pill{background:var(--sea);border-color:var(--sea);color:white}.pill:hover{background:#004957}.wordmark{color:#101820}.local-tag:before{background:var(--gold);box-shadow:0 0 0 5px #d7a22a20}.workshop-hero{padding-top:45px;background:linear-gradient(180deg,#f5f5ed 60%,#e1ebe5)}.hero-intro{display:grid;grid-template-columns:1.2fr 1fr;gap:80px;align-items:end;margin-bottom:30px}.hero-intro h1{font-size:clamp(56px,6.7vw,96px);line-height:1;letter-spacing:-5px}.hero-intro em{font-family:Georgia,serif;color:var(--sea);font-weight:400}.hero-intro .local-tag{margin-bottom:24px}.hero-promise{max-width:420px;padding-bottom:5px}.hero-promise p{color:var(--muted);font-size:16px;line-height:1.65;margin-bottom:12px}.hero-promise .pill{margin-top:24px}.film{position:relative;border-radius:28px;overflow:hidden;background:radial-gradient(ellipse at 72% 18%,#4b8d8b80 0%,transparent 48%),linear-gradient(135deg,#101820 0%,#123f46 28%,#006778 68%,#004957 100%);aspect-ratio:16/6.8;margin-top:28px}.film video{position:relative;width:100%;height:100%;object-fit:cover;display:block}.film-fallback{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;gap:clamp(18px,5vw,80px);padding:0 12%;color:#f5f5ed;pointer-events:none}.film-fallback i{width:clamp(35px,8vw,120px);height:1px;background:linear-gradient(90deg,#d7a22a33,#d7a22a,#d7a22a33);position:relative}.film-fallback i:after{content:'›';position:absolute;right:-2px;top:-13px;color:var(--gold);font-size:24px}.fallback-node{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;width:clamp(90px,12vw,150px);height:clamp(90px,12vw,150px);border:1px solid #f5f5ed66;border-radius:24px;background:#10182033;box-shadow:0 15px 40px #10182033;font-size:clamp(25px,3vw,42px);color:var(--gold)}.fallback-node b{font:500 12px/1.3 system-ui,sans-serif;color:#f5f5ed;text-align:center}.fallback-human{background:#f5f5ed;color:var(--sea);border-color:#f5f5ed}.fallback-human b{color:var(--ink)}.film:has(video.is-playing) .film-fallback{opacity:0}.film:has([data-motion][aria-pressed=false])~.demo-section .route-line>i{animation:none}.film-labels{position:absolute;left:5%;right:5%;bottom:18px;display:flex;justify-content:space-between;gap:10px;font:12px monospace;letter-spacing:.35px}.film-labels span{padding:10px 14px;background:#f5f5ed;border:1px solid #ffffff8c;border-radius:100px;color:#101820;box-shadow:0 2px 10px #103f4226}.film [data-motion]{position:absolute;top:15px;right:15px;border:1px solid #d6dfd4;border-radius:100px;background:#f5f5eded;padding:8px 12px;font-size:11px;min-height:44px;min-width:44px}.film [data-motion]:focus-visible{outline:3px solid var(--gold);outline-offset:3px;box-shadow:0 0 0 2px var(--ink)}.film-caption{font-size:10px;text-align:center;padding:14px 0 24px;color:#526568}.demo-section{padding-top:75px;padding-bottom:65px}.demo-heading{text-align:center}.demo-heading h2{font-size:clamp(33px,4vw,54px);letter-spacing:-2px;line-height:1.1;margin:18px 0}.demo-heading p{font-size:15px;color:var(--muted)}.demo-tabs{display:flex;justify-content:center;flex-wrap:wrap;gap:8px;margin:30px 0}.demo-tabs button{background:transparent;border:1px solid var(--line);border-radius:12px;padding:12px 18px;font-size:12px}.demo-tabs button[aria-selected=true]{background:var(--sea);border-color:var(--sea);color:white}.demo-tabs button:focus-visible{outline:3px solid var(--gold);outline-offset:3px;box-shadow:0 0 0 5px var(--paper)}.demo-panel{background:#e1ebe5;border:1px solid #8faeaa;border-radius:25px;padding:45px;display:grid;grid-template-columns:.9fr 1.4fr;gap:45px;align-items:center}.demo-story h3{font-size:32px;line-height:1.15;letter-spacing:-1px;margin:20px 0}.demo-story>p{font-size:14px;color:var(--muted);max-width:320px}.demo-story a{margin-top:20px;font-size:12px}.workflow-board{border-radius:16px;box-shadow:0 20px 45px #00545f13;background:#fcfcf5;min-width:0;transform:rotate(-1deg);padding:22px}.board-top{font-size:11px;letter-spacing:1px;display:flex;gap:8px;align-items:center;padding-bottom:18px;border-bottom:1px solid var(--line)}.board-dot{width:7px;height:7px;background:var(--gold);border-radius:50%}.board-status{margin-left:auto;font-size:10px;letter-spacing:0;color:var(--muted)}.workflow-stages{display:grid;grid-template-columns:1fr 35px 1fr;gap:8px;align-items:center;margin:18px 0}.stage{border:1px solid var(--line);padding:18px 13px;border-radius:12px;min-height:180px;background:#f5f5ed}.result-stage{background:#e2efed;border-color:#aacbc8}.stage-symbol{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:10px;background:#e8debc;color:#5d471d;margin-bottom:16px}.result-stage .stage-symbol{background:var(--sea);color:white}.stage small{display:block;font-size:11px;text-transform:uppercase;letter-spacing:.6px;color:#586b6c;margin-bottom:7px}.stage strong{display:block;font-size:14px;font-weight:500;line-height:1.3}.stage-detail{display:block;font-size:12px;color:#536a6c;margin-top:11px}.route-line{position:relative;color:var(--sea);text-align:center;display:flex;flex-direction:column;align-items:center;gap:5px}.route-line>i{width:7px;height:7px;display:block;border-radius:50%;background:var(--gold);animation:signal 3s ease-in-out infinite}.route-line>small{font-size:8px;line-height:1.25;letter-spacing:.2px;color:#365b60;max-width:70px}.workflow-board.is-updated{animation:board-update .55s ease-out}@keyframes board-update{0%{box-shadow:0 20px 45px #00545f13,0 0 0 0 #d7a22a00}35%{box-shadow:0 20px 45px #00545f13,0 0 0 4px #d7a22a66}100%{box-shadow:0 20px 45px #00545f13,0 0 0 0 #d7a22a00}}.board-checklist{display:flex;gap:10px;justify-content:space-between;font-size:8px;color:#456768;padding-top:16px;border-top:1px solid var(--line)}.industry-invite{display:flex;justify-content:space-between;align-items:center;gap:25px;padding:25px 0;border-bottom:1px solid var(--line);font-size:13px}.industry-invite strong{font-weight:500;color:var(--sea)}.industry-layout{display:grid;grid-template-columns:270px 1fr;gap:45px;margin-bottom:65px}.industry-sidebar{align-self:start;position:sticky;top:20px}.industry-sidebar>label{font-size:12px;display:block;margin-bottom:10px}.industry-sidebar input{width:100%;padding:13px;border:1px solid #b9c9c7;background:#fffdf8;border-radius:10px;margin-bottom:15px;font-size:12px}.industry-buttons{display:flex;flex-direction:column;gap:3px;max-height:550px;overflow-y:auto;padding-right:10px}.industry-buttons button,.other-shortcut{text-align:left;border:0;border-radius:8px;padding:10px 12px;background:transparent;font-size:12px}.industry-buttons button{display:flex;align-items:center;gap:9px}.industry-buttons button:before{content:attr(data-category-number);font:9px monospace;letter-spacing:.3px;color:var(--sea);min-width:16px}.industry-buttons button[aria-pressed=true]:before{color:#f5f5ed}.industry-buttons button:focus-visible,.other-shortcut:focus-visible{outline:3px solid var(--gold);outline-offset:2px;box-shadow:0 0 0 2px var(--ink)}.industry-sidebar input:focus-visible,.industry-example summary:focus-visible{outline:3px solid var(--gold);outline-offset:3px}.industry-example summary:focus-visible{border-radius:3px}.industry-buttons button[aria-pressed=true]{background:var(--sea);color:white}.industry-buttons button:hover{background:#dfeae3;color:var(--ink)}.other-shortcut{margin-top:15px;border:1px solid var(--line);width:100%;color:var(--sea)}.category-heading{border-bottom:1px solid var(--line);padding-bottom:25px;margin-bottom:25px}.category-heading h2{font-size:40px;letter-spacing:-1.4px;line-height:1.15;margin:15px 0}.category-heading>p{font-size:14px;color:var(--muted)}.industry-examples{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.industry-example{border:1px solid var(--line);border-radius:15px;background:#fdfdf7;padding:24px;min-width:0}.example-number{font:10px monospace;color:var(--sea)}.industry-example h3{font-size:21px;line-height:1.2;letter-spacing:-.5px;margin:25px 0 15px}.industry-example p{font-size:13px;color:var(--muted)}.industry-example summary{font-size:12px;cursor:pointer;margin-top:20px;padding-top:15px;border-top:1px solid var(--line)}.industry-example details p{margin-top:15px}.human-boundary{margin-top:25px;padding:23px 26px;background:#e7e9dc;border-radius:14px;border-left:3px solid var(--gold)}.human-boundary strong{font-size:12px;font-weight:600}.human-boundary p{font-size:13px;color:#4c5d5e;margin-top:8px}.industry-section{scroll-margin-top:25px}.industry-content{min-width:0}#industry-search::placeholder{font-size:10px}.industry-sidebar [data-search-empty]{font-size:12px;color:#7b5522;margin:10px 0;padding:12px 14px;background:#f0e8d4;border:1px solid #d7c9a0;border-radius:8px;line-height:1.5}@keyframes signal{0%{transform:translateX(0);opacity:0}15%,80%{opacity:1}100%{transform:translateX(25px);opacity:0}}@media(max-width:1050px){.hero-intro{gap:35px}.demo-panel{padding:28px;gap:25px;grid-template-columns:1fr}.demo-story>p{max-width:520px}.workflow-board{padding:20px;transform:none}.workflow-stages{grid-template-columns:1fr 35px 1fr;gap:8px}.board-checklist{flex-wrap:wrap;font-size:10px;gap:10px 18px}.industry-layout{grid-template-columns:220px 1fr;gap:25px}.industry-examples{grid-template-columns:1fr}.industry-example h3{margin-top:15px}}@media(max-width:760px){.site-header{height:78px}.workshop-hero{padding-top:35px}.hero-intro{grid-template-columns:1fr;gap:25px}.hero-intro h1{font-size:clamp(44px,13vw,56px);letter-spacing:-2.6px}.hero-intro .local-tag{font-size:9px}.hero-promise p{font-size:14px;max-width:340px}.film{aspect-ratio:1.6;margin-top:25px;border-radius:18px}.film video{object-fit:cover}.film-labels{left:12px;right:12px;bottom:12px;gap:6px;font-size:9px;line-height:1.25;letter-spacing:0}.film-labels span{padding:7px 8px;max-width:33%;border-radius:10px}.film [data-motion]{font-size:9px;padding:7px 10px;top:10px;right:10px}.film-caption{font-size:9px;padding-bottom:20px}.demo-section{padding-top:45px}.demo-heading h2{font-size:36px;letter-spacing:-1.5px}.demo-tabs{gap:6px;margin:24px 0}.demo-tabs button{padding:10px 12px;font-size:10px}.demo-panel{grid-template-columns:1fr;padding:23px;gap:28px;border-radius:20px}.demo-story h3{font-size:28px}.workflow-board{padding:14px;transform:none}.workflow-stages{margin:20px 0;grid-template-columns:1fr 20px 1fr;gap:4px}.board-checklist{font-size:10px;gap:8px 12px;flex-wrap:wrap}.stage{padding:12px 9px;min-height:180px}.stage strong{font-size:12px}.stage-detail{font-size:9px}.industry-invite{align-items:start;flex-direction:column;gap:10px;font-size:12px}.industry-layout{grid-template-columns:1fr;gap:30px}.industry-sidebar{position:static}.industry-buttons{flex-direction:row;flex-wrap:wrap;max-height:230px;padding:5px;background:#e9eee4;border-radius:12px;gap:4px}.industry-buttons button{font-size:11px;padding:12px 10px;min-height:44px;border:1px solid #cdd8cf}.category-heading h2{font-size:34px}.industry-example{padding:23px}.industry-example h3{font-size:23px}.human-boundary{padding:20px}.other-shortcut{font-size:11px}.industry-sidebar input{font-size:14px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}.route-line i{display:none}}