@font-face{font-family:Syne;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/syne-latin-600-normal-BiwQbQXw.woff2) format("woff2"),url(/assets/syne-latin-600-normal-dRu9QuIh.woff) format("woff")}@font-face{font-family:Syne;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/syne-latin-700-normal-AF3Rs61n.woff2) format("woff2"),url(/assets/syne-latin-700-normal-Cd-_iCn5.woff) format("woff")}@font-face{font-family:Syne;font-style:normal;font-display:swap;font-weight:800;src:url(/assets/syne-latin-800-normal-EehdNYzx.woff2) format("woff2"),url(/assets/syne-latin-800-normal-BuJcbPcX.woff) format("woff")}@font-face{font-family:Hanken Grotesk;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/hanken-grotesk-latin-400-normal-BG6hkEXj.woff2) format("woff2"),url(/assets/hanken-grotesk-latin-400-normal-CjyVwvJV.woff) format("woff")}@font-face{font-family:Hanken Grotesk;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/hanken-grotesk-latin-500-normal-DrDcrrxK.woff2) format("woff2"),url(/assets/hanken-grotesk-latin-500-normal-Bo-NxEKf.woff) format("woff")}@font-face{font-family:Hanken Grotesk;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/hanken-grotesk-latin-600-normal-CIXX6EOa.woff2) format("woff2"),url(/assets/hanken-grotesk-latin-600-normal-NEn2C4Q3.woff) format("woff")}@font-face{font-family:Hanken Grotesk;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/hanken-grotesk-latin-700-normal-CeQ8H3UY.woff2) format("woff2"),url(/assets/hanken-grotesk-latin-700-normal-6IGCzoPh.woff) format("woff")}@font-face{font-family:JetBrains Mono;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/jetbrains-mono-latin-400-normal-V6pRDFza.woff2) format("woff2"),url(/assets/jetbrains-mono-latin-400-normal-6-qcROiO.woff) format("woff")}@font-face{font-family:JetBrains Mono;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/jetbrains-mono-latin-500-normal-BWZEU5yA.woff2) format("woff2"),url(/assets/jetbrains-mono-latin-500-normal-CJOVTJB7.woff) format("woff")}/*! tailwindcss v4.0.14 | MIT License | https://tailwindcss.com */@layer theme{:root,:host{--font-sans:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--ease-out:cubic-bezier(0,0,.2,1);--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4,0,.2,1);--default-font-family:var(--font-sans);--default-font-feature-settings:var(--font-sans--font-feature-settings);--default-font-variation-settings:var(--font-sans--font-variation-settings);--default-mono-font-family:var(--font-mono);--default-mono-font-feature-settings:var(--font-mono--font-feature-settings);--default-mono-font-variation-settings:var(--font-mono--font-variation-settings)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;-moz-tab-size:4;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}body{line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1;color:color-mix(in oklab,currentColor 50%,transparent)}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){-webkit-appearance:button;-moz-appearance:button;appearance:button}::file-selector-button{-webkit-appearance:button;-moz-appearance:button;appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.sticky{position:sticky}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.table{display:table}.transform{transform:var(--tw-rotate-x)var(--tw-rotate-y)var(--tw-rotate-z)var(--tw-skew-x)var(--tw-skew-y)}.resize{resize:both}.border{border-style:var(--tw-border-style);border-width:1px}.filter{filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.ease-out{--tw-ease:var(--ease-out);transition-timing-function:var(--ease-out)}@media (width>=860px){.min-\[860px\]\:block{display:block}.min-\[860px\]\:flex{display:flex}.min-\[860px\]\:hidden{display:none}}}@property --tw-rotate-x{syntax:"*";inherits:false;initial-value:rotateX(0)}@property --tw-rotate-y{syntax:"*";inherits:false;initial-value:rotateY(0)}@property --tw-rotate-z{syntax:"*";inherits:false;initial-value:rotateZ(0)}@property --tw-skew-x{syntax:"*";inherits:false;initial-value:skewX(0)}@property --tw-skew-y{syntax:"*";inherits:false;initial-value:skewY(0)}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}:root,[data-theme=dark]{--bg: #070A12;--surface: #0D121E;--surface-2: #141B2B;--line: rgba(160, 180, 255, .13);--ink: #EEF1F8;--ink-2: #A9B2C7;--ink-3: #7F8AA3;--accent: #FFB357;--accent-ink: #1A1002;--glass: rgba(20, 27, 43, .55);--glass-hi: rgba(255, 255, 255, .16);--glow: rgba(120, 150, 255, .1);--h0: rgba(160, 180, 255, .08);--h1: #2A3654;--h2: #4A5C8C;--h3: #8DA0D6;--h4: #E6ECFF;--blur: 24px;--font-display: "Syne", system-ui, sans-serif;--font-body: "Hanken Grotesk", system-ui, sans-serif;--font-mono: "JetBrains Mono", ui-monospace, monospace;--gutter: clamp(20px, 5vw, 56px);--section-gap: clamp(88px, 11vw, 150px);--max-w: 1240px;--read-w: 700px;--r-chip: 999px;--r-input: 12px;--r-frame: 16px;--r-surface: 20px;--r-panel: 28px}[data-theme=light]{--bg: #F3F5FA;--surface: #FFFFFF;--surface-2: #E8ECF5;--line: rgba(20, 35, 80, .14);--ink: #0B1020;--ink-2: #414A60;--ink-3: #5E6880;--accent: #A8500A;--accent-ink: #FFFFFF;--glass: rgba(255, 255, 255, .6);--glass-hi: rgba(255, 255, 255, .9);--glow: rgba(40, 80, 200, .07);--h0: rgba(20, 35, 80, .07);--h1: #C5CEE6;--h2: #8E9CC6;--h3: #4F5F96;--h4: #141C3A}@keyframes aa-rise{0%{opacity:0;transform:translateY(22px);filter:blur(8px)}to{opacity:1;transform:none;filter:none}}.rise{animation:aa-rise .8s cubic-bezier(.2,.8,.2,1) var(--d, 0s) both}@media (prefers-reduced-transparency: reduce){:root,[data-theme]{--blur: 0px}:root,[data-theme=dark]{--glass: #141B2B}[data-theme=light]{--glass: #FFFFFF}}@media (prefers-contrast: more){:root,[data-theme=dark]{--glass: rgba(13, 18, 30, .94);--line: rgba(200, 215, 255, .45)}[data-theme=light]{--glass: rgba(255, 255, 255, .96);--line: rgba(10, 20, 60, .5)}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation:none!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.glass{background:var(--glass);-webkit-backdrop-filter:blur(var(--blur)) saturate(1.4);backdrop-filter:blur(var(--blur)) saturate(1.4);border:1px solid var(--line);box-shadow:inset 0 1px 0 var(--glass-hi),0 12px 40px #00000047}::selection{background:var(--accent);color:var(--accent-ink)}.t-display{font:700 clamp(40px,6.1vw,84px)/.98 var(--font-display);letter-spacing:-.035em}.t-h2{font:700 clamp(30px,4vw,52px)/1 var(--font-display);letter-spacing:-.03em}.t-row{font:700 clamp(24px,2.8vw,36px)/1.1 var(--font-display);letter-spacing:-.025em}.t-lead{font:400 clamp(19px,1.6vw,21px)/1.5 var(--font-body)}.t-body{font:400 17px/1.6 var(--font-body)}.t-small{font:400 15.5px/1.6 var(--font-body)}.t-meta{font:500 12px/1.5 var(--font-mono);letter-spacing:.09em;text-transform:uppercase}html{background:var(--bg)}body{margin:0;background:transparent;color:var(--ink);font:400 17px/1.6 var(--font-body);-webkit-font-smoothing:antialiased;overflow-x:clip}body,button,input,textarea,select{font-family:var(--font-body)}.aa-mark{border-radius:50%;display:grid;place-items:center;font-family:var(--font-display);font-weight:800;line-height:1;letter-spacing:-.06em;color:var(--ink);border:1px solid var(--glass-hi);background:var(--glow);box-shadow:inset 0 1px 0 var(--glass-hi),inset 0 -8px 14px var(--glow)}.nav-header{position:fixed;top:14px;left:0;right:0;z-index:50;display:flex;justify-content:center;padding:0 14px;pointer-events:none}.nav-pill{pointer-events:auto;display:flex;align-items:center;gap:6px;padding:6px;border-radius:999px;max-width:100%;width:auto}@media (max-width: 859px){.nav-pill{width:100%}}.nav-brand{display:flex;align-items:center;gap:10px;padding:2px 12px 2px 2px;border-radius:999px;min-width:0;flex:0 1 auto;color:var(--ink)}.nav-wordmark{display:flex;flex-wrap:wrap;column-gap:.3em;min-width:0;font:700 clamp(13.5px,3.9vw,15px)/1.08 var(--font-display);letter-spacing:-.01em}.aa-nav-link{position:relative;padding:9px 14px;border-radius:999px;font-size:14.5px;font-weight:500;transition:color .2s}.aa-nav-link-pill{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:999px;background:var(--glow);box-shadow:inset 0 0 0 1px var(--line)}.menu-link{display:block;padding:14px 16px;border-radius:16px;font:700 22px/1.1 var(--font-display);color:var(--ink)}.menu-link:active,.menu-link[aria-current=page]{background:var(--glow)}.btn-primary{display:inline-flex;align-items:center;gap:8px;padding:15px 26px;border-radius:999px;background:var(--accent);color:var(--accent-ink);font-weight:600;white-space:nowrap;border:0;cursor:pointer}.btn-primary:hover{color:var(--accent-ink)}.btn-secondary{display:inline-flex;align-items:center;gap:8px;padding:15px 26px;border-radius:999px;border:1px solid var(--line);background:var(--surface);color:var(--ink);font-weight:600;transition:border-color .2s}.btn-secondary:hover{border-color:color-mix(in srgb,var(--ink) 35%,transparent)}:where(.btn-primary,.btn-secondary,.aa-nav-link,.menu-link,.nav-brand):focus-visible{outline:2px solid var(--accent);outline-offset:3px}.skip-link{position:fixed;left:16px;top:-60px;z-index:200;padding:10px 16px;border-radius:999px;background:var(--accent);color:var(--accent-ink);font-weight:600}.skip-link:focus{top:16px}.site-footer{position:relative;z-index:1;max-width:var(--max-w);margin:0 auto;padding:var(--section-gap) var(--gutter) 110px}.footer-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,170px),1fr));gap:36px 32px;padding-top:40px;border-top:1px solid var(--line)}.footer-col{display:grid;gap:8px;align-content:start;font-size:15.5px;color:var(--ink-2);min-width:0}.footer-col a:hover,.footer-base button:hover,.footer-base a:hover{color:var(--ink)}.footer-base{display:flex;flex-wrap:wrap;justify-content:space-between;gap:10px 24px;margin-top:44px;font:400 12.5px/1.6 var(--font-mono);color:var(--ink-3)}.footer-base button{font:inherit;color:inherit;background:none;border:0;padding:0;cursor:pointer}@media (max-width: 520px){.footer-grid{grid-template-columns:1fr 1fr}.footer-grid>div:first-child,.footer-grid>div:last-child{grid-column:1 / -1!important}}.section{width:100%;max-width:var(--max-w);margin:0 auto;padding:var(--section-gap) var(--gutter) 0;scroll-margin-top:90px}.section-head{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:16px}.section-head p{margin:0;max-width:380px;color:var(--ink-2);font-size:16px}.chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:20px}.chip{display:inline-block;padding:6px 11px;border-radius:var(--r-chip);border:1px solid var(--line);color:var(--ink-2)}.chip.t-meta{font-size:11.5px;line-height:1;letter-spacing:.08em}.chip-mono{font:400 12px/1 var(--font-mono)}.dash-list{list-style:none;margin:18px 0 0;padding:0;display:grid;gap:8px}.dash-list li{display:flex;gap:12px;color:var(--ink-2);font-size:15.5px}.dash-list li:before{content:"";flex:none;width:10px;height:1px;margin-top:.8em;background:var(--ink-3)}.link-underline{display:inline-flex;align-items:center;min-height:44px;font-weight:600;color:var(--ink);border-bottom:1px solid var(--ink-3);transition:border-color .2s,transform .35s cubic-bezier(.34,1.56,.64,1)}.link-underline:hover{border-color:var(--ink);transform:translate(3px);color:var(--ink)}.link-quiet{display:inline-flex;align-items:center;min-height:44px;font-weight:600;color:var(--ink-2)}.link-quiet:hover{color:var(--ink)}.dot-live{width:7px;height:7px;border-radius:50%;background:var(--accent);flex:none;display:inline-block}.dot-live.pulse{animation:aa-pulse 2.4s infinite}@keyframes aa-pulse{0%,to{box-shadow:0 0 color-mix(in srgb,var(--accent) 50%,transparent)}50%{box-shadow:0 0 0 6px transparent}}.hero{width:100%;max-width:var(--max-w);margin:0 auto;padding:clamp(120px,16vw,176px) var(--gutter) 0;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,430px),1fr));gap:clamp(36px,5vw,72px);align-items:center}.hero-meta{display:flex;flex-wrap:wrap;gap:6px 12px;align-items:center;margin:0;color:var(--ink-2)}.hero-title{margin:26px 0 0;text-wrap:balance}.hero-lead{margin:26px 0 0;max-width:520px;font-size:clamp(17px,1.5vw,19px);color:var(--ink-2);text-wrap:pretty}.hero-links{display:flex;gap:22px;margin-top:26px;font:500 13px/1 var(--font-mono);color:var(--ink-2)}.hero-links a{padding:8px 0;border-bottom:1px solid var(--line);transition:border-color .2s}.hero-links a:hover{border-color:var(--ink);color:var(--ink)}.lens-stage{--lx: 66%;--ly: 44%;--lr: clamp(72px, 9vw, 104px);position:relative;max-width:580px;margin:0 auto;border-radius:24px;overflow:hidden;background:var(--surface);border:1px solid var(--line);box-shadow:0 30px 80px #00000059;touch-action:pan-y;cursor:crosshair;-webkit-user-select:none;user-select:none}.lens-ui{position:relative;min-height:400px;padding:clamp(18px,3vw,30px);display:flex;flex-direction:column;justify-content:space-between;gap:clamp(10px,1.6vw,18px)}.lens-bar{display:flex;justify-content:space-between;align-items:center;font:500 12px/1 var(--font-mono);color:var(--ink-3)}.lens-live{display:inline-flex;gap:7px;align-items:center;color:var(--ink-2)}.lens-live .dot-live{width:6px;height:6px}.lens-steps{list-style:none;margin:0;padding:0;display:grid;gap:clamp(6px,1vw,10px);font-size:clamp(13.5px,1.3vw,16px)}.lens-steps li{display:flex;justify-content:space-between;padding:10px 14px;border-radius:12px}.lens-steps li[data-state=done]{background:var(--surface-2)}.lens-steps li[data-state=done] span:last-child{color:var(--ink-3)}.lens-steps li[data-state=now]{border:1px solid var(--ink-3)}.lens-steps li[data-state=now] span:first-child{font-weight:600}.lens-steps li[data-state=next]{color:var(--ink-3)}.lens-code{position:absolute;top:0;right:0;bottom:0;left:0;background:#04060c;color:#c6d2f7;clip-path:circle(var(--lr) at var(--lx) var(--ly));padding:clamp(18px,3vw,30px);font:400 clamp(11px,1.05vw,13px)/1.7 var(--font-mono);overflow:hidden}.lens-code pre{margin:0;font:inherit;white-space:pre}.lens-ring{position:absolute;left:calc(var(--lx) - var(--lr));top:calc(var(--ly) - var(--lr));width:calc(var(--lr) * 2);height:calc(var(--lr) * 2);border-radius:50%;border:1px solid rgba(255,255,255,.42);box-shadow:inset 0 1.5px #ffffff8c,inset 0 -22px 34px #78a0ff29,inset 14px 0 24px #ffffff0a,0 22px 50px #00000080;pointer-events:none}.lens-caption{max-width:580px;margin:14px auto 0;font:400 12px/1.5 var(--font-mono);color:var(--ink-3)}.showcases{display:grid;gap:clamp(56px,8vw,120px);margin-top:clamp(36px,5vw,64px)}.showcase{display:flex;flex-wrap:wrap;align-items:center;gap:clamp(24px,5vw,72px)}.showcase.is-flipped{flex-direction:row-reverse}.showcase-frame{position:relative;flex:1.4 1 360px;min-width:0;cursor:pointer;border-radius:var(--r-frame);overflow:hidden;border:1px solid var(--line);background:var(--surface);box-shadow:0 24px 60px #0000004d}.showcase-frame:focus-visible{outline:2px solid var(--accent);outline-offset:4px}.frame-bar{display:flex;align-items:center;gap:6px;padding:10px 14px;border-bottom:1px solid var(--line)}.frame-bar span{width:8px;height:8px;border-radius:50%;background:var(--ink-3);opacity:.5}.frame-bar em{margin-left:8px;font:400 11px/1 var(--font-mono);font-style:normal;color:var(--ink-3)}.frame-shot{display:block;width:100%;aspect-ratio:16 / 10;object-fit:cover;object-position:var(--focus, center) top}.frame-empty{display:grid;place-items:center;background:linear-gradient(135deg,var(--surface-2),var(--surface));color:var(--ink-3)}.cursor-glow{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:0;transition:opacity .3s;background:radial-gradient(360px circle at var(--mx, 50%) var(--my, 50%),var(--glow),transparent 60%);mix-blend-mode:screen}.showcase-frame:hover .cursor-glow{opacity:1}[data-theme=light] .cursor-glow{mix-blend-mode:multiply}.showcase-tag-overlay,.lbl-short{display:none}.showcase-body{flex:1 1 300px;min-width:0}.showcase-head{display:flex;justify-content:space-between;align-items:baseline;gap:12px;margin-top:16px}.showcase-title{margin:0;font:700 clamp(30px,3.6vw,48px)/1.05 var(--font-display);letter-spacing:-.03em;width:fit-content}.showcase-num{display:none;font:500 12px/1 var(--font-mono);color:var(--ink-3)}.showcase-blurb{margin:14px 0 0;font-size:clamp(17px,1.5vw,19px);text-wrap:pretty}.showcase-actions{display:flex;flex-wrap:wrap;gap:10px 28px;margin-top:26px}@media (max-width: 859px){.showcases{gap:28px}.showcase,.showcase.is-flipped{flex-direction:column;align-items:stretch;gap:0;border-radius:22px;background:var(--surface);border:1px solid var(--line);overflow:hidden}.showcase-frame{flex:none;border:0;border-bottom:1px solid var(--line);border-radius:0;box-shadow:none}.showcase-frame .frame-bar{display:none}.showcase-tag-overlay{display:block;position:absolute;left:12px;top:12px;padding:6px 10px;border-radius:999px;background:var(--bg);border:1px solid var(--line);font-size:11px;color:var(--ink)}.showcase-tag,.lbl-long{display:none}.lbl-short{display:inline}.showcase-body{flex:none;padding:18px 18px 6px}.showcase-head{margin-top:0}.showcase-num{display:inline}.showcase-title{font-size:27px}.showcase-blurb{font-size:15.5px;line-height:1.5;color:var(--ink-2)}.showcase .dash-list{display:none}.showcase .chips{margin-top:12px}.showcase-actions{display:grid;grid-template-columns:1fr auto;gap:0;margin:14px -18px 0;border-top:1px solid var(--line)}.showcase-actions a{min-height:52px;padding:0 18px;border:0;transform:none!important}.showcase-actions a+a{border-left:1px solid var(--line)}}.build-table{margin:0;border-radius:var(--r-surface);background:var(--surface);border:1px solid var(--line);overflow:hidden}.build-row{display:flex;flex-wrap:wrap;gap:6px 28px;padding:20px clamp(18px,2.5vw,30px)}.build-row+.build-row{border-top:1px solid var(--line)}.build-row dt{flex:0 0 132px;line-height:1.9;color:var(--ink-3)}.build-row dd{margin:0;flex:2 1 300px}.build-row dd b{font-weight:600}.build-row dd span{color:var(--ink-2)}.build-row .build-stack{flex:1 1 200px;font:400 12.5px/1.9 var(--font-mono);color:var(--ink-3)}.about-home{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,380px),1fr));gap:clamp(32px,5vw,72px);align-items:center}.terminal{border-radius:18px;background:var(--surface);border:1px solid var(--line);overflow:hidden;min-width:0}.terminal-bar{padding:12px 18px;border-bottom:1px solid var(--line);font:400 12px/1 var(--font-mono);color:var(--ink-3)}.terminal-body{padding:20px 18px;font:400 clamp(12.5px,1.2vw,14px)/1.9 var(--font-mono);color:var(--ink-2);overflow-wrap:anywhere}.terminal-body .ind{padding-left:20px}.exp-pinned{position:sticky;top:0;height:100vh;padding:104px 0 36px;display:flex;flex-direction:column}@media (max-height: 700px){.exp-pinned{padding:84px 0 16px}}.exp-head{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:12px;margin-bottom:clamp(28px,4vw,44px)}.exp-counter{display:flex;gap:8px;align-items:center;padding:9px 14px;border-radius:999px;border:1px solid var(--line);font:500 12px/1 var(--font-mono);color:var(--ink-2)}.exp-grid{flex:1;min-height:0;display:grid;grid-template-columns:clamp(78px,11vw,150px) minmax(0,1fr)}.exp-track{position:relative}.exp-line,.exp-fill{position:absolute;left:6px;top:0;bottom:0;width:2px;border-radius:2px}.exp-line{background:var(--line)}.exp-fill{background:var(--ink-2);transform-origin:top}.exp-node{position:absolute;left:0;top:0}.exp-dot{display:block;width:14px;height:14px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 5px color-mix(in srgb,var(--accent) 22%,transparent),0 0 22px var(--accent)}.exp-mark{position:absolute;left:24px;top:-3px;font:500 13px/1.4 var(--font-mono);color:var(--ink);white-space:nowrap}.exp-col{overflow:hidden;min-width:0}.exp-pinned .exp-col{overflow:hidden}.exp:not(:has(.exp-pinned)) .exp-col{overflow:visible}.exp-list{list-style:none;margin:0;padding:0 0 8px;display:grid;gap:clamp(18px,3vw,28px)}.exp-card{padding:clamp(20px,2.6vw,30px);border-radius:var(--r-surface);background:var(--surface);border:1px solid var(--line)}.exp-date{font:400 13px/1.6 var(--font-mono);color:var(--ink-3)}.exp-role{display:block;margin-top:6px;font-size:21px;font-weight:600}.exp-ladder{list-style:none;margin:4px 0 6px;padding:0 0 0 14px;border-left:1px solid var(--line);display:grid;gap:4px}.exp-ladder li{display:flex;flex-wrap:wrap;align-items:baseline;gap:0 12px}.exp-ladder li .exp-role{margin-top:2px}.exp-ladder li+li .exp-role{font-size:17px;color:var(--ink-2)}.exp-points{max-width:680px;margin-top:14px}.exp-points li{font-size:16px;text-wrap:pretty}@media (max-width: 859px){.exp-grid{grid-template-columns:30px minmax(0,1fr)}.exp-mark{left:-2px;top:-26px;font-size:11px;background:var(--bg);padding:2px 4px;border-radius:6px}}.edu-list{list-style:none;margin:24px 0 0;padding:0;border-top:1px solid var(--line)}.edu-row{display:grid;grid-template-columns:150px minmax(0,1fr);gap:6px 28px;padding:20px 0;border-bottom:1px solid var(--line)}.edu-date{font:400 13px/1.9 var(--font-mono);color:var(--ink-3)}@media (max-width: 560px){.edu-row{grid-template-columns:1fr}}.mono-link{font:500 14px/1 var(--font-mono);padding:8px 0;border-bottom:1px solid var(--ink-3);color:var(--ink)}.mono-link:hover{border-color:var(--ink);color:var(--ink)}.gh-card{border-radius:var(--r-surface);background:var(--surface);border:1px solid var(--line);padding:clamp(18px,2.5vw,30px)}.gh-scroll{overflow-x:auto;padding-bottom:6px}.gh-grid{display:flex;gap:3px;padding-top:22px;width:max-content;min-width:100%;justify-content:space-between}.gh-week{position:relative;display:grid;grid-template-rows:repeat(7,1fr);gap:3px;flex:1 0 12px;max-width:20px}.gh-week span{aspect-ratio:1;border-radius:3px}.gh-month{position:absolute;top:-22px;left:0;font:400 11px/1 var(--font-mono);color:var(--ink-3);white-space:nowrap;aspect-ratio:auto!important}.gh-skeleton .gh-week span{background:var(--h0);animation:aa-shimmer 1.6s ease-in-out infinite}@keyframes aa-shimmer{50%{opacity:.5}}.gh-foot{display:flex;flex-wrap:wrap;justify-content:space-between;gap:10px;margin-top:16px;font-size:14.5px;color:var(--ink-2)}.gh-foot b{color:var(--ink);font-weight:600}.gh-foot a{color:var(--ink);border-bottom:1px solid var(--ink-3)}.gh-legend{display:flex;align-items:center;gap:4px;font:400 12px/1 var(--font-mono);color:var(--ink-3)}.gh-legend i{width:11px;height:11px;border-radius:3px;display:inline-block}.quote-stage{margin-top:22px;max-width:1000px;min-height:4.8em;font:600 clamp(24px,3.3vw,44px)/1.2 var(--font-display)}.quote-text{margin:0;font:inherit;letter-spacing:-.025em;text-wrap:pretty}.quote-tabs{display:flex;flex-wrap:wrap;gap:8px;margin-top:30px}.quote-tab{display:grid;text-align:left;padding:12px 18px;border-radius:14px;border:1px solid var(--line);background:transparent;color:var(--ink);cursor:pointer}.quote-tab[aria-selected=true]{border-color:var(--ink-3);background:var(--surface)}.quote-tab:focus-visible,.quest-opt:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.quest-card{border-radius:var(--r-panel);background:var(--surface);border:1px solid var(--line);padding:clamp(24px,5vw,64px);display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,340px),1fr));gap:clamp(28px,5vw,64px)}.quest-title{margin:0;font:700 clamp(32px,4.6vw,60px)/1 var(--font-display);letter-spacing:-.03em;text-wrap:balance}.quest-opts{display:grid;gap:8px;margin-top:28px}.quest-opt{display:flex;justify-content:space-between;align-items:center;min-height:54px;padding:12px 18px;border-radius:14px;border:1px solid var(--line);background:transparent;color:var(--ink);font-weight:500;text-align:left;cursor:pointer;transition:border-color .2s,background .2s}.quest-opt:hover{border-color:var(--ink-3)}.quest-opt[aria-checked=true]{border-color:var(--ink-2);background:var(--surface-2)}.quest-side{display:flex;flex-direction:column;justify-content:center}.quest-text{margin:10px 0 0;font-size:clamp(19px,2vw,24px);line-height:1.4;text-wrap:pretty;min-height:3.4em}.btn-ghost{display:inline-flex;align-items:center;padding:14px 22px;border-radius:999px;border:1px solid var(--line);color:var(--ink);font-weight:600}.btn-ghost:hover{color:var(--ink);border-color:var(--ink-3)}.quest-contact{display:grid;gap:6px;margin-top:34px;padding-top:24px;border-top:1px solid var(--line);font:400 13.5px/1.6 var(--font-mono);color:var(--ink-2)}.quest-contact a:hover{color:var(--ink)}.page{max-width:var(--max-w);margin:0 auto;padding:clamp(120px,15vw,170px) var(--gutter) 0}.page-title{margin:16px 0 0;font:700 clamp(40px,7vw,96px)/.98 var(--font-display);letter-spacing:-.035em}.page-lead{margin:22px 0 0;max-width:680px;font-size:clamp(18px,1.7vw,21px);color:var(--ink-2);text-wrap:pretty}.page-h2{margin:clamp(72px,9vw,120px) 0 24px;font:700 clamp(28px,3.4vw,44px)/1 var(--font-display);letter-spacing:-.03em}.back-link{display:inline-flex;align-items:center;min-height:44px;font:500 13px/1 var(--font-mono);color:var(--ink-2)}.back-link:hover{color:var(--ink)}.inline-link{border-bottom:1px solid var(--ink-3);overflow-wrap:anywhere;color:var(--ink)}.inline-link:hover{border-color:var(--ink);color:var(--ink)}.about-top{display:flex;flex-wrap:wrap;gap:clamp(28px,5vw,64px);align-items:flex-end}.about-photo{flex:1 1 250px;max-width:340px;position:relative;margin:0 14px 18px}.about-photo img{display:block;width:100%;height:auto;aspect-ratio:4 / 5;object-fit:cover;object-position:50% 30%;border-radius:24px;border:1px solid var(--line);box-shadow:0 30px 70px #0006}.about-float{position:absolute;padding:12px 16px;border-radius:16px}.float-a{top:22px;right:-14px;animation:aa-floatA 6s ease-in-out infinite}.float-b{bottom:-18px;left:-14px;animation:aa-floatB 7s ease-in-out -2s infinite}@keyframes aa-floatA{0%,to{translate:0 0;rotate:0deg}50%{translate:-4px -9px;rotate:1.5deg}}@keyframes aa-floatB{0%,to{translate:0 0;rotate:0deg}50%{translate:5px 8px;rotate:-1.5deg}}.about-intro{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,340px),1fr));gap:20px clamp(28px,5vw,64px);margin-top:clamp(40px,6vw,72px);max-width:1000px}.about-intro p{margin:0;color:var(--ink-2);text-wrap:pretty}.bento{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));gap:14px}.tile{padding:24px;border-radius:var(--r-surface);background:var(--surface);border:1px solid var(--line)}.tile p{margin:12px 0 0;color:var(--ink-2);font-size:15.5px}.tile-big{font:700 44px/1 var(--font-display);letter-spacing:-.03em;font-variant-emoji:text}.tile-mono{font:400 13px/1.7 var(--font-mono);color:var(--ink-3);overflow-wrap:anywhere}.tile-stack{grid-column:1 / -1;padding:clamp(22px,3vw,34px);display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr));gap:24px 40px}.xp-list{list-style:none;margin:0;padding:0;border-top:1px solid var(--line)}.xp-row{display:flex;flex-wrap:wrap;gap:8px 40px;padding:28px 0;border-bottom:1px solid var(--line)}.xp-row>div:last-child{flex:1 1 320px}.xp-date{flex:0 0 190px;font:400 13.5px/1.9 var(--font-mono);color:var(--ink-3)}.seg{position:relative;display:inline-flex;gap:2px;margin-top:34px;padding:4px;border-radius:999px;background:var(--surface);border:1px solid var(--line)}.seg button{position:relative;min-height:40px;padding:8px 18px;border-radius:999px;font-size:14.5px;font-weight:500;color:var(--ink-2);background:none;border:0;cursor:pointer}.seg button[aria-selected=true]{color:var(--bg)}.seg button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.seg-pill{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:999px;background:var(--ink)}.proj-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,360px),1fr));gap:clamp(24px,3vw,40px) clamp(18px,2.4vw,32px);margin-top:36px}.proj-card{cursor:pointer}.proj-card:focus-visible{outline:2px solid var(--accent);outline-offset:6px;border-radius:16px}.proj-card .showcase-frame{box-shadow:none}.proj-head{display:flex;justify-content:space-between;align-items:baseline;gap:12px;margin-top:18px}.proj-name{margin:0;font:700 clamp(24px,2.4vw,30px)/1.1 var(--font-display);letter-spacing:-.025em}.cs-meta{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,200px),1fr));gap:18px 32px;margin-top:34px;padding:22px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.cs-hero{margin-top:36px;border-radius:18px}.cs-hero .frame-shot{aspect-ratio:16 / 9}.page.case{padding-top:clamp(110px,14vw,150px)}.cs-body{display:flex;gap:clamp(32px,6vw,96px);margin-top:clamp(48px,7vw,88px);align-items:flex-start}.cs-col{flex:1 1 auto;min-width:0;max-width:var(--read-w);font-size:18px;line-height:1.7;color:var(--ink-2)}.cs-col p{margin:0;text-wrap:pretty}.cs-h{margin:56px 0 14px;font:700 clamp(24px,2.6vw,32px)/1.1 var(--font-display);letter-spacing:-.025em;color:var(--ink);scroll-margin-top:100px}.cs-col .cs-h:first-child{margin-top:0}.cs-toc{flex:0 0 200px;position:sticky;top:110px;display:grid;gap:4px}.cs-toc button{text-align:left;padding:6px 0 6px 12px;font-size:15px;color:var(--ink-2);background:none;border:0;border-left:2px solid var(--line);cursor:pointer;transition:color .2s,border-color .2s,transform .3s cubic-bezier(.34,1.56,.64,1)}.cs-toc button:hover{color:var(--ink);transform:translate(4px)}.cs-toc button[aria-current]{color:var(--ink);border-color:var(--accent)}@media (max-width: 859px){.cs-toc{display:none}}.cs-foot{display:flex;flex-wrap:wrap;justify-content:space-between;gap:16px;align-items:center;margin-top:64px;padding-top:28px;border-top:1px solid var(--line)}.demo-card{border-radius:18px;border:1px solid var(--line);background:var(--surface);overflow:hidden}.demo-bar{display:flex;flex-wrap:wrap;justify-content:space-between;gap:10px;padding:12px 18px;border-bottom:1px solid var(--line);font:400 12px/1.4 var(--font-mono);color:var(--ink-3)}.demo-step{display:flex;justify-content:space-between;padding:11px 14px;border-radius:12px;border:1px solid transparent}.demo-step[data-state=done]{background:var(--surface-2);color:var(--ink-2)}.demo-step[data-state=now]{border-color:var(--ink-3);color:var(--ink);font-weight:600}.demo-step[data-state=next]{color:var(--ink-3)}.contact-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,340px),1fr));gap:clamp(32px,5vw,72px);margin-top:clamp(36px,5vw,64px);align-items:start}.contact-grid .quest-opts{margin-top:14px}.post-form{border-radius:22px;background:var(--surface);border:1px solid var(--line);overflow:hidden}.post-bar{padding:13px 20px;border-bottom:1px solid var(--line);font:400 12px/1 var(--font-mono);color:var(--ink-3)}.post-fields{padding:clamp(18px,2.6vw,28px);display:grid;gap:16px}.field-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,200px),1fr));gap:16px}.field{display:grid;gap:8px;font:500 11.5px/1 var(--font-mono);letter-spacing:.09em;text-transform:uppercase;color:var(--ink-3)}.field input,.field textarea{padding:0 14px;height:48px;border-radius:12px;border:1px solid var(--line);background:var(--surface-2);color:var(--ink);font:400 16px/1.5 var(--font-body);letter-spacing:0;text-transform:none;outline:none;transition:border-color .2s}.field textarea{height:auto;padding:14px;resize:vertical}.field input:focus,.field textarea:focus{border-color:var(--ink-2)}.field input::placeholder,.field textarea::placeholder{color:var(--ink-3)}.post-sent{padding:clamp(24px,4vw,44px);font:400 14px/1.9 var(--font-mono);color:var(--ink-2)}.post-sent p{margin:18px 0 0;font:600 24px/1.3 var(--font-display);color:var(--ink);letter-spacing:-.02em}