/* V6 interaction layer: charcoal workspace, soft characters and useful motion. */
:root{--ex-bg:#f0f6f1;--ex-panel:#fff;--ex-text:#172b21;--ex-muted:#4c6658;--ex-line:#c7d7cc;--ex-accent:#335e44;--ex-chip:#e1ece4;--ex-lav:#eee9f7}
html[data-theme=dark]{color-scheme:dark;--ex-bg:#101616;--ex-panel:#192222;--ex-text:#edf4ef;--ex-muted:#bbc9c2;--ex-line:#394b43;--ex-accent:#b8e5c8;--ex-chip:#24382d;--ex-lav:#302c3c}
html{scroll-padding-top:90px}.version-tools{position:relative;z-index:40;display:flex;align-items:center;justify-content:space-between;padding:11px max(24px,calc((100vw - 1200px)/2));background:var(--ex-panel);border-bottom:1px solid var(--ex-line);color:var(--ex-muted);font-size:11px;gap:16px}.version-tools>div{display:flex;gap:18px;align-items:center;flex-wrap:wrap}.version-tools a{color:var(--ex-text);text-decoration:none}.version-tools button{font:inherit;background:transparent;color:var(--ex-text);border:1px solid var(--ex-line);border-radius:30px;padding:7px 12px;cursor:pointer}.version-tools button:hover{background:var(--ex-chip)}
.network-section{padding:45px 0 75px}.network-heading{display:grid;grid-template-columns:1fr 1fr;align-items:end;gap:80px;margin-bottom:28px}.network-heading h2{font-size:clamp(36px,4vw,57px);line-height:1.08;letter-spacing:-.05em;margin:14px 0}.network-heading>p{max-width:460px;color:var(--ex-muted);line-height:1.8;font-size:16px}.network-console{display:grid;grid-template-columns:1.35fr 1fr;border:1px solid var(--ex-line);border-radius:32px;background:var(--ex-panel);overflow:hidden}.brain-map{position:relative;min-height:550px;background:radial-gradient(ellipse at center,var(--ex-chip),transparent 65%)}.brain-wires{position:absolute;inset:0;width:100%;height:100%;overflow:visible}.wire{fill:none;stroke:var(--ex-line);stroke-width:1.5;stroke-dasharray:3 6}.packet{fill:var(--ex-accent);offset-distance:0%;animation:packetTravel 4.6s linear infinite}.brain-core{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:grid;justify-items:center;width:180px;z-index:2}.brain-core>.buddy{width:125px;height:125px;filter:drop-shadow(0 15px 20px #0004);animation:coreHover 4s ease-in-out infinite}.brain-core strong{font-size:19px;letter-spacing:-.03em;color:var(--ex-text)}.brain-core small{font-size:10px;color:var(--ex-muted);margin-top:7px}.brain-node{position:absolute;left:var(--x);top:var(--y);transform:translate(-50%,-50%);width:112px;padding:8px 4px;display:grid;justify-items:center;gap:1px;font:inherit;font-size:11px;line-height:1.35;background:transparent;color:var(--ex-muted);border:1px solid transparent;border-radius:19px;cursor:pointer;z-index:3}.brain-node>.buddy{width:62px;height:62px;filter:drop-shadow(0 8px 6px #0003);animation:nodeHover 4.6s ease-in-out infinite;animation-delay:var(--delay)}.brain-node:hover,.brain-node[aria-pressed=true]{background:var(--ex-chip);border-color:var(--ex-accent);color:var(--ex-text)}.brain-node:focus-visible{outline:3px solid var(--ex-accent);outline-offset:3px}.map-output{padding:38px 34px;border-left:1px solid var(--ex-line);display:flex;align-items:center;background:var(--ex-bg)}.map-output-label{font-size:11px;color:var(--ex-muted)}.map-output h3{font-size:30px;line-height:1.18;letter-spacing:-.035em;margin:18px 0}.map-output p{font-size:14px;line-height:1.75;color:var(--ex-muted)}.map-artifact{margin:25px 0;padding:22px;background:var(--ex-panel);border-radius:12px;border-left:3px solid var(--ex-accent)}.map-artifact>span{font-size:10px;color:var(--ex-muted)}.map-artifact h4{font-size:19px;margin:9px 0}.map-artifact p{margin:0;font-size:13px}.map-output .button{font-size:12px;padding:12px 18px}.map-changed>article:not([hidden]){animation:outputArrive .5s ease-out}.network-section>.depth-caption{margin-top:18px}
.fact-demo{border:1px solid var(--ex-line);border-radius:28px;padding:27px;background:var(--ex-panel);box-shadow:0 20px 65px #0002;color:var(--ex-text)}.fact-heading{display:flex;align-items:center;gap:10px;font-size:12px;line-height:1.5}.demo-signal{width:7px;height:7px;background:var(--ex-accent);border-radius:50%;box-shadow:0 0 0 5px var(--ex-chip);flex:none}.fact-options{display:flex;margin:24px 0 0;border:1px solid var(--ex-line);border-radius:13px;overflow:hidden}.fact-options button{border:0;border-right:1px solid var(--ex-line);background:transparent;color:var(--ex-muted);font:inherit;font-size:12px;line-height:1.4;flex:1;padding:13px 10px;cursor:pointer}.fact-options button:last-child{border:0}.fact-options button[aria-pressed=true]{background:var(--ex-chip);color:var(--ex-text);box-shadow:inset 0 -2px var(--ex-accent)}.fact-route{display:flex;align-items:center;justify-content:center;gap:12px;margin:10px 0}.fact-route>span{font-size:10px;white-space:nowrap;color:var(--ex-muted)}.fact-route>.buddy{width:76px;height:76px;filter:drop-shadow(0 9px 8px #0003);animation:coreHover 4s ease-in-out infinite}.fact-route>i{height:1px;flex:1;background:var(--ex-line);position:relative;min-width:25px}.fact-route>i:after{content:"";position:absolute;top:-2px;width:5px;height:5px;background:var(--ex-accent);border-radius:50%;animation:lineTravel 2.6s ease-in-out infinite}.fact-route>i:last-of-type:after{animation-delay:1.3s}.fact-source{font-size:12px;line-height:1.65;color:var(--ex-muted);padding:0 0 18px;border-bottom:1px solid var(--ex-line)}.fact-result{min-height:160px;padding:2px 0}.fact-result h3{font-size:26px;line-height:1.15;letter-spacing:-.04em;margin:14px 0}.fact-result p{font-size:14px;line-height:1.7;margin:0}.fact-demo details{border-top:1px solid var(--ex-line);border-bottom:1px solid var(--ex-line)}.fact-demo summary{font-size:11px;padding:15px 0!important;line-height:1.5}.fact-demo details p{font-size:12px;line-height:1.75;color:var(--ex-muted)}.fact-owner{font-size:11px;line-height:1.5;color:var(--ex-muted);margin:18px 0 7px}.fact-demo>small{font-size:10px;line-height:1.5;display:block;color:var(--ex-muted)}.fact-changed .fact-result{animation:outputArrive .55s ease-out}.fact-changed .fact-route>.buddy{animation:brainReact .65s ease-in-out}.process-player{display:grid;grid-template-columns:auto 1fr;gap:16px 26px;align-items:center;padding:23px 28px;border-bottom:1px solid var(--ex-line);background:var(--ex-panel)}.process-player button,.journey-player button{border:1px solid var(--ex-line);border-radius:30px;color:var(--ex-text);background:var(--ex-chip);font:inherit;font-size:12px;padding:11px 17px;cursor:pointer}.process-player ol{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;list-style:none;padding:0;margin:0;counter-reset:step}.process-player li{font-size:11px;line-height:1.5;color:var(--ex-muted);position:relative;padding:9px 0 13px;border-bottom:2px solid var(--ex-line)}.process-player li.current{color:var(--ex-accent);border-color:var(--ex-accent)}.process-player li.done{border-color:var(--ex-accent)}.process-status{grid-column:1/-1;font-size:11px;color:var(--ex-muted)}.depth-inputs,.depth-context,.depth-deliverable,.depth-handoff{transition:box-shadow .35s,outline-color .35s}.depth-lab[data-process="0"] .depth-case:not([hidden]) .depth-inputs>ul,.depth-lab[data-process="1"] .depth-case:not([hidden]) .depth-context,.depth-lab[data-process="2"] .depth-case:not([hidden]) .depth-deliverable,.depth-lab[data-process="3"] .depth-case:not([hidden]) .depth-handoff{outline:1px solid var(--ex-accent);outline-offset:7px;border-radius:12px;box-shadow:0 0 30px #8bc9a214}.journey-player{display:flex;gap:20px;padding:18px 30px;align-items:center;border-bottom:1px solid var(--ex-line)}.journey-player>span{font-size:11px;color:var(--ex-muted)}.journey-changed [role=tabpanel]:not([hidden]) .journey-output{animation:outputArrive .6s ease-out}
.studio-shell{max-width:1400px}.studio-wordmark{font-family:'DM Serif Display',Georgia,serif;font-size:28px;white-space:nowrap;text-decoration:none;color:#edf4ef}.studio-wordmark>span{color:#d5b369}.studio-shell .navlinks{font-size:13px;gap:22px}.studio-shell .nav-dropdown{position:relative;white-space:nowrap}.studio-shell .nav-dropdown>a{display:inline}.subnav-toggle{background:none;border:0;color:inherit;cursor:pointer;margin-left:3px}.studio-shell .dropdown-menu{position:absolute;top:100%;left:-20px;display:none;min-width:250px;max-height:65vh;overflow:auto;background:var(--ex-panel);padding:15px;border:1px solid var(--ex-line);border-radius:10px;z-index:40}.studio-shell .nav-dropdown:hover>.dropdown-menu,.studio-shell .nav-dropdown:focus-within>.dropdown-menu,.studio-shell .nav-dropdown.expanded>.dropdown-menu{display:grid;gap:8px}.dropdown-section-header{font-size:10px;color:var(--ex-muted);margin-top:9px}.studio-shell .dropdown-menu a{font-size:12px;padding:5px 0}.studio-shell [aria-current=page]{color:#d5b369}.studio-bridge{display:flex;gap:35px;align-items:center;padding:24px 0 35px;border-top:1px solid var(--ex-line);margin-top:5px}.studio-bridge p{font-size:15px;line-height:1.75;flex:1;color:var(--ex-muted)}.studio-bridge strong{color:var(--ex-text)}.studio-bridge a{font-size:13px;max-width:240px;color:var(--ex-accent)}.studio-footer{max-width:1200px;padding:65px 24px;margin:auto;border-top:1px solid var(--ex-line);font-size:13px;color:var(--ex-muted)}.studio-footer>div{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:35px}.studio-footer ul{padding-left:0;list-style:none;line-height:2}.studio-footer a{color:inherit}.studio-footer .logo{font-family:'DM Serif Display',Georgia,serif;font-size:25px;color:var(--ex-text)}.studio-footer .logo span{color:#d5b369}.studio-footer h4{color:var(--ex-text)}.studio-footer p{line-height:1.8}.studio-entry .growth-hero h1{font-family:'DM Serif Display',Georgia,serif;font-weight:400}.studio-entry .growth-hero{padding-bottom:25px}html[data-theme=light] .studio-wordmark{color:#0b1d33}
@keyframes packetTravel{0%{offset-distance:0%;opacity:0}15%{opacity:.8}85%{opacity:.8}100%{offset-distance:100%;opacity:0}}@keyframes lineTravel{0%{left:0;opacity:0}15%{opacity:1}85%{opacity:1}100%{left:95%;opacity:0}}@keyframes nodeHover{0%,100%{translate:0 0;rotate:-3deg}50%{translate:0 -7px;rotate:3deg}}@keyframes coreHover{0%,100%{translate:0 0}50%{translate:0 -8px}}@keyframes outputArrive{from{opacity:.4;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes brainReact{0%,100%{scale:1}45%{scale:1.12;rotate:7deg}}
.experience-away *,html.motion-paused *,html.motion-paused *:before,html.motion-paused *:after{animation-play-state:paused!important}html.motion-paused{scroll-behavior:auto}
@media(min-width:1600px){.brain-map{min-height:620px}.brain-node{font-size:12px;width:130px}.brain-node>.buddy{width:75px;height:75px}}
@media(max-width:1050px){.network-console{grid-template-columns:1fr}.brain-map{min-height:580px}.map-output{border-left:0;border-top:1px solid var(--ex-line)}.map-output article{width:100%;display:grid;grid-template-columns:1fr 1fr;column-gap:35px}.map-output article[hidden]{display:none}.map-output h3{grid-column:1}.map-output .map-artifact{grid-column:2;grid-row:1/5}.map-output .button{justify-self:start}.studio-shell .navlinks{gap:13px;font-size:11px}.studio-shell .navcta{font-size:11px}}
@media(max-width:780px){.version-tools{padding:12px 20px;align-items:start}.version-tools>span{display:none}.version-tools>div{gap:10px 15px;font-size:10px}.network-heading{grid-template-columns:1fr;gap:0}.network-heading>p{font-size:14px}.network-section{padding:35px 0 45px}.network-console{border-radius:24px}.process-player{grid-template-columns:1fr;padding:20px}.process-player button{justify-self:start}.process-player ol{gap:12px}.process-player li{font-size:10px}.process-status{font-size:10px}.studio-bridge{display:block}.studio-bridge a{display:inline-block;max-width:none}.studio-footer>div{grid-template-columns:1fr}.studio-shell .nav-dropdown{width:100%}.studio-shell .dropdown-menu{position:relative;left:0;max-height:280px;margin:12px 0;box-shadow:none}.studio-shell .nav-dropdown:hover>.dropdown-menu,.studio-shell .nav-dropdown:focus-within>.dropdown-menu{display:none}.studio-shell .nav-dropdown.expanded>.dropdown-menu{display:grid}.studio-shell .navlinks{font-size:14px;gap:18px}.journey-player{padding:16px 20px;gap:12px}.journey-player>span{max-width:170px}}
@media(max-width:480px){.network-heading h2{font-size:38px}.brain-map{display:grid;grid-template-columns:repeat(3,1fr);padding:20px 10px;gap:12px 5px;min-height:0}.brain-wires{display:none}.brain-core{position:relative;transform:none;top:auto;left:auto;grid-column:1/-1;width:auto;padding:5px 0 22px}.brain-core>.buddy{width:105px;height:105px}.brain-node{position:relative;top:auto;left:auto;transform:none;width:auto;font-size:10px;padding:8px 2px}.brain-node>.buddy{width:52px;height:52px}.brain-node[aria-pressed=true]{border-bottom:3px solid var(--ex-accent)}.map-output{padding:25px 22px}.map-output article{display:block}.map-output h3{font-size:28px}.map-output .map-artifact{margin:20px 0}.fact-demo{padding:23px 21px;border-radius:22px}.fact-result{min-height:170px}.fact-result h3{font-size:25px}.fact-options button{font-size:11px}.process-player ol{grid-template-columns:1fr 1fr}.journey-player{align-items:flex-start;flex-direction:column;gap:10px}.journey-player>span{max-width:none}.studio-footer{padding:40px 24px}.studio-footer>div{display:block}.version-tools a:last-child{display:none}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}html{scroll-behavior:auto}}

/* Parent-site footer: retain the real link hierarchy as readable columns. */
.studio-footer{display:grid;grid-template-columns:1.15fr 1fr 1fr;gap:42px 36px}
.studio-footer>div{display:block}
.studio-footer .foot-brand{grid-column:1/-1;max-width:540px}
.studio-footer .foot-col h3{font-size:14px;letter-spacing:0;margin:0 0 17px;color:var(--ex-text)}
.studio-footer .foot-col>a{display:block;font-size:12px;line-height:1.65;margin:0 0 10px;text-decoration:none}
.studio-footer a:hover{text-decoration:underline;color:var(--ex-text)}
.studio-footer .foot-legal{grid-column:1/-1;border-top:1px solid var(--ex-line);padding-top:25px}
.studio-footer .site-legal-links{display:flex;flex-wrap:wrap;gap:12px 22px}
.studio-footer .site-legal-proof{display:flex;flex-wrap:wrap;gap:12px 24px;font-size:11px;margin-top:28px}
.studio-footer .site-legal-proof>span{display:block}
@media(max-width:780px){.studio-footer{grid-template-columns:1fr 1fr;gap:32px 24px}.studio-footer .foot-col>a{font-size:12px}}
@media(max-width:480px){.studio-footer{grid-template-columns:1fr 1fr;gap:30px 20px}.studio-footer .foot-col:last-of-type{grid-column:1/-1}.studio-footer .site-legal-links{font-size:11px}.studio-footer .site-legal-proof{display:grid;gap:12px}}
