:root{--ink:#231a12;--ink-soft:#4a3d31;--muted:#6b5b4b;--dash:#8a7a66;--rule:#f1e4cc;--cream:#fff6e6;--cream-light:#fffbf3;--apricot:#ffefd3;--white:#fff;--blue:#2a63db;--blue-dark:#1c4bb0;--yellow:#ffc845;--pink:#ff8fb1;--orange:#ff8a4c;--mint:#c6efcf;--butter:#ffe08a;--font-display:"Bricolage Grotesque", system-ui, sans-serif;--font-body:Figtree, system-ui, -apple-system, "Segoe UI", sans-serif;--font-mono:"JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;--border:2px solid var(--ink);--shadow-sm:3px 3px 0 var(--ink);--shadow-md:6px 6px 0 var(--ink);--shadow-lg:8px 8px 0 var(--ink);--gutter:clamp(16px, 4vw, 40px);--section-pad:clamp(56px, 6vw, 88px);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;font-family:var(--font-body);color:var(--ink);background:var(--cream);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--cream);margin:0}a{color:var(--blue)}a:hover{color:var(--blue-dark)}code{font-family:var(--font-mono)}p code,li code,td code{font-size:.88em}button{font:inherit}:focus-visible{outline:3px solid var(--blue);outline-offset:3px}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.skip-link{z-index:10;border:var(--border);background:var(--yellow);color:var(--ink);border-radius:999px;padding:10px 16px;font-weight:700;position:absolute;top:8px;left:8px;transform:translateY(-200%)}.skip-link:focus{transform:none}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition:none!important;animation:none!important}}.container{max-width:1200px;margin:0 auto}.section{padding:var(--section-pad) var(--gutter);border-top:var(--border)}.section--cream{background:var(--cream)}.section--light{background:var(--cream-light)}.section--apricot{background:var(--apricot)}.section__title{font-family:var(--font-display);letter-spacing:-.02em;margin:0;font-size:clamp(32px,3.4vw,46px);font-weight:800;line-height:1.1}.section__lead{max-width:640px;color:var(--ink-soft);margin:12px 0 0;font-size:18px;line-height:1.6}.split{grid-template-columns:repeat(auto-fit,minmax(min(460px,100%),1fr));align-items:start;gap:40px 64px;display:grid}.grid-2{grid-template-columns:repeat(auto-fit,minmax(min(460px,100%),1fr));align-items:start;gap:28px;margin-top:40px;display:grid}.stack{flex-direction:column;gap:18px;min-width:0;display:flex}.card{border:var(--border);background:var(--white);min-width:0;box-shadow:var(--shadow-md);border-radius:22px;overflow:hidden}.card--scroll{overflow-x:auto}.card__head{border-bottom:var(--border);font-family:var(--font-display);margin:0;padding:16px 22px;font-size:18px;font-weight:700}.label{margin:10px 0 0;font-size:16px;font-weight:700}.label--first{margin:0;font-size:17px;font-weight:600}.btn-sticker,.btn-outline{border:var(--border);color:var(--ink);box-shadow:var(--shadow-sm);align-items:center;gap:8px;font-size:15px;font-weight:700;text-decoration:none;transition:transform .12s,box-shadow .12s;display:inline-flex}.btn-sticker{background:var(--yellow);border-radius:999px;min-height:44px;padding:0 16px}.btn-outline{background:var(--white);border-radius:14px;min-height:52px;padding:0 20px}.btn-sticker:hover,.btn-outline:hover{color:var(--ink);box-shadow:4px 4px 0 var(--ink);transform:translate(-1px,-1px)}.btn-sticker:active,.btn-outline:active{box-shadow:1px 1px 0 var(--ink);transform:translate(2px,2px)}.site-header{background:var(--cream);border-bottom:var(--border)}.nav{max-width:1200px;padding:10px var(--gutter);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 24px;margin:0 auto;display:flex}.brand{align-items:center;gap:10px;min-height:44px;text-decoration:none;display:flex}.wordmark{font-family:var(--font-display);letter-spacing:-.02em;color:var(--ink);font-size:22px;font-weight:800}.wordmark__ts{color:var(--blue)}.nav__links{flex-wrap:wrap;align-items:center;gap:2px;display:flex}.nav__link{min-height:44px;color:var(--ink);align-items:center;padding:0 10px;font-size:15px;font-weight:600;text-decoration:none;display:inline-flex}.nav__link:hover{color:var(--blue)}.nav__github{margin-left:8px}.nav__version{border:var(--border);background:var(--white);font-family:var(--font-mono);border-radius:999px;padding:1px 8px;font-size:12px;font-weight:700}.hero{padding:clamp(48px, 6vw, 80px) var(--gutter) clamp(64px, 7vw, 96px)}.hero__inner{flex-wrap:wrap;align-items:center;gap:48px 64px;max-width:1200px;margin:0 auto;display:flex}.hero__copy{flex:440px;min-width:0}.hero__code{flex:520px;min-width:0}.badges{flex-wrap:wrap;gap:8px;display:flex}.badge{border:var(--border);background:var(--white);font-family:var(--font-mono);border-radius:999px;padding:4px 12px;font-size:12px;font-weight:500}.badge--hot{background:var(--yellow);font-weight:700}.hero__title{font-family:var(--font-display);letter-spacing:-.03em;margin:24px 0 0;font-size:clamp(44px,5.2vw,76px);font-weight:800;line-height:1.08}.sticker-word{border:3px solid var(--ink);border-radius:14px;padding:0 .16em;display:inline-block}.sticker-word--c{background:var(--yellow);transform:rotate(-3deg)}.sticker-word--cpp{background:var(--pink);transform:rotate(2deg)}.sticker-word--rs{background:var(--orange);transform:rotate(-2deg)}.hero__lead{max-width:560px;color:var(--ink-soft);text-wrap:pretty;margin:24px 0 0;font-size:19px;line-height:1.6}.hero__actions{flex-wrap:wrap;align-items:center;gap:14px;margin-top:32px;display:flex}.command{border:var(--border);background:var(--ink);border-radius:14px;justify-content:space-between;align-items:center;gap:12px;max-width:100%;padding:5px 5px 5px 18px;display:flex}.command--orange{box-shadow:4px 4px 0 var(--orange)}.command--pink{box-shadow:4px 4px 0 var(--pink)}.command__text{white-space:nowrap;min-width:0;color:var(--cream);font-size:15px;overflow-x:auto}.command__text--sm{white-space:normal;overflow-wrap:break-word;font-size:14px}.command__prompt{color:var(--yellow)}.copy-btn{background:var(--yellow);min-height:44px;color:var(--ink);cursor:pointer;border:0;border-radius:9px;flex:none;align-items:center;gap:8px;padding:0 14px;font-size:14px;font-weight:700;display:inline-flex}.copy-btn:hover{background:#ffd66e}.demo-leads{display:grid}.demo-leads>*{grid-area:1/1}.demo-leads__lead--hidden{visibility:hidden}.player{border:var(--border);background:var(--ink);box-shadow:var(--shadow-lg);border-radius:22px;margin-top:40px;overflow:hidden}.player__tabs{border-bottom:var(--border);background:var(--cream-light);flex-wrap:wrap;align-items:center;gap:8px;padding:10px 14px;display:flex}.player-tab{border:var(--border);background:var(--white);min-height:44px;color:var(--ink);cursor:pointer;border-radius:999px;padding:0 18px;font-size:15px;font-weight:700;transition:background-color .15s}.player-tab:hover{background:var(--cream)}.player-tab[aria-pressed=true]{background:var(--ink);color:var(--cream)}@media (width<=560px){.player__tabs{gap:6px;padding:8px 10px}.player-tab{padding:0 12px;font-size:14px}}.player__video{aspect-ratio:16/9;background:var(--ink);cursor:pointer;width:100%;height:auto;display:block}.player__bar{border-top:var(--border);background:var(--cream-light);flex-wrap:wrap;align-items:center;gap:12px 16px;padding:12px 16px;display:flex}.player__group{align-items:center;gap:8px;display:flex}.player__group:last-child{margin-left:auto}.player-btn{border:var(--border);background:var(--white);width:44px;height:44px;color:var(--ink);box-shadow:2px 2px 0 var(--ink);cursor:pointer;border-radius:999px;justify-content:center;align-items:center;padding:0;transition:transform .1s,box-shadow .1s,background-color .15s;display:inline-flex}.player-btn:hover{background:var(--cream)}.player-btn:active{box-shadow:none;transform:translate(2px,2px)}.player-btn--main{background:var(--yellow);width:52px;height:52px}.player-btn--main:hover{background:#ffd66e}.player__seek{--progress:0%;appearance:none;cursor:pointer;background:0 0;flex:220px;min-width:0;height:44px;margin:0}.player__seek::-webkit-slider-runnable-track{box-sizing:content-box;border:var(--border);background:linear-gradient(to right, var(--orange) var(--progress), var(--white) var(--progress));border-radius:999px;height:10px}.player__seek::-webkit-slider-thumb{box-sizing:content-box;border:var(--border);background:var(--yellow);width:18px;height:18px;box-shadow:2px 2px 0 var(--ink);appearance:none;border-radius:999px;margin-top:-6px}.player__seek::-moz-range-track{border:var(--border);background:var(--white);border-radius:999px;height:10px}.player__seek::-moz-range-progress{border:var(--border);background:var(--orange);border-radius:999px;height:10px}.player__seek::-moz-range-thumb{border:var(--border);background:var(--yellow);width:18px;height:18px;box-shadow:2px 2px 0 var(--ink);border-radius:999px}.player__time{min-width:10ch;font-family:var(--font-mono);font-variant-numeric:tabular-nums;font-size:13px;font-weight:700}.player:fullscreen{box-shadow:none;border:0;border-radius:0;flex-direction:column;display:flex}.player:fullscreen .player__video{aspect-ratio:auto;object-fit:contain;flex:1;height:auto;min-height:0}.code-card{border:var(--border);background:var(--white);box-shadow:var(--shadow-lg);border-radius:24px;overflow:hidden}.code-card__bar{border-bottom:var(--border);background:var(--cream-light);flex-wrap:wrap;align-items:center;gap:8px;padding:10px 14px;display:flex}.code-card__bar--file{border-top:var(--border);justify-content:space-between;gap:12px;min-height:48px;padding:8px 20px}.code-card__hint{color:var(--muted);margin-left:auto;padding:0 4px;font-size:13px;font-weight:600}.code-card__bar--file .code-card__hint{margin-left:0}.file-tab{border:var(--border);background:var(--white);min-height:44px;color:var(--ink);font-family:var(--font-mono);cursor:pointer;border-radius:999px;padding:0 16px;font-size:13px;font-weight:700;transition:background-color .15s,box-shadow .15s}.file-tab[aria-pressed=true]{box-shadow:2px 2px 0 var(--ink)}.file-tab--c[aria-pressed=true]{background:var(--yellow)}.file-tab--cpp[aria-pressed=true]{background:var(--pink)}.file-tab--rs[aria-pressed=true]{background:var(--orange)}.file-label{font-family:var(--font-mono);align-items:center;gap:8px;font-size:13px;font-weight:700;display:inline-flex}.ts-chip{border:var(--border);background:var(--blue);width:22px;height:22px;color:var(--white);font-family:var(--font-display);border-radius:6px;justify-content:center;align-items:center;font-size:9px;font-weight:800;display:inline-flex}.code{font-family:var(--font-mono);color:var(--ink);margin:0;padding:16px 0;font-size:13.5px;line-height:22px;overflow-x:auto}.code--source{min-height:186px}.code--main{min-height:142px}.code__lines{width:max-content;min-width:100%;display:block}.code__line{white-space:pre;min-height:22px;padding:0 24px;display:block}.tok-kw{color:#1f4fbf}.tok-fn{color:#9c3d0e}.tok-ty{color:#0b6b66}.tok-str{color:#a3175b}.tok-num{color:#8a5a00}.tok-cm{color:var(--muted)}.lang-badge{border:var(--border);width:40px;height:40px;box-shadow:2px 2px 0 var(--ink);font-family:var(--font-display);color:var(--ink);border-radius:10px;flex:none;justify-content:center;align-items:center;font-size:14px;font-weight:800;display:flex}.lang-badge--tight{font-size:12px}.lang-badge--c{background:var(--yellow)}.lang-badge--cpp{background:var(--pink)}.lang-badge--rs{background:var(--orange)}.how-card{flex-direction:column;gap:20px;padding:28px;display:flex}.how-card__title{font-family:var(--font-display);margin:0;font-size:22px;font-weight:700}.how-card__text{color:var(--ink-soft);margin:0;font-size:16px;line-height:1.6}.how-card__text a{font-weight:600}.flow{margin:0;padding:0;list-style:none}.flow__item{flex-direction:column;align-items:flex-start;display:flex}.flow__arrow{color:var(--ink);margin:6px 0 6px 22px}.flow-step{border:var(--border);max-width:100%;box-shadow:var(--shadow-sm);border-radius:14px;flex-direction:column;gap:4px;padding:10px 16px 12px;display:flex}.flow-step--c{background:var(--yellow)}.flow-step--ts{background:var(--blue);color:var(--white)}.flow-step--tool{border-style:dashed;border-color:var(--dash);background:var(--cream);box-shadow:none}.flow-step__label{font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--ink-soft);font-size:11px;font-weight:700}.flow-step--ts .flow-step__label{color:var(--white)}.flow-step--tool .flow-step__label{color:var(--muted)}.flow-step__code{white-space:pre-wrap;overflow-wrap:anywhere;font-size:14px;line-height:22px}.flow-step__text{font-size:15px;font-weight:600;line-height:1.45}.types__status{max-width:640px;color:var(--ink-soft);margin:8px 0 0;font-size:15px}.types{gap:28px;margin-top:32px;display:grid}.types__pair{grid-template-columns:repeat(auto-fit,minmax(min(460px,100%),1fr));align-items:start;gap:28px;display:grid}.types__note{border-top:1.5px solid var(--rule);color:var(--muted);margin:0;padding:14px 22px 18px;font-size:14px;line-height:1.55}.rules{gap:10px;margin:0;padding:16px 22px 20px 42px;font-size:15px;line-height:1.55;display:grid}.lang-table{border-collapse:collapse;table-layout:fixed;width:100%;font-size:15px;line-height:1.5}.lang-table th,.lang-table td{border-bottom:1.5px solid var(--rule);text-align:left;vertical-align:top;padding:14px 18px}.lang-table td,.lang-table thead th:not(:first-child){border-left:1.5px solid var(--rule)}.lang-table thead th,.lang-table thead td{background:var(--cream-light);border-bottom:var(--border);width:25%;font-family:var(--font-display);padding-block:10px;font-size:16px;font-weight:700}.lang-table tbody tr:last-child>*{border-bottom:0}.lang-table tbody th{font-weight:600}.lang-table__lang{align-items:center;gap:10px;display:inline-flex}.lang-table__lang .lang-badge{border-radius:8px;width:30px;height:30px;font-size:11px}.lang-table code{font-size:13.5px}.lang-table__code code{white-space:nowrap}.lang-table__type{color:var(--blue);font-weight:700}.lang-table__note{color:var(--muted);margin-top:4px;font-size:13px;font-weight:400;line-height:1.45;display:block}.lang-table__code+.lang-table__note{margin-top:6px}@media (width<=1000px){.lang-table thead{display:none}.lang-table__code code{white-space:normal}.lang-table,.lang-table tbody,.lang-table tr,.lang-table th{display:block}.lang-table tr{border-bottom:1.5px solid var(--rule);padding:14px 20px 16px}.lang-table tbody tr:last-child{border-bottom:0}.lang-table th,.lang-table td{border:0;padding:0}.lang-table td{grid-template-columns:64px minmax(0,1fr);column-gap:12px;margin-top:10px;display:grid}.lang-table td:before{content:attr(data-label);border:var(--border);font-family:var(--font-mono);text-align:center;border-radius:6px;grid-row:1/span 2;align-self:start;padding:1px 0;font-size:11px;font-weight:700}.lang-table td>*{grid-column:2}.lang-table__cell--c:before{background:var(--yellow)}.lang-table__cell--cpp:before{background:var(--pink)}.lang-table__cell--rs:before{background:var(--orange)}.lang-table__cell--both:before{background:linear-gradient(90deg, var(--yellow) 50%, var(--pink) 50%)}}.facts{border-collapse:collapse;width:100%;font-size:15px}.facts th,.facts td{border-bottom:1.5px solid var(--rule);vertical-align:top;padding:15px 22px;line-height:1.5}.facts th{text-align:left;vertical-align:top;color:var(--muted);white-space:nowrap;font-weight:600}.facts tr:last-child th,.facts tr:last-child td{border-bottom:0}.facts a,.facts__strong{font-weight:600}.steps{flex-direction:column;gap:14px;margin:16px 0 0;padding:0;list-style:none;display:flex}.step{align-items:flex-start;gap:14px;font-size:16px;line-height:1.55;display:flex}.step__num{border:var(--border);width:30px;height:30px;font-family:var(--font-display);border-radius:999px;flex:none;justify-content:center;align-items:center;font-size:14px;font-weight:800;display:flex}.step__num--light{color:var(--white)}.step__text{padding-top:3px}.checklist{flex-direction:column;gap:12px;margin:20px 0 0;padding:0;list-style:none;display:flex}.checklist li{align-items:center;gap:12px;font-size:17px;display:flex}.check{border:var(--border);background:var(--mint);border-radius:999px;flex:none;justify-content:center;align-items:center;width:26px;height:26px;display:flex}.os-tabs{flex-wrap:wrap;gap:8px;display:flex}.os-tab{border:var(--border);background:var(--white);min-height:44px;color:var(--ink);cursor:pointer;border-radius:999px;padding:0 18px;font-size:15px;font-weight:700}.os-tab[aria-pressed=true]{background:var(--ink);color:var(--cream)}.os-panel{border:var(--border);background:var(--white);min-height:132px;box-shadow:var(--shadow-md);border-radius:20px;flex-direction:column;gap:14px;padding:24px;display:flex}.os-panel p{margin:0;font-size:17px;line-height:1.6}.shell-line{background:var(--ink);color:var(--cream);white-space:pre;border-radius:12px;padding:12px 16px;font-size:14px;display:block;overflow-x:auto}.repo-table{border-collapse:collapse;width:100%;font-size:15px}.repo-table th{border-bottom:var(--border);text-align:left;color:var(--muted);padding:14px 20px;font-size:13px;font-weight:700}.repo-table td{border-bottom:1.5px solid var(--rule);vertical-align:top;padding:14px 20px;line-height:1.5}.repo-table tr:last-child td{border-bottom:0}.repo-table td:first-child{white-space:nowrap}.repo-table a{font-family:var(--font-mono);font-size:13px;font-weight:500}@media (width<=560px){.repo-table thead{display:none}.repo-table tr{border-bottom:1.5px solid var(--rule);padding:12px 0;display:block}.repo-table tr:last-child{border-bottom:0}.repo-table td{border-bottom:0;padding:2px 20px;display:block}}.terminal{border:var(--border);background:var(--ink);min-width:0;box-shadow:6px 6px 0 var(--yellow);border-radius:20px;overflow:hidden}.terminal__title{border-bottom:1.5px solid var(--ink-soft);font-family:var(--font-mono);color:#e9dcc6;padding:12px 20px;font-size:13px;font-weight:500}.terminal__body{font-family:var(--font-mono);color:var(--cream);margin:0;padding:16px 20px;font-size:14px;line-height:26px;overflow-x:auto}.terminal__line{white-space:pre;display:block}.terminal__cmd{min-width:20ch;display:inline-block}.terminal__comment{color:#bfae96}@media (width<=560px){.terminal__comment{white-space:normal;padding-left:2ch;display:block}}.site-footer{padding:32px var(--gutter);background:var(--ink);color:var(--cream)}.site-footer a{color:var(--cream)}.site-footer__inner{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px 24px;max-width:1200px;margin:0 auto;display:flex}.site-footer__brand{align-items:center;gap:10px;font-size:15px;display:flex}.site-footer__brand strong{font-family:var(--font-display);font-weight:800}.footer-nav{flex-wrap:wrap;gap:2px;display:flex}.footer-nav a{align-items:center;min-height:44px;padding:0 10px;font-size:15px;font-weight:600;text-decoration:none;display:inline-flex}.footer-nav a:hover{color:var(--yellow)}