html{scroll-padding-top:25px}body{background:#111211}.site-shell{max-width:1350px;margin:auto;padding:0 32px}main{max-width:none;padding:0}a{color:inherit}a:focus-visible{outline:2px solid #e1a087;outline-offset:5px;border-radius:2px}.skip-link{position:absolute;left:16px;top:-70px;z-index:5;background:#e7e8df;color:#111;padding:12px}.skip-link:focus{top:10px}.topbar{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #353a30;padding:23px 0;margin:0;max-width:none}.wordmark{font:500 17px 'IBM Plex Mono',monospace;text-decoration:none;letter-spacing:-.06em}.wordmark span{color:#e68265}.site-nav{display:flex;gap:24px;flex-wrap:nowrap;margin:0}.site-nav a{font-size:12px;color:#cbd2c3;padding:5px 0;border-bottom:1px solid transparent;transition:color 160ms,border-color 160ms}.site-nav a:hover{color:#fff;border-color:#d58e72}.site-nav span{color:inherit;font-size:inherit;margin:0}.intro{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(230px,1fr);gap:64px;align-items:center;padding:39px 0 33px}.intro .eyebrow{font:10px 'IBM Plex Mono',monospace;letter-spacing:.08em;color:#c08770;text-transform:uppercase;margin:0 0 13px}.intro h1{font-size:clamp(40px,4.3vw,59px);font-weight:500;letter-spacing:-.06em;line-height:1.05;margin:0 0 19px}.intro-lead{font-size:18px;line-height:1.55;color:#d9dfd0;margin:0}.intro-interest{font-size:14px;line-height:1.65;color:#a8b19f;max-width:575px;margin:13px 0 0}.next-role{padding-left:23px;border-left:2px solid #a66550;max-width:340px}.next-role>p:not(.eyebrow){font-size:16px;line-height:1.5;margin:0 0 10px}.next-role .location{font-size:12px!important;color:#a8b19f}.contact-link{display:inline-flex;gap:25px;align-items:center;text-decoration:none;font-size:13px;border-bottom:1px solid #89977c;padding:6px 0;margin-top:4px}.contact-link span{color:#dda184;transition:transform 170ms}.contact-link:hover span{transform:translate(2px,-2px)}.section-heading{display:flex;justify-content:space-between;align-items:baseline;gap:15px;margin:0 0 17px}.section-heading h2{font-size:14px;font-weight:500;letter-spacing:0;margin:0;color:#dce2d3}.section-heading>span,.section-heading>a{font:10px 'IBM Plex Mono',monospace;color:#939f85;text-decoration:none}.experience{scroll-margin-top:25px}.lower-grid{display:grid;grid-template-columns:1fr 1fr;gap:26px;align-items:start;margin-top:27px}.lower-grid .optiver{grid-column:auto;max-width:none}.writing{padding:11px 12px 0 18px;scroll-margin-top:25px}.writing .section-heading{margin-bottom:10px}.writing-intro{font-size:12px;line-height:1.6;color:#a8b19f;margin:0 0 8px}.article-link{display:block;padding:17px 0;border-bottom:1px solid #353e2e;text-decoration:none}.article-date{font:10px 'IBM Plex Mono',monospace;color:#909c85}.article-link h3{font-size:17px;font-weight:500;letter-spacing:-.025em;line-height:1.35;color:#dbe2d1;margin:7px 0}.article-link h3 span{display:inline-block;color:#cf997c;transition:transform 170ms}.article-link p{font-size:12px;line-height:1.65;color:#aab59e;margin:0}.article-link:hover h3{color:#fff}.article-link:hover h3 span{transform:translate(2px,-2px)}.home-footer{display:flex;gap:30px;align-items:center;max-width:none;padding:23px 0 27px;margin:30px 0 0;border-top:1px solid #353a30}.home-footer a{font-size:12px;margin:0;display:inline;text-decoration:none;color:#b4c0a8}.home-footer a:hover{color:#fff}.home-footer>div{display:flex;gap:24px;margin-left:auto}.endmark{font:12px 'IBM Plex Mono',monospace;color:#c08770}@media(max-width:1050px){.site-shell{max-width:714px}.intro{grid-template-columns:1fr;gap:22px;padding:30px 0}.next-role{max-width:none;padding-left:16px}.next-role>p:not(.eyebrow){font-size:14px}.next-role .eyebrow{margin-bottom:8px}.contact-link{margin:0}.card-set{max-width:none}.lower-grid{grid-template-columns:1fr}.writing{padding:5px 0 0}.topbar{max-width:none}.home-footer{max-width:none}}@media(max-width:540px){.site-shell{padding:0 16px}main{padding:0}.topbar{padding:17px 0}.wordmark{font-size:15px}.site-nav{gap:15px;margin:0}.site-nav a{font-size:11px}.intro h1{font-size:42px}.intro-lead{font-size:16px}.intro-interest{font-size:13px}.intro{padding:27px 0;gap:20px}.intro-lead br{display:none}.section-heading{margin-bottom:14px}.lower-grid{margin-top:24px;gap:27px}.home-footer{gap:14px;flex-wrap:wrap}.home-footer>div{margin-left:0;gap:18px}.endmark{margin-left:auto}.article-link h3{font-size:17px}}@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}
/* Finishing pass: make links equally usable with keys, mouse and touch. */
@media(prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}
.site-nav a:focus-visible,.home-footer a:focus-visible{color:#fff}
.article-link:focus-visible h3{color:#fff}
.contact-link:focus-visible span,.article-link:focus-visible h3 span{transform:translate(2px,-2px)}
.writing .section-heading>a{display:inline-flex;align-items:center;min-height:28px}
@media(pointer:coarse){
  .wordmark,.site-nav a,.home-footer a{display:inline-flex;align-items:center;min-height:44px}
  .contact-link,.writing .section-heading>a{min-height:44px}
  .topbar{padding-top:10px;padding-bottom:10px}
}
@media(prefers-reduced-motion:reduce){.contact-link:focus-visible span,.article-link:focus-visible h3 span{transform:none}}

/* A compact diagram supports the result without becoming a case study. */
.inline-migration{grid-column:1/-1;display:grid;grid-template-columns:minmax(0,1fr) 20px minmax(0,1.6fr);align-items:center;gap:12px;margin:7px 0 0 35px;padding:12px 0 0;border-top:1px solid #b5c3a529}
.migration-source{display:grid;gap:7px;min-width:0}.seven-flows{display:flex;gap:4px}.seven-flows i{width:11px;height:17px;border:1px solid #c29570;border-radius:2px;background:#c2957014}.migration-source>span{font-size:12px;color:#d0b99f;line-height:1.4}.migration-arrow{color:#acb5a0;font-size:20px}.migration-destination{display:flex;align-items:center;gap:9px;min-width:0}.migration-destination svg{width:25px;height:25px;flex-shrink:0;fill:none;stroke:#8ec9ba;stroke-width:1.4}.migration-destination>span{font-size:13px;line-height:1.45;color:#d5e8d9}.migration-destination small{display:block;font-size:12px;color:#a8c4b5}
@media(max-width:540px){.inline-migration{margin-left:0;gap:8px;grid-template-columns:minmax(0,1fr) 16px minmax(0,1.5fr)}.seven-flows{gap:3px}.seven-flows i{width:9px;height:15px}.migration-destination{gap:6px}.migration-destination svg{width:18px;height:18px}.migration-destination>span{font-size:12px}}

.phone-trio{display:flex;gap:7px}.migration-source svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.4}.telephony-migration .migration-source{color:#8fbbe4}.pay-migration .migration-source{color:#dfbd79}.telephony-migration .migration-destination svg{stroke:#8fbbe4}.pay-migration .migration-destination svg{stroke:#dfbd79}.telephony-migration .migration-source>span,.pay-migration .migration-source>span{color:#c4cbbb}

.agent-access-strip{grid-column:1/-1;display:grid;grid-template-columns:1fr 12px 1fr 12px 1fr;align-items:center;gap:8px;margin:7px 0 0 35px;padding-top:12px;border-top:1px solid #b5c3a529}.access-node{display:flex;align-items:center;gap:7px;justify-content:center;min-width:0;color:#e3d3c1;font-size:12px;line-height:1.4}.access-node img{width:19px;height:19px;background:#edf0e9;padding:2px;border-radius:3px}.access-node svg{width:21px;height:21px;fill:none;stroke:#dfa583;stroke-width:1.5;flex-shrink:0}.access-arrow{color:#b4a696}.agent-access-strip figcaption{grid-column:1/-1;display:flex;align-items:center;justify-content:center;gap:6px;font-size:12px;color:#c4b5a5;margin-top:3px}.agent-access-strip figcaption svg{width:14px;height:14px;fill:none;stroke:#d2ad8d;stroke-width:1.5}@media(max-width:540px){.agent-access-strip{margin-left:0;gap:5px}.access-node{flex-direction:column;gap:5px;text-align:center}}

.leadership-map{grid-column:1/-1;margin:7px 0 0 35px;padding-top:12px;border-top:1px solid #b5c3a529}.leadership-root{text-align:center;font:12px 'IBM Plex Mono',monospace;color:#e3c9a7;padding-bottom:17px;position:relative}.leadership-root:after{content:'';position:absolute;left:50%;bottom:0;height:12px;border-left:1px solid #b7997166}.leadership-map ul{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));list-style:none;padding:0;margin:0;position:relative}.leadership-map ul:before{content:'';position:absolute;top:0;left:12.5%;right:12.5%;border-top:1px solid #b7997166}.leadership-map li{display:flex;flex-direction:column;align-items:center;gap:5px;position:relative;padding-top:13px;font-size:12px;line-height:1.4;color:#e0d3c3}.leadership-map li:before{content:'';position:absolute;top:0;height:8px;border-left:1px solid #b7997166}.leadership-map svg{width:19px;height:19px;fill:none;stroke:#d2ad8d;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round}@media(max-width:540px){.leadership-map{margin-left:0}.leadership-map li{font-size:12px}}

.optiver-intro{font-size:13px;line-height:1.6;color:#c1cbd1;margin:0 0 16px}.exchange-strip{display:flex;gap:24px;align-items:center;margin:0 0 18px}.exchange-strip>div{display:flex;align-items:center;gap:10px;min-width:0}.exchange-strip img{width:70px;height:30px;object-fit:contain;background:#fff;border-radius:3px;padding:5px}.exchange-strip span{font-size:12px;color:#c2d0d8}.optiver-work strong{display:block;font-size:13px;font-weight:550;color:#e2eaf0;margin-bottom:4px}.optiver .stack-detail{padding-bottom:0}@media(max-width:540px){.exchange-strip{gap:14px}.exchange-strip>div{flex-direction:column;align-items:flex-start;gap:6px}.exchange-strip img{width:85px;height:34px}}

.exchange-strip small{display:block;font-size:11px;color:#91abba;margin-top:4px}.stack-symbol{width:18px;height:18px;flex-shrink:0;fill:none;stroke:#8fbbe4;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}@media(max-width:540px){.stack-symbol{width:16px;height:16px}}

.compact-visual{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:10px;margin:7px 0 0 35px;padding-top:12px;border-top:1px solid #b5c3a529;color:#cbd9c0}.visual-node{display:flex;align-items:center;gap:7px;min-width:0;font-size:12px;line-height:1.4}.visual-node svg,.repo-marks svg{width:20px;height:20px;flex-shrink:0;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.visual-node img{width:20px;height:20px;object-fit:contain}.visual-arrow{font-size:17px;color:#9fac95}.block-zero .compact-visual{color:#ddc5a5}.group-visual .visual-node{flex:1;justify-content:center}.repo-marks{display:flex;align-items:center;gap:7px}.repo-marks img{width:19px;height:19px;object-fit:contain}.repo-marks .light-mark,.data-visual img[src*="apachekafka"]{background:#edf0e9;border-radius:3px;padding:2px}.sdk-visual>span:last-child{font-size:12px;line-height:1.4}.optiver-result{padding:14px 0;border-bottom:1px solid #b5c3a530}.optiver-result h3{font-size:13px;font-weight:550;line-height:1.45;color:#e2eaf0;margin:0 0 4px}.optiver .optiver-result p{padding:0;border:0;margin:0;font-size:13px;line-height:1.6}.optiver-result .compact-visual{margin:10px 0 0;padding:0;border:0;color:#a9cadb;min-height:28px}.optiver-result .visual-arrow{color:#91aebf}@media(max-width:540px){.compact-visual{margin-left:0;gap:7px}.visual-node{gap:5px}.optiver-result .visual-node{flex-direction:column;gap:5px;text-align:center}.sdk-visual{flex-wrap:wrap;gap:8px}.repo-marks{gap:6px}}


/* Final common rhythm and Optiver subsection marks. */
:root{color-scheme:dark}body{overflow-wrap:break-word}img,svg{vertical-align:middle}.card-set>*,.lower-grid>*,.result>*{min-width:0}.face{--card-accent:#a7bd96}.block-zero{--card-accent:#d2ad8d}.optiver{--card-accent:#8fbbe4}.face .role,.period,.card-top .period{font-size:12px}.selection,.card-note{font-size:12px;line-height:1.5}.card-note{color:#b1baa6}.platform-context,.explanation,.optiver-intro,.optiver .optiver-result p{font-size:14px;line-height:1.6}.result h3,.optiver-result h3{font-size:14px;line-height:1.4}.result-number>span{font-size:12px}.tech-row h3,.workflow-label{font-size:12px;letter-spacing:.03em}.tech-row,.workflow{grid-template-columns:94px 1fr}.workflow p{font-size:12px}.tech-row li{font-size:12px}.result{padding-top:15px;padding-bottom:15px}.result .explanation{padding-left:35px}.optiver-result{position:relative;padding:15px 0 15px 35px}.optiver-result h3{display:flex;gap:8px;align-items:center;min-height:27px;margin:0 0 6px}.optiver-result .section-icon{position:absolute;left:0;top:15px;flex:none}.optiver-result .section-icon img{width:19px;height:19px;object-fit:contain}.optiver-result .dark-section-mark{background:#edf0e9;border-radius:3px;padding:2px}.exchange-strip{flex-wrap:wrap;gap:16px 24px}.exchange-strip>div{flex:1;min-width:150px}.exchange-strip img{flex-shrink:0}.exchange-strip small{font-size:12px;line-height:1.5}.optiver h2{font-size:26px}.section-heading>span,.section-heading>a,.article-date{font-size:12px}.article-link p,.writing-intro{font-size:13px}.site-nav a,.home-footer a{font-size:13px}.face :is(.inline-migration,.compact-visual,.agent-access-strip,.leadership-map){border-top-color:#b5c3a524}.home-footer{padding-bottom:32px}.site-nav a,.home-footer a,.wordmark,.contact-link,.writing .section-heading>a{min-height:40px;display:inline-flex;align-items:center}.section-heading{align-items:center}.article-link:active{opacity:.85}.article-link h3{transition:color 160ms ease}.home-footer a,.contact-link{transition:color 160ms ease}.contact-link:hover{color:#fff}
/* An annotated diagram, not a simulated debugging tool. */
.packet-study{margin:12px 0 0;padding:11px 12px;background:#152127;border:1px solid #526b7955;border-radius:5px}.packet-caption{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px;font:12px 'IBM Plex Mono',monospace;color:#b6cbd7}.packet-caption small{font:inherit;color:#91a8b4}.packet-regions{display:grid;grid-template-columns:1fr 1.25fr 1.5fr;gap:5px}.packet-region{--packet-color:#8dbedf;min-width:0;display:flex;flex-direction:column;gap:7px;border-bottom:1px solid var(--packet-color);padding-bottom:6px}.header-region{--packet-color:#d4b17f}.payload-region{--packet-color:#8cbca4}.byte-cells{display:flex;gap:3px;height:17px}.byte-cells i{flex:1;border-top:2px solid var(--packet-color);background:color-mix(in srgb,var(--packet-color) 30%,transparent)}.packet-region>span:last-child{font-size:12px;color:#b9cad1;line-height:1.4}
/* Audit records: illustrative rows with no invented data. */
.audit-visual{display:flex;align-items:center;gap:13px;margin:12px 0 0;color:#bdd4cc;min-height:45px}.trade-records,.audit-document{display:flex;align-items:center;gap:9px;font-size:12px;line-height:1.4}.record-lines{display:grid;gap:4px;flex:0 0 26px}.record-lines i{display:block;height:7px;border-left:3px solid #8fb4a0;background:#8fb4a025}.audit-connector{flex:1;min-width:12px;height:1px;background:#8fb4a065}.document-lines{display:grid;align-content:center;gap:4px;width:26px;height:34px;border:1px solid #8fb4a090;border-radius:2px;padding:5px;flex-shrink:0}.document-lines i{height:1px;background:#8fb4a0}.document-lines i:last-child{width:65%}.audit-document small{display:block;font-size:12px;color:#98b0b9;margin-top:3px}
@media(max-width:1050px){.site-shell{max-width:714px}.writing{padding-top:8px}}
@media(max-width:540px){.site-shell{padding:0 14px}.face{padding-left:18px;padding-right:18px}.period,.card-top .period{font-size:12px}.topbar{gap:10px}.wordmark{font-size:14px}.site-nav{gap:11px}.site-nav a{font-size:12px}.result{padding-left:33px}.result .explanation{padding-left:0}.result h3,.optiver-result h3{font-size:13px}.platform-context,.explanation,.optiver-intro,.optiver .optiver-result p{font-size:13px}.tech-row,.workflow{grid-template-columns:84px 1fr;gap:8px}.tech-row h3,.workflow-label{font-size:11px}.tech-row ul{gap:8px 10px}.scope-title{gap:12px}.optiver-result{padding-left:33px}.optiver-result .section-icon{width:25px;height:25px}.optiver h2{font-size:24px}.exchange-strip{display:grid;grid-template-columns:1fr 1fr;gap:10px}.exchange-strip>div{min-width:0}.exchange-strip img{width:78px;height:32px}.exchange-strip small{font-size:12px}.packet-study{padding:10px}.packet-caption{flex-wrap:wrap;gap:4px 10px}.packet-regions{gap:4px;grid-template-columns:1fr 1.2fr 1fr}.byte-cells{gap:2px}.audit-visual{gap:8px}.audit-document,.trade-records{gap:6px}.home-footer{row-gap:4px}.home-footer>div{gap:18px}.optiver .stack-detail{padding-bottom:4px}}
@media(max-width:360px){.site-shell{padding:0 10px}.face{padding-left:14px;padding-right:14px}.site-nav{gap:9px}.wordmark{font-size:13px}.intro h1{font-size:38px}.tech-row,.workflow{grid-template-columns:1fr;gap:5px}.company-name{font-size:23px}.shuriken-mark{width:36px}.audit-visual{flex-wrap:wrap}.audit-connector{max-width:25px}.leadership-map li{font-size:11px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

/* CTO review: scope and adoption stay prominent; no empty metric column. */
.result:not(:has(.result-number)){grid-template-columns:1fr}

/* Final browser review fixes. */
img[src$="/wireshark.svg"]{background:#edf0e9;border-radius:3px;padding:2px}
.site-nav a,.home-footer a,.writing .section-heading>a{gap:5px}
@media(pointer:coarse){.wordmark,.site-nav a,.home-footer a,.contact-link,.writing .section-heading>a{min-height:44px}}

#main:focus{outline:none}
