.hero{position:relative;padding-top:clamp(48px,6.5vh,96px);padding-bottom:clamp(40px,6vh,72px);overflow:hidden}.hero-inner{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;text-align:center}.hero-pill{margin-bottom:28px;max-width:calc(100% - 8px)}.hero-pill-link{text-decoration:none;transition:border-color var(--t-fast) var(--ease),background var(--t-fast) var(--ease),color var(--t-fast) var(--ease)}@media(max-width:560px){.hero-pill{height:auto;padding:4px 12px}.hero-pill-sep,.hero-pill-detail{display:none}}.hero-pill-link:hover{border-color:color-mix(in oklch,var(--accent) 55%,var(--line-2));background:color-mix(in oklch,var(--accent) 6%,var(--bg-1));color:var(--ink-0)}.hero-pill-link:hover .hero-pill-arrow{transform:translate(2px)}.hero-pill-sep{color:var(--ink-3)}.hero-pill-detail{color:var(--ink-2)}.hero-pill-link:hover .hero-pill-detail{color:var(--ink-1)}.hero-pill-arrow{color:var(--accent);margin-left:2px;transition:transform var(--t-fast) var(--ease);display:inline-block}.hero-em{color:var(--ink-0);position:relative;display:inline-block}.hero-em:after{content:"";position:absolute;left:0;right:0;bottom:-4px;height:4px;background:linear-gradient(90deg,transparent 0%,color-mix(in oklch,var(--accent) 80%,transparent) 8%,color-mix(in oklch,var(--accent) 80%,transparent) 92%,transparent 100%);transform:scaleX(.6);transform-origin:center;opacity:0;animation:hero-underline 1.4s var(--ease) .8s forwards}@keyframes hero-underline{to{transform:scaleX(1);opacity:1}}.hero-lede{margin:28px auto 0}.hero-cta{display:flex;gap:12px;margin-top:40px;flex-wrap:wrap;justify-content:center}.hero-foot{margin-top:28px;color:var(--ink-3);font-size:12px}.hero-demo{margin:56px auto 28px;width:100%;max-width:760px;perspective:1200px}.hd-frame{text-align:left;border:1px solid var(--line-1);border-radius:var(--r-3);overflow:hidden;background:linear-gradient(180deg,color-mix(in oklch,var(--bg-1) 100%,transparent),color-mix(in oklch,var(--bg-0) 30%,transparent));box-shadow:0 1px color-mix(in oklch,white 4%,transparent) inset,0 24px 48px -24px #0009,0 80px 120px -48px color-mix(in oklch,var(--accent) 12%,transparent)}.hd-chrome{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;padding:10px 14px;border-bottom:1px solid var(--line-1);background:linear-gradient(180deg,color-mix(in oklch,var(--bg-2) 80%,transparent),color-mix(in oklch,var(--bg-1) 80%,transparent))}.hd-lights{display:inline-flex;align-items:center;gap:6px}.hd-light{width:11px;height:11px;border-radius:50%;display:inline-block;box-shadow:inset 0 0 0 1px #0000002e}.hd-light-r{background:#e06062}.hd-light-y{background:#eba941}.hd-light-g{background:#61c568}.hd-tab{display:inline-flex;align-items:center;gap:8px;font-size:11.5px;color:var(--ink-1);padding:4px 12px;border:1px solid color-mix(in oklch,var(--line-1) 70%,transparent);background:var(--bg-0);border-radius:999px;justify-self:center}.hd-tab-dot{width:6px;height:6px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 3px color-mix(in oklch,var(--accent) 22%,transparent)}.hd-tab-meta{color:var(--ink-4)}.hd-run{font-size:11px;color:var(--ink-3);display:inline-flex;align-items:center;gap:4px}.hd-run kbd{display:inline-block;padding:0 5px;height:18px;line-height:17px;border:1px solid var(--line-2);background:var(--bg-2);border-radius:4px;font-family:var(--mono);font-size:10.5px;color:var(--ink-1);margin:0 1px}.hd-body{display:flex;flex-direction:column}.hd-editor{background:linear-gradient(180deg,color-mix(in oklch,var(--bg-2) 80%,transparent),color-mix(in oklch,var(--bg-2) 50%,transparent));padding:14px 4px 14px 0;min-height:96px}.hd-code{margin:0;padding:0;font-size:13.5px;line-height:1.8;color:var(--ink-1);white-space:pre;display:block}.hd-gut{display:inline-block;width:36px;text-align:right;margin-right:14px;color:var(--ink-4);font-size:11px;user-select:none;vertical-align:1px}.hd-row{display:inline}.hd-row:after{content:""}.hd-row.is-active:after{content:"";display:inline-block;width:7px;height:14px;background:var(--accent);vertical-align:-2px;margin-left:1px;animation:bcmd-caret 1s steps(2) infinite}.hd-kw{color:oklch(.78 .14 280);font-weight:500}.hd-fn{color:#3ae0e8}.hd-str{color:#87dc8a}.hd-num{color:oklch(.83 .14 60)}.hd-c{color:var(--ink-3)}.hd-id{color:var(--ink-1)}.hd-op{color:var(--ink-3)}.hd-result{border-top:1px solid var(--line-1);background:var(--bg-1);padding:12px 16px 14px 50px;opacity:0;transform:translateY(6px);transition:opacity .32s var(--ease),transform .32s var(--ease)}.hero-demo.has-result .hd-result{opacity:1;transform:none}.hd-result-head,.hd-result-row{display:grid;grid-template-columns:1.4fr auto auto;gap:24px;font-size:12px}.hd-result-head{color:var(--ink-4);letter-spacing:.06em;text-transform:uppercase;font-size:10.5px;padding-bottom:6px;border-bottom:1px solid color-mix(in oklch,var(--line-1) 50%,transparent);margin-bottom:6px}.hd-result-row{color:var(--ink-1);padding:3px 0}.hd-result-row span:nth-child(2){color:var(--ink-2);text-align:right}.hd-r-num{color:var(--accent);text-align:right;font-variant-numeric:tabular-nums}.hd-foot{display:flex;justify-content:space-between;padding:8px 14px;border-top:1px solid var(--line-1);background:color-mix(in oklch,var(--bg-2) 60%,transparent);font-size:11px;color:var(--ink-3);flex-wrap:wrap;gap:10px}.hd-ok{color:var(--accent);margin-right:4px}.hd-side{color:var(--ink-4)}.hd-side em{color:var(--accent);font-style:normal;border-bottom:1px dotted color-mix(in oklch,var(--accent) 40%,transparent)}@media(max-width:700px){.hero-demo{margin-top:36px}.hd-result{padding-left:16px}.hd-result-head,.hd-result-row{grid-template-columns:1fr auto;gap:12px}.hd-result-row span:nth-child(2){display:none}.hd-result-head span:nth-child(2){display:none}.hd-side{display:none}.hd-editor{overflow-x:auto;-webkit-overflow-scrolling:touch;padding:12px 0}.hd-code{font-size:12.5px;line-height:1.7}.hd-gut{width:26px;margin-right:10px;font-size:10.5px}.hd-run{display:none}.hd-tab{font-size:11px;padding:4px 10px}.hd-tab-meta{display:none}}@media(prefers-reduced-motion:reduce){.hd-result{opacity:1;transform:none;transition:none}.hd-row.is-active:after{animation:none}}.product-hero{margin-top:0}.product-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:56px}@media(max-width:1100px){.product-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:700px){.product-grid{grid-template-columns:1fr}}.product-tile{display:flex;flex-direction:column;gap:20px}.product-tile-meta{padding:0 4px}.product-tile-meta h3{margin:10px 0 8px}.product-tile-meta p{color:var(--ink-2);font-size:14.5px;line-height:1.55}.sec-pillars{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:36px}@media(max-width:1100px){.sec-pillars{grid-template-columns:repeat(2,1fr)}}@media(max-width:560px){.sec-pillars{grid-template-columns:1fr}}.sec-pillar{padding:22px 24px;border:1px solid var(--line-1);border-radius:var(--r-3);background:var(--bg-1)}.sec-pillar h4{margin:12px 0 8px;font-size:17px}.sec-pillar p{font-size:13.5px;color:var(--ink-2);line-height:1.55}.sec-deepdive{display:grid;grid-template-columns:1.4fr 1fr;gap:32px;margin-top:36px;padding:32px 36px;border-radius:var(--r-3);border:1px solid var(--line-1);background:radial-gradient(ellipse 70% 90% at 100% 50%,color-mix(in oklch,var(--accent) 7%,transparent),transparent 70%),linear-gradient(180deg,color-mix(in oklch,var(--bg-1) 100%,transparent),color-mix(in oklch,var(--bg-2) 60%,transparent));text-decoration:none;color:inherit;transition:border-color var(--t-fast) var(--ease),transform var(--t-med) var(--ease)}.sec-deepdive:hover{border-color:color-mix(in oklch,var(--accent) 35%,var(--line-2))}.sec-deepdive:hover .sd-arrow{transform:translate(4px)}.sd-left{display:flex;flex-direction:column;gap:14px}.sd-title{font-size:22px;line-height:1.2;color:var(--ink-0);margin:0;font-weight:500;letter-spacing:-.018em}.sd-cap{font-size:13.5px;color:var(--ink-2);line-height:1.55;margin:0;max-width:56ch}.sd-cta{margin-top:6px;display:inline-flex;align-items:center;gap:8px;font-size:12px;color:var(--accent);letter-spacing:.04em}.sd-arrow{display:inline-block;transition:transform var(--t-fast) var(--ease)}.sd-right{display:flex;align-items:center;justify-content:center}.sd-hex{display:flex;flex-direction:column;gap:6px;padding:16px 18px;border:1px solid color-mix(in oklch,var(--line-1) 80%,transparent);border-radius:var(--r-2);background:linear-gradient(180deg,color-mix(in oklch,var(--bg-0) 60%,transparent),color-mix(in oklch,var(--bg-0) 30%,transparent));font-size:12px;line-height:1.5;box-shadow:inset 0 1px color-mix(in oklch,white 3%,transparent)}.sd-h-m{color:var(--ink-0)}.sd-h-s{color:#efba64}.sd-h-n{color:var(--accent)}.sd-h-c{color:var(--ink-4)}.sd-h-t{color:oklch(.8 .13 295)}@media(max-width:800px){.sec-deepdive{grid-template-columns:1fr;padding:22px 24px;gap:18px}.sd-right{justify-content:flex-start}}.compare-wrap{background:var(--bg-1);border:1px solid var(--line-1);border-radius:var(--r-3);overflow:hidden;box-shadow:var(--sh-1)}.ct-head-row,.ct-row{display:grid;grid-template-columns:1.4fr repeat(6,1fr);gap:0}.ct-head-row{background:var(--bg-2);border-bottom:1px solid var(--line-1)}.ct-cap-head{padding:18px 22px;font-family:var(--mono);font-size:10.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--ink-4);align-self:end}.ct-col-head{padding:14px 16px;text-align:left;background:transparent;border:0;border-left:1px solid var(--line-1);cursor:pointer;color:var(--ink-2);font-family:var(--sans);transition:background var(--t-fast) var(--ease),color var(--t-fast) var(--ease)}.ct-col-head:hover{background:color-mix(in oklch,var(--accent) 5%,transparent);color:var(--ink-0)}.ct-col-head.active{background:color-mix(in oklch,var(--accent) 9%,transparent);color:var(--ink-0);box-shadow:inset 0 -2px 0 var(--accent)}.ct-col-head .cn{font-size:14.5px;font-weight:500}.ct-col-head .cs{font-size:10.5px;color:var(--ink-4);margin-top:4px;letter-spacing:.04em}.ct-col-head.ours .cn{color:var(--accent)}.ct-col-head.ours .cs{color:color-mix(in oklch,var(--accent) 50%,var(--ink-3))}.ct-row+.ct-row,.ct-head-row+.ct-row{border-top:1px solid color-mix(in oklch,var(--line-1) 70%,transparent)}.ct-rowhead{padding:16px 22px;font-size:13.5px;color:var(--ink-2);align-self:center;border-right:1px solid color-mix(in oklch,var(--line-1) 60%,transparent)}.ct-cell{padding:14px 16px;border-left:1px solid color-mix(in oklch,var(--line-1) 60%,transparent);font-size:13px;color:var(--ink-2);display:flex;align-items:center;transition:background var(--t-fast) var(--ease),color var(--t-fast) var(--ease)}.ct-cell.col-active{background:color-mix(in oklch,var(--accent) 5%,transparent);color:var(--ink-0)}.ct-cell.ours{color:var(--ink-1)}.ct-cell.ours.col-active{background:color-mix(in oklch,var(--accent) 10%,transparent)}.ct-yes{color:var(--accent)}.ct-no{color:var(--ink-4)}.ct-txt{line-height:1.4}.ct-row{transition:background var(--t-fast) var(--ease)}.ct-row:hover{background:color-mix(in oklch,var(--bg-2) 35%,transparent)}.ct-row:hover .ct-rowhead{color:var(--ink-0)}.ct-row:hover .ct-cell:not(.col-active){color:var(--ink-1)}.ct-row:hover .ct-cell.is-no .ct-no{color:var(--ink-2)}.compare-toolbar{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:16px;flex-wrap:wrap}.ct-tools-meta{font-size:11px;color:var(--ink-4);letter-spacing:.04em}.ct-toggle{display:inline-flex;padding:3px;border-radius:999px;background:var(--bg-2);border:1px solid var(--line-1);gap:2px}.ct-tog{background:transparent;border:0;color:var(--ink-3);font-family:var(--sans);font-size:12px;padding:6px 14px;border-radius:999px;cursor:pointer;transition:color var(--t-fast) var(--ease),background var(--t-fast) var(--ease)}.ct-tog:hover{color:var(--ink-1)}.ct-tog-active{background:var(--bg-1);color:var(--ink-0);box-shadow:inset 0 1px color-mix(in oklch,white 6%,transparent),0 1px color-mix(in oklch,black 30%,transparent)}.ct-tog[data-mode=wedge].ct-tog-active{background:color-mix(in oklch,var(--accent) 22%,var(--bg-1));color:var(--accent-w)}.compare-wrap.wedge-mode .ct-row:not(.ct-row-wedge){display:none}.compare-wrap.wedge-mode .ct-row-wedge{animation:ct-wedge-in .36s var(--ease) both}@keyframes ct-wedge-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){.compare-wrap.wedge-mode .ct-row-wedge{animation:none}}@media(max-width:1100px){.ct-head-row,.ct-row{grid-template-columns:1.2fr repeat(6,minmax(110px,1fr))}.compare-wrap{overflow-x:auto}.ct-head-row,.ct-row{min-width:900px}}.compare-mobile{display:none}@media(max-width:700px){.compare-toolbar,.compare-wrap{display:none}.compare-mobile{display:block}}.compare-mobile-card{border:1px solid var(--line-1);border-radius:var(--r-3);background:var(--bg-1);padding:18px 18px 14px;margin-top:4px;box-shadow:var(--sh-1)}.compare-mobile-eye{font-family:var(--mono);font-size:10.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--accent);margin-bottom:10px}.compare-mobile-list{list-style:none;padding:0;margin:0 0 16px;display:flex;flex-direction:column;gap:6px;font-size:14px;color:var(--ink-1)}.compare-mobile-list li{display:flex;align-items:center;gap:8px;padding:6px 0;border-bottom:1px solid color-mix(in oklch,var(--line-1) 50%,transparent)}.compare-mobile-list li:last-child{border-bottom:0}.compare-mobile-list svg{color:var(--accent);flex-shrink:0}.compare-mobile-vs{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:4px}.compare-mobile-vs a{display:block;padding:10px 12px;border:1px solid var(--line-1);border-radius:var(--r-2);font-size:13px;color:var(--ink-1);background:var(--bg-2);text-align:center;transition:border-color var(--t-fast) var(--ease),background var(--t-fast) var(--ease),color var(--t-fast) var(--ease)}.compare-mobile-vs a:hover{border-color:color-mix(in oklch,var(--accent) 45%,var(--line-2));color:var(--ink-0)}.compare-mobile-full{margin-top:12px;font-family:var(--mono);font-size:11.5px;color:var(--ink-3);display:inline-flex;align-items:center;gap:6px}.compare-mobile-full:hover{color:var(--accent)}.footprint{padding:clamp(72px,10vh,128px) 0;border-top:1px solid var(--line-1);background:radial-gradient(ellipse 60% 90% at 50% 0%,color-mix(in oklch,var(--accent) 6%,transparent),transparent 70%),var(--bg-0)}.footprint-head{margin-bottom:36px}.footprint-h{max-width:18ch}.fp-num{background:linear-gradient(180deg,color-mix(in oklch,var(--accent-w) 80%,var(--ink-0)) 0%,var(--accent) 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent;font-variant-numeric:tabular-nums}.fp-em{color:var(--ink-0)}.footprint-chart{--rate: 180;--max: 700;padding:28px 76px 22px 28px;border:1px solid var(--line-1);border-radius:var(--r-3);background:linear-gradient(180deg,color-mix(in oklch,var(--bg-1) 100%,transparent),color-mix(in oklch,var(--bg-0) 50%,transparent));box-shadow:var(--sh-1);position:relative}.fp-row{display:grid;grid-template-columns:168px 1fr;gap:24px;align-items:center;padding:13px 0;border-bottom:1px solid color-mix(in oklch,var(--line-1) 40%,transparent)}.fp-row:last-of-type{border-bottom:0}.fp-name{display:flex;flex-direction:column;gap:3px}.fp-app{font-size:14px;color:var(--ink-1);font-weight:500;letter-spacing:-.005em}.fp-row-ours .fp-app{color:var(--accent)}.fp-stack{font-size:10.5px;color:var(--ink-4);letter-spacing:.04em}.fp-row-ours .fp-stack{color:color-mix(in oklch,var(--accent) 40%,var(--ink-3))}.fp-track{position:relative;height:22px;background:repeating-linear-gradient(90deg,color-mix(in oklch,var(--line-1) 40%,transparent) 0,color-mix(in oklch,var(--line-1) 40%,transparent) 1px,transparent 1px,transparent 8px),linear-gradient(90deg,color-mix(in oklch,var(--bg-2) 80%,transparent),color-mix(in oklch,var(--bg-2) 30%,transparent));border-radius:4px;overflow:visible}.fp-bar{position:absolute;left:0;top:0;bottom:0;width:0;border-radius:4px;background:linear-gradient(180deg,color-mix(in oklch,var(--ink-3) 30%,var(--bg-3)),color-mix(in oklch,var(--ink-4) 40%,var(--bg-2)));border:1px solid color-mix(in oklch,var(--ink-3) 20%,transparent);transition:width calc(var(--mb) * 1s / var(--rate)) linear;will-change:width}.fp-bar:after{content:"";position:absolute;right:-2px;top:-3px;bottom:-3px;width:2px;background:color-mix(in oklch,var(--ink-1) 75%,transparent);box-shadow:0 0 12px 2px color-mix(in oklch,var(--ink-2) 40%,transparent);opacity:0;border-radius:1px}.footprint-chart.go .fp-bar{width:calc((var(--mb) / 700) * 100%)}.footprint-chart.go .fp-bar:after{animation:fp-playhead calc(var(--mb) * 1s / var(--rate)) linear forwards}@keyframes fp-playhead{0%,96%{opacity:1}to{opacity:0}}.fp-bar.fp-ours{background:linear-gradient(180deg,color-mix(in oklch,var(--accent-w) 30%,var(--accent)) 0%,var(--accent) 100%);border-color:color-mix(in oklch,var(--accent-w) 35%,transparent);box-shadow:inset 0 1px color-mix(in oklch,white 20%,transparent),0 0 0 1px color-mix(in oklch,var(--accent) 25%,transparent),0 8px 22px -8px color-mix(in oklch,var(--accent) 55%,transparent)}.fp-bar.fp-ours:after{background:var(--accent-w);box-shadow:0 0 18px 4px color-mix(in oklch,var(--accent) 70%,transparent)}.fp-size{position:absolute;top:50%;left:100%;transform:translate(10px,-50%);font-size:11.5px;color:var(--ink-3);white-space:nowrap;font-variant-numeric:tabular-nums;opacity:0;pointer-events:none;letter-spacing:.01em}.footprint-chart.go .fp-size{opacity:1;transition:opacity .26s var(--ease) calc(var(--mb) * 1s / var(--rate))}.fp-row-ours .fp-size{color:var(--accent)}.fp-axis{display:grid;grid-template-columns:168px 1fr;gap:24px;margin-top:14px;padding-top:10px;border-top:1px solid color-mix(in oklch,var(--line-1) 35%,transparent)}.fp-axis-ticks{display:flex;justify-content:space-between;font-size:10px;color:var(--ink-4);letter-spacing:.06em}.fp-axis-ticks span:first-child{margin-left:-2px}.fp-axis-ticks span:last-child{margin-right:-2px}.fp-foot{margin-top:22px;font-size:11.5px;color:var(--ink-4);letter-spacing:.02em}.fp-foot-link{color:var(--accent);margin-left:4px;border-bottom:1px solid color-mix(in oklch,var(--accent) 35%,transparent);transition:color var(--t-fast) var(--ease)}.fp-foot-link:hover{color:var(--accent-w)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(max-width:800px){.footprint-chart{padding:20px 60px 18px 20px}.fp-row,.fp-axis{grid-template-columns:120px 1fr;gap:14px}.fp-app{font-size:13px}.fp-stack{font-size:10px}}@media(max-width:520px){.fp-stack{display:none}.fp-row,.fp-axis{grid-template-columns:90px 1fr;gap:10px}.footprint-chart{padding:16px 56px 14px 16px}}@media(prefers-reduced-motion:reduce){.fp-bar{width:calc((var(--mb) / 700) * 100%);transition:none}.fp-bar:after{display:none}.fp-size{opacity:1;transition:none}}.bento-section{padding:clamp(72px,9vh,128px) 0;border-top:1px solid var(--line-1);background:radial-gradient(ellipse 50% 60% at 50% 0%,color-mix(in oklch,var(--accent) 5%,transparent),transparent 75%),var(--bg-0)}.bento-head{margin-bottom:48px}.bento-em{background:linear-gradient(180deg,var(--ink-0) 0%,color-mix(in oklch,var(--accent) 60%,var(--ink-0)) 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent}.bento{display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:minmax(380px,auto) minmax(220px,auto);gap:14px}@media(max-width:1100px){.bento{grid-template-columns:repeat(2,1fr);grid-template-rows:auto}}@media(max-width:640px){.bento{grid-template-columns:1fr}}.bento-tile{position:relative;padding:22px 24px;border-radius:var(--r-3);border:1px solid var(--line-1);background:linear-gradient(180deg,color-mix(in oklch,var(--bg-1) 100%,transparent),color-mix(in oklch,var(--bg-1) 60%,var(--bg-0)));box-shadow:var(--sh-1);overflow:hidden;display:flex;flex-direction:column;gap:10px;transition:border-color var(--t-fast) var(--ease),background var(--t-fast) var(--ease)}.bento-tile:hover{border-color:color-mix(in oklch,var(--accent) 25%,var(--line-2))}.b-eye{font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:var(--ink-4)}.b-title{font-size:19px;line-height:1.18;letter-spacing:-.018em;color:var(--ink-0);margin:0 0 8px;font-weight:500}.b-cap{margin-top:auto;font-size:12.5px;color:var(--ink-3);line-height:1.5}.b-codetag{font-size:.95em;padding:1px 7px;background:color-mix(in oklch,var(--accent) 12%,var(--bg-2));border:1px solid color-mix(in oklch,var(--accent) 25%,var(--line-1));border-radius:5px;color:var(--accent)}.bento-cmd{grid-column:1 / -1;grid-row:1;padding:0;flex-direction:row;background:linear-gradient(180deg,color-mix(in oklch,var(--bg-1) 100%,transparent),color-mix(in oklch,var(--bg-2) 50%,var(--bg-0)))}.bcmd-left{flex:0 0 260px;padding:20px 16px;display:flex;flex-direction:column;gap:12px;border-right:1px solid var(--line-1);background:var(--bg-0)}@media(max-width:700px){.bento-cmd{flex-direction:column}.bcmd-left{flex:0 0 auto;border-right:0;border-bottom:1px solid var(--line-1)}}.bcmd-inputbar{display:flex;align-items:center;gap:10px;padding:10px 12px;border:1px solid var(--line-2);border-radius:var(--r-2);background:var(--bg-2);box-shadow:inset 0 1px color-mix(in oklch,white 4%,transparent);transition:border-color var(--t-fast) var(--ease)}.bento-cmd:focus-within .bcmd-inputbar{border-color:color-mix(in oklch,var(--accent) 60%,var(--line-2));box-shadow:inset 0 1px color-mix(in oklch,white 4%,transparent),0 0 0 3px color-mix(in oklch,var(--accent) 18%,transparent)}.bcmd-prompt{font-size:11px;color:var(--accent);letter-spacing:.04em}.bcmd-input{flex:1;background:transparent;border:0;outline:none;color:var(--ink-0);font-size:14px;font-family:var(--mono);padding:0}.bcmd-input::placeholder{color:var(--ink-4)}.bcmd-caret{width:7px;height:14px;background:var(--accent);opacity:0;animation:bcmd-caret 1s steps(2) infinite}.bento-cmd:not(:focus-within) .bcmd-caret{opacity:.7}@keyframes bcmd-caret{50%{opacity:0}}.bcmd-list{display:flex;flex-direction:column;gap:2px;overflow:hidden}.bcmd-item{display:grid;grid-template-columns:18px 1fr auto;gap:10px;align-items:center;padding:8px 10px;border:0;background:transparent;color:var(--ink-2);border-radius:6px;cursor:pointer;text-align:left;font-family:var(--sans);transition:background var(--t-fast) var(--ease),color var(--t-fast) var(--ease)}.bcmd-item:hover{background:var(--bg-2);color:var(--ink-1)}.bcmd-item.is-active{background:color-mix(in oklch,var(--accent) 14%,var(--bg-2));color:var(--ink-0)}.bcmd-item.is-hidden{display:none}.bcmd-i-icon{font-family:var(--mono);font-size:12px;color:var(--accent);text-align:center}.bcmd-i-name{font-size:13px;line-height:1.3}.bcmd-i-kbd{font-size:10px;color:var(--ink-4)}.bcmd-item.is-active .bcmd-i-kbd{color:var(--accent)}.bcmd-hint{margin-top:auto;display:flex;flex-direction:column;gap:4px;font-size:10px;color:var(--ink-4);letter-spacing:.04em;padding-top:8px;border-top:1px solid color-mix(in oklch,var(--line-1) 50%,transparent)}.bcmd-hint kbd{display:inline-block;padding:0 4px;margin:0 1px;background:var(--bg-2);border:1px solid var(--line-1);border-radius:3px;font-family:var(--mono);font-size:9.5px;color:var(--ink-3)}.bcmd-right{flex:1;position:relative;padding:20px 24px 18px;background:radial-gradient(ellipse 80% 60% at 50% 0%,color-mix(in oklch,var(--accent) 4%,transparent),transparent 60%);min-height:320px;overflow:hidden}.bcmd-pane{position:absolute;inset:20px 24px 18px;display:none;flex-direction:column;gap:12px}.bcmd-pane.is-active{display:flex;animation:bcmd-pane-in .26s var(--ease) both}@keyframes bcmd-pane-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.bcmd-pane-head{font-size:10px;color:var(--ink-4);letter-spacing:.14em;text-transform:uppercase}.bcmd-pane-foot{margin-top:auto;display:flex;justify-content:space-between;align-items:center;font-size:10.5px;color:var(--ink-3);gap:12px;padding-top:8px;border-top:1px solid color-mix(in oklch,var(--line-1) 50%,transparent)}.explain-tree{flex:1;display:flex;flex-direction:column;gap:4px}.ex-row{display:grid;grid-template-columns:110px 1fr auto;gap:14px;align-items:center;padding:7px 12px;background:var(--bg-2);border:1px solid color-mix(in oklch,var(--line-1) 70%,transparent);border-left:3px solid var(--ink-4);border-radius:0 6px 6px 0;font-family:var(--mono);font-size:12px;color:var(--ink-1);transition:transform var(--t-fast) var(--ease)}.ex-d0{margin-left:0;border-left-color:color-mix(in oklch,var(--accent) 70%,var(--line-2))}.ex-d1{margin-left:14px;border-left-color:color-mix(in oklch,var(--accent) 50%,var(--line-2))}.ex-d2{margin-left:28px;border-left-color:color-mix(in oklch,var(--accent) 35%,var(--line-2));border-style:dashed;background:transparent}.ex-bar{height:6px;background:color-mix(in oklch,var(--line-1) 70%,transparent);border-radius:3px;overflow:hidden}.ex-bar-fill{height:100%;width:var(--p);background:linear-gradient(90deg,color-mix(in oklch,var(--accent) 60%,transparent),color-mix(in oklch,var(--accent) 90%,transparent));border-radius:3px;transition:width .6s var(--ease)}.ex-bar-fill.ex-bar-hot{background:linear-gradient(90deg,#e2484fd9,oklch(.72 .21 22))}.ex-op{color:var(--ink-0);font-weight:500}.ex-rel{color:var(--ink-3);font-weight:400;font-size:11px}.ex-cost{color:var(--ink-2);font-size:11px;text-align:right;min-width:56px}.ex-pct{color:var(--ink-4);margin-left:4px}.ex-hot{border-left-color:oklch(.72 .21 22)!important;background:linear-gradient(90deg,oklch(.32 .13 22 / .55) 0%,oklch(.3 .1 22 / .18) 35%,var(--bg-2) 75%);box-shadow:0 0 0 1px #e2484f40}.ex-hot .ex-op{color:oklch(.88 .13 22)}.ex-hot .ex-cost{color:oklch(.82 .15 22)}.ex-hot .ex-pct{color:#551015;background:oklch(.72 .21 22);padding:1px 6px;border-radius:999px;font-size:9.5px;letter-spacing:.08em;margin-left:6px;font-weight:600}.ex-hint .ex-op{color:var(--ink-3)}.ex-hint .ex-rel{color:var(--ink-4)}.ex-hint .ex-cost{color:var(--ink-4);font-style:italic}.ex-hint .ex-bar{opacity:.3}@media(max-width:700px){.ex-row{grid-template-columns:60px 1fr auto;gap:10px;padding:6px 10px;font-size:11px}.ex-d1{margin-left:8px}.ex-d2{margin-left:16px}.ex-rel{display:none}.ex-cost{min-width:44px;font-size:10.5px}}.ex-flag-dot{width:8px;height:8px;border-radius:50%;background:oklch(.72 .21 22);display:inline-block;margin-right:6px;vertical-align:middle;box-shadow:0 0 0 3px #e2484f2e}.ai-suggest{flex:1;margin:0;padding:14px 16px;background:var(--bg-2);border:1px solid var(--line-1);border-radius:var(--r-2);font-size:12.5px;color:var(--ink-1);overflow:hidden;white-space:pre-wrap;word-break:break-word;min-height:120px}.ai-cur{display:inline}.ai-cur:after{content:"▎";color:var(--accent);animation:bcmd-caret 1s steps(2) infinite}.join-snippet{flex:0 0 auto;margin:0;padding:12px 14px;background:var(--bg-2);border:1px solid var(--line-1);border-radius:var(--r-2);font-size:12.5px;line-height:1.55;color:var(--ink-1);position:relative}.jk{color:oklch(.78 .14 280)}.jc{color:var(--ink-3)}.ja{color:#3ae0e8}.join-cursor{display:inline-block;width:7px;height:14px;background:var(--accent);vertical-align:-2px;animation:bcmd-caret 1s steps(2) infinite}.join-pop{margin-top:-2px;padding:4px;background:var(--bg-1);border:1px solid var(--line-2);border-radius:var(--r-2);box-shadow:0 12px 28px -16px #0009}.jp-item{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:7px 10px;border-radius:5px;transition:background var(--t-fast) var(--ease)}.jp-item.is-active{background:color-mix(in oklch,var(--accent) 14%,var(--bg-2))}.jp-name{font-size:12px;color:var(--ink-1)}.jp-item.is-active .jp-name{color:var(--ink-0)}.jp-tag{font-size:10px;color:var(--ink-4);letter-spacing:.04em}.jp-item.is-active .jp-tag{color:var(--accent)}@media(max-width:500px){.jp-item{flex-direction:column;align-items:flex-start;gap:2px}.jp-name,.jp-tag{word-break:break-all}}.cmp-grid{flex:1;display:grid;grid-template-columns:1fr 1fr;gap:12px}.cmp-side{padding:12px 14px;background:var(--bg-2);border:1px solid var(--line-1);border-radius:var(--r-2)}.cmp-label{font-size:10px;color:var(--ink-4);letter-spacing:.14em;text-transform:uppercase;margin-bottom:8px}.cmp-cols{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:4px;font-size:12px}.cmp-cols li{display:flex;justify-content:space-between;color:var(--ink-2)}.cmp-t{color:var(--ink-4);font-size:11px}.cmp-add{color:var(--accent);background:color-mix(in oklch,var(--accent) 8%,transparent);padding:2px 6px;margin:0 -6px;border-radius:3px}.cmp-add .cmp-t{color:color-mix(in oklch,var(--accent) 60%,var(--ink-3))}.hist-diff{flex:1;padding:14px 16px;background:var(--bg-2);border:1px solid var(--line-1);border-radius:var(--r-2);font-size:12.5px;line-height:1.7;color:var(--ink-2);display:flex;flex-direction:column}.hist-line{white-space:pre}.hist-rm{color:#d76963;background:color-mix(in oklch,oklch(.65 .14 25) 8%,transparent);margin:0 -16px;padding:0 16px}.hist-ad{color:var(--accent);background:color-mix(in oklch,var(--accent) 8%,transparent);margin:0 -16px;padding:0 16px}.hist-revert{background:transparent;border:1px solid color-mix(in oklch,var(--accent) 35%,var(--line-2));color:var(--accent);padding:4px 10px;border-radius:5px;font-size:10.5px;cursor:pointer;letter-spacing:.04em;transition:background var(--t-fast) var(--ease)}.hist-revert:hover{background:color-mix(in oklch,var(--accent) 10%,transparent)}.mask-grid{flex:1;width:100%;border-collapse:collapse;font-size:12px;background:var(--bg-2);border:1px solid var(--line-1);border-radius:var(--r-2);overflow:hidden;table-layout:fixed}.mask-grid thead{background:var(--bg-1)}.mask-grid th,.mask-grid td{padding:7px 10px;text-align:left;border-bottom:1px solid color-mix(in oklch,var(--line-1) 40%,transparent);color:var(--ink-2);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mask-grid th{font-size:10px;text-transform:uppercase;letter-spacing:.1em;color:var(--ink-4);font-weight:500}.mask-grid tbody tr:last-child td{border-bottom:0}.mask-cell{color:var(--accent);letter-spacing:.04em}.bento-stmt .stmt-buf{background:var(--bg-2);border:1px solid var(--line-1);border-radius:var(--r-2);padding:12px 14px;font-size:12px;line-height:1.7;color:var(--ink-3);margin:4px 0 0}.stmt-line{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.stmt-active{position:relative;color:var(--ink-0);padding-left:8px;margin:0 -8px;background:color-mix(in oklch,var(--accent) 10%,transparent);border-radius:4px;padding-right:8px}.stmt-bar{position:absolute;left:0;top:4px;bottom:4px;width:2px;background:var(--accent);border-radius:2px}.stmt-cursor{display:inline-block;width:7px;height:12px;background:var(--accent);vertical-align:-1px;animation:bcmd-caret 1s steps(2) infinite}.hist-mini{background:var(--bg-2);border:1px solid var(--line-1);border-radius:var(--r-2);padding:10px 12px;font-size:12px;display:flex;flex-direction:column;gap:4px;margin:4px 0 0}.hm-row{display:grid;grid-template-columns:44px 1fr;gap:10px;color:var(--ink-3);padding:3px 8px;margin:0 -8px;border-radius:4px;transition:background var(--t-fast) var(--ease),color var(--t-fast) var(--ease)}.hm-row.hm-active{background:color-mix(in oklch,var(--accent) 12%,transparent);color:var(--ink-0)}.hm-t{color:var(--ink-4)}.hm-row.hm-active .hm-t{color:color-mix(in oklch,var(--accent) 50%,var(--ink-3))}.bento-fan .fan-viz{margin:6px 0 4px;display:flex;flex-direction:column;gap:8px;align-items:center}.fan-q{font-size:11.5px;padding:6px 12px;background:var(--bg-2);border:1px solid var(--line-1);border-radius:5px;color:var(--ink-1)}.fan-lines{width:80%;height:22px;position:relative;display:grid;grid-template-columns:repeat(4,1fr);gap:2px}.fan-line{background:linear-gradient(180deg,var(--accent) 0%,transparent 100%);width:1.5px;margin:0 auto;border-radius:2px}.fan-targets{width:100%;display:grid;grid-template-columns:repeat(4,1fr);gap:6px;font-size:10.5px;text-align:center}.fan-targets span{padding:4px 6px;background:var(--bg-2);border:1px solid var(--line-1);border-radius:4px;color:var(--ink-2)}.bento-cli .cli-term{background:var(--bg-2);border:1px solid var(--line-1);border-radius:var(--r-2);padding:10px 12px;font-size:11.5px;line-height:1.65;color:var(--ink-2);margin:4px 0 0}.cli-prompt{color:var(--accent);margin-right:6px}.cli-good{color:var(--ink-1)}.cli-good strong{color:var(--ink-0);font-weight:500}.cli-ok{color:var(--accent);margin-left:4px}.cli-fade{color:var(--ink-4)}.cli-cursor{display:inline-block;width:7px;height:11px;background:var(--accent);vertical-align:-1px;animation:bcmd-caret 1s steps(2) infinite}.kbd-strip{margin-top:32px;display:grid;grid-template-columns:repeat(5,1fr);gap:10px;padding:16px 18px;border:1px solid var(--line-1);border-radius:var(--r-2);background:linear-gradient(180deg,color-mix(in oklch,var(--bg-1) 60%,transparent) 0%,transparent 100%)}@media(max-width:900px){.kbd-strip{grid-template-columns:repeat(3,1fr)}}@media(max-width:560px){.kbd-strip{grid-template-columns:repeat(2,1fr)}}.kbd-cell{display:flex;flex-direction:column;gap:8px;align-items:flex-start}.kbd-keys{display:flex;align-items:center;gap:4px}.kbd-key{display:inline-flex;align-items:center;justify-content:center;min-width:24px;height:24px;padding:0 6px;border:1px solid var(--line-2);border-radius:5px;background:var(--bg-2);box-shadow:inset 0 -1px color-mix(in oklch,black 30%,transparent);font-family:var(--mono);font-size:11px;color:var(--ink-1)}.kbd-plus{color:var(--ink-4);font-size:10px}.kbd-label{font-size:11.5px;color:var(--ink-3);letter-spacing:.02em}.bento-tail{margin-top:22px;font-size:12px;color:var(--ink-4);line-height:1.65;max-width:80ch}.bt-num{color:var(--accent);font-variant-numeric:tabular-nums}.bt-link{color:var(--ink-1);border-bottom:1px solid var(--line-2);margin-left:4px}.bt-link:hover{color:var(--ink-0);border-bottom-color:var(--accent)}@media(prefers-reduced-motion:reduce){.bcmd-caret,.stmt-cursor,.cli-cursor,.join-cursor,.ai-cur:after{animation:none}.bcmd-pane{transition:none}}.cta-wrap{position:relative;overflow:hidden;border-top:1px solid var(--line-1)}.cta-inner{position:relative;z-index:1;text-align:center;padding:160px 0 144px}.cta-title{max-width:18ch;margin:28px auto 0;text-wrap:balance}.cta-lede{margin:32px auto 0;text-align:center;font-size:21px}.cta-buttons{display:flex;gap:14px;justify-content:center;margin-top:56px;flex-wrap:wrap}.cta-foot{color:var(--ink-3);font-size:11.5px;margin-top:44px}.cta-foot a{color:var(--ink-1);border-bottom:1px solid var(--line-2)}.cta-foot a:hover{color:var(--ink-0)}@media(max-width:760px){.cta-inner{padding:96px 0 88px}.cta-buttons{margin-top:40px}.cta-foot{margin-top:32px}}