.hero{position:relative;padding:28px 0 64px;overflow:hidden}
.hero::before{content:"";position:absolute;inset:0 0 0 30%;pointer-events:none;
  background-image:radial-gradient(circle at 1px 1px, var(--dot-grid) 1px, transparent 1.3px);background-size:22px 22px;
  -webkit-mask-image:radial-gradient(ellipse 60% 70% at 60% 45%, #000 20%, transparent 75%);
  mask-image:radial-gradient(ellipse 60% 70% at 60% 45%, #000 20%, transparent 75%)}
.hero-in{position:relative;max-width:var(--maxw);margin:0 auto;padding:0 var(--gutter);display:grid;gap:32px}
.hero h1{font-size:clamp(2.1rem, 1.1rem + 3.4vw, 3.1rem);line-height:1.02;letter-spacing:-.04em;font-weight:760;max-width:9em}
.hero-more{display:grid;gap:22px;margin-top:22px}
.lede{font-size:1.1875rem;line-height:1.55;color:var(--ink-2);max-width:40ch}
.hero-act{display:flex;flex-wrap:wrap;align-items:center;gap:12px}
.demo{margin:0;position:relative;container-type:inline-size}
.demo-stage{position:relative;width:74em;max-width:100%;margin:0 auto;font-size:min(10px, calc(100cqw / 74));
  min-height:74em}
.bd{position:absolute;left:9.6em;top:0;width:64.4em;height:35em;border-radius:1.2em;background:var(--white);
  box-shadow:var(--win-shadow), 0 0 0 1px var(--line);overflow:hidden;font-size:1em}
.bd-bar{display:flex;align-items:center;gap:.6em;height:2.8em;padding:0 1.2em;background:var(--panel);
  border-bottom:1px solid var(--line)}
.bd-bar i{width:1em;height:1em;border-radius:50%;background:var(--win-dot)}
.bd-app{margin:0 auto;padding-right:4.8em;font-size:1.15em;font-weight:600;color:var(--ink-2)}
.bd-tools{display:flex;align-items:center;gap:.9em;height:4em;padding:0 1.6em;border-bottom:1px solid var(--line)}
.bd-name{font-size:1.55em;font-weight:720;letter-spacing:-.02em}
.bd-trade{display:inline-flex;align-items:center;height:2.2em;padding:0 .9em;border-radius:99px;background:var(--panel);
  border:1px solid var(--line);font-size:1.1em;font-weight:600;color:var(--ink-2)}
.bd-live{margin-left:auto;display:inline-flex;align-items:center;gap:.5em;font-size:1.1em;font-weight:600;color:var(--k1-t)}
.bd-live i{position:relative;width:.7em;height:.7em;border-radius:50%;background:var(--teal);box-shadow:0 0 0 .25em var(--teal-a18)}
.bd-live i::after{content:"";position:absolute;inset:0;border-radius:50%;box-shadow:0 0 0 .2em var(--teal);opacity:0}
@media (prefers-reduced-motion:no-preference){
  .js .demo.is-live .bd-live i::after{animation:live 2s var(--ease-out) infinite}
}
@keyframes live{0%{opacity:.7;transform:scale(1)}80%,100%{opacity:0;transform:scale(2.4)}}
.bd-cols{list-style:none;margin:0;padding:1em 1.4em;display:grid;grid-template-columns:repeat(6, minmax(0, 1fr));gap:.7em;
  height:calc(100% - 6.8em)}
.bd-col{position:relative;display:flex;flex-direction:column;gap:.6em;padding:.6em;border-radius:.9em;background:var(--panel);
  min-width:0}
.bd-col.is-on{background:var(--kb)}
.bd-h{display:flex;align-items:center;gap:.5em;height:1.6em;padding:0 .2em;font-size:1.12em;font-weight:650;color:var(--ink);
  white-space:nowrap;overflow:hidden}
.bd-h .dot{width:.62em;height:.62em}
.bd-slot{display:block;height:8em;flex:none}
.gh{display:grid;gap:.5em;align-content:center;height:4.6em;padding:0 .9em;border-radius:.7em;background:var(--white);
  box-shadow:0 0 0 1px var(--line)}
.gh i{display:block;height:.62em;border-radius:1em;background:var(--ghost);width:78%}
.gh i+i{width:52%;background:var(--chrome)}
.gh--b i{width:64%}
.gh--b i+i{width:40%}
.gh--c i{width:86%}
.gh--c i+i{width:34%}
.bc{position:relative;display:flex;flex-direction:column;gap:.25em;height:8em;padding:.8em .9em;border-radius:.8em;
  background:var(--white);box-shadow:0 0 0 1px var(--line-2), 0 .6em 1.4em -.8em var(--ink-a35);overflow:hidden}
.bc-t{font-size:1.22em;font-weight:720;line-height:1.1;letter-spacing:-.015em;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;
  -webkit-hyphens:auto;hyphens:auto}
.bc-s{font-size:1.02em;color:var(--muted);line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.bc-chip{margin-top:auto;align-self:flex-start;display:inline-flex;align-items:center;gap:.3em;height:1.9em;padding:0 .5em;
  border-radius:99px;background:var(--kb);color:var(--kt);font-size:.96em;font-weight:650;white-space:nowrap;max-width:100%;overflow:hidden}
.bc-stars{flex:none;width:6.4em;height:1.2em;fill:var(--star)}
.bc-chip .dot{width:.55em;height:.55em}
.ph{position:absolute;left:0;top:18.6em;width:27em;height:55.4em;perspective:2400px;perspective-origin:30% 40%;z-index:2}
.ph-body{position:relative;width:100%;height:100%;border-radius:4.2em;background:var(--phone-body);padding:.85em;
  transform-style:preserve-3d;transform:rotateY(calc(16deg + var(--ty, 0deg))) rotateX(calc(5deg + var(--tx, 0deg))) rotateZ(-1.5deg);
  transform-origin:50% 50%;transition:transform .6s var(--ease-out);
  box-shadow:0 0 0 .14em var(--phone-rim) inset, 0 3em 5em -2.2em var(--ink-a55), 0 1.2em 2.4em -1em var(--ink-a30)}
.ph-edge{position:absolute;inset:0;border-radius:inherit;background:var(--phone-edge);transform:translateZ(-1.1em);
  box-shadow:0 0 0 .1em var(--phone-edge-line)}
.ph-screen{position:relative;height:100%;border-radius:3.4em;background:var(--phone-screen);overflow:hidden;
  display:flex;flex-direction:column;transform:translateZ(.01px)}
.ph-screen::after{content:"";position:absolute;inset:0;pointer-events:none;border-radius:inherit;z-index:5;
  background:linear-gradient(118deg, var(--white-a34) 0%, var(--white-a00) 32%)}
.ph-island{position:absolute;z-index:6;top:1em;left:50%;width:8.4em;height:2.3em;margin-left:-4.2em;border-radius:2em;background:var(--island)}
.ph-sbar{display:flex;align-items:center;justify-content:space-between;height:4.2em;padding:0 2.4em 0 2.8em;flex:none;
  font-size:1.2em;font-weight:680;color:var(--ink)}
.ph-sbar>span:first-child{font-size:1em}
.ph-sig{display:flex;align-items:flex-end;gap:.18em;height:.9em}
.ph-sig i{width:.28em;background:var(--ink);border-radius:.1em}
.ph-sig i:nth-child(1){height:40%}
.ph-sig i:nth-child(2){height:70%}
.ph-sig i:nth-child(3){height:100%}
.ph-sig b{width:1.9em;height:.9em;margin-left:.35em;border-radius:.25em;border:.12em solid var(--ink);position:relative}
.ph-sig b::after{content:"";position:absolute;inset:.1em .5em .1em .1em;background:var(--ink);border-radius:.08em}
.ph-app{position:relative;flex:1;display:flex;flex-direction:column;min-height:0}
.ph-head{display:flex;align-items:center;gap:.9em;padding:.4em 1.4em 1em;border-bottom:1px solid var(--line);background:var(--phone-screen);flex:none}
.ph-av{display:grid;place-items:center;width:3.2em;height:3.2em;border-radius:50%;background:var(--k0-bg);flex:none}
.ph-av svg{width:1.7em;height:1.7em;fill:var(--k0)}
.ph-who{display:flex;flex-direction:column;min-width:0;line-height:1.2}
.ph-who b{font-size:1.3em;font-weight:700;letter-spacing:-.01em}
.ph-who small{font-size:1.02em;color:var(--muted)}
.ph-view{position:relative;flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;background:var(--white)}
.th{list-style:none;margin:0;padding:1.2em 1.1em 1.6em;display:flex;flex-direction:column;gap:.8em;font-size:1em}
.m{position:relative;display:flex;flex-direction:column;max-width:84%;font-size:1em}
.m p{padding:.75em 1em;border-radius:1.5em;font-size:1.22em;line-height:1.38;letter-spacing:-.005em}
.m--in{align-self:flex-start;align-items:flex-start}
.m--in p{background:var(--bubble-in);color:var(--ink);border-bottom-left-radius:.5em}
.m--out{align-self:flex-end;align-items:flex-end}
.m--out p{background:var(--accent);color:var(--white);border-bottom-right-radius:.5em}
.m-t{margin-top:.35em;padding:0 .5em;font-size:.98em;color:var(--muted)}
.m--pics{flex-direction:row;flex-wrap:wrap;gap:.4em;max-width:74%}
.m--pics .m-t{flex-basis:100%}
.pic{display:block;width:7.6em;height:5.7em;border-radius:1em;overflow:hidden;box-shadow:0 0 0 1px var(--line)}
.pic svg{display:block;width:100%;height:100%}
.m--doc{max-width:88%}
.qt,.cal{display:flex;align-items:center;gap:.8em;padding:.9em 1em;border-radius:1.3em;background:var(--white);
  box-shadow:0 0 0 1px var(--line-2), 0 .5em 1.2em -.8em var(--ink-a30);border-bottom-right-radius:.5em}
.qt-ico{display:grid;place-items:center;width:3.2em;height:3.2em;border-radius:.8em;background:var(--k2-bg);flex:none}
.qt-ico svg{width:1.8em;height:1.8em;fill:none;stroke:var(--k2);stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.qt-b,.cal-b{display:flex;flex-direction:column;gap:.15em;min-width:0;line-height:1.25}
.qt-b b,.cal-b b{font-size:1.18em;font-weight:700;letter-spacing:-.01em}
.qt-b>span,.cal-b>span{font-size:1.05em;color:var(--ink-2)}
.qt-go{align-self:flex-end;flex:none;font-size:1em;font-weight:650;color:var(--k2-t);white-space:nowrap}
.qt{flex-wrap:wrap}
.qt-go{flex-basis:100%;text-align:right;padding-top:.3em;border-top:1px solid var(--line)}
.cal-d{display:flex;flex-direction:column;align-items:center;justify-content:center;width:4.4em;height:4.6em;flex:none;
  border-radius:.9em;background:var(--k4-bg);color:var(--k4-t);line-height:1.1}
.cal-d b{font-size:1.1em;font-weight:720}
.cal-d i{font-style:normal;font-size:1.3em;font-weight:760;letter-spacing:-.02em}
.m-day{align-self:center;margin:.2em 0;font-size:.98em;font-weight:600;color:var(--muted)}
.m-day span{display:inline-block;padding:.2em .9em;border-radius:99px;background:var(--panel)}
.m-sys{align-self:center;width:88%}
.rvw{display:flex;flex-direction:column;align-items:center;gap:.25em;padding:1em;border-radius:1.3em;background:var(--k5-bg);
  text-align:center;line-height:1.25}
.rvw-stars{width:10.4em;height:2em;fill:var(--star)}
.rvw b{font-size:1.2em;font-weight:720;color:var(--ink)}
.rvw>span{font-size:1.02em;color:var(--k5-t)}
.lk-scr{position:absolute;inset:0;z-index:4;display:flex;flex-direction:column;align-items:center;padding:6.4em 1.2em 0;
  background:linear-gradient(165deg, var(--lock-a) 0%, var(--lock-b) 55%, var(--ink) 100%);color:var(--white);
  transform:translateY(calc(var(--lk, 0) * -104%));opacity:calc(1 - var(--lk, 0) * .6)}
.lk-date{font-size:1.25em;font-weight:560;opacity:.8}
.lk-time{font-size:6.4em;font-weight:620;letter-spacing:-.04em;line-height:1;margin-top:.05em}
.lk-n{margin-top:2.4em;width:100%;padding:1em 1.1em;border-radius:1.6em;background:var(--white-a14);
  color:var(--white);
  opacity:var(--nt, 0);transform:translateY(calc((1 - var(--nt, 0)) * -2.4em)) scale(calc(1 - var(--tap, 0) * .03))}
.lk-nh{display:flex;align-items:center;gap:.6em;font-size:1em;font-weight:650;opacity:.85}
.lk-nh i{display:grid;place-items:center;width:2em;height:2em;border-radius:.55em;background:var(--teal)}
.lk-nh svg{width:1.4em;height:1.4em;color:var(--on-teal)}
.lk-nh span:last-child{margin-left:auto;font-weight:500;opacity:.8}
.lk-nb{margin-top:.5em;font-size:1.2em;line-height:1.35}
.lk-nb b{display:block;font-weight:700}
.typ{align-self:flex-start;display:flex;gap:.35em;padding:1em 1.1em;border-radius:1.5em;background:var(--bubble-in);border-bottom-left-radius:.5em}
.typ--out{align-self:flex-end;background:var(--accent);border-radius:1.5em;border-bottom-right-radius:.5em}
.typ i{width:.62em;height:.62em;border-radius:50%;background:var(--typing);opacity:var(--d, .4)}
.typ--out i{background:var(--white)}
.typ i:nth-child(1){--d:var(--d0)}
.typ i:nth-child(2){--d:var(--d1)}
.typ i:nth-child(3){--d:var(--d2)}
.demo-side{position:relative;margin-left:30.4em;padding-top:37.6em;font-size:1em}
.nar-list{list-style:none;margin:0;padding:0;display:grid;gap:.6em;font-size:1.3em;line-height:1.4;color:var(--ink-2)}
.nar-list li{position:relative;padding-left:1.1em}
.nar-list .dot{position:absolute;left:0;top:.5em;width:.5em;height:.5em}
.nar-list b{color:var(--ink);font-weight:680}
.nar-list.visually-hidden{display:block;left:0;top:0}
.nar-list.visually-hidden,.nar-list.visually-hidden *{white-space:normal}
.nar{position:relative;min-height:6.6em;padding:1.2em 1.4em 1.2em 3.2em;border-radius:1.2em;background:var(--white);
  box-shadow:0 0 0 1px var(--line), 0 1.2em 2.4em -1.8em var(--ink-a30);font-size:1em}
.nar .dot{position:absolute;left:1.5em;top:1.75em;width:.9em;height:.9em;box-shadow:0 0 0 .35em var(--kb)}
.nar-t{display:block;font-size:1.55em;line-height:1.3;font-weight:720;letter-spacing:-.02em;color:var(--ink);
  opacity:calc(.25 + var(--np, 1) * .75);transform:translateY(calc((1 - var(--np, 1)) * .4em))}
.nar-l{display:block;margin-top:.2em;font-size:1.32em;line-height:1.4;color:var(--ink-2);
  opacity:calc(.25 + var(--np, 1) * .75)}
.prog{position:absolute;left:1.4em;right:1.4em;bottom:0;height:.25em;border-radius:1em;overflow:hidden;background:transparent}
.prog i{display:block;height:100%;background:var(--kc, var(--teal));transform-origin:0 50%;transform:scaleX(var(--pr, 0))}
.ctl{display:flex;flex-wrap:wrap;align-items:center;gap:1em;margin-top:1.4em}
.tr{display:inline-flex;padding:.35em;border-radius:99px;background:var(--panel);box-shadow:0 0 0 1px var(--line) inset}
.tr-b{min-height:44px;padding:0 .85em;border:0;border-radius:99px;background:transparent;color:var(--ink-2);cursor:pointer;
  font:600 max(13px, 1.35em)/1 var(--font-text);letter-spacing:-.005em;transition:background .2s, color .2s, box-shadow .2s}
.tr-b:hover{color:var(--ink)}
.tr-b[aria-pressed="true"]{background:var(--white);color:var(--ink);box-shadow:0 0 0 1px var(--line-2), 0 .3em .8em -.4em var(--ink-a30)}
.ctl-r{display:flex;gap:.6em;margin-left:auto}
.ctl .mt,.rp{justify-content:center;width:44px;min-height:44px;padding:0;background:var(--white);border:1px solid var(--line-2);color:var(--ink)}
.ctl .mt-w,.rp-w{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.ctl .mt:hover,.rp:hover{background:var(--panel)}
.rp{position:relative;display:inline-flex;align-items:center;gap:8px;border-radius:999px;cursor:pointer;font-weight:600;
  font-family:var(--font-text);line-height:1}
.ctl .mt{position:relative}
.rp-ico{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
.demo-cap{margin-top:1.2em;font-size:max(12.5px, 1.2em);color:var(--muted)}
.demo-cap{width:fit-content;background:var(--ground);box-shadow:0 0 0 3px var(--ground)}
.demo.is-live .ph-view{overflow:hidden}
.demo.is-live .th{transform:translateY(calc(var(--sy, 0) * -1px));will-change:transform}
.demo.is-live .th>li,.demo.is-live .th>.typ{opacity:var(--p, 1);
  transform:translateY(calc((1 - var(--p, 1)) * 1.2em)) scale(calc(.94 + var(--p, 1) * .06))}
.demo.is-live .m--in,.demo.is-live .typ{transform-origin:0 100%}
.demo.is-live .m--out,.demo.is-live .typ--out{transform-origin:100% 100%}
.demo.is-live .off{display:none}
.demo.is-live .bc{position:absolute;left:0;top:0;z-index:3;width:var(--cw, 9.6em);
  transform:translate(var(--cx, 0), var(--cy, 0)) scale(var(--cs, 1));opacity:var(--co, 1);will-change:transform}
.demo.is-live .bc.lift{box-shadow:0 0 0 1px var(--line-2), 0 1.6em 2.6em -1.2em var(--ink-a45)}
.demo.is-live .bd-cols{position:relative}
@media (min-width:700px){
  .hero-in{grid-template-areas:"copy" "more" "demo";row-gap:0;reading-flow:grid-order}
  .hero-copy{grid-area:copy;order:1}
  .hero-more{grid-area:more;order:2;margin-bottom:32px}
  .demo{grid-area:demo;order:3}
}
@media (min-width:1280px){
  .hero{padding:26px 0 56px}
  .hero-in{grid-template-columns:minmax(0, 1fr) minmax(0, 740px);gap:44px;align-items:center;
    grid-template-areas:". demo" "copy demo" "more demo" ". demo";grid-template-rows:1fr auto auto 1fr;row-gap:0}
  .hero-more{margin-bottom:0;padding-bottom:40px}
}
@media (max-width:1279px){
  .hero-in{justify-items:center}
  .hero-copy,.hero-more{width:100%;max-width:740px}
  .demo{width:100%;max-width:740px}
}
@media (max-width:699px){
  .hero{--h1fs:clamp(30px, 8.6vw, 36px);
    --rail:clamp(118px, 33vw, 152px);
    --cgap:8px;
    --above:calc(117px + var(--crumb-h, 0px) + 14px + var(--h1-lh, 3.06) * var(--h1fs) + 14px + 12px);
    --fitw:calc((100vw - 2 * var(--gutter) - var(--rail) - var(--cgap)) * 2.04);
    --ph-h:max(var(--ph-min, 300px), min(calc(100vh - var(--above)), var(--fitw)));
    padding:14px 0 40px}
  @supports (height:100svh){.hero{--ph-h:max(var(--ph-min, 300px), min(calc(100svh - var(--above)), var(--fitw)))}}
  .hero::before{inset:0}
  .hero-in{gap:14px}
  .hero-copy{display:contents}
  .hero h1{order:1;justify-self:start;font-size:var(--h1fs);line-height:1.02;max-width:8.6em}
  .demo{order:2;width:100%}
  .hero-more{order:3;margin-top:10px;justify-self:start}
  .demo-stage{width:100%;max-width:none;min-height:0;font-size:10px;display:grid;
    grid-template-columns:calc(var(--ph-h) / 2.04) minmax(0, 1fr);grid-template-rows:var(--ph-h) auto;
    column-gap:var(--cgap)}
  .ph{grid-area:1 / 1;position:relative;left:auto;top:auto;width:auto;height:auto;margin:0;container-type:inline-size}
  .ph-body{font-size:clamp(11.5px, 5.1cqw, 12.6px);padding:3.1cqw;border-radius:15.6cqw;
    transform:rotateY(12deg) rotateX(4deg) rotateZ(-1deg);transition:none}
  .ph-edge{transform:translateZ(-4cqw)}
  .ph-screen{border-radius:12.6cqw}
  .ph-island{top:3.6cqw;width:30cqw;height:8.4cqw;margin-left:-15cqw;border-radius:4.2cqw}
  .ph-sbar{height:13.5cqw;padding:0 8.4cqw 0 9.6cqw;font-size:max(9px, 4.6cqw)}
  .ph-head{gap:.6em;padding:.1em .85em .65em}
  .ph-av{width:2.35em;height:2.35em}
  .ph-av svg{width:1.3em;height:1.3em}
  .ph-who b{font-size:1.08em}
  .ph-who small{font-size:.96em}
  .th{padding:.75em .7em 1.1em;gap:.62em}
  .m{max-width:90%}
  .m p{padding:.58em .82em;line-height:1.36;border-radius:1.25em}
  .m--in p{border-bottom-left-radius:.45em}
  .m--out p{border-bottom-right-radius:.45em}
  .m-t{font-size:.92em;padding:0 .4em}
  .m--pics{max-width:86%;gap:.35em}
  .pic{width:5.4em;height:4.1em;border-radius:.8em}
  .m--doc{max-width:92%}
  .qt,.cal{gap:.6em;padding:.7em .75em;border-radius:1.1em}
  .qt-ico{width:2.5em;height:2.5em;border-radius:.65em}
  .qt-b{flex:1 1 0}
  .qt-ico svg{width:1.45em;height:1.45em}
  .qt-b b,.cal-b b{font-size:1.22em}
  .qt-b>span,.cal-b>span{font-size:1.22em;line-height:1.3}
  .qt-go{font-size:1.05em}
  .cal-d{width:3.5em;height:3.7em;border-radius:.75em}
  .cal-d b{font-size:1em}
  .cal-d i{font-size:1.15em}
  .m-day{font-size:.92em}
  .m-sys{width:92%}
  .rvw{padding:.8em}
  .rvw-stars{width:8.2em;height:1.6em}
  .rvw b{font-size:1.22em}
  .rvw>span{font-size:1.22em}
  .lk-scr{padding:5.2em .9em 0}
  .lk-date{font-size:1.05em}
  .lk-time{font-size:4.6em}
  .lk-n{margin-top:1.8em;padding:.8em .9em;border-radius:1.3em}
  .lk-nh{font-size:.92em}
  .lk-nb{font-size:1.22em}
  .typ{padding:.8em .9em}
  .bd{grid-area:1 / 2;position:relative;left:auto;top:auto;width:auto;height:auto;font-size:10px;
    border-radius:12px;display:flex;flex-direction:column}
  .bd-bar{display:none}
  .bd-tools{flex:none;height:auto;flex-wrap:wrap;align-items:center;gap:6px 10px;padding:9px 9px 8px}
  .bd-name{font-size:13px}
  .bd-live{margin-left:0;padding-left:3px;font-size:10.5px;gap:5px}
  .bd-trade{order:3;flex-basis:100%;justify-content:flex-start;height:auto;padding:0;border:0;background:none;
    font-size:10.5px;line-height:1.25;white-space:normal}
  .bd-cols{flex:1;min-height:0;height:auto;display:flex;flex-direction:column;gap:5px;padding:8px 6px 6px}
  .bd-col{flex:1 1 0;min-height:0;padding:0 8px;gap:0;justify-content:center;border-radius:9px}
  .bd-h{font-size:11.5px;height:auto;gap:5px;padding:0;overflow:visible}
  .bd-slot{position:absolute;inset:0;height:auto}
  .gh{display:none}
  .bd{overflow:visible}
  .bc{height:auto;min-height:100%;overflow:visible;justify-content:center;gap:3px;padding:4px 7px;border-radius:9px}
  .demo.is-live .bc{height:auto;min-height:var(--ch, 48px)}
  .bc-t{display:block;-webkit-line-clamp:unset;overflow:visible;font-size:11.5px;line-height:1.3;letter-spacing:-.01em}
  .bc-s{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
  .bc-chip{margin-top:0;height:18px;padding:0 6px;font-size:10.5px}
  .bc-stars{width:4.3em;height:1em}
  .demo-side{grid-area:2 / 1 / 3 / 3;width:100%;margin:22px 0 0;padding:0;font-size:9.4px}
  .nar-list{font-size:14px}
  .nar{font-size:9.6px}
  .ctl{gap:10px}
  .tr{width:100%;justify-content:space-between;flex-wrap:wrap}
  .tr-b{flex:1;padding:0 6px;font-size:13.5px}
  .ctl-r{margin-left:0}
}
@media (max-width:359px){
  .bc-t{font-size:10.5px}
  .bc-chip{height:16px;font-size:10px}
}
.page-crumb .hero{--crumb-h:36px}
.hero--l2{--h1-lh:2.04}