:root{
  --paper:#171715;--ink:#f0f0ed;--body:#b6b6bb;--muted:#85858e;--line:#303137;
  --panel:#171715;--panel2:#171715;--accent:#b8b9d5;--yes:#9fc8ae;--no:#cd9292;
  --sage:#171715;--dark:#eeefeb;--clay:#c7b39c;color-scheme:dark;
}
body{background:var(--paper);color:var(--ink);isolation:isolate}
body:before{content:"";position:fixed;inset:0;z-index:70;pointer-events:none;opacity:.035;mix-blend-mode:screen;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.92' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23fff' filter='url(%23n)' opacity='.7' d='M0 0h180v180H0z'/%3E%3C/svg%3E");background-size:180px 180px}
::selection{background:#444354;color:#fff}:focus-visible{outline-color:var(--accent)}
.announcement{background:rgba(28,29,34,.58);border-bottom-color:#ffffff0b;color:#b8b8c0;backdrop-filter:blur(22px)}
.site-header{background:rgba(19,20,24,.66);border-color:#ffffff17;box-shadow:0 10px 40px #00000016;backdrop-filter:blur(30px) saturate(110%);-webkit-backdrop-filter:blur(30px) saturate(110%)}
.site-header.scrolled{background:rgba(19,20,24,.78)}
.nav-link:hover{background:#ffffff08}.status-dot{background:var(--accent)}
.button-dark{background:#eeefeb;color:#171715;border-color:#eeefeb}
.button-dark:hover{background:#fff;color:#171715;box-shadow:0 3px 22px #ffffff0e}
.text-link:hover{color:#dddceb}.system-menu{background:rgba(23,24,29,.88);border-color:#ffffff1a;box-shadow:0 25px 80px #0008}
.system-menu a{border-color:#ffffff12}.system-menu a:hover{color:var(--accent)}.system-menu p,.system-menu .eyebrow{color:var(--muted)}
.hero-art{height:570px;background:radial-gradient(ellipse at 54% 48%,#a5a0cd08,transparent 70%)}
.hero-subtitle{color:#b8b8c0;max-width:540px}.hero-actions{margin-top:34px}.hero-eyebrow{color:#a7a7b1}
.hero{padding-bottom:90px}.experience{border-color:#ffffff16}.experience>p{color:#909098}
.company-logos img{filter:brightness(0) invert(1);opacity:.63}
.journey-intro .eyebrow,.intro-context .eyebrow{color:#92929c}.intro-context>p:first-child{color:var(--ink)}
.chapter-copy,.intro-context>p:nth-child(2){color:var(--body)}.chapter-label{color:#94949f}.chapter-label>span:first-child{border-color:#36373f;color:#b7b6c6}
.features>p{color:#92929d}.features strong{color:#e1e0e7}.features i{color:#a5a5bc}
html{scroll-padding-top:100px}.chapter{scroll-margin-top:0}.visual-sticky{height:min(660px,calc(100svh - 125px));top:102px;min-height:500px}
.scene-mount{background:none}.scene-mount:before,.scene-mount:after{display:none;content:none}
.scene{transition:opacity .38s ease,transform .7s cubic-bezier(.22,1,.36,1),visibility .38s;transform:translateY(18px) scale(.985);transform-origin:50% 60%}
.scene.active{transform:none}.scene-mount.flow-forward .scene.active{animation:scene-arrive .75s cubic-bezier(.22,1,.36,1) both}
@keyframes scene-arrive{from{opacity:0;transform:translateY(22px) scale(.985)}to{opacity:1;transform:none}}
.route-control{height:53px;flex-shrink:0;border-top:0;border-bottom:1px solid var(--line);padding:0;gap:0;position:relative;z-index:5}
.route-track{display:flex;align-items:center;justify-content:space-between;gap:10px;flex:1;margin:0;width:100%;min-width:0}
.route-track:before{display:none}.route-stop{width:14px;height:39px;flex:0 0 14px;display:flex;align-items:center;gap:10px;padding:0;color:var(--muted);border:0;border-radius:0;overflow:hidden;transition:flex .55s cubic-bezier(.22,1,.36,1),max-width .55s,width .55s,color .3s}
.route-stop:after{display:none}.route-stop .route-dot{height:5px;width:5px;min-width:5px;border-radius:50%;border:1px solid #72717e;background:transparent;transition:background .3s,box-shadow .3s}
.route-stop .route-name{font:9px/1.4 var(--mono);letter-spacing:.02em;white-space:nowrap;opacity:0;max-width:0;transition:opacity .25s,max-width .55s}
.route-stop.active{flex:1 1 200px;max-width:255px;color:#e4e3eb;width:auto}.route-stop.active .route-dot{border-color:var(--accent);background:var(--accent);box-shadow:0 0 12px #b8b9d533}
.route-stop.active .route-name{opacity:1;max-width:235px}.route-stop.done .route-dot{background:#64636f;border-color:#64636f}.route-stop:hover .route-dot{border-color:#eeeef5;background:#eeeef5}
.route-stop:focus-visible{outline-offset:2px;border-radius:2px}.route-stop.active:after,.route-stop.done:after{display:none}
.handoff-token{position:absolute;z-index:6;left:50%;top:46%;padding:12px 18px;transform:translate(-50%,-50%);font:10px/1.4 var(--mono);letter-spacing:.025em;white-space:nowrap;color:#e1deef;background:rgba(41,40,51,.94);border:1px solid #8c899d8f;border-radius:3px;box-shadow:0 0 40px #b8b9d514;pointer-events:none;opacity:0;will-change:transform,opacity}
.handoff-token.travel{animation:handoff 1.05s cubic-bezier(.22,1,.36,1) forwards}
@keyframes handoff{0%{opacity:0;transform:translate(-50%,-50%) scale(.82)}18%{opacity:1}78%{opacity:1;transform:translate(calc(-50% + var(--handoff-dx,0px)),calc(-50% + var(--handoff-dy,-120px))) scale(1)}100%{opacity:0;transform:translate(calc(-50% + var(--handoff-dx,0px)),calc(-50% + var(--handoff-dy,-120px))) scale(.72)}}
.scene .micro,.scene .source-foot,.scene .attachment,.scene .audit-strip small{color:#9b9aa8}.live-dot{background:var(--accent)}
.connection-lines{stroke:#494852}.tool-node{background:var(--paper);color:var(--body)}.tool-node:hover,.tool-node.selected{background:var(--panel2);border-color:#4a4857}.tool-node.selected{color:var(--ink)}
.tool-node b,.tool-node .drive-mark,.tool-node .mail-mark,.tool-node .crm-mark,.tool-node .ai-mark,.tool-node .granola-mark{color:#c5c3d3}.tool-node .notion-mark{border-color:#d3d1db;box-shadow:2px 2px 0 #64616e}
.iso-plate{background:#24242e;border-color:#676374;box-shadow:-6px 8px 0 #171715,-7px 9px 0 #4d4959;color:#d7d3e4}.plate-lower{background:#171715}.plate-upper{background:#292935}.connector-label{background:var(--paper);border-color:#42414c;color:#b6b1c7}
.connection-note{border-color:#6d687e}.connection-note p{color:#b1adbe}.fixed-answer{background:#171715;border-color:#464250}.fixed-answer code{color:#e1dceb}.fixed-answer code span{color:#b3a9c5}
.language-link{color:#a39aaf}.language-link>span:first-child{background:#514957}.position-paper{background:var(--panel);border-color:#39363f;box-shadow:5px 5px 0 #171715}.position-paper>p{color:#afabb7}.argument-note,.linked-impact{border-color:#35323b}.argument-note p{color:#d0c8d8}.linked-impact{color:#c6b69f}
.slack-scene{background:#171715;border-color:#33343c;box-shadow:6px 7px 0 #171715}.slack-channel{border-color:#34343b}.represent-avatar{background:#c4bfd0;color:#171715}.message-author>span{background:#292a30;color:#aaa7b5}.message-author time{color:#797982}.message-content>p.slack-detail{color:#aeacb7}.approval-facts{color:#95909f}.slack-actions button{border-color:#4b4654;color:#bbb6c6}.slack-actions button:first-child{background:#e1dde7;border-color:#e1dde7;color:#171715}.slack-actions button:hover{background:#d2cbdc;color:#171715}.approval-receipt{color:var(--yes)}.approval-receipt small{color:#91aa99}.human-branch{border-color:#3c3742}.human-branch p{color:#99929e}.human-branch strong{color:#bbb4c0}.branch-dot{border-color:#a899af}.status-link{border-color:#37323f}.status-link:hover{color:#d4c9e2}
.audit-strip:before{background:#51475d}.audit-dot{background:#a99ab9;box-shadow:0 0 0 5px var(--paper)}.audit-strip small{color:#a59aaa}.insight-paper{background:#171715;border-color:#4a414f}.insight-title>span:last-child{color:#ac9cb6}.performance-row{border-color:#37313d;color:#b4aaba}.performance-row strong{color:#e4d9ea}.insight-description{color:#a99caf}.audit-footer{justify-content:flex-end}.small-button{border-color:#514657;color:#c5b8cc}.small-button:hover{background:#332b39}.small-button.dark{background:#e6dfe9;border-color:#e6dfe9;color:#2b2330}
.portfolio-tile{background:#171715;border-color:#51495e;box-shadow:-3px 4px 0 #171715,-4px 5px 0 #3e374a}.portfolio-tile b{color:#aba1bb}.portfolio-tile.highlighted{background:#777087;border-color:#b4a7c9;box-shadow:-5px 7px 0 #393044,-6px 8px 0 #8c7ba3}.portfolio-tile.highlighted b{color:#ece1f6}.learning-proposal{background:#171715;border-color:#443e50;box-shadow:5px 5px 0 #171715}.proposal-dot{border-color:#8b7ba2}.learning-proposal>p{color:#aaa0b8}.learning-proposal strong{color:#e1d6eb}.proposal-flow>span:first-child{color:#92849f}.proposal-flow i{color:#655875}.proposal-flow b{background:#2d2735;border-color:#51425e;color:#c8b3dc}.quiet-button{color:#b6a6c5;border-color:#4b3d58}.quiet-button:hover{color:#eee1fb;border-color:#a28ab8}.dd-link{border-color:#41374b}.dd-link .document-icon{color:#b09bc5}.dd-link small{color:#aa9ab9}.dd-link:hover{color:#d5bbea}
.closing{background:#171715;border-color:#2f2e36}.closing-copy p{color:#b9b7c2}footer{border-color:#33313b;color:#9c98a9}
dialog{background:rgba(27,26,33,.9);border-color:#ffffff23;color:#ede8f3;box-shadow:0 25px 130px #0009;backdrop-filter:blur(32px);-webkit-backdrop-filter:blur(32px)}dialog::backdrop{background:#06060a88;backdrop-filter:blur(9px);-webkit-backdrop-filter:blur(9px)}
.detail-table th,.detail-table td{border-color:#3b3544}.detail-table th,.detail-caption{color:#a399b2}.detail-quote{border-color:#8e7b9e;color:#c1b7ca}.detail-quote del{color:var(--no)}.detail-quote ins{background:#9fc8ae18;color:var(--yes)}.detail-note{background:#28232f;color:#bdb1c9}
@media(min-width:1500px){.hero-art{height:610px}.visual-sticky{top:115px}}
@media(max-width:1100px) and (min-width:801px){.route-track{gap:7px}.route-stop .route-name{font-size:8px}.route-stop{flex-basis:10px;width:10px}.route-stop.active{flex-basis:172px;max-width:218px}.hero-art{height:530px}}
@media(max-width:800px){.hero-art{height:470px;width:100%;max-width:560px;margin-top:40px}.hero{padding-bottom:38px}.mobile-scene{background:none;border-color:var(--line)}.chapter{border-color:#2d2b33}.route-control{display:none}.mobile-scene .scene.active{animation:none}.handoff-token{display:none}.hero-subtitle{font-size:17px}.experience{padding-block:28px}.company-logos img{opacity:.7}}
@media(max-width:430px){.hero-art{height:440px;margin-top:30px}.hero-subtitle{font-size:16px}.hero-actions{gap:20px}.hero-actions .button{font-size:9px}.hero-actions .text-link{font-size:8px}.company-logos{row-gap:26px}}
@media(prefers-reduced-motion:reduce){.handoff-token{display:none}.scene-mount.flow-forward .scene.active{animation:none}.route-stop,.route-stop .route-name{transition:none}}

@media(max-width:800px){#live-data .mobile-scene{height:540px}}