.j{background:var(--color-ground);position:relative}.j-pin{position:relative}.j-scene{aspect-ratio:1440/900;background:#0d0e0d;width:100%;max-height:100svh;position:relative;overflow:hidden}.j-poster,.j-poster img{object-fit:cover;width:100%;height:100%;display:block}.j-canvas,.j-label{display:none}.j-hero{left:var(--gut);right:var(--gut);z-index:2;pointer-events:none;flex-direction:column;justify-content:flex-end;padding-bottom:9rem;display:flex;position:absolute;top:0;bottom:0}.j-hero>*{pointer-events:auto}.j-hero h1{max-width:11em;font-size:clamp(2.5rem,5.6vw,6rem)}.j-lede{max-width:34ch;margin-top:1.25rem;font-size:1.15rem}.j-act{flex-wrap:wrap;align-items:center;gap:1rem;margin-top:1.5rem;display:flex}.j-note{color:var(--color-ink-muted)}.j-plate{left:var(--gut);bottom:var(--gut);z-index:3;width:min(22rem, calc(100vw - 2 * var(--gut)));flex-direction:column;gap:.5rem;display:flex;position:absolute}.j-plate label{color:var(--color-ink);background:#0d0e0dc7;align-self:flex-start;padding:.25rem .5rem;font-size:.95rem}.j-plate-box{background:var(--color-plate);color:var(--color-plate-ink);border-radius:6px;display:flex;overflow:hidden}.j-plate-box i{background:#1b3fa6;flex:none;width:2.1rem}.j-plate-box input{all:unset;box-sizing:border-box;text-align:center;text-transform:uppercase;width:100%;font:800 clamp(1.5rem, 2.4vw, 2rem) var(--font-sans);letter-spacing:.02em;padding:.3em .4em;font-stretch:112%}.j-plate-box:focus-within{outline-offset:2px;outline:3px solid #fff}.j-plate-box{transition:width .3s var(--ease-snap)}.j-plate[data-compact]{gap:0;width:auto}.j-plate[data-compact] label{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;padding:0;position:absolute;overflow:hidden}.j-plate[data-compact] .j-plate-box{width:8.6rem}.j-plate[data-compact] .j-plate-box i{width:1.2rem}.j-plate[data-compact] input{padding:.35em .3em;font-size:1rem}.j-beats{margin:0;padding:0;list-style:none}.j-beat{gap:1.5rem var(--gut);padding:clamp(3rem, 8vw, 7rem) var(--gut);background:var(--color-ground);grid-template-columns:1fr;display:grid}.j-beat:nth-child(2n){background:var(--color-surface)}.j-frame img{aspect-ratio:16/10;object-fit:cover;width:100%;height:auto;display:block}.j-copy h2{font-size:clamp(1.9rem,4vw,3.2rem)}.j-copy p{max-width:36ch;margin-top:1rem;font-size:1.15rem}@media (width>=820px){.j-beat{grid-template-columns:1fr 1fr;align-items:center}.j-frame{grid-row:1/span 2}}html[data-journey=scrub] .j{height:800svh}html[data-journey=scrub] .j-pin{height:100svh;position:sticky;top:0;overflow:hidden}html[data-journey=scrub] .j-scene{aspect-ratio:auto;max-height:none;position:absolute;inset:0}html[data-journey=scrub] .j-canvas{opacity:0;width:100%;height:100%;display:block;position:absolute;inset:0}html[data-journey=scrub] .j-canvas[data-ready]{opacity:1}html[data-journey=scrub] .j-frame{display:none}html[data-journey=scrub] .j-label{z-index:2;background:var(--color-plate);color:var(--color-plate-ink);text-transform:uppercase;letter-spacing:.01em;opacity:0;will-change:transform, opacity;pointer-events:none;white-space:nowrap;margin:0;padding:.35em .7em;font-size:clamp(.95rem,1.2vw,1.15rem);font-weight:800;font-stretch:112%;display:block;position:absolute;top:0;left:0}html[data-journey=scrub] .j-hero{padding-bottom:8.5rem}html[data-journey=scrub] .j-beats{top:0;bottom:0;right:var(--gut);z-index:2;width:min(33rem,40vw);position:absolute}html[data-journey=scrub] .j-beat{opacity:0;visibility:hidden;will-change:transform, opacity;background:0 0;flex-direction:column;justify-content:center;gap:1.25rem;padding:4.5rem 0 2rem;display:flex;position:absolute;inset:0}html[data-journey=scrub] .j-beat:nth-child(2n){background:0 0}html[data-journey=scrub] .j-copy{background:#0d0e0de0;padding:1.1rem 1.3rem 1.3rem}html[data-journey=scrub] .j-copy h2{font-size:clamp(1.8rem,3vw,3rem)}html[data-journey=scrub] .j-copy p{max-width:34ch;font-size:1.1rem}html[data-journey=scrub] .j-hero{opacity:1;will-change:transform, opacity}@media (width<=819px){html[data-journey=scrub] .j-scene{height:50svh;bottom:auto}html[data-journey=scrub] .j-hero{justify-content:flex-start;padding:1rem 0 0;top:50svh}html[data-journey=scrub] .j-hero h1{font-size:clamp(2rem,9.4vw,2.9rem)}html[data-journey=scrub] .j-lede{margin-top:.75rem;font-size:1rem}html[data-journey=scrub] .j-act{margin-top:1rem}html[data-journey=scrub] .j-plate{bottom:calc(50svh + .75rem)}html[data-journey=scrub] .j-beats{top:50svh;left:var(--gut);right:var(--gut);width:auto}html[data-journey=scrub] .j-beat{justify-content:flex-start;gap:.75rem;padding:1rem 0 0}html[data-journey=scrub] .j-copy{background:0 0;padding:0}html[data-journey=scrub] .j-copy h2{font-size:clamp(1.5rem,7vw,2.1rem)}html[data-journey=scrub] .j-copy p{margin-top:.5rem;font-size:.98rem}html[data-journey=scrub] .j-plate label{font-size:.82rem}html[data-journey=scrub] .j-plate-box input{font-size:1.4rem}html[data-journey=scrub] .j-plate{width:min(21rem, calc(100vw - 2 * var(--gut)))}}html[data-journey=stack] .j-hero{position:absolute}@media (width<=819px){html[data-journey=stack] .j-scene{aspect-ratio:4/5}html[data-journey=stack] .j-hero{padding:1.5rem var(--gut) 8rem;position:static}html[data-journey=stack] .j-plate{margin:0 var(--gut) 2rem;position:static}}html[data-frame] .j-beat,html[data-frame] .j-hero,html[data-frame] .j-plate,html[data-frame] header{visibility:hidden!important}.ui{color:#14161a;font:500 .9rem/1.35 var(--font-sans);width:100%;max-width:32rem;font-stretch:100%}.ui h3{letter-spacing:0;text-transform:none;margin:0;font-size:1.05rem;font-weight:700;font-stretch:100%}.ui p{margin:0}.ui-card,.ui-board>div,.ui-week,.ui-stages p,.ui-toast,.ui-row{background:#fff;border-radius:14px}.ui-card{padding:.9rem 1rem}.ui-top{color:#5a5f66;justify-content:space-between;gap:1rem;font-size:.82rem;display:flex}.ui-top em,.ui b{letter-spacing:.04em;font-style:normal;font-weight:700}.ui-sub{color:#5a5f66}.ui-chips{flex-wrap:wrap;gap:.4rem;display:flex;margin-top:.5rem!important}.ui-chips span,.st{background:#e9e9e5;border-radius:999px;padding:.1rem .6rem;font-size:.82rem;display:inline-block}.st-blue{color:#1b4fb8;background:#dbe8ff}.st-purple{color:#5a2fc2;background:#e8defe}.st-gray{color:#3d4247;background:#e3e4e6}.ui-new{color:#1b4fb8;font-weight:600}.ui-week{text-align:center;color:#5a5f66;grid-template-columns:repeat(5,1fr);gap:.35rem;margin-bottom:.6rem;padding:.6rem;font-size:.82rem;display:grid}.ui-week .on{color:#14161a;font-weight:700}.ui-week i{background:#f1f1ee;border-radius:8px;height:2.2rem}.ui-week b{color:#111;background:#f4c20d;border-radius:8px;grid-column:2;place-items:center;height:2.2rem;margin:0;font-size:.72rem;line-height:1.1;display:grid}.ui-week b em{font-style:normal;display:block}.ui-board{grid-template-columns:repeat(4,1fr);gap:.4rem;display:grid}.ui-board>div{background:#ecece8;min-height:8.6rem;padding:.6rem}.ui-board h3{color:#5a5f66;margin-bottom:.4rem;font-size:.82rem}.ui-board .hot{background:#f4c20d}.ui-board .hot h3{color:#111}.mini{background:#fff;border-radius:10px;padding:.45rem .5rem;font-size:.82rem;line-height:1.25;margin-bottom:.4rem!important}.mini b,.mini small{display:block}.mini small{color:#5a5f66}.ui-thread{gap:.4rem;margin:.5rem 0 0;padding:0;list-style:none;display:grid}.ui-thread li{background:#fff;border-radius:14px;grid-template-columns:auto 1fr;gap:.2rem .6rem;padding:.65rem .9rem;display:grid}.ui-thread b{letter-spacing:0}.at{color:#1b4fb8;background:#dbe8ff;border-radius:6px;padding:0 .25rem;font-weight:600}.ui-stages{grid-template-columns:1fr 1.4fr;gap:.4rem;display:grid}.ui-stages p{color:#5a5f66;background:#ecece8;min-height:6.5rem;padding:.7rem;font-size:.82rem;font-weight:600}.ui-stages .ok{color:#0e6b37;background:#d5f2e0}.ui-stages .lab{line-height:1.25;display:block}.ui-stages .mini{color:#14161a;margin-top:.5rem;font-weight:500;display:block}.ui-toast{color:#f1efe8;background:#14161a;align-items:center;gap:.6rem;padding:.6rem .8rem;display:flex;margin-top:.6rem!important}.ui-av{color:#111;background:#f4c20d;border-radius:50%;flex:none;place-items:center;width:1.7rem;height:1.7rem;font-weight:700;display:grid}.ui-row{align-items:center;gap:.7rem;padding:.65rem .9rem;display:flex;margin-bottom:.5rem!important}.ui-row span:first-child{margin-right:auto}.ui-row u{color:#1b4fb8;font-weight:600;text-decoration:none}.ui-hist{gap:.3rem;margin:.6rem 0 0;padding:0;list-style:none;display:grid}.ui-hist li{background:#f1f1ee;border-radius:8px;justify-content:space-between;padding:.35rem .6rem;display:flex}.ui-hist li:first-child{background:#f4c20d}@media (width<=819px){html[data-journey=scrub] .ui{font-size:.82rem}html[data-journey=scrub] .ui-card{padding:.6rem .8rem}html[data-journey=scrub] .ui-card h3{font-size:.95rem}html[data-journey=scrub] .ui-week{margin-bottom:.4rem;padding:.4rem}html[data-journey=scrub] .ui-week i,html[data-journey=scrub] .ui-week b{height:1.7rem}html[data-journey=scrub] .ui-board>div{min-height:5.4rem;padding:.4rem}html[data-journey=scrub] .ui-stages p{min-height:4.6rem}html[data-journey=scrub] .ui-thread li{padding:.45rem .7rem}html[data-journey=scrub] .ui-hist li{padding:.2rem .5rem}html[data-journey=scrub] .ui-hist li:nth-child(3){display:none}}.feat{padding:clamp(5rem, 10vw, 10rem) var(--gut);background:var(--color-plate);color:var(--color-plate-ink);grid-template-columns:1fr;align-items:center;gap:clamp(2rem,5vw,5rem);min-height:100svh;display:grid}.feat h2{font-size:clamp(2.2rem,5vw,5.2rem)}.feat>div:first-child p{max-width:32ch;margin-top:1.5rem;font-size:1.2rem}@media (width>=900px){.feat{grid-template-columns:1fr 1fr}}.frag{color:#111;font:500 clamp(.95rem, 1.2vw, 1.15rem)/1.4 var(--font-sans);background:#fff;border-radius:18px;padding:clamp(1.1rem,2.4vw,2rem)}.frag h3{margin:.25rem 0;font-size:1.25rem;font-weight:600}.frag p{margin:0}.frag .row{grid-template-columns:1fr 1fr;gap:.9rem;display:grid}.frag .card{background:#f4f4f2;border-radius:14px;padding:1rem}.frag .pl{color:#555;font-size:.8rem}.frag .pl b{letter-spacing:.04em;font-weight:700}.frag .mut{color:#666}.frag .tag{background:#e6e6e2;border-radius:999px;margin:.5rem .4rem 0 0;padding:.15rem .65rem;font-size:.8rem;display:inline-block}.frag .warn{background:#fff3cf;border-radius:12px;margin-top:.9rem;padding:.9rem 1rem}.frag .warn b{display:block}.frag .acts{justify-content:flex-end;gap:.6rem;margin-top:.9rem;display:flex}.frag .acts span{background:#e8e8e4;border-radius:999px;padding:.6em 1.1em}.frag .acts .go{color:#fff;background:#111}@media (width<=520px){.frag .row{grid-template-columns:1fr}}.demo{padding:clamp(5rem, 10vw, 10rem) var(--gut);background:var(--color-surface);align-items:center;gap:2.5rem;display:grid}.demo-copy p{max-width:40ch;margin-top:1.5rem;font-size:1.15rem}@media (width>=1024px){.demo{grid-template-columns:5fr 7fr}}