@import"https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,400;0,500;0,600;0,700;0,800;0,900;1,400;1,600&family=Roboto:ital,wght@0,300;0,400;0,500;0,700;1,300;1,400&family=Roboto+Mono:wght@400;500&display=swap";:root{--purple: #7278FF;--purple-deep: #4353D3;--purple-dark: #1E2160;--purple-soft: #C5C7FF;--purple-tint: #EEEEFF;--purple-bg: #F0F0FF;--lime: #BAEF2A;--lime-deep: #9AC918;--navy: #1B1F5E;--navy-soft: #3A3F82;--navy-mute: #7880BE;--white: #FFFFFF;--off-white: #F8F8FF;--line: #D4D6FF;--line-soft: #E8E9FF;--shadow: 0 1px 3px rgba(27,31,94,.06), 0 6px 20px rgba(27,31,94,.08);--shadow-lift: 0 4px 14px rgba(27,31,94,.12), 0 16px 40px rgba(27,31,94,.16)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{background:var(--off-white);color:var(--navy);font-family:Roboto,sans-serif;line-height:1.5;-webkit-font-smoothing:antialiased;min-height:100vh}body{background-image:radial-gradient(circle at 5% 5%,rgba(114,120,255,.1) 0%,transparent 35%),radial-gradient(circle at 95% 95%,rgba(186,239,42,.1) 0%,transparent 40%)}.app{max-width:1280px;margin:0 auto;padding:48px 32px 80px}@media(max-width:768px){.app{padding:28px 18px 60px}}.header{margin-bottom:56px}.eyebrow{font-family:Montserrat,sans-serif;font-size:11px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--purple);margin-bottom:18px;display:flex;align-items:center;gap:12px}.eyebrow:before{content:"";width:28px;height:2px;background:var(--lime);flex-shrink:0;border-radius:2px}.title{font-family:Montserrat,sans-serif;font-weight:800;font-size:clamp(36px,5.5vw,68px);line-height:1.05;letter-spacing:-.02em;color:var(--navy);margin-bottom:20px;text-transform:uppercase}.title em{font-style:italic;color:var(--purple);text-transform:none}.subtitle{font-family:Roboto,sans-serif;font-size:clamp(17px,2vw,20px);font-weight:400;line-height:1.6;color:var(--navy-soft);max-width:680px}.crumb{display:flex;align-items:center;gap:12px;margin-bottom:32px;flex-wrap:wrap}.crumb button{background:none;border:none;cursor:pointer;font-family:Montserrat,sans-serif;font-size:12px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--navy-mute);padding:6px 0;transition:color .2s}.crumb button:hover{color:var(--purple)}.crumb button.active{color:var(--navy)}.crumb-sep{color:var(--line);font-size:13px}.org-intro{background:var(--white);border:2px solid var(--line-soft);border-radius:12px;padding:32px 36px;margin-bottom:48px;position:relative;overflow:hidden}.org-intro:before{content:"01";position:absolute;top:20px;right:32px;font-family:Montserrat,sans-serif;font-size:72px;color:var(--purple-tint);line-height:1;font-weight:900}.org-intro:after{content:"";position:absolute;bottom:-20px;right:-20px;width:80px;height:80px;background:var(--lime);border-radius:50%;opacity:.25}.org-intro h2{font-family:Montserrat,sans-serif;font-weight:800;font-size:24px;margin-bottom:12px;color:var(--navy);text-transform:uppercase;letter-spacing:-.01em}.org-intro p{color:var(--navy-soft);max-width:680px;font-size:16px;line-height:1.6}.org-intro p+p{margin-top:12px}.org-chart{display:flex;flex-direction:column;gap:0;align-items:center;padding:40px 0;position:relative}.tier-wrapper{display:flex;flex-direction:column;align-items:center;width:100%}.connector-line{width:2px;height:36px;background:var(--line);position:relative}.connector-line:after{content:"";position:absolute;bottom:-3px;left:-3px;width:8px;height:8px;background:var(--off-white);border:2px solid var(--purple-soft);border-radius:50%}.tier{display:flex;gap:16px;justify-content:center;flex-wrap:wrap;position:relative;width:100%}.node{position:relative;background:var(--white);border:2px solid var(--line);border-radius:12px;padding:20px 22px;min-width:190px;max-width:230px;cursor:pointer;transition:all .22s cubic-bezier(.2,.8,.2,1);text-align:left;box-shadow:var(--shadow)}.node:hover{transform:translateY(-4px);box-shadow:var(--shadow-lift);border-color:var(--purple);background:var(--purple-tint)}.node-tier{font-family:Montserrat,sans-serif;font-size:9px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--purple);margin-bottom:8px}.node-title{font-family:Montserrat,sans-serif;font-size:17px;font-weight:700;color:var(--navy);margin-bottom:4px;line-height:1.25;letter-spacing:-.01em}.node-reports{font-size:11px;color:var(--navy-mute);margin-top:8px;padding-top:8px;border-top:1px dotted var(--line)}.node-fn-count{font-size:11px;color:var(--navy-mute);margin-top:4px;font-style:italic}.node-arrow{position:absolute;top:14px;right:14px;color:var(--purple);opacity:0;transition:all .2s;font-size:14px}.node:hover .node-arrow{opacity:1;transform:translate(2px)}.role-header{display:flex;flex-direction:column;gap:8px;margin-bottom:32px;padding-bottom:28px;border-bottom:2px solid var(--line-soft)}.role-header .eyebrow{margin-bottom:8px}.role-name{font-family:Montserrat,sans-serif;font-weight:800;font-size:clamp(32px,5vw,52px);line-height:1.05;letter-spacing:-.02em;text-transform:uppercase;color:var(--navy)}.role-reports{font-size:13px;color:var(--navy-mute);margin-top:6px}.role-reports strong{color:var(--navy-soft);font-weight:600}.role-intro{font-family:Roboto,sans-serif;font-weight:400;font-style:italic;font-size:18px;line-height:1.6;color:var(--navy-soft);max-width:760px;margin-top:20px;padding-left:20px;border-left:4px solid var(--lime)}.functions-header{margin:48px 0 24px}.functions-header h2{font-family:Montserrat,sans-serif;font-weight:800;font-size:22px;text-transform:uppercase;color:var(--navy);margin-bottom:8px;letter-spacing:-.01em}.functions-header p{font-size:14px;color:var(--navy-mute);max-width:640px}.functions{display:grid;gap:14px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.function-card{background:var(--white);border:2px solid var(--line-soft);border-radius:12px;padding:22px;cursor:pointer;transition:all .2s ease;text-align:left;position:relative}.function-card:hover{border-color:var(--purple);transform:translateY(-3px);box-shadow:var(--shadow);background:var(--purple-tint)}.function-card.demo{border-color:var(--lime-deep);background:linear-gradient(135deg,rgba(186,239,42,.12) 0%,var(--white) 60%)}.function-card.demo:after{content:"Workshop Demo";position:absolute;top:12px;right:12px;font-family:Montserrat,sans-serif;font-size:8px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:#5a6800;background:var(--lime);padding:3px 8px;border-radius:20px}.fn-number{font-family:Roboto Mono,monospace;font-size:10px;color:var(--purple);margin-bottom:8px;letter-spacing:.08em}.fn-title{font-family:Montserrat,sans-serif;font-weight:700;font-size:17px;color:var(--navy);margin-bottom:8px;line-height:1.3;letter-spacing:-.01em}.fn-summary{font-size:13px;color:var(--navy-soft);line-height:1.55}.fn-cta{margin-top:14px;font-family:Montserrat,sans-serif;font-size:10px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--purple);display:flex;align-items:center;gap:6px}.fn-cta:after{content:"→";transition:transform .2s}.function-card:hover .fn-cta:after{transform:translate(4px)}.fn-detail-header{margin-bottom:32px;padding-bottom:24px;border-bottom:2px solid var(--line-soft)}.fn-context{font-family:Montserrat,sans-serif;font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--navy-mute);margin-bottom:10px}.fn-context strong{color:var(--purple)}.fn-detail-title{font-family:Montserrat,sans-serif;font-weight:800;font-size:clamp(28px,4vw,44px);line-height:1.08;letter-spacing:-.02em;text-transform:uppercase;color:var(--navy);margin-bottom:14px}.fn-human-work{font-family:Roboto,sans-serif;font-style:italic;font-weight:400;font-size:18px;line-height:1.6;color:var(--navy-soft);max-width:760px;padding-left:20px;border-left:4px solid var(--lime);margin-top:18px}.workshop-bridge{background:linear-gradient(135deg,rgba(186,239,42,.15) 0%,var(--white) 100%);border:2px solid var(--lime-deep);border-radius:12px;padding:24px 28px;margin:32px 0;position:relative}.workshop-bridge .eyebrow{color:var(--lime-deep);margin-bottom:8px}.workshop-bridge .eyebrow:before{background:var(--lime-deep)}.workshop-bridge p{font-family:Roboto,sans-serif;font-style:italic;font-size:17px;line-height:1.6;color:var(--navy);font-weight:400}.levels-intro{margin:40px 0 20px}.levels-intro h3{font-family:Montserrat,sans-serif;font-weight:800;font-size:20px;text-transform:uppercase;color:var(--navy);margin-bottom:8px;letter-spacing:-.01em}.levels-intro p{font-size:14px;color:var(--navy-mute);max-width:680px}.levels{display:flex;flex-direction:column;gap:0;margin-top:24px}.level{background:var(--white);border-top:2px solid var(--line-soft);border-bottom:none;padding:28px 0;transition:background .2s}.level:first-child{border-top:2px solid var(--line)}.level:last-child{border-bottom:2px solid var(--line)}.level-inner{display:grid;grid-template-columns:150px 1fr;gap:36px;align-items:start}@media(max-width:720px){.level-inner{grid-template-columns:1fr;gap:12px}}.level-marker{display:flex;flex-direction:column;gap:4px}.level-num{font-family:Montserrat,sans-serif;font-weight:900;font-size:72px;line-height:.9;color:var(--purple);letter-spacing:-.04em}.level-name{font-family:Montserrat,sans-serif;font-size:9px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--navy-mute)}.level-tagline{font-family:Roboto,sans-serif;font-style:italic;font-size:13px;color:var(--navy-soft);margin-top:4px;line-height:1.4}.level-content{padding-top:10px}.level-examples{display:flex;flex-direction:column;gap:14px}.example{background:var(--off-white);padding:16px 18px;border-radius:8px;border-left:3px solid var(--purple)}.example-name{font-family:Montserrat,sans-serif;font-size:15px;font-weight:700;color:var(--navy);margin-bottom:6px;letter-spacing:-.01em}.tool-tag{display:inline-block;font-family:Roboto Mono,monospace;font-size:9px;font-weight:500;color:var(--purple-dark);background:var(--purple-soft);padding:2px 8px;border-radius:20px;margin-left:8px;letter-spacing:.04em;vertical-align:middle;text-transform:uppercase}.example-desc{font-size:13px;color:var(--navy-soft);line-height:1.55}.org-bands{display:flex;flex-direction:column;border:2px solid var(--line);border-radius:16px;overflow:hidden;margin-top:32px}.org-band{display:grid;grid-template-columns:100px 1fr;min-height:140px}.org-band+.org-band{border-top:2px solid var(--line)}.band-label{display:flex;align-items:center;justify-content:center;padding:20px 0}.band-label span{writing-mode:vertical-lr;transform:rotate(180deg);font-family:Montserrat,sans-serif;font-weight:900;font-size:12px;letter-spacing:.22em;text-transform:uppercase}.band-leaders .band-label{background:var(--navy)}.band-leaders .band-label span{color:var(--lime)}.band-managers .band-label{background:var(--purple)}.band-managers .band-label span{color:#fff}.band-doers .band-label{background:var(--purple-soft)}.band-doers .band-label span{color:var(--purple-dark)}.band-roles{display:flex;flex-wrap:wrap;gap:16px;padding:20px;background:var(--off-white);align-content:flex-start}.node-tagline{font-family:Roboto,sans-serif;font-size:12px;font-weight:400;color:var(--navy-soft);line-height:1.4;margin-top:5px;font-style:italic}.role-panel{background:var(--white);border:2px solid var(--line);border-radius:14px;min-width:220px;max-width:300px;flex:1 1 220px;overflow:hidden;box-shadow:var(--shadow);transition:box-shadow .2s,border-color .2s}.role-panel:hover{border-color:var(--purple-soft);box-shadow:var(--shadow-lift)}.role-panel-header{padding:16px 18px 14px;border-bottom:2px solid var(--line-soft);background:var(--purple-tint)}.role-panel-fns{padding:12px 14px 14px;display:flex;flex-wrap:wrap;gap:8px}.fn-chip{display:inline-flex;align-items:center;gap:6px;background:var(--off-white);border:1.5px solid var(--line);border-radius:8px;padding:7px 12px;font-family:Roboto,sans-serif;font-size:12px;font-weight:500;color:var(--navy);cursor:pointer;transition:all .18s ease;text-align:left;line-height:1.3}.fn-chip:hover{background:var(--purple-tint);border-color:var(--purple);color:var(--purple-deep);transform:translateY(-1px)}.fn-chip-demo{border-color:var(--lime-deep);background:#baef2a1a}.fn-chip-demo:hover{background:#baef2a33;border-color:var(--lime-deep);color:#3d5200}.fn-chip-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--lime-deep);flex-shrink:0}.fn-demo-badge{margin-left:12px;color:#3d5200;font-weight:700;letter-spacing:.12em;text-transform:uppercase;font-size:10px;background:var(--lime);padding:2px 8px;border-radius:20px}.fade-in{animation:fadeIn .35s cubic-bezier(.2,.8,.2,1)}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.stagger-1{animation-delay:.04s;animation-fill-mode:both}.stagger-2{animation-delay:.08s;animation-fill-mode:both}.stagger-3{animation-delay:.12s;animation-fill-mode:both}.stagger-4{animation-delay:.16s;animation-fill-mode:both}.footer-note{margin-top:80px;padding-top:28px;border-top:2px solid var(--line-soft);font-size:13px;color:var(--navy-mute);line-height:1.6;max-width:720px}.footer-note strong{color:var(--navy-soft)}.back-btn{background:none;border:none;color:var(--purple);font-family:Montserrat,sans-serif;font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;cursor:pointer;padding:8px 0;display:inline-flex;align-items:center;gap:8px;margin-bottom:8px;transition:color .2s}.back-btn:hover{color:var(--purple-deep)}.back-btn:before{content:"←"}.app:before{display:block;content:"";height:4px;background:linear-gradient(90deg,var(--purple) 0%,var(--lime) 100%);border-radius:0 0 4px 4px;margin-bottom:0;position:fixed;top:0;left:0;right:0;z-index:100}@media print{body{background:#fff}.node:hover,.function-card:hover{transform:none;box-shadow:none}}