.vertical-page{min-height:100vh;background:var(--vp-bg);color:var(--vp-ink);font-family:var(--vp-body);font-size:16px;line-height:1.55}.vertical-page *{box-sizing:border-box}.vertical-page a{color:inherit;text-decoration:none}.vertical-page h1,.vertical-page h2,.vertical-page p{margin:0}.vertical-page .softcopy-wordmark{display:inline-flex;align-items:center;gap:11px;font-size:1.32rem;font-weight:500;letter-spacing:-.04em}.vertical-page .softcopy-mark{display:grid;grid-template-columns:repeat(2,8px);gap:3px;width:19px;height:24px;transform:skew(-22deg)}.vertical-page .softcopy-mark span{background:var(--vp-accent)}.vertical-page .softcopy-mark span:last-child{height:13px;align-self:end}.v-header{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;min-height:72px;padding:0 4vw;border-bottom:1px solid var(--vp-rule);background:color-mix(in srgb,var(--vp-bg) 90%,transparent);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.v-header-actions{display:flex;align-items:center;gap:1.4rem}.v-button{display:inline-flex;align-items:center;justify-content:center;gap:.65rem;min-height:50px;padding:0 1.35rem;border:1px solid var(--vp-ink);border-radius:999px;background:var(--vp-ink);color:var(--vp-bg);font-family:var(--vp-body);font-size:.75rem;font-weight:600;letter-spacing:.07em;text-transform:uppercase;transition:transform .16s ease,opacity .16s ease}.vertical-page .v-button{color:var(--vp-bg)}.v-button svg{width:15px;height:15px}.v-button:hover{transform:translateY(-2px);opacity:.92}.v-button:focus-visible,.vertical-page a:focus-visible{outline:3px solid var(--vp-accent);outline-offset:4px}.v-button-small{min-height:40px;padding:0 1rem;font-size:.66rem}.v-button-inverse{background:var(--vp-cta-fg);border-color:var(--vp-cta-fg);color:var(--vp-cta-bg)}.vertical-page .v-button-inverse{color:var(--vp-cta-bg)}.v-text-link{display:inline-flex;align-items:center;gap:.5rem;padding-bottom:.25rem;border-bottom:1px solid currentColor;font-size:.74rem;font-weight:600;letter-spacing:.07em;text-transform:uppercase}.v-text-link svg{width:14px;height:14px}.v-hero{padding:6rem 4vw 3.5rem}.v-eyebrow{display:inline-flex;align-items:center;gap:.7rem;margin-bottom:1.6rem;font-family:var(--vp-mono);font-size:.72rem;font-weight:500;letter-spacing:.12em;text-transform:uppercase;color:var(--vp-muted)}.v-eyebrow:before{content:"";width:26px;height:2px;background:var(--vp-accent)}.v-hero h1{max-width:1200px;font-family:var(--vp-display);font-weight:var(--vp-display-weight, 800);font-size:var(--vp-h1-size);line-height:var(--vp-h1-leading, 1);letter-spacing:var(--vp-h1-tracking, -.02em);text-transform:var(--vp-h1-transform, none);text-wrap:balance}.v-hero-accent{color:var(--vp-accent)}.v-deck{max-width:46rem;margin-top:2.2rem;font-size:clamp(1.1rem,1.5vw,1.35rem);line-height:1.5;color:var(--vp-muted)}.v-hero-actions{display:flex;flex-wrap:wrap;align-items:center;gap:1.8rem;margin-top:2.4rem}.v-beats{display:grid;grid-template-columns:repeat(4,1fr);margin:2rem 4vw 0;border-top:1px solid var(--vp-rule);border-bottom:1px solid var(--vp-rule)}.v-beats>div{padding:1.9rem 1.6rem 2.1rem 0;border-right:1px dashed var(--vp-rule)}.v-beats>div+div{padding-left:1.6rem}.v-beats>div:last-child{border-right:0;padding-right:0}.v-beats strong{display:block;font-size:1.08rem;line-height:1.3;font-weight:700}.v-beats p{margin-top:.55rem;font-size:.92rem;color:var(--vp-muted)}.v-showcase{padding:5.5rem 4vw}.v-showcase-intro{max-width:52rem;margin-bottom:2.8rem}.v-showcase-intro h2{font-family:var(--vp-display);font-weight:var(--vp-display-weight, 800);font-size:clamp(2.2rem,4.2vw,3.9rem);line-height:1.02;letter-spacing:var(--vp-h1-tracking, -.02em);text-transform:var(--vp-h1-transform, none)}.v-showcase-intro p{margin-top:1.2rem;font-size:1.05rem;color:var(--vp-muted)}.showcase-frame{border:1px solid var(--vp-frame-border, var(--vp-rule));border-radius:var(--vp-frame-radius, 0);overflow:hidden;background:var(--vp-well);box-shadow:var(--vp-frame-shadow, none)}.showcase-chrome{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.8rem 1.4rem;padding:.8rem 1.2rem;background:var(--vp-chrome-bg);color:var(--vp-chrome-fg)}.chrome-id{display:flex;align-items:center;gap:.65rem;font-family:var(--vp-mono);font-size:.72rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase}.chrome-dot{width:8px;height:8px;border-radius:50%;background:#2fbf71}.chrome-live{padding:.16rem .42rem;border-radius:3px;background:var(--vp-chrome-accent);color:var(--vp-chrome-bg);font-size:.6rem;letter-spacing:.14em}.chrome-tools{display:flex;flex-wrap:wrap;align-items:center;gap:.7rem}.chrome-url,.chrome-chip{position:relative;display:inline-flex;align-items:center;gap:.5rem;padding:.42rem .75rem;border:1px solid color-mix(in srgb,var(--vp-chrome-fg) 30%,transparent);border-radius:999px;font-family:var(--vp-mono);font-size:.72rem;color:color-mix(in srgb,var(--vp-chrome-fg) 88%,transparent);white-space:nowrap}.chrome-url:hover{border-color:var(--vp-chrome-accent)}.chrome-open{display:inline-flex;align-items:center;gap:.45rem;padding:.5rem .95rem;border-radius:999px;background:var(--vp-chrome-accent);color:var(--vp-chrome-bg);font-size:.7rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;transition:transform .16s ease}.vertical-page .chrome-open{color:var(--vp-chrome-bg)}.chrome-open:hover{transform:translateY(-1px)}.chrome-open svg{width:13px;height:13px}.showcase-rows{display:grid;gap:2.6rem;padding:2.2rem}.showcase-row{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:1.9rem}.showcase-page{position:relative;margin:0}.showcase-page img{display:block;width:100%;height:auto;border:1px solid var(--vp-page-border, transparent);box-shadow:var(--vp-page-shadow)}.callout-pin{display:inline-grid;place-items:center;width:23px;height:23px;border-radius:50% 50% 50% 4px;background:var(--vp-accent);color:var(--vp-pin-fg, #fff);font-family:var(--vp-mono);font-size:.68rem;font-weight:700;line-height:1;box-shadow:0 0 0 2.5px color-mix(in srgb,var(--vp-pin-fg, #fff) 85%,transparent)}.callout-pin-page{position:absolute;transform:translate(-50%,-50%);z-index:2}.callout-pin-page:after{content:"";position:absolute;inset:-7px;border-radius:inherit;border:2px solid var(--vp-accent);opacity:0;animation:vp-pin-pulse 2.6s ease-out infinite}@keyframes vp-pin-pulse{0%{transform:scale(.6);opacity:.8}70%{transform:scale(1.25);opacity:0}to{opacity:0}}.callout-thread{position:absolute;right:-1.9rem;height:0;border-top:2px dotted color-mix(in srgb,var(--vp-accent) 65%,transparent);transform:translateY(-50%);z-index:1}.showcase-rail{position:relative;display:grid;gap:1rem;align-content:start;min-width:0}.rail-header{display:flex;align-items:center;gap:.6rem;padding-bottom:.6rem;border-bottom:1px solid var(--vp-rule);font-family:var(--vp-mono);font-size:.68rem;font-weight:600;letter-spacing:.13em;text-transform:uppercase;color:var(--vp-muted)}.callout-card{padding:.85rem 1rem .95rem;border:1px solid var(--vp-card-border);border-radius:12px;background:var(--vp-card-bg);box-shadow:0 10px 24px -18px #00000073}.callout-card p{margin-top:.45rem;font-size:.86rem;line-height:1.5;color:var(--vp-card-ink)}.callout-meta{display:flex;align-items:baseline;gap:.55rem;min-width:0}.callout-num{align-self:center;display:inline-grid;place-items:center;flex:none;width:19px;height:19px;border-radius:50% 50% 50% 4px;background:var(--vp-accent);color:var(--vp-pin-fg, #fff);font-family:var(--vp-mono);font-size:.6rem;font-weight:700}.callout-author{font-size:.78rem;font-weight:700;color:var(--vp-card-ink)}.callout-beat{margin-left:auto;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:var(--vp-mono);font-size:.58rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--vp-accent)}@media(min-width:981px){.showcase-rail:not(.rail-lead) .callout-card{position:absolute;width:100%;top:clamp(0px,calc(var(--callout-y, 0%) - 4.5rem),calc(100% - 10rem))}}.v-cta{padding:7rem 4vw;text-align:center;background:var(--vp-cta-bg);color:var(--vp-cta-fg)}.v-cta h2{max-width:60rem;margin:0 auto;font-family:var(--vp-display);font-weight:var(--vp-display-weight, 800);font-size:clamp(2rem,4.4vw,4rem);line-height:1.05;letter-spacing:var(--vp-h1-tracking, -.02em);text-transform:var(--vp-h1-transform, none);text-wrap:balance}.v-cta .v-hero-actions{justify-content:center;margin-top:2.6rem}.v-cta .v-text-link{color:var(--vp-cta-fg)}.v-footer{display:flex;align-items:center;justify-content:space-between;min-height:100px;padding:0 4vw;background:var(--vp-footer-bg, var(--vp-bg))}.v-footer p{font-family:var(--vp-mono);font-size:.62rem;font-weight:500;letter-spacing:.08em}@media(max-width:980px){.showcase-row{grid-template-columns:1fr;gap:1rem}.showcase-rows{gap:2.2rem;padding:1.2rem}.callout-thread{display:none}.v-beats{grid-template-columns:1fr}.v-beats>div{padding:1.4rem 0;border-right:0;border-bottom:1px dashed var(--vp-rule)}.v-beats>div+div{padding-left:0}.v-beats>div:last-child{border-bottom:0}}@media(max-width:680px){.v-header{min-height:62px;padding:0 1.1rem}.v-hero{padding:3.6rem 1.1rem 2.6rem}.v-beats{margin:1.2rem 1.1rem 0}.v-showcase{padding:4rem 1.1rem}.v-cta{padding:5rem 1.1rem}.v-footer{padding:1.4rem 1.1rem}.showcase-rows{padding:.8rem}.chrome-url{display:none}.v-hero-actions{gap:1.1rem}}@media(prefers-reduced-motion:reduce){.callout-pin-page:after{animation:none}.v-button,.chrome-open{transition:none}}