.tunnel{--p:1;position:relative}.tunnel-stage{padding:6rem 1rem 3rem;position:relative;overflow:clip}.tunnel-title{z-index:6;text-align:center;max-width:48rem;margin-inline:auto;position:relative}.tunnel-dots,.tunnel-glow,.tunnel-ring,.tunnel-hint{display:none}.tunnel-screens{grid-template-columns:repeat(auto-fit,minmax(min(100%,16.5rem),1fr));align-items:start;gap:1.5rem;max-width:56rem;margin:3rem auto 0;display:grid}.tunnel-screen{margin:0}.tunnel-screen figcaption{color:var(--color-navy);margin-top:.75rem;font-size:.875rem;font-weight:700}.ts-card,.ts-paper{color:var(--color-ink-soft);background:#fffffff0;border:1px solid #0b1e3b14;font-size:.8125rem;overflow:hidden;box-shadow:0 30px 60px -30px #0b1e3b73}.ts-card{border-radius:1.5rem;padding:1.1rem}.ts-paper{border-radius:.5rem}.ts-card p,.ts-paper p,.ts-export p{margin:0}.ts-label{color:var(--color-muted);margin-bottom:.5rem;font-size:.75rem;font-weight:700}.ts-drop{text-align:center;background:#f4f8ffcc;border:2px dashed #c3d0e4;border-radius:1.4rem;justify-items:center;gap:.15rem;padding:1rem .6rem .9rem;display:grid}.ts-drop b{color:var(--color-ink);font-size:.8125rem}.ts-drop small{color:var(--color-muted);font-size:.6875rem}.ts-drop-icon{background:var(--color-blue-soft);width:2.4rem;height:2.4rem;color:var(--color-blue);border-radius:.9rem;place-items:center;margin-bottom:.3rem;display:grid}.ts-chips{gap:.35rem;margin:.6rem 0 0;padding:0;list-style:none;display:grid}.ts-chips li{background:var(--color-white);color:var(--color-ink);border:1px solid #0b1e3b12;border-radius:.75rem;align-items:center;gap:.5rem;padding:.45rem .6rem;font-size:.75rem;font-weight:600;display:flex}.ts-loader{text-align:center;border-color:#0046ff26}.ts-title{color:var(--color-ink);font-size:.95rem;font-weight:800}.ts-now{color:var(--color-muted);justify-content:center;align-items:center;gap:.45rem;font-size:.78rem;display:flex;margin-top:.7rem!important}.ts-live{background:var(--color-blue);border-radius:999px;width:7px;height:7px;box-shadow:0 0 0 3px #0046ff2e}html[data-motion=on] .ts-live{animation-name:ts-live;animation-duration:1.4s;animation-timing-function:ease-in-out;animation-iteration-count:infinite}.ts-progress{align-items:center;gap:.6rem;display:flex;margin-top:.7rem!important}.ts-progress span{background:var(--color-blue-soft);border-radius:999px;flex:1;height:6px;overflow:hidden}.ts-progress i{background:var(--color-blue);border-radius:999px;width:62%;height:100%;display:block}.ts-progress b{color:var(--color-blue);font-variant-numeric:tabular-nums;font-size:.75rem}.ts-banner{color:var(--color-blue);background:#0046ff0f;border-bottom:1px solid #0046ff26;align-items:center;gap:.5rem;padding:.45rem .75rem;font-size:.6875rem;font-weight:600;display:flex}.ts-banner span{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.ts-banner b{color:var(--color-muted);font-weight:600}.ts-body{gap:.4rem;padding:1rem 1.1rem 1.1rem;line-height:1.55;display:grid}.ts-amber{background:var(--color-warning-soft);color:var(--color-warning);border:1px solid #b4530966;border-radius:.75rem;justify-self:end;align-items:center;gap:.35rem;padding:.2rem .6rem;font-size:.75rem;font-weight:700;display:inline-flex}.ts-body mark{background:var(--color-warning-soft);color:var(--color-warning);border-radius:3px;padding:0 .15rem;box-shadow:0 0 0 1px #b4530966}.ts-export{justify-items:end;gap:.4rem;display:grid}.ts-export-button{color:var(--color-ink);background:#fffffff0;border:1px solid #0b1e3b1a;border-radius:.75rem;align-items:center;gap:.45rem;padding:.5rem .8rem;font-size:.875rem;font-weight:700;display:inline-flex;box-shadow:0 8px 20px -14px #0b1e3b66}.ts-menu{background:var(--color-white);transform-origin:100% 0;border:1px solid #0b1e3b14;border-radius:.75rem;min-width:9.5rem;margin:0;padding:.3rem;list-style:none;box-shadow:0 20px 40px -20px #0b1e3b73}.ts-menu li{color:var(--color-ink);border-radius:.5rem;align-items:center;gap:.55rem;padding:.5rem .65rem;font-size:.85rem;font-weight:600;display:flex}.ts-menu li:first-child{background:var(--color-blue-soft)}html[data-motion=on] .tunnel{--p:0;--p-s0:0;--p-s1:0;--p-s2:0;--p-s3:0;--p-s4:0;--a0:calc(clamp(0, (var(--p-s0) - .26) * 100, 1) * clamp(0, (.78 - var(--p-s0)) * 100, 1));--a1:calc(clamp(0, (var(--p-s1) - .26) * 100, 1) * clamp(0, (.78 - var(--p-s1)) * 100, 1));--a2:calc(clamp(0, (var(--p-s2) - .26) * 100, 1) * clamp(0, (.78 - var(--p-s2)) * 100, 1));--a3:calc(clamp(0, (var(--p-s3) - .26) * 100, 1) * clamp(0, (.78 - var(--p-s3)) * 100, 1));--a4:clamp(0, (var(--p-s4) - .26) * 100, 1);--any:max(var(--a0), var(--a1), var(--a2), var(--a3), var(--a4));--spread:min(35vw, 30rem);height:360vh}html[data-motion=on] .tunnel-stage{perspective:1200px;height:100dvh;padding:0;position:sticky;top:0}html[data-motion=on] .tunnel-dots{display:block;position:absolute;inset:0}html[data-motion=on] .tunnel-glow{background:radial-gradient(40% 40%,#8390ff33,#0000 70%);display:block;position:absolute;inset:0}html[data-motion=on] .tunnel-ring{aspect-ratio:1;width:46vmin;transform:translate(-50%, -50%) scale(calc(.8 + var(--p) * .5));border:1px solid #7597ff4d;border-radius:50%;display:block;position:absolute;top:50%;left:50%}html[data-motion=on] .tunnel-ring-dashed{border-style:dashed;width:70vmin}html[data-motion=on] .tunnel-title{width:min(92%,40rem);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}html[data-motion=on] .tunnel-title:before{content:"";z-index:-1;background:radial-gradient(closest-side,#fffffff0,#fff9 60%,#0000);position:absolute;inset:-2rem -3rem}.tunnel-beat{--on:0;--sweep:0;background-image:linear-gradient(transparent 10%, var(--color-ice) 10%, var(--color-ice) 92%, transparent 92%);background-repeat:no-repeat;background-size:calc(var(--sweep) * var(--on) * 100%) 100%;-webkit-box-decoration-break:clone;box-decoration-break:clone;border-radius:2px}html[data-motion=on] .tunnel-beat{color:color-mix(in srgb, var(--color-navy) calc(var(--on) * 100%), var(--color-ink-soft));opacity:calc(1 - .38 * (var(--any) - var(--on)))}html[data-motion=on] .tunnel-beat-0{--on:var(--a0);--sweep:clamp(0, (var(--p-s0) - .26) / .24, 1)}html[data-motion=on] .tunnel-beat-1{--on:var(--a1);--sweep:clamp(0, (var(--p-s1) - .26) / .24, 1)}html[data-motion=on] .tunnel-beat-2{--on:var(--a2);--sweep:clamp(0, (var(--p-s2) - .26) / .24, 1)}html[data-motion=on] .tunnel-beat-3{--on:var(--a3);--sweep:clamp(0, (var(--p-s3) - .26) / .24, 1)}html[data-motion=on] .tunnel-beat-4{--on:var(--a4);--sweep:clamp(0, (var(--p-s4) - .26) / .24, 1)}html[data-motion=on] .tunnel-screens{z-index:5;pointer-events:none;max-width:none;transform-style:preserve-3d;margin:0;display:block;position:absolute;inset:0}html[data-motion=on] .tunnel-screen{--in:clamp(0, var(--t) / .4, 1);--ease:calc(1 - (1 - var(--in)) * (1 - var(--in)) * (1 - var(--in)));--out:clamp(0, (var(--t) - .65) / .35, 1);width:22rem;transform:translate(-50%, -50%) translate3d(calc(var(--side) * var(--spread) + var(--mx,0px)), calc(var(--sy) + var(--my,0px)), calc((1 - var(--ease)) * -1400px + var(--out) * 520px)) rotateY(calc(var(--side) * -8deg * (1 - var(--in))));opacity:min(clamp(0, (var(--t) - .04) / .26, 1), 1 - clamp(0, (var(--t) - .76) / .22, 1));will-change:transform, opacity;position:absolute;top:50%;left:50%}html[data-motion=on] .tunnel-screen figcaption{display:none}html[data-motion=on] .tunnel-screen.tunnel-screen-4{--out:0;opacity:clamp(0, (var(--t) - .04) / .26, 1)}.tunnel-screen-0{--t:var(--p-s0);--side:1;--sy:-18px}.tunnel-screen-1{--t:var(--p-s1);--side:-1;--sy:26px}.tunnel-screen-2{--t:var(--p-s2);--side:1;--sy:-18px}.tunnel-screen-3{--t:var(--p-s3);--side:-1;--sy:26px}.tunnel-screen-4{--t:var(--p-s4);--side:1;--sy:-18px}html[data-motion=on] .tunnel-screen-0 .ts-chips li{opacity:clamp(0, (var(--t) - .3) / .12, 1)}html[data-motion=on] .tunnel-screen-0 .ts-chips li:nth-child(2){opacity:clamp(0, (var(--t) - .38) / .12, 1)}html[data-motion=on] .tunnel-screen-0 .ts-chips li:nth-child(3){opacity:clamp(0, (var(--t) - .46) / .12, 1)}html[data-motion=on] .tunnel-screen-2 .ts-stream{--reveal:clamp(0, (var(--t) - .25) / .47, 1);-webkit-mask-image:linear-gradient(to bottom, #000 calc(var(--reveal) * 100%), transparent calc(var(--reveal) * 100% + 1.6em));-webkit-mask-image:linear-gradient(to bottom, #000 calc(var(--reveal) * 100%), transparent calc(var(--reveal) * 100% + 1.6em));mask-image:linear-gradient(to bottom, #000 calc(var(--reveal) * 100%), transparent calc(var(--reveal) * 100% + 1.6em))}html[data-motion=on] .tunnel-screen-4 .ts-menu{opacity:clamp(0, (var(--t) - .3) / .15, 1);transform:scale(calc(.92 + .08 * clamp(0, (var(--t) - .3) / .15, 1)))}html[data-motion=on] .tunnel-hint{font:500 .6875rem / 1 var(--font-mono);letter-spacing:.3em;text-transform:uppercase;color:var(--color-navy);opacity:clamp(0, 1 - var(--p) * 200, 1);flex-direction:column;align-items:center;gap:.25rem;display:flex;position:absolute;bottom:5%;left:50%;translate:-50%}@media not (min-width:72rem){html[data-motion=on] .tunnel{--spread:0px}html[data-motion=on] .tunnel-title{top:31%}html[data-motion=on] .tunnel-screen{--sy:0px;width:min(20rem,86vw);top:72%}}@media not (min-width:40rem){html[data-motion=on] .tunnel{height:260vh}html[data-motion=on] .tunnel-stage{perspective:900px}}@keyframes ts-live{50%{box-shadow:0 0 0 6px #0046ff00}}.steps{--p:1;margin-top:2rem;padding:0;list-style:none;position:relative}.step-row{grid-template-columns:minmax(0,1fr);align-items:center;gap:2.5rem;display:grid}.step-card{--tilt:-1.5deg;background:var(--color-white);rotate:var(--tilt);transition:rotate .4s var(--ease-out-expo), translate .4s var(--ease-out-expo), box-shadow .4s;border-radius:1.6rem;padding:.55rem;position:relative;box-shadow:0 0 0 1px #0b1e3b12,0 18px 40px -18px #0b1e3b52}.step:nth-child(2n) .step-card{--tilt:1.5deg}.step-card:hover,.step-card:focus-within{translate:0 -2px;rotate:0deg;box-shadow:0 0 0 1px #0b1e3b12,0 26px 50px -20px #0b1e3b61}.step-inner{background:var(--color-mist);border-radius:1rem;padding:2.25rem 1.5rem 1.5rem}.step-pin{filter:drop-shadow(0 3px 4px #0b1e3b4d);width:34px;height:43px;position:absolute;top:-20px;left:50%;translate:-50%}.step-gap{min-height:3rem;padding-block:1.5rem;position:relative}.step-aside{z-index:2;position:relative}.thread-gap{display:none}.thread-draw{stroke-dashoffset:calc(1 - clamp(0, (var(--p) - var(--from)) / .16, 1))}@media (min-width:64rem){.step-row{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:3.5rem}.step-gap{place-items:center;height:9rem;padding:0;display:grid}.thread-gap{width:100%;height:100%;display:block;position:absolute;inset:0}}@media not (min-width:64rem){.steps{padding-left:1.75rem}.steps:before{content:"";border-left:2px dashed var(--color-periwinkle);opacity:.6;transform-origin:50% 0;transform:scaleY(var(--p));position:absolute;top:0;bottom:0;left:.4rem}.step-card{rotate:0deg}}