@layer components{.home-main{--sign:2.75rem;--sign-gap:1rem;position:relative;overflow:clip}.home-route{z-index:0;pointer-events:none;position:absolute;top:0;left:0;overflow:visible}.home-route-segment{fill:none;stroke-width:var(--line);stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:0 100000}.home-route-train{z-index:0;border:4px solid var(--ground);background:var(--line-1);opacity:0;pointer-events:none;border-radius:999px;width:16px;height:16px;position:absolute;top:0;left:0}.home-section>*{z-index:1;position:relative}.home-station{border-style:solid;border-color:var(--c);background:var(--ground);transition:background-color .25s}.home-station.is-reached{background:var(--c)}@media (prefers-reduced-motion:no-preference){.home-station.is-reached{animation:home-station-arrive .45s var(--ease-out)}}@keyframes home-station-arrive{50%{scale:1.25}}.hero-swap{display:grid}.hero-swap>span{grid-area:1/1}.hero-swap>span:last-child{opacity:0;translate:0 .3em}@media (prefers-reduced-motion:no-preference){.hero-swap>span{animation:9s ease-in-out infinite hero-swap}.hero-swap>span:last-child{animation-delay:-4.5s}}@keyframes hero-swap{0%,40%{opacity:1;translate:0}44%,96%{opacity:0;translate:0 .3em}to{opacity:1;translate:0}}.home-sign{align-items:flex-start;gap:var(--sign-gap);display:flex}.home-sign-marker{width:var(--sign);height:var(--sign);border-width:6px;border-radius:999px;flex:none;margin-top:.25rem}.home-item-marker{top:.3rem;left:calc(var(--sign) / 2 - 12px);border-width:5px;border-radius:999px;width:24px;height:24px;position:absolute}.home-item-marker.is-hub{left:calc(var(--sign) / 2 - 18px);width:36px}.home-bar-start{top:50%;left:calc(var(--sign) / 2 - 1px);width:2px;height:2px;margin-top:-1px;position:absolute}.home-end-marker{border-width:6px;border-radius:999px;place-items:center;width:3.5rem;height:3.5rem;display:grid}.home-indent{padding-left:calc(var(--sign) + var(--sign-gap))}.home-indent-m{margin-left:calc(var(--sign) + var(--sign-gap))}.home-stations{gap:2rem;display:grid}.home-stations li,.home-services li{padding-left:calc(var(--sign) + var(--sign-gap));position:relative}.home-services{gap:1.5rem;margin-top:3rem;display:grid}.home-ax-flow{padding-left:calc(var(--sign) + var(--sign-gap))}.home-ax-map{gap:1.25rem;display:grid;position:relative}.home-ax-rails{z-index:0;pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.home-ax-rail{fill:none;stroke-width:var(--line);stroke-linecap:round;stroke-linejoin:round}.home-ax-rail--idle{stroke:var(--idle)}.home-ax-rail--live{stroke:var(--line-2);stroke-dasharray:1;stroke-dashoffset:1px}.home-ax-flow:not(.is-animated) .home-ax-rail--live{stroke-dashoffset:0}.home-ax-stop{fill:var(--ground);stroke:var(--line-2);stroke-width:5px;transform-box:fill-box;transform-origin:50%;transition:fill .3s, scale .35s var(--ease-out);scale:.5}.home-ax-stop.is-reached,.home-ax-flow:not(.is-animated) .home-ax-stop{fill:var(--line-2);scale:1}.home-ax-problems{z-index:1;display:grid;position:relative}.home-ax-row{grid-template-columns:auto minmax(0,1fr);align-items:baseline;gap:.55rem;padding:1.1rem 0;display:grid;position:relative}.home-ax-problem{letter-spacing:-.02em;justify-self:start;font-size:clamp(1.05rem,4.5vw,1.35rem);font-weight:800}.home-ax-problem-index{color:var(--line-1);font-family:var(--font-accent);letter-spacing:.06em;font-size:.7rem;font-weight:800}.home-ax-station{z-index:1;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:1rem;margin-top:1.5rem;display:grid;position:relative}.home-ax-station-mark{border:8px solid var(--line-2);background:var(--line-2);width:7.5rem;height:7.5rem;color:var(--ground);font-family:var(--font-accent);transition:background-color .4s, color .4s, scale .45s var(--ease-out);border-radius:999px;place-items:center;font-size:1.75rem;font-weight:900;display:grid}.home-ax-flow.is-animated .home-ax-station-mark{background:var(--ground);color:var(--ink);scale:.8}.home-ax-station.is-live .home-ax-station-mark{background:var(--line-2);color:var(--ground);scale:1}.home-ax-station-sub{max-width:30rem;color:var(--ink);letter-spacing:-.01em;font-size:1.15rem;font-weight:600;line-height:1.6}.home-strip-frame{position:relative}.home-project-strip,.home-featured{gap:1.25rem;display:flex}.home-featured{margin-bottom:2rem}.home-project-strip{scroll-snap-type:x mandatory;scrollbar-color:var(--line-3) transparent;padding:.25rem 0 1rem;overflow-x:auto}.home-project-card{scroll-snap-align:start;flex:0 0 clamp(200px,18vw,240px);padding-top:2.25rem;position:relative}.home-project-card-featured{flex-basis:min(480px,88vw)}.home-project-card a{border-radius:14px;display:block}.home-project-image{aspect-ratio:4/3;border:1px solid var(--idle);background:var(--ground);border-radius:14px;position:relative;overflow:hidden}.home-project-dot{top:0;left:calc(var(--sign) / 2 - 12px);border:5px solid var(--line-3);background:var(--ground);border-radius:999px;width:24px;height:24px;transition:background-color .25s;position:absolute}.home-project-dot.is-reached{background:var(--line-3)}.home-rail-anchor{top:calc(.25rem + 11px);left:calc(var(--sign) / 2 - 1px);width:2px;height:2px;position:absolute}.home-strip-controls{justify-content:flex-end;gap:.5rem;margin-bottom:.75rem;display:flex}.home-strip-controls button{border:2px solid var(--ink);border-radius:999px;place-items:center;width:2.5rem;height:2.5rem;font-weight:800;transition:background-color .2s,color .2s;display:grid}.home-strip-controls button:hover{background:var(--ink);color:var(--ground)}.hb-desk{z-index:2;height:calc(100svh - var(--header));color:var(--ink);background:var(--line-3);position:relative;overflow:hidden}.hb-desk[data-tone=dark]{color:var(--ground)}.hb-bg,.hb-bg-layer{position:absolute;inset:0}.hb-bg-layer:not(.is-base){transform-origin:0;transform:translate(-112%)skew(-8deg)}.hb-bg-yellow{background:var(--line-3)}.hb-bg-white{background:var(--ground)}.hb-bg-grid{background-image:linear-gradient(var(--idle) 1px, transparent 1px), linear-gradient(90deg, var(--idle) 1px, transparent 1px);opacity:.4;background-size:40px 40px;position:absolute;inset:0}.hb-bg-coral{background:var(--line-2)}.hb-bg-ink{background:var(--ink)}.hb-bg-blue{background:var(--line-4)}.hb-label{z-index:8;letter-spacing:-.01em;color:color-mix(in srgb, currentColor 72%, transparent);margin:0;font-size:.875rem;font-weight:700;position:absolute;top:1.25rem;left:5.5rem}.hb-desk[data-tone=dark] .hb-label{color:color-mix(in srgb, var(--ground) 72%, transparent)}.hb-frame{z-index:1;grid-template-columns:4.5rem minmax(16rem,1fr) minmax(0,2fr);align-items:stretch;gap:1.5rem;height:100%;padding:4rem 3rem 2.5rem .75rem;display:grid;position:relative}.hb-mini{width:3rem;height:100%;position:relative}.hb-mini-track,.hb-mini-fill{width:var(--line);margin-left:calc(var(--line) / -2);border-radius:999px;position:absolute;top:6%;bottom:6%;left:50%}.hb-mini-track{background:color-mix(in srgb, currentColor 28%, transparent)}.hb-mini-fill{transform-origin:50% 0;background:currentColor;transform:scaleY(0)}.hb-mini-stop{z-index:1;background:var(--ground);border:4px solid;border-radius:999px;width:18px;height:18px;margin-left:-9px;position:absolute;left:50%;transform:translateY(-50%)}.hb-desk[data-tone=dark] .hb-mini-stop,.hb-panel-3 .hb-mini-stop{background:var(--ink)}.hb-mini-train{z-index:2;background:var(--line-1);border:4px solid var(--ground);will-change:transform;border-radius:999px;width:16px;height:16px;margin:-8px 0 0 -8px;position:absolute;top:6%;left:50%}.hb-copy-col{align-self:center;min-width:0;height:min(32rem,70%);position:relative;overflow:hidden}.hb-copy{flex-direction:column;justify-content:center;gap:1.25rem;display:flex;position:absolute;inset:0}.hb-copy.is-static{position:relative}.hb-num{width:3.5rem;height:3.5rem;font-family:var(--font-accent);font-variant-numeric:tabular-nums;border:6px solid;border-radius:999px;place-items:center;font-size:1.05rem;font-weight:800;display:grid}.hb-title{letter-spacing:-.04em;text-wrap:balance;margin:0;font-size:clamp(4rem,5vw,5rem);font-weight:800;line-height:1.08}.hb-desc{max-width:28ch;margin:.85rem 0 0;font-size:1.125rem;font-weight:600;line-height:1.45}.hb-line{display:block}.hb-title .hb-line,.hb-desc .hb-line{overflow:hidden}.hb-stage{min-width:0;height:100%;position:relative}.hb-memo{z-index:4;border-radius:var(--bend);background:var(--ground);color:var(--ink);transform-origin:50%;padding:2.25rem 2.5rem;position:absolute;inset:8% 6% 12%}.hb-memo.is-done{position:relative;inset:auto}.hb-quote{quotes:none;font-size:clamp(1.5rem,2.2vw,2.15rem);font-weight:800;line-height:1.4;display:block}.hb-key{display:inline;position:relative}.hb-underline{background:var(--line-1);transform-origin:0%;border-radius:999px;height:.18em;position:absolute;bottom:.05em;left:0;right:0;transform:scaleX(0)}.hb-checks{margin:1.25rem 0 0}.hb-check{margin-top:.45rem;font-size:1.2rem;font-weight:700}.hb-flow{z-index:3;width:46%;height:72%;position:absolute;top:12%;left:0}.hb-flow.is-done{opacity:1}.hb-flow-screen{aspect-ratio:9/16;background:var(--ground);width:5.5rem;color:var(--ink);border:3px solid;border-radius:.85rem;padding:.55rem .45rem;position:absolute}.hb-flow-0{top:0;left:0}.hb-flow-1{top:52%;left:0}.hb-flow-2{top:52%;left:58%}.hb-flow-screen span{font-size:.7rem;font-weight:800;display:block}.hb-flow-screen i{background:var(--idle);border-radius:.3rem;height:.55rem;margin-top:.35rem;display:block}.hb-flow-v,.hb-flow-h{background:currentColor;border-radius:999px;position:absolute}.hb-flow-v{width:var(--line);height:calc(52% - 5.5rem);top:9.8rem;left:calc(2.75rem - 6px)}.hb-flow.is-done .hb-flow-v,.hb-flow.is-done .hb-flow-h{transform:none}.hb-palette{z-index:5;gap:.75rem;display:grid;position:absolute;top:18%;left:6%}.hb-chip{background:var(--chip);border:3px solid var(--ground);border-radius:999px;width:2.75rem;height:2.75rem}.hb-type{color:var(--ink);margin:.25rem 0 0;font-size:.95rem;font-weight:800;line-height:1.3}.hb-type span{color:var(--ink-soft);font-size:.7rem;font-weight:700;display:block}.hb-editor{z-index:4;border-radius:var(--bend);color:#e9ebee;background:#262a31;width:52%;height:46%;position:absolute;top:12%;left:0;overflow:hidden}.hb-editor.is-done{width:52%;height:14rem;position:relative;top:auto;left:auto}.hb-tab{color:#9aa0aa;border-bottom:1px solid #2c3038;justify-content:space-between;align-items:center;gap:.75rem;padding:.7rem 1rem;font-size:.8rem;font-weight:700;display:flex}.hb-tab em{color:#c3c8d1;white-space:nowrap;border:1px solid #3a3f48;border-radius:999px;padding:.15rem .55rem;font-size:.68rem;font-style:normal;font-weight:600}.hb-editor pre{white-space:pre;margin:0;padding:.85rem 1rem;font:500 .72rem/1.55 ui-monospace,SFMono-Regular,Menlo,monospace}.hb-terminal{z-index:4;border-radius:var(--bend);color:#e9ebee;background:#262a31;width:52%;height:28%;padding:1rem 1.1rem;font:500 .85rem/1.6 ui-monospace,SFMono-Regular,Menlo,monospace;position:absolute;bottom:8%;left:0;overflow:hidden}.hb-terminal.is-done{width:52%;height:auto;margin-bottom:1rem;position:relative;bottom:auto;left:auto}.hb-terminal b{color:var(--line-3)}.hb-phone{z-index:6;aspect-ratio:9/18;border:.55rem solid var(--ink);background:var(--ground);width:min(220px,34%);color:var(--ink);transform-origin:50%;border-radius:2.4rem;position:absolute;top:50%;left:50%}.hb-stage.is-static .hb-phone:not(.is-finale){left:auto;right:8%;translate:0 -50%}.hb-phone.is-finale{width:min(260px,42%);left:50%;right:auto;translate:-50% -50%}.hb-wire,.hb-ui{flex-direction:column;gap:.7em;font-size:11px;display:flex;position:absolute;inset:1.6em 1em}.hb-wire-block{height:var(--h);background:var(--idle);transform-origin:0;border-radius:.55em;display:block}.hb-ui h4{margin:0;font-size:1.35em;font-weight:800}.hb-opt{pointer-events:none}.hb-phone:has(.hb-ui:not([aria-hidden=true])) .hb-opt{pointer-events:auto;cursor:pointer}.hb-try{z-index:7;color:var(--ink);margin:0;font-size:1rem;font-weight:800;position:absolute;top:4.5rem;right:8%}.hb-try.is-on{opacity:1}.hb-panel{height:calc(100svh - var(--header));color:var(--ink);position:relative;overflow:hidden}.hb-panel-0{background:var(--line-3)}.hb-panel-1{background:var(--ground);background-image:linear-gradient(var(--idle) 1px, transparent 1px), linear-gradient(90deg, var(--idle) 1px, transparent 1px);background-size:40px 40px}.hb-panel-2{background:var(--line-2)}.hb-panel-3{background:var(--ink);color:var(--ground)}.hb-panel-4{background:var(--line-4)}.hb-panel .hb-label{color:color-mix(in srgb, currentColor 72%, transparent)}.hb-root{margin-top:2.5rem}@media (min-width:768px){.home-stations{gap:2.5rem}.home-build-intro{margin-bottom:2.5rem}}@media (min-width:1024px){.home-services{grid-template-columns:repeat(6,minmax(0,1fr));gap:1rem;margin-top:6rem}.home-services li{padding:2.75rem .5rem 0 0}.home-services .home-item-marker{top:0}.home-ax-map{grid-template-columns:minmax(0,1fr) minmax(15rem,18rem);align-items:center;gap:1rem 9rem;padding-left:0}.home-ax-problems{align-content:center}.home-ax-row{padding:1.3rem 0}.home-ax-problem{font-size:clamp(1.05rem,1.6vw,1.35rem)}.home-ax-station{margin:0;padding:0}.home-ax-station-mark{width:8.25rem;height:8.25rem;font-size:2.1rem}}@media (max-width:767px){.home-main{--sign:2.5rem;--sign-gap:.75rem}.home-strip-frame{margin-left:calc(var(--sign) + var(--sign-gap))}.home-project-card{flex-basis:70vw;padding-top:0}.home-project-dot,.home-rail-anchor,.home-strip-controls{display:none}}.hb-phone.sp-device{aspect-ratio:406/860;color:#15171c;width:min(260px, 36%, calc((100svh - var(--header) - 10rem) * .3688));background:#17191d;border:0;border-radius:14%/6.6%;padding:0;box-shadow:0 0 0 1.5px #ffffff24}.hb-phone.sp-device.is-finale{width:min(300px,44%)}.sp-device:before,.sp-device:after{content:"";background:#17191d;border-radius:3px;width:1.5%;position:absolute}.sp-device:before{height:11%;top:24%;right:-1.2%}.sp-device:after{height:7%;top:19%;left:-1.2%}.sp-screen{background:#fff;border-radius:12.6%/5.9%;position:absolute;inset:.93% 1.97%;overflow:hidden}.sp-canvas{transform-origin:0 0;width:390px;height:844px;scale:var(--sp-scale,.5);color:#15171c;letter-spacing:-.01em;background:#fff;font-size:16px;line-height:1.3;position:absolute;top:0;left:0}.sp-canvas>.sp-layer{gap:0;font-size:16px;display:block;position:absolute;inset:0}.sp-canvas .sp-wire i{background:#e6e8ec;border-radius:12px;display:block;position:absolute}.sp-canvas .sp-app{background:#fff}.sp-island{z-index:3;background:#0b0c0e;border-radius:20px;width:122px;height:34px;margin-left:-61px;position:absolute;top:11px;left:50%}.sp-home-bar{z-index:3;background:#15171c;border-radius:3px;width:134px;height:5px;margin-left:-67px;position:absolute;bottom:8px;left:50%}.sp-status{justify-content:space-between;align-items:center;height:26px;padding:0 28px 0 36px;font-size:15px;display:flex;position:absolute;top:14px;left:0;right:0}.sp-status b{font-weight:700}.sp-status span{align-items:center;gap:6px;display:flex}.sp-canvas .sp-hello{color:#6b7080;margin:0;font-size:14px;font-weight:600;position:absolute;top:68px;left:24px}.sp-canvas .sp-title{letter-spacing:-.03em;margin:0;font-size:24px;font-weight:800;position:absolute;top:90px;left:24px}.sp-search{color:#8a8f9c;background:#fff;border-radius:14px;align-items:center;gap:10px;width:350px;height:48px;padding:0 16px;font-size:15px;font-weight:500;display:flex;position:absolute;top:142px;left:20px}.sp-days{grid-template-columns:repeat(7,1fr);gap:6px;width:350px;height:66px;display:grid;position:absolute;top:208px;left:20px}.sp-days span{background:#fff;border-radius:14px;flex-direction:column;justify-content:center;align-items:center;gap:4px;display:flex}.sp-days small{color:#8a8f9c;font-size:12px}.sp-days b{font-size:17px;font-weight:700}.sp-days .is-on{color:#fff;background:#15171c}.sp-days .is-on small{color:#ffffffb3}.sp-cats{gap:8px;display:flex;position:absolute;top:292px;left:20px}.sp-cats span{background:#fff;border:1px solid #e3e5ea;border-radius:999px;align-items:center;height:34px;padding:0 14px;font-size:14px;font-weight:600;display:flex}.sp-cats .is-on{border-color:var(--line-2);background:var(--line-2)}.sp-canvas .sp-section{margin:0;font-size:18px;font-weight:800;position:absolute;top:346px;left:24px}.sp-section span{color:#8a8f9c;margin-left:4px;font-weight:700}.sp-canvas .sp-card{background:#fff;border:0;border-radius:18px;align-items:center;gap:14px;width:350px;height:96px;min-height:0;padding:12px;display:flex;position:absolute;left:20px;box-shadow:0 1px 2px #1018280d,0 6px 16px #1018280d}.sp-canvas .sp-card[data-card="0"]{top:382px}.sp-canvas .sp-card[data-card="1"]{top:490px}.sp-canvas .sp-card[data-card="2"]{top:598px}.sp-thumb{color:#15171c;border-radius:14px;flex:none;place-items:center;width:72px;height:72px;display:grid}.sp-thumb.is-pilates{background:#fce3d9}.sp-thumb.is-yoga{background:#f8eec4}.sp-thumb.is-running{background:#d9ecf6}.sp-info{flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.sp-canvas .sp-info strong{font-size:16px;font-weight:700}.sp-canvas .sp-info small{color:#6b7080;font-size:13px}.sp-canvas .sp-info em{color:#b8502b;font-size:12px;font-style:normal;font-weight:700}.sp-canvas .sp-btn{background:var(--line-2);color:#15171c;border-radius:999px;flex:none;height:36px;padding:0 16px;font-size:14px;font-weight:800}.sp-canvas .sp-btn[aria-pressed=true]{color:#fff;background:#15171c}.sp-tabs{background:#fff;border-top:1px solid #eceef2;grid-template-columns:repeat(4,1fr);height:84px;padding:8px 8px 22px;display:grid;position:absolute;bottom:0;left:0;right:0}.sp-tabs span{color:#9aa0ab;flex-direction:column;align-items:center;gap:3px;font-size:11px;font-weight:600;display:flex}.sp-tabs .is-on{color:#15171c}.hb-stage:not(.is-static) .hb-try{background:var(--ink);color:var(--ground);white-space:nowrap;border-radius:999px;align-items:center;padding:1rem 1.5rem;font-size:1.35rem;display:inline-flex;top:4rem;left:1.25rem;right:auto;box-shadow:0 10px 28px #15171c47}.hb-root .hb-desk{background:0 0}.hb-stage .hb-memo{background:0 0;grid-template-columns:1.05fr 1fr;align-items:center;gap:1.5rem;padding:0;display:grid;inset:10% 3%}.hb-stage .hb-memo.is-done{height:100%;position:relative;inset:auto}.hb-request{border-radius:var(--bend);background:var(--ground);padding:1.75rem 1.9rem;position:relative}.hb-request:after{content:"";background:var(--ground);width:26px;height:26px;position:absolute;bottom:-12px;left:2.25rem;transform:rotate(45deg)}.hb-request-label{color:var(--ink-soft);margin:0 0 .75rem;font-size:.85rem;font-weight:800}.hb-memo .hb-quote{font-size:clamp(1.35rem,1.9vw,1.85rem)}.hb-reqs{gap:.75rem;margin:0;display:grid}.hb-memo .hb-req{background:var(--ground);border-radius:16px;margin:0;padding:1rem 1.2rem;font-size:1rem}.hb-req-label{color:var(--ink-soft);margin:0 0 .35rem;font-size:.8rem;font-weight:800}.hb-req-value{margin:0;font-size:1.05rem;font-weight:700}.hb-req ul{gap:.35rem;margin:0;display:grid}.hb-req li{align-items:center;gap:.5rem;font-size:1.05rem;font-weight:700;display:flex}.hb-tick{background:var(--line-1);border-radius:.3rem;flex:none;width:1.05rem;height:1.05rem;position:relative}.hb-tick:after{content:"";border:solid var(--ground);border-width:0 .14rem .14rem 0;width:.3rem;height:.55rem;position:absolute;top:.16rem;left:.34rem;transform:rotate(45deg)}.hb-stage .hb-flow{width:40%;height:auto;color:var(--ink);flex-direction:column;display:flex;top:50%;left:2%;translate:0 -50%}.hb-flow .hb-flow-screen{aspect-ratio:auto;border:2px solid var(--idle);background:var(--ground);border-radius:16px;align-items:center;gap:.9rem;width:auto;padding:.7rem .9rem;display:flex;position:relative;top:auto;left:auto}.hb-flow .hb-flow-0{border-color:var(--line-1)}.hb-mini-screen{border:2px solid var(--ink);background:var(--ground);border-radius:.55rem;flex-direction:column;flex:none;gap:.25rem;width:2.6rem;height:4.4rem;padding:.4rem .3rem;display:flex}.hb-flow .hb-mini-screen i{background:var(--idle);border-radius:.2rem;height:.45rem;margin:0;display:block}.hb-flow .hb-mini-screen.is-1 i:first-child{height:1.5rem}.hb-flow .hb-mini-screen.is-2 i:first-child{background:var(--line-1);border-radius:999px;width:1.1rem;height:1.1rem;margin:.15rem auto .1rem}.hb-flow .hb-mini-screen i:last-child{background:var(--line-2);margin-top:auto}.hb-flow .hb-flow-screen .hb-flow-text{flex-direction:column;gap:.15rem;min-width:0;display:flex}.hb-flow .hb-flow-text small,.hb-flow .hb-flow-text em{display:block}.hb-flow .hb-flow-text b{font-size:1rem;font-weight:800;display:block}.hb-flow .hb-flow-text small{color:var(--ink-soft);font-size:.8rem;font-weight:600}.hb-flow .hb-flow-text em{color:var(--line-1);margin-top:.2rem;font-size:.72rem;font-style:normal;font-weight:800}.hb-flow-arrow{height:3rem;margin-left:2.2rem;position:relative}.hb-flow-arrow i{background:var(--ink);border-radius:3px;width:3px;position:absolute;top:.3rem;bottom:.5rem;left:0}.hb-flow-arrow i:after{content:"";border:solid var(--ink);border-width:0 3px 3px 0;width:.55rem;height:.55rem;margin-left:-.3rem;position:absolute;bottom:-2px;left:50%;transform:rotate(45deg)}.hb-flow-arrow span{color:var(--ink-soft);white-space:nowrap;font-size:.8rem;font-weight:800;position:absolute;top:50%;left:1rem;translate:0 -50%}.hb-flow.is-done .hb-flow-arrow i{transform:none}.hb-stage .hb-palette{background:var(--ground);width:40%;color:var(--ink);border-radius:18px;padding:1.25rem 1.3rem;display:block;top:50%;left:2%;translate:0 -50%}.hb-stage .hb-palette.is-done{opacity:1;visibility:visible}.hb-palette-title{color:var(--ink-soft);margin:0 0 .6rem;font-size:.8rem;font-weight:800}.hb-palette-title+.hb-swatches{margin-bottom:.4rem}.hb-swatches{grid-template-columns:1fr 1fr;gap:.55rem .7rem;display:grid}.hb-palette .hb-chip{background:0 0;border:0;border-radius:0;align-items:center;gap:.5rem;width:auto;height:auto;display:flex}.hb-palette .hb-chip b{background:var(--chip);border:1px solid #e3e5ea;border-radius:.5rem;flex:none;width:1.9rem;height:1.9rem}.hb-palette .hb-chip strong{font-size:.78rem;font-weight:800;display:block}.hb-palette .hb-chip small{color:var(--ink-soft);white-space:nowrap;font-size:.66rem;font-weight:600;display:block}.hb-tints{align-items:center;gap:.35rem;margin:.2rem 0 1rem;display:flex}.hb-tints b{background:var(--chip);border-radius:.3rem;width:1.1rem;height:1.1rem}.hb-tints small{color:var(--ink-soft);margin-left:.2rem;font-size:.66rem;font-weight:600}.hb-palette .hb-type{color:var(--ink);margin:0}.hb-palette .hb-type p{justify-content:space-between;align-items:baseline;gap:.5rem;margin:.3rem 0 0;display:flex}.hb-palette .hb-type small{color:var(--ink-soft);flex:none;font-size:.66rem;font-weight:600}.sp-canvas .sp-form{transition:transform .45s var(--ease-out);background:#fff;flex-direction:column;padding:53px 16px 0;display:flex;position:absolute;inset:0}.sp-canvas .sp-form.is-out{transform:translate(-100%)}.sp-nav{height:75px;margin-bottom:28px}.sp-nav-row{align-items:center;height:24px;display:flex}.sp-back{color:#202327;place-items:center;width:24px;height:24px;display:grid}.sp-app-title{letter-spacing:-.02em;color:#202327;margin:16px 0 0;font-size:28px;font-weight:600;line-height:35px;display:block}.sp-illust{width:180px;height:116px;margin:0 auto;position:relative;overflow:hidden}.sp-illust img{object-fit:contain;width:180px;max-width:none;height:180px;position:absolute;top:-64px;left:0}.sp-intro{margin-top:16px}.sp-intro-title{color:#202327;margin:0;font-size:18px;font-weight:600}.sp-intro-desc{color:#8e979f;margin:4px 0 0;font-size:14px;line-height:20px}.sp-field{border:0;min-width:0;margin:22px 0 0;padding:0}.sp-field+.sp-field{border-top:1px solid #ecedee;margin-top:16px;padding-top:16px}.sp-field legend{color:#202327;padding:0;font-size:16px;font-weight:700}.sp-req{color:#fa7000;margin-left:2px}.sp-multi-note{color:#a7aeb4;margin-left:8px;font-size:12px;font-weight:500}.sp-opts{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:10px;display:grid}.sp-opt{color:#202327;letter-spacing:-.025em;white-space:nowrap;background:#fff;border:1px solid #ecedee;border-radius:8px;justify-content:center;align-items:center;min-width:0;height:40px;padding:8px;font-size:16px;font-weight:400;transition:border-color .18s,background-color .18s,color .18s;display:flex}.sp-opt[aria-pressed=true]{color:#fa7000;background:#fff7ef;border-color:#fa7000}@media (hover:hover){.sp-opt:hover{color:#fa7000;background:#fff7ef;border-color:#fa7000}}.sp-opt:focus-visible,.sp-next:focus-visible,.sp-prev:focus-visible{outline-offset:2px;outline:2px solid #fa7000}@keyframes sp-afford-hint{0%,20%,to{border-color:#fa700000}7%,12%{border-color:#fa7000a6}}.sp-form.is-hint .sp-field .sp-opts>.sp-opt:first-child{position:relative}.sp-form.is-hint .sp-field .sp-opts>.sp-opt:first-child:after{content:"";pointer-events:none;border:2px solid #fa700000;border-radius:12px;animation:5.2s infinite sp-afford-hint;position:absolute;inset:-4px}.sp-form.is-hint .sp-field:nth-of-type(2) .sp-opts>.sp-opt:first-child:after{animation-delay:.9s}.sp-form.is-hint .sp-field:nth-of-type(3) .sp-opts>.sp-opt:first-child:after{animation-delay:1.8s}.sp-form.is-hint:has(:focus) .sp-opts>.sp-opt:first-child:after{animation:none}.sp-actions{gap:8px;margin-top:auto;padding-bottom:72px;display:flex}.sp-prev,.sp-next{border-radius:12px;flex:1;height:56px;font-size:16px;font-weight:700}.sp-prev{color:#a7aeb4;background:#fff;border:1px solid #ecedee}.sp-next{color:#a7aeb4;background:#ecedee;border:0}.sp-next:not(:disabled){color:#fff;background:#fa7000}.sp-canvas .sp-done{text-align:center;transition:transform .45s var(--ease-out);background:#fff;flex-direction:column;align-items:center;padding:96px 24px 0;display:flex;position:absolute;inset:0;transform:translate(100%)}.sp-canvas .sp-done.is-in{transform:translate(0)}.sp-done-mark{color:#fa7000;background:#fff1e3;border-radius:999px;place-items:center;width:72px;height:72px;display:grid}.sp-done-title{letter-spacing:-.01em;color:#202327;margin:20px 0 0;font-size:22px;font-weight:700}.sp-done-desc{color:#8e979f;margin:8px 0 0;font-size:14px;line-height:20px}.sp-summary{text-align:left;gap:10px;width:100%;margin:28px 0 0;display:grid}.sp-summary-row{border:1px solid #ecedee;border-radius:12px;justify-content:space-between;align-items:center;gap:12px;padding:14px 16px;display:flex}.sp-summary dt{color:#8e979f;flex:none;font-size:13px;font-weight:600}.sp-summary dd{color:#202327;text-align:right;min-width:0;margin:0;font-size:15px;font-weight:700}@media (prefers-reduced-motion:reduce){.sp-canvas .sp-form,.sp-canvas .sp-done{transition:none}}.hb-demo-ctrl{z-index:8;border:2px solid var(--ink);background:var(--ground);min-height:44px;color:var(--ink);cursor:pointer;border-radius:999px;padding:.6rem 1.3rem;font-size:.95rem;font-weight:800;transition:background-color .2s,color .2s;position:absolute;top:4.75rem;right:8%;box-shadow:0 10px 28px #15171c33}.hb-demo-ctrl:hover{background:var(--ink);color:var(--ground)}.hb-demo-ctrl:focus-visible{outline:3px solid var(--line-1);outline-offset:3px}.hb-stage:has(.hb-demo-ctrl) .hb-try{opacity:0!important;visibility:hidden!important}.hbm-label{padding-left:calc(var(--sign) + var(--sign-gap));letter-spacing:.02em;color:var(--ink-soft);margin:1.5rem 0 0;font-size:.8rem;font-weight:800}.hbm-route{margin-top:1.25rem;display:grid}.hbm-stop{padding-left:calc(var(--sign) + var(--sign-gap));padding-bottom:2.5rem;position:relative}.hbm-stop:last-child{padding-bottom:0}.hbm-segment{top:14px;bottom:-14px;left:calc(var(--sign) / 2 - 1px);width:2px;position:absolute}.hbm-stop:last-child .hbm-segment{display:none}.hbm-segment:before,.hbm-segment:after{content:"";border-radius:999px;position:absolute;inset:0}.hbm-segment:before{background:var(--idle)}.hbm-segment:after{background:var(--line-1);transform-origin:50% 0;transition:transform .5s var(--ease-out)}.hbm-marker{top:.2rem;left:calc(var(--sign) / 2 - 11px);z-index:1;border:5px solid var(--line-1);background:var(--line-1);width:22px;height:22px;transition:background-color .3s, scale .35s var(--ease-out);border-radius:999px;position:absolute}.hbm-stop:last-child .hbm-marker{top:.1rem;left:calc(var(--sign) / 2 - 14px);background:var(--ground);border-width:6px;width:28px;height:28px}.hbm-stop:last-child .hbm-marker:after{content:"";background:var(--line-1);border-radius:999px;transition:opacity .3s;position:absolute;inset:4px}.hbm-body{position:relative}.hbm-step-num{font-family:var(--font-accent);letter-spacing:.08em;color:var(--line-1);font-size:.72rem;font-weight:800}.hbm-step-title{letter-spacing:-.02em;margin-top:.1rem;font-size:1.35rem;font-weight:800}.hbm-step-desc{max-width:40ch;color:var(--ink-soft);margin-top:.4rem;font-size:1rem;line-height:1.6}.hbm-artifact{min-height:44svh;transition:opacity .45s var(--ease-out), transform .45s var(--ease-out);margin-top:1rem}.hbm-idea{background:var(--line-3);color:var(--ink);border-radius:16px;padding:1.1rem 1.2rem}.hbm-idea-label{letter-spacing:.06em;color:color-mix(in srgb, var(--ink) 55%, transparent);font-size:.72rem;font-weight:800}.hbm-idea-quote{margin-top:.4rem;font-size:1.15rem;font-weight:800;line-height:1.45;display:block}.hbm-idea-checks{gap:.4rem;margin-top:.85rem;display:grid}.hbm-idea-checks li{align-items:center;gap:.55rem;font-size:.95rem;font-weight:700;display:flex}.hbm-tick{background:var(--line-1);color:#fff;border-radius:999px;flex:none;place-items:center;width:18px;height:18px;font-size:.68rem;display:grid}.hbm-tick:before{content:"✓"}.hbm-flow{gap:.6rem;display:grid}.hbm-flow li{border:1px solid var(--idle);background:var(--ground);border-radius:14px;grid-template-columns:auto minmax(0,1fr);align-items:start;gap:.75rem;padding:.8rem .9rem;display:grid}.hbm-flow-num{background:var(--line-1);color:#fff;border-radius:999px;place-items:center;width:24px;height:24px;font-size:.8rem;font-weight:800;display:grid}.hbm-flow-text b{font-size:1rem;font-weight:800;display:block}.hbm-flow-text small{color:var(--ink-soft);margin-top:.15rem;font-size:.9rem;display:block}.hbm-design{border:1px solid var(--idle);border-radius:16px;gap:.9rem;padding:1rem;display:grid}.hbm-swatches{flex-wrap:wrap;gap:.5rem;display:flex}.hbm-swatch{border:3px solid var(--ground);background:var(--chip);width:2rem;height:2rem;box-shadow:0 0 0 1px var(--idle);border-radius:999px}.hbm-ui{gap:.5rem;display:grid}.hbm-ui-options{gap:.5rem;display:flex}.hbm-ui-opt{border:1px solid var(--idle);text-align:center;border-radius:10px;flex:1;padding:.6rem .5rem;font-size:.95rem;font-weight:600}.hbm-ui-opt.is-selected{border-color:var(--line-1);background:color-mix(in srgb, var(--line-1) 8%, var(--ground));color:var(--line-1)}.hbm-ui-input{border:1px solid var(--idle);color:var(--ink-soft);border-radius:10px;padding:.65rem .75rem;font-size:.95rem}.hbm-types{gap:.4rem;display:grid}.hbm-types p{justify-content:space-between;align-items:baseline;gap:.75rem;display:flex}.hbm-types small{color:var(--ink-soft);font-size:.72rem;font-weight:600}.hbm-log{gap:.4rem;display:grid}.hbm-log li{border:1px solid var(--idle);border-radius:10px;align-items:center;gap:.6rem;padding:.55rem .75rem;font-size:.92rem;display:flex}.hbm-log li.is-ok{border-color:color-mix(in srgb, var(--line-1) 35%, var(--idle));background:color-mix(in srgb, var(--line-1) 6%, var(--ground))}.hbm-log-mark{background:var(--idle);width:20px;height:20px;color:var(--ground);border-radius:999px;flex:none;place-items:center;font-size:.72rem;font-weight:800;display:grid}.hbm-log li.is-ok .hbm-log-mark{background:var(--line-1);color:#fff}.hbm-launch{justify-items:center;gap:.9rem;display:grid}.hbm-phone.sp-device{width:min(100%,420px);margin:0 auto;position:relative;top:auto;left:auto;right:auto;translate:none}.hbm-phone .sp-opt{position:relative}.hbm-phone .sp-opt:after{content:"";position:absolute;inset:-6px 0}.hbm-try{color:var(--line-1);margin:0;font-size:.95rem;font-weight:800}.hbm-retry{background:var(--ink);min-height:44px;color:var(--ground);cursor:pointer;border:0;border-radius:999px;padding:0 1.4rem;font-size:.95rem;font-weight:800}.hbm-retry:focus-visible{outline:3px solid var(--line-1);outline-offset:3px}@media (prefers-reduced-motion:no-preference){.js .hbm-segment:after{transform:scaleY(0)}.js .hbm-marker{background:var(--ground)}.js .hbm-stop:last-child .hbm-marker:after{opacity:0}.js .hbm-artifact{opacity:0;transform:translateY(12px)}.js .hbm-stop.is-reached .hbm-segment:after{transform:scaleY(1)}.js .hbm-stop.is-reached .hbm-marker{background:var(--line-1)}.js .hbm-stop:last-child.is-reached .hbm-marker{background:var(--ground)}.js .hbm-stop:last-child.is-reached .hbm-marker:after{opacity:1}.js .hbm-stop.is-reached .hbm-artifact{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.hbm-segment:after,.hbm-marker,.hbm-stop:last-child .hbm-marker:after,.hbm-artifact{transition:none}}}