@layer components{.hm-why{position:relative;isolation:isolate;overflow:clip}.hm-why-bg{position:absolute;inset:0;z-index:-1;pointer-events:none}.hm-why-aura{position:absolute;width:min(60rem,140vw);aspect-ratio:1;border-radius:50%}.hm-why-aura.is-a{top:-12rem;inset-inline-start:-22rem;background:radial-gradient(closest-side,rgba(129,140,248,.18),transparent)}.hm-why-aura.is-b{bottom:-16rem;inset-inline-end:-24rem;background:radial-gradient(closest-side,rgba(34,211,238,.12),transparent)}[data-theme=ivory] .hm-why-aura.is-a{background:radial-gradient(closest-side,rgba(99,102,241,.12),transparent)}[data-theme=ivory] .hm-why-aura.is-b{background:radial-gradient(closest-side,rgba(14,165,233,.09),transparent)}.hm-why .hm-h2 em{font-style:normal;white-space:nowrap}.hm-why-grid{display:grid;gap:1rem;margin-top:3rem}@media (min-width:768px){.hm-why-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:768px) and (max-width:1023.98px){.hm-why-card:first-child,.hm-why-card:last-child{grid-column:span 2}}@media (min-width:1024px){.hm-why-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:1.15rem}.hm-why-card.is-wide{grid-column:span 2}}.hm-why-card{position:relative;isolation:isolate;display:flex;flex-direction:column;gap:1.05rem;min-width:0;padding:1.35rem;overflow:hidden;border-radius:1.5rem;background:radial-gradient(110% 60% at 100% 0,color-mix(in oklab,var(--tone) 15%,transparent),transparent 62%),radial-gradient(80% 50% at 0 100%,color-mix(in oklab,var(--tone-2) 8%,transparent),transparent 60%),var(--hm-surface);border:1px solid var(--hm-line);box-shadow:var(--hm-card-shadow);transition:transform .35s var(--ease),box-shadow .35s var(--ease)}.hm-why-card:after{content:"";position:absolute;inset:0;z-index:-1;padding:1px;border-radius:inherit;background:linear-gradient(140deg,color-mix(in oklab,var(--tone) 75%,transparent),transparent 38%,transparent 62%,color-mix(in oklab,var(--tone-2) 60%,transparent));-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:.4;transition:opacity .35s var(--ease);pointer-events:none}@media (hover:hover){.hm-why-card:hover{transform:translateY(-4px)}.hm-why-card:hover:after{opacity:1}.hm-why-card:hover .hm-why-art img{transform:translateY(-3px) rotate(-6deg) scale(1.07)}}@media (min-width:1024px){.hm-why-card{padding:1.6rem}.hm-why-card.is-wide{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-rows:auto 1fr auto;grid-template-areas:"top demo" "copy demo" "link demo";column-gap:2.25rem;row-gap:1rem}.hm-why-card.is-wide .hm-why-top{grid-area:top}.hm-why-card.is-wide .hm-why-copy{grid-area:copy}.hm-why-card.is-wide .hm-why-demo{grid-area:demo;align-self:center;margin-top:0}.hm-why-card.is-wide .hm-why-link{grid-area:link}.hm-why-card.is-wide .hm-why-title{font-size:1.32rem}}.hm-why-top{display:flex;align-items:center;gap:.7rem;min-width:0}.hm-why-art{display:grid;place-items:center;flex:none;width:3.5rem;height:3.5rem;border-radius:1.1rem;background:color-mix(in oklab,var(--tone) 13%,transparent);border:1px solid color-mix(in oklab,var(--tone) 24%,transparent)}.hm-why-art img{width:3rem;height:3rem;object-fit:contain;transition:transform .45s var(--ease)}.hm-why-for{display:inline-flex;align-items:center;gap:.35rem;min-width:0;padding:.32rem .7rem;border-radius:999px;font-size:.78rem;font-weight:800;line-height:1.6;color:color-mix(in oklab,var(--tone) 70%,var(--txt-1));background:color-mix(in oklab,var(--tone) 12%,transparent);border:1px solid color-mix(in oklab,var(--tone) 24%,transparent)}.hm-why-for svg{flex:none;width:.9rem;height:.9rem}.hm-why-n{flex:none;margin-inline-start:auto;font-size:2.9rem;font-weight:900;line-height:1;letter-spacing:-.03em;background:linear-gradient(160deg,var(--tone),var(--tone-2));-webkit-background-clip:text;background-clip:text;color:transparent;opacity:.3;user-select:none}.hm-why-title{font-size:1.12rem;font-weight:800;line-height:1.75;text-wrap:balance}.hm-why-text{margin-top:.5rem;font-size:.9rem;line-height:2;color:var(--txt-2);text-wrap:pretty}.hm-why-chips{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:.95rem}.hm-why-chips li{display:inline-flex;align-items:center;gap:.3rem;padding:.28rem .62rem;border-radius:999px;font-size:.76rem;font-weight:700;color:var(--txt-2);background:var(--hm-soft);border:1px solid var(--hm-line)}.hm-why-chips svg{width:.8rem;height:.8rem;color:var(--tone)}.hm-why-link{align-self:flex-start}.hm-why-demo{margin-top:auto;padding:.9rem;border-radius:1.1rem;font-size:.8rem;line-height:1.7;background:var(--hm-soft);border:1px solid var(--hm-line)}.hm-why-demo svg{flex:none;width:1rem;height:1rem}.hw-row{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.hw-count,.hw-strong{font-weight:800}.hw-count{color:color-mix(in oklab,var(--tone) 70%,var(--txt-1))}.hw-ok{margin-top:.6rem;color:var(--hm-ok)}.hw-label,.hw-ok{display:flex;align-items:center;gap:.4rem;font-weight:800}.hw-label{color:var(--txt-2)}.hw-pills{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:.65rem}.hw-pill{display:inline-flex;align-items:center;gap:.35rem;padding:.3rem .65rem;border-radius:999px;font-weight:700;color:var(--txt-2);background:var(--hm-surface);border:1px solid var(--hm-line)}.hw-pill b{color:var(--txt-1);font-variant-numeric:tabular-nums}.hw-rec{display:inline-flex;align-items:center;gap:.4rem;font-weight:700;color:var(--txt-2)}.hw-rec i{width:.55rem;height:.55rem;border-radius:50%;background:#ef4444;animation:hw-breathe 1.8s ease-in-out infinite}.hw-timer{display:inline-flex;align-items:center;gap:.35rem;padding:.3rem .65rem;border-radius:.75rem;background:var(--hm-surface);border:1px solid var(--hm-line)}.hw-timer b{font-weight:900;font-variant-numeric:tabular-nums}.hw-timer small{font-size:.68rem;color:var(--txt-3)}.hw-qno{margin-top:.7rem;font-size:.74rem;font-weight:700;color:var(--txt-3)}.hw-opts{display:grid;gap:.4rem;margin-top:.45rem}.hw-opts li{display:flex;align-items:center;gap:.6rem;padding:.55rem .7rem;border-radius:.75rem;background:var(--hm-surface);border:1px solid var(--hm-line)}.hw-opts i{flex:none;width:.85rem;height:.85rem;border-radius:50%;border:1.5px solid var(--hm-line-hi)}.hw-opts b{width:var(--w);height:.42rem;border-radius:999px;background:var(--hm-line-hi)}.hw-opts .is-on{border-color:color-mix(in oklab,var(--hm-amber) 55%,transparent)}.hw-opts .is-on i{border:0;background:var(--hm-amber);box-shadow:0 0 0 3px color-mix(in oklab,var(--hm-amber) 25%,transparent)}.hw-opts .is-on b{background:color-mix(in oklab,var(--hm-amber) 45%,var(--hm-line-hi))}.hw-toast{margin-top:.7rem;padding:.5rem .7rem;border-radius:.75rem;font-weight:700;color:var(--hm-ok);background:color-mix(in oklab,var(--hm-ok) 11%,transparent);border:1px solid color-mix(in oklab,var(--hm-ok) 26%,transparent)}.hw-file,.hw-toast{display:flex;align-items:center;gap:.45rem}.hw-file{font-weight:800}.hw-file svg{color:var(--tone)}.hw-file span{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.76rem}.hw-file em{margin-inline-start:auto;padding:.12rem .5rem;border-radius:.45rem;font-size:.68rem;font-style:normal;font-weight:800;color:#fff;background:linear-gradient(135deg,var(--tone),var(--tone-2))}.hw-table{display:grid;grid-template-columns:auto minmax(0,1fr) minmax(0,1.25fr);margin-top:.6rem;overflow:hidden;border-radius:.75rem;background:var(--hm-surface);border:1px solid var(--hm-line)}.hw-table>span{min-width:0;padding:.38rem .55rem;line-height:1.6;overflow-wrap:anywhere;border-top:1px solid var(--hm-line)}.hw-table>span:nth-child(-n+3){border-top:0;font-size:.68rem;font-weight:800;color:var(--txt-3);background:var(--hm-soft)}.hw-table .is-var{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-weight:700;color:color-mix(in oklab,var(--tone) 70%,var(--txt-1))}.hw-seats{display:grid;grid-template-columns:repeat(10,minmax(0,1fr));gap:.3rem;margin-top:.6rem}.hw-seats i{position:relative;aspect-ratio:1;border-radius:.3rem .3rem .45rem .45rem;background:color-mix(in oklab,var(--tone) 30%,transparent)}.hw-seats i.is-on{background:var(--hm-amber)}.hw-seats i.is-on:after{content:"";position:absolute;inset:-3px;border-radius:inherit;border:2px solid var(--hm-amber);animation:hm-ping 1.8s ease-out infinite}.hw-bars{display:flex;align-items:flex-end;gap:.45rem;height:4.2rem;padding-inline:.25rem}.hw-bars i{flex:1;height:var(--h);border-radius:.45rem .45rem .2rem .2rem;background:color-mix(in oklab,var(--tone) 32%,transparent)}.hw-bars i.is-hi{background:linear-gradient(180deg,var(--tone),var(--tone-2))}.hw-say{display:flex;align-items:flex-start;gap:.45rem;margin-top:.7rem;padding:.6rem .75rem;border-radius:.9rem;border-end-start-radius:.25rem;font-weight:700;line-height:1.95;background:var(--hm-surface);border:1px solid var(--hm-line)}.hw-say svg{margin-top:.3rem;color:var(--tone)}.hw-say span{text-wrap:pretty}.hw-hash{display:block;margin-top:.45rem;padding:.45rem .6rem;border-radius:.65rem;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.78rem;letter-spacing:.06em;text-align:center;color:var(--txt-1);background:var(--hm-surface);border:1px dashed var(--hm-line-hi)}.hw-ticket{display:flex;align-items:center;gap:.45rem;margin-top:.6rem;padding:.5rem .65rem;border-radius:.75rem;font-weight:800;background:linear-gradient(135deg,color-mix(in oklab,var(--tone) 20%,transparent),color-mix(in oklab,var(--tone-2) 12%,transparent));border:1px solid color-mix(in oklab,var(--tone) 34%,transparent)}.hw-ticket svg{color:var(--tone)}.hw-ticket b{margin-inline-start:auto;padding:.1rem .55rem;border-radius:999px;font-size:.7rem;color:#1f1300;background:linear-gradient(180deg,#fde68a,#f59e0b)}.hw-off{font-weight:800;color:color-mix(in oklab,#ef4444 75%,var(--txt-1))}.hw-off span{display:inline-flex;align-items:center;gap:.4rem}.hw-dot{width:.5rem;height:.5rem;border-radius:50%;background:#ef4444;animation:hw-breathe 1.8s ease-in-out infinite}.hw-item{display:flex;align-items:center;gap:.45rem;margin-top:.45rem;padding:.45rem .6rem;border-radius:.7rem;font-weight:700;background:var(--hm-surface);border:1px solid var(--hm-line)}.hw-item svg{color:var(--tone)}.hw-item b{margin-inline-start:auto;font-weight:700;color:var(--txt-2);font-variant-numeric:tabular-nums;white-space:nowrap}.hw-wave{display:inline-flex;align-items:center;gap:2px;height:1rem;margin-inline-start:.35rem}.hw-wave i{width:2px;height:var(--h);border-radius:2px;background:var(--tone)}.hw-sync{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:.35rem .45rem;margin-top:.65rem;font-weight:700}.hw-sync svg{color:var(--tone)}.hw-sync em{grid-column:1/-1;display:block;height:.35rem;overflow:hidden;border-radius:999px;background:var(--hm-line)}.hw-sync em i{display:block;height:100%;background:linear-gradient(90deg,var(--tone),var(--tone-2));transform-origin:left center;animation:hw-fill 3.2s var(--ease) infinite}[dir=rtl] .hw-sync em i{transform-origin:right center}.hw-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.4rem}.hw-steps li{position:relative;display:grid;justify-items:center;gap:.4rem;font-size:.72rem;font-weight:700;line-height:1.5;text-align:center;color:var(--txt-3)}.hw-steps li>span{display:grid;place-items:center;width:2rem;height:2rem;border-radius:50%;font-weight:800;background:var(--hm-surface);border:1.5px solid var(--hm-line-hi)}.hw-steps li>span svg{width:.95rem;height:.95rem}.hw-steps li:not(:last-child):before{content:"";position:absolute;top:1rem;inset-inline-start:calc(50% + 1.15rem);width:calc(100% - 2.3rem + .4rem);height:2px;border-radius:2px;background:var(--hm-line-hi)}.hw-steps .is-done{color:var(--txt-2)}.hw-steps .is-done>span{color:#fff;border:0;background:linear-gradient(135deg,var(--tone),var(--tone-2))}.hw-steps .is-done:before{background:linear-gradient(90deg,var(--tone),var(--tone-2))}.hw-steps .is-now{color:var(--txt-1)}.hw-steps .is-now>span{color:var(--hm-amber);border-color:var(--hm-amber);box-shadow:0 0 0 4px color-mix(in oklab,var(--hm-amber) 18%,transparent)}.hw-steps .is-now>span svg{animation:hw-turn 3s var(--ease) infinite}.hw-inbox{display:grid;gap:.4rem;margin-top:.9rem}.hw-inbox li{display:flex;align-items:center;gap:.5rem;padding:.5rem .65rem;border-radius:.75rem;font-weight:700;background:var(--hm-surface);border:1px solid var(--hm-line)}.hw-inbox li svg{color:var(--tone)}.hw-inbox li b{margin-inline-start:auto;padding:.08rem .5rem;border-radius:999px;font-size:.7rem;white-space:nowrap;color:color-mix(in oklab,var(--hm-amber) 80%,var(--txt-1));background:color-mix(in oklab,var(--hm-amber) 13%,transparent)}.hw-plate{display:flex;align-items:stretch;width:max-content;max-width:100%;height:2.6rem;margin-inline:auto;overflow:hidden;border-radius:.45rem;font-weight:900;color:#0f172a;background:#fff;border:2px solid #0f172a;box-shadow:0 8px 18px -12px rgba(0,0,0,.7)}.hw-plate-ir{display:grid;place-items:center;align-content:center;gap:.12rem;width:1.7rem;padding-block:.15rem;font-size:.36rem;line-height:1.15;text-align:center;color:#fff;background:#1d4ed8}.hw-flag{display:block;width:.95rem;height:.62rem;border-radius:1px;background:linear-gradient(#16a34a 0 33%,#fff 33% 66%,#dc2626 66%)}.hw-plate-num{display:flex;align-items:center;gap:.4rem;padding-inline:.65rem;font-size:1.25rem;line-height:1}.hw-plate-num b{font-size:1.05rem}.hw-plate-prov{display:grid;place-items:center;align-content:center;padding-inline:.5rem;font-size:1rem;line-height:1;border-inline-start:2px solid #0f172a}.hw-plate-prov small{font-size:.5rem;font-weight:800}.hw-valid{display:flex;align-items:center;gap:.45rem;margin-top:.5rem;padding:.42rem .6rem;border-radius:.7rem;font-weight:700;background:var(--hm-surface);border:1px solid var(--hm-line)}.hw-valid svg{color:var(--hm-ok)}.hw-valid b{margin-inline-start:auto;font-size:.74rem}.hw-badge-ok,.hw-valid b{font-weight:800;color:var(--hm-ok)}.hw-badge-ok{display:flex;align-items:center;justify-content:center;gap:.45rem;padding:.55rem .7rem;border-radius:999px;background:color-mix(in oklab,var(--hm-ok) 12%,transparent);border:1px solid color-mix(in oklab,var(--hm-ok) 30%,transparent)}.hw-nostore{display:grid;gap:.4rem;margin-top:.6rem}.hw-nostore li{display:flex;align-items:center;gap:.45rem;padding:.45rem .6rem;border-radius:.7rem;font-weight:700;background:var(--hm-surface);border:1px solid var(--hm-line)}.hw-nostore svg{color:var(--tone)}.hw-nostore b{margin-inline-start:auto;font-size:.72rem;font-weight:700;color:var(--txt-3)}.hw-q{display:flex;align-items:center;gap:.6rem;padding:.55rem .65rem;border-radius:.85rem;background:var(--hm-surface);border:1px solid var(--hm-line)}.hw-q>span:first-child{display:grid;place-items:center;flex:none;width:2rem;height:2rem;border-radius:.65rem;color:var(--tone);background:color-mix(in oklab,var(--tone) 15%,transparent)}.hw-q b{display:block;font-weight:800}.hw-q small{display:block;font-size:.7rem;color:var(--txt-3)}.hw-q.is-open{border-color:color-mix(in oklab,var(--hm-ok) 35%,transparent)}.hw-q.is-open>span:first-child{color:var(--hm-ok);background:color-mix(in oklab,var(--hm-ok) 14%,transparent)}.hw-q-arrow{display:flex;align-items:center;justify-content:center;gap:.3rem;padding-block:.3rem;font-size:.72rem;font-weight:800;color:var(--txt-3)}.hw-q-arrow svg{width:.85rem;height:.85rem}.hm-why-cta{display:flex;flex-direction:column;align-items:center;gap:1rem;margin-top:2.75rem;text-align:center}.hm-why-cta p{max-width:40rem;line-height:2;color:var(--txt-2)}.hm-why-cta b{color:var(--txt-1)}.hm-why-cta .hm-cta-row{justify-content:center;margin-top:0}@media (prefers-reduced-motion:reduce){.hm-why-art img,.hm-why-card,.hm-why-card:after{transition:none!important}.hm-why-card:hover,.hm-why-card:hover .hm-why-art img{transform:none!important}.hw-dot,.hw-rec i,.hw-seats i.is-on:after,.hw-steps .is-now>span svg,.hw-sync em i{animation:none!important}}}@keyframes hw-breathe{0%,to{opacity:1}50%{opacity:.3}}@keyframes hw-fill{0%{transform:scaleX(.06)}70%,to{transform:scaleX(1)}}@keyframes hw-turn{0%,40%{transform:rotate(0deg)}50%,90%{transform:rotate(180deg)}to{transform:rotate(1turn)}}