.hth-figure{position:relative;margin:0 auto;width:min(100%,318px)}.hth-figure.is-compact{width:min(100%,420px)}@media(min-width:768px){.hth-figure.has-arrow-right{margin-right:auto;padding-right:0}.hth-figure{width:min(100%,300px)}.hth-figure.is-compact{width:min(100%,400px)}}@media(min-width:1024px){.hth-figure{width:min(100%,340px)}.hth-figure.is-compact{width:min(100%,440px)}}.hth-device{position:relative;border-radius:38px;padding:8px;background:linear-gradient(160deg,#2a3142,#11151f 38%,#0b0e16);box-shadow:inset 0 1px #ffffff29,inset 0 0 0 1px #ffffff0d,0 1px 2px #0b1b3a2e,0 22px 38px -18px #0b1b3a6b,0 60px 90px -40px #0b1b3a61}.hth-device.is-web{border-radius:30px}.is-compact .hth-device{border-radius:18px;padding:6px}.hth-screen{position:relative;overflow:hidden;border-radius:30px;background:#fff;isolation:isolate}.is-web .hth-screen{border-radius:0 0 23px 23px}.is-compact .hth-screen{border-radius:0 0 12px 12px}@media(min-width:768px){.hth-figure.has-arrow-right .hth-screen,.hth-figure.has-arrow-left .hth-screen{overflow:visible}.hth-figure .is-app .hth-screen>div>img{border-radius:30px}.hth-figure .is-web .hth-screen>div>img{border-radius:0 0 23px 23px}.hth-figure.is-compact .is-web .hth-screen>div>img{border-radius:0 0 12px 12px}}.hth-urlbar{display:flex;align-items:center;justify-content:center;gap:6px;height:30px;margin:0;padding:0 14px;border-radius:23px 23px 0 0;background:#1a2030;color:#c9ceda;font:500 11px/1 Archivo,system-ui,sans-serif;letter-spacing:.01em}.is-compact .hth-urlbar{border-radius:12px 12px 0 0}.hth-enlarge{position:absolute;right:-10px;bottom:22px;display:grid;place-items:center;width:40px;height:40px;border-radius:999px;background:#fff;color:#0b1b3a;border:1px solid #E3E7EE;box-shadow:0 10px 24px -12px #0b1b3a8c;transition:transform .2s cubic-bezier(.22,1,.36,1),box-shadow .2s ease}.hth-enlarge:hover{transform:scale(1.06)}.hth-enlarge:focus-visible{outline:2px solid #B3192F;outline-offset:3px}.is-compact .hth-enlarge{display:none}.hth-marks .hth-loop{stroke-dasharray:1;stroke-dashoffset:1;transition:stroke-dashoffset .95s cubic-bezier(.22,1,.36,1),stroke-width .2s ease;transition-delay:calc(.18s + var(--i, 0) * .16s)}.hth-marks.is-drawn .hth-loop{stroke-dashoffset:0}.hth-marks .hth-badge{opacity:0;transform-box:fill-box;transition:opacity .35s ease;transition-delay:calc(.75s + var(--i, 0) * .16s)}.hth-marks.is-drawn .hth-badge{opacity:1}.hth-marks .hth-arrow .hth-loop{transition-delay:1.05s}.hth-marks .hth-head,.hth-marks .hth-note{opacity:0;transition:opacity .4s ease 1.7s}.hth-marks.is-drawn .hth-head,.hth-marks.is-drawn .hth-note{opacity:1}.hth-marks .hth-spot{opacity:0;transition:opacity .6s ease .2s}.hth-marks.is-drawn .hth-spot{opacity:.42}.hth-mark{transition:opacity .2s ease}.hth-mark.is-dim{opacity:.28}@media(prefers-reduced-motion:reduce){.hth-marks .hth-loop{stroke-dashoffset:0;transition:none}.hth-marks .hth-badge,.hth-marks .hth-head,.hth-marks .hth-note{opacity:1;transition:none}.hth-marks .hth-spot{opacity:.42;transition:none}}.hth-num{flex:none;display:inline-grid;place-items:center;width:26px;height:26px;margin-top:1px;border-radius:999px;background:#b3192f;color:#fff;font:700 13px/1 Archivo,system-ui,sans-serif;font-variant-numeric:tabular-nums;box-shadow:0 0 0 2px #fff,0 2px 6px -2px #b3192f99}.hth-legend-item{display:flex;align-items:flex-start;gap:.85rem;width:100%;border-radius:12px;padding:.55rem .7rem;margin:0 -.7rem;text-align:left;transition:background-color .18s ease}.hth-legend-item:hover,.hth-legend-item:focus-visible,.hth-legend-item[aria-pressed=true]{background:#f4f6f9}.hth-legend-item:focus-visible{outline:2px solid #B3192F;outline-offset:1px}.hth-stage{position:relative;height:430px;perspective:1600px}.hth-stage .hth-device{position:absolute;width:214px}.hth-stage .p1{left:50%;top:40px;transform:translate(-118%) rotate(-7deg) rotateY(14deg);z-index:1;filter:brightness(.82)}.hth-stage .p2{left:50%;top:0;transform:translate(-50%);z-index:3;width:232px}.hth-stage .p3{left:50%;top:40px;transform:translate(18%) rotate(7deg) rotateY(-14deg);z-index:2;filter:brightness(.82)}@media(min-width:1024px){.hth-stage{height:520px}.hth-stage .hth-device{width:244px}.hth-stage .p2{width:268px}}@media(max-width:639px){.hth-stage{height:360px}.hth-stage .hth-device{width:168px}.hth-stage .p2{width:186px}}.hth-keylight{position:absolute;inset:-10% -20% auto -20%;height:120%;pointer-events:none;background:radial-gradient(42% 46% at 50% 38%,rgba(232,214,170,.2),transparent 70%),radial-gradient(60% 40% at 50% 96%,rgba(179,25,47,.18),transparent 70%)}.hth-tabbar{position:sticky;top:var(--header-h, 4rem);z-index:30}.hth-tab[aria-selected=true] .hth-tab-rule{transform:scaleX(1)}.hth-tab-rule{transform:scaleX(0);transform-origin:left;transition:transform .35s cubic-bezier(.22,1,.36,1)}.hth-scroller{scrollbar-width:none}.hth-scroller::-webkit-scrollbar{display:none}.hth-panel{scroll-margin-top:calc(var(--header-h, 4rem) + 72px)}.hth-step{scroll-margin-top:calc(var(--header-h, 4rem) + 80px)}