@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;450;500;550;600;650;700&family=IBM+Plex+Mono:wght@400;500&display=swap');
:root{font-family:'DM Sans',sans-serif;color:#e6e4dc;background:#111211;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button{font:inherit}main{max-width:1150px;margin:auto;padding:52px 42px 32px}header{margin-bottom:50px}header p{color:#a8aaa4;font-size:15px;line-height:1.7}header .eyebrow{font:11px 'IBM Plex Mono',monospace;color:#d87760;text-transform:uppercase;letter-spacing:.13em}h1{font-weight:500;font-size:clamp(30px,4vw,44px);letter-spacing:-.05em;margin:16px 0 12px}.studies{display:grid;grid-template-columns:1fr 1fr;gap:52px;align-items:start}.label{display:flex;align-items:center;gap:13px;font-size:11px;color:#969991}.label>span:first-child{font:12px 'IBM Plex Mono',monospace;border:1px solid #53564f;border-radius:50%;width:26px;height:26px;display:grid;place-items:center;color:#e7e8de}.label>span:last-child{margin-left:auto}.label h2{font-size:15px;font-weight:500;color:#d9dcd2}.stage{padding:46px 24px 36px;perspective:1400px;background:radial-gradient(ellipse at 45% 40%,#30342e55,transparent 70%);min-width:0}.object{position:relative;isolation:isolate;max-width:398px;margin:0 auto}.cover{position:relative;display:block;text-align:left;width:100%;padding:26px 27px 0;border:1px solid #595c52;border-radius:9px;color:#e9e8de;background:linear-gradient(125deg,#373a33 0%,#252923 65%,#282b26);cursor:pointer;box-shadow:inset 0 1px 0 #ffffff19,inset 0 -3px 0 #0b0d0a88,0 2px 1px #0a0b09,0 8px 0 -3px #30322d,0 10px 0 -3px #0a0b0a,0 25px 34px -14px #000d;transform:rotate(-1.3deg);transform-origin:50% 15%;transition:transform 400ms cubic-bezier(.2,.8,.2,1),box-shadow 400ms,border-color 250ms;z-index:2;overflow:hidden}.cover::after{content:'';position:absolute;inset:0;pointer-events:none;opacity:.085;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 160 160' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.7' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23fff' filter='url(%23n)' opacity='.4' d='M0 0h160v160H0z'/%3E%3C/svg%3E")}.card-top{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:33px}.logo{display:flex;background:#e0eff0;border-radius:3px;padding:10px 12px;width:128px;height:44px;align-items:center;gap:8px;color:#135967;font-size:17px;font-weight:600}.logo img{width:22px;height:22px;object-fit:contain}.period{font:9px/1.7 'IBM Plex Mono',monospace;text-align:right;color:#b2b5a9}.role{display:block;font-size:12px;color:#bdc0b4;margin-bottom:16px}.metric{display:block;font-weight:500;font-size:76px;line-height:1;letter-spacing:-.075em;font-variant-numeric:tabular-nums}.metric>span{font-size:36px;vertical-align:top;position:relative;top:8px;margin-left:2px;color:#d99a7b}.outcome{display:block;font-size:15px;margin-top:8px;color:#d9dcce}.premise{display:block;font-size:13px;line-height:1.6;color:#aeb4a5;margin:23px 0 24px}.stack{display:flex;gap:18px;flex-wrap:wrap;padding-bottom:23px}.stack>span{display:flex;align-items:center;gap:7px;font-size:11px;color:#d1d5c6}.stack img{width:16px;height:16px}.edge{position:relative;display:flex;align-items:center;justify-content:space-between;border-top:1px solid #ffffff21;margin:0 -27px;padding:15px 27px 17px;color:#dbe1d1;font-size:12px}.arrow{font-size:19px;transition:transform 350ms}.underlay{position:absolute;inset:8px 2px -6px;background:#a4ab91;border-radius:7px;transform:rotate(1.4deg);z-index:-1;box-shadow:0 14px 26px #0007}.notes-wrap{display:grid;grid-template-rows:0fr;visibility:hidden;transition:grid-template-rows 520ms cubic-bezier(.2,.8,.2,1),visibility 520ms}.notes{overflow:hidden}.notes-inner{background:#d7d6c6;color:#292d26;padding:36px 25px 22px;border-radius:0 0 5px 5px;transform:translateY(-26px);opacity:0;transition:transform 520ms cubic-bezier(.2,.8,.2,1),opacity 250ms}.note-kicker{font:10px 'IBM Plex Mono',monospace;letter-spacing:.07em;text-transform:uppercase;color:#646853}h3{font-size:23px;line-height:1.2;letter-spacing:-.035em;font-weight:550;margin:18px 0}.notes-inner p:not(.note-kicker){font-size:13px;line-height:1.7}.notes-inner .footnote{font-size:10px!important;border-top:1px solid #30382830;margin-top:20px;padding-top:12px;color:#5b6053}.close{border:0;border-bottom:1px solid #8f9380;background:transparent;padding:10px 0 6px;font-size:12px;cursor:pointer;display:flex;justify-content:space-between;width:100%;color:#34392d}.object.is-open .notes-wrap{grid-template-rows:1fr;visibility:visible}.object.is-open .notes-inner{transform:translateY(0);opacity:1;transition-delay:0ms,100ms}.stock .object.is-open .cover{transform:translateY(-8px) rotate(0);box-shadow:inset 0 1px 0 #ffffff19,0 2px 1px #0a0b09,0 8px 0 -3px #30322d,0 22px 28px -18px #000d}.object.is-open .arrow{transform:rotate(180deg)}.sleeve .cover{background:linear-gradient(110deg,#242d33,#18242d 70%);border-color:#42525e;border-radius:4px 4px 12px 12px;transform:rotate(1.3deg);box-shadow:inset 0 1px #ffffff16,inset 0 -3px #070e1355,0 18px 25px -8px #000b}.sleeve .underlay{inset:-16px 11px 14px;background:#c9c2ad;transform:rotate(-1deg);color:#45453a;padding:10px 13px;font:8px 'IBM Plex Mono',monospace;border-radius:3px}.sleeve .metric>span{color:#bdcfc6}.sleeve .role,.sleeve .premise{color:#acb8bf}.sleeve .notes-inner{background:#ddd7c5;padding-top:34px;box-shadow:inset 0 18px 22px -19px #1c1916cc}.sleeve .notes-wrap{margin:0 10px}.sleeve .object.is-open .cover{transform:rotate(0)}.sleeve .object.is-open .underlay{transform:rotate(0)}.direction{font-size:13px;line-height:1.7;color:#a1a69b;padding:0 24px;margin:8px 0}.cover:focus-visible,.close:focus-visible{outline:2px solid #f1b296;outline-offset:7px}@media(hover:hover){.cover:hover{transform:translateY(-7px) rotate(0);border-color:#909880}.sleeve .cover:hover{transform:translateY(-4px) rotate(.3deg);border-color:#8297a4}.cover:hover .arrow{transform:translate(2px,-2px)}.object.is-open .cover:hover .arrow{transform:rotate(180deg)}}.cover:active{scale:.992}footer{font-size:11px;line-height:1.6;color:#888f82;border-top:1px solid #33382e;margin-top:48px;padding-top:16px}footer p{margin:4px 0}@media(max-width:800px){main{padding:32px 22px}.studies{gap:45px;grid-template-columns:1fr}header{margin-bottom:35px}.study{max-width:470px;width:100%;margin:auto}.stage{padding:32px 12px}.direction{padding:0 12px}.label>span:last-child{font-size:10px}header br{display:none}}@media(prefers-reduced-motion:reduce){*,*::after{transition:none!important;scroll-behavior:auto!important}.cover,.sleeve .cover{transform:none!important}}

.stage{padding:30px 12px 26px}.face{max-width:430px;margin:auto;padding:28px 28px 0;background:linear-gradient(120deg,#333831,#242a24);border:1px solid #626859;border-radius:9px;box-shadow:inset 0 1px 0 #ffffff16,0 3px 0 #151a14,0 5px 0 #4a5144,0 7px 0 #141813,0 22px 30px -13px #000c;color:#eceee4}.face .card-top{margin-bottom:27px}.face .role{margin:0 0 19px}.scope-title{display:flex;gap:20px;align-items:center;height:105px;margin:0;font-size:22px;font-weight:500;letter-spacing:-.035em;line-height:1.2}.big-number{font-size:110px;line-height:1;letter-spacing:-.075em;font-weight:450}.change-title{height:105px;margin:0;font-size:30px;font-weight:500;line-height:1.14;letter-spacing:-.04em}.selection{font-size:11px;line-height:1.6;color:#bcc4b2;margin:17px 0 24px}dl{margin:0;border-top:1px solid #b5c3a52e}dl>div{padding:16px 0;border-bottom:1px solid #b5c3a52e}dt{font-size:14px;font-weight:550;letter-spacing:-.01em}dd{margin:5px 0 0;font-size:12px;line-height:1.6;color:#c0c9b6}.face .stack{padding:22px 0 24px;margin:0;gap:20px}.face .stack>span{font-size:12px}.face .stack img{width:19px;height:19px}.direction{padding:0 12px}footer a{color:#bbc2b4;display:inline-block;margin-top:12px;text-underline-offset:4px}@media(max-width:440px){main{padding:26px 16px}.stage{padding:28px 4px}.face{padding:24px 23px 0}.change-title{font-size:29px;height:auto;min-height:105px}.scope-title{font-size:20px}.big-number{font-size:98px}.label>span:last-child{display:none}header p{font-size:14px}.direction{padding:0 4px}}

main{max-width:900px;padding-top:32px}header{margin-bottom:16px}header p{margin-bottom:0}.stage{padding:18px 0}.face{max-width:650px;padding:24px 28px 0}.face .card-top{margin-bottom:14px}.face .role{margin-bottom:8px}.scope-title{height:auto;font-size:23px;gap:16px;margin:0}.big-number{font-size:66px}.selection{margin:6px 0 17px}.evidence{border-top:1px solid #b5c3a540}.result{display:grid;grid-template-columns:1fr auto;column-gap:12px;row-gap:7px;padding:17px 0;border-bottom:1px solid #b5c3a540;align-items:baseline}.result h3{margin:0;font-size:14px;font-weight:550;line-height:1.4;letter-spacing:0;color:#e4e9dc}.result-number{margin:0;font-size:25px;line-height:1.2;letter-spacing:-.035em;font-weight:500;font-variant-numeric:tabular-nums;white-space:nowrap}.result-number>span{font-size:11px;font-weight:400;letter-spacing:0;color:#c8d2bd;vertical-align:baseline;margin-left:4px}.result-number .plus{font-size:16px;margin-left:0;color:#d2ad8d}.explanation{grid-column:1/-1;font-size:13px;line-height:1.6;color:#bdc7b1;margin:0}.face .stack{padding:17px 0 13px}.card-note{font-size:10px;line-height:1.5;color:#a5b197;margin:0;padding-bottom:18px}footer{max-width:650px;margin:15px auto 0}@media(max-width:540px){main{padding:24px 16px}.face{padding:22px 21px 0}.scope-title{font-size:19px;gap:14px}.big-number{font-size:60px}.result{grid-template-columns:1fr;row-gap:7px;padding:15px 0}.result h3{font-size:13px}.result-number{font-size:25px}.result-number>span{font-size:12px}.explanation{font-size:12px;line-height:1.6}.selection{font-size:10px;margin-bottom:16px}.card-top .period{font-size:9px}}

.platform-context{font-size:13px;line-height:1.6;color:#c8d1be;margin:0 0 17px;max-width:490px}.stack-detail{padding:14px 0 12px}.tech-row{display:grid;grid-template-columns:100px 1fr;gap:10px;align-items:baseline;padding:6px 0}.tech-row h3{font-size:10px;text-transform:uppercase;letter-spacing:.06em;font-weight:400;color:#a7b49a;margin:0}.tech-row ul{display:flex;flex-wrap:wrap;gap:7px 15px;list-style:none;padding:0;margin:0}.tech-row li{display:flex;align-items:center;gap:5px;font-size:12px;line-height:1.5;color:#e0e6d7}.tech-row img{width:14px;height:14px}.workflow{display:grid;grid-template-columns:100px 1fr;gap:10px;border-top:1px solid #b5c3a530;padding:12px 0 16px}.workflow-label{font-size:10px;color:#d8ac91;letter-spacing:.06em;text-transform:uppercase;padding-top:3px}.workflow strong{font-size:13px;font-weight:500;color:#e8c8ae}.workflow p{font-size:11px;line-height:1.5;color:#bdc7b1;margin:4px 0 0}@media(max-width:540px){.tech-row,.workflow{grid-template-columns:83px 1fr;gap:9px}.tech-row ul{gap:6px 11px}.tech-row li{font-size:11px}.tech-row h3,.workflow-label{font-size:9px}.platform-context{font-size:12px;margin-bottom:14px}}

main{max-width:1350px;padding:35px 32px}header{margin-bottom:22px}header h1{font-size:36px}nav{display:flex;gap:24px;flex-wrap:wrap;margin-top:22px}nav a{font-size:13px;color:#e1e5d9;text-decoration:none;border-bottom:1px solid #657058;padding-bottom:7px}nav span{font-size:10px;color:#929e87;margin-left:7px}.card-set{display:grid;grid-template-columns:1fr 1fr;gap:26px;align-items:start}.face{width:100%;max-width:none;margin:0;scroll-margin-top:20px}.block-zero{background:linear-gradient(125deg,#342f2a,#262725);border-color:#6a6053;box-shadow:inset 0 1px 0 #ffffff16,0 3px 0 #1c1915,0 5px 0 #51483f,0 7px 0 #141813,0 22px 30px -13px #000c}.company-name{font-size:25px;font-weight:600;letter-spacing:-.055em;line-height:44px;color:#e7d5b7}.block-zero .result-number{color:#ead8bc}.result-number{font-size:23px}.result h3{font-size:13px}.result-number>span{font-size:10px}.optiver{grid-column:1/-1;max-width:650px;background:linear-gradient(125deg,#26343c,#20282b);border-color:#53646b;box-shadow:inset 0 1px 0 #ffffff16,0 3px 0 #151a1c,0 5px 0 #3d4c53,0 7px 0 #141813,0 22px 30px -13px #000c;padding-bottom:20px}.optiver-logo{background:#edf0e9;width:137px}.optiver-logo img{width:113px;height:24px}.optiver h2{font-size:27px;letter-spacing:-.035em;line-height:1.2;font-weight:500;margin:14px 0 18px}.optiver-work{border-top:1px solid #b5c3a540}.optiver-work p{font-size:13px;color:#c1cbd1;line-height:1.6;padding:12px 0;margin:0;border-bottom:1px solid #b5c3a530}.review-notes{max-width:800px;font-size:12px;line-height:1.7;color:#a7afa0;margin:26px 0 0}.review-notes strong{font-weight:500;color:#d5dccd}footer{max-width:none;margin-top:20px}.tech-row,.workflow{grid-template-columns:89px 1fr;gap:9px}.tech-row ul{gap:7px 12px}@media(max-width:1050px){.card-set{grid-template-columns:1fr;max-width:650px;margin:auto}.optiver{grid-column:auto;max-width:none}header,.review-notes,footer{max-width:650px;margin-left:auto;margin-right:auto}.result-number{font-size:25px}.result-number>span{font-size:11px}}@media(max-width:540px){main{padding:26px 16px}header h1{font-size:30px}nav{gap:16px;margin-bottom:26px}.card-set{gap:24px}.tech-row,.workflow{grid-template-columns:83px 1fr}.result-number>span{font-size:12px}.optiver h2{font-size:25px}}

.company-name{display:flex;align-items:center;gap:11px}.shuriken-mark{display:grid;place-items:center;width:45px;height:44px;background:#e8d8bf;border-radius:3px}.shuriken-mark img{width:32px;height:27px;object-fit:contain}.tech-row img{width:18px;height:18px;object-fit:contain;flex-shrink:0}.tech-row li{gap:6px}.claude-brand{display:flex;align-items:center;gap:8px}.claude-brand img{width:21px;height:21px;filter:none}.tech-row ul{gap:9px 14px}.tech-row{padding:7px 0}@media(max-width:540px){.tech-row img{width:16px;height:16px}.tech-row ul{gap:8px 11px}}

.tech-row img[src*="aws.svg"]{filter:none;width:24px;background:#edf0e9;padding:2px;border-radius:2px}

.tech-row img[src*="vercel-color"],.tech-row img[src*="apachekafka-color"],.tech-row img[src*="anthropic-color"],.tech-row img[src*="modelcontextprotocol-color"],.tech-row img[src*="tokio-color"],.tech-row img[src*="rust.svg"]{background:#edf0e9;border-radius:3px;padding:2px}

.result{align-items:center}.result h3{display:flex;align-items:center;gap:8px;min-width:0}.section-icon{display:grid;place-items:center;flex:0 0 27px;width:27px;height:27px;border-radius:6px;color:var(--icon-color);background:color-mix(in srgb,var(--icon-color) 10%,transparent)}.section-icon svg{display:block;width:19px;height:19px}.result .explanation{padding-left:35px}@media(max-width:540px){.result{position:relative;padding-left:35px;row-gap:6px}.result h3{min-height:23px}.section-icon{position:absolute;left:0;top:15px;width:25px;height:25px}.section-icon svg{width:18px;height:18px}.result .explanation{padding-left:0}}