.day-stage{display:none}.day-stack{display:block}@media (min-width:1024px) and (hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){.day-stage{min-height:100vh;display:block}.day-stack{display:none}.day-caption:not(:first-child),.day-screen:not(:first-child){opacity:0;visibility:hidden}.day-sky:not(:first-child){opacity:0}}.day-lead{background:linear-gradient(180deg, var(--card) 0%, var(--card) 35%, #ffe8c4 100%);padding:5.5rem 0 3.5rem}@media (min-width:768px){.day-lead{padding:8rem 0 3.5rem}}.day-ruler{grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:.875rem;margin-top:3rem;display:grid}.day-ruler-end{color:var(--sdl-ink-3);white-space:nowrap;font-size:.8125rem;font-weight:500}.day-ruler-track{height:2.75rem;position:relative}.day-ruler-track ol{margin:0;padding:0;list-style:none}.day-ruler-strip{border-radius:999px;height:.75rem;margin-top:-.375rem;position:absolute;top:50%;left:0;right:0;box-shadow:inset 0 0 0 1px #0a102414}.day-tick{width:0;position:absolute;top:0;bottom:0}.day-tick-dot{border:2px solid var(--sdl-ink);background:#fff;border-radius:999px;width:.75rem;height:.75rem;margin:-.375rem 0 0 -.375rem;position:absolute;top:50%;left:0}.day-tick-label{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}@media (min-width:768px){.day-ruler{margin-top:4rem}.day-ruler-track{height:8rem}.day-tick-dot{border-width:3px;width:1.25rem;height:1.25rem;margin:-.625rem 0 0 -.625rem}.day-tick-label{clip-path:none;text-align:center;width:auto;height:auto;color:var(--sdl-ink);font-size:.875rem;font-weight:600;line-height:1.2;left:0;overflow:visible;transform:translate(-50%)}.day-tick-label small{color:var(--sdl-ink-3);margin-top:.15rem;font-size:.75rem;font-weight:500;display:block}.day-tick.is-above .day-tick-label{bottom:calc(50% + 1.1rem)}.day-tick.is-below .day-tick-label{top:calc(50% + 1.1rem)}}.day-clock{align-items:flex-start;gap:.06em;margin:0;display:flex}.day-meridiem{font-family:var(--font-sans);font-variation-settings:normal;letter-spacing:.02em;margin-top:.3em;font-size:max(1rem,.13em);font-weight:600;line-height:1}.day-stage{isolation:isolate;position:relative}.day-skies{z-index:-1;position:absolute;inset:0}.day-sky{will-change:opacity;position:absolute;inset:0}.day-rain{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.day-stage-clock{font-size:clamp(7rem,11vw,12rem)}.day-stage-inner{box-sizing:border-box;min-height:100vh;padding-top:5.5rem;padding-bottom:2rem}.day-captions{min-height:16rem;position:relative}.day-caption{position:absolute;inset:0}.day-devices{min-height:min(40rem,100vh - 12rem);position:relative}.day-screen{will-change:transform, opacity;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.day-frame-scale{transform-origin:50%;transform:scale(1.2)}.day-stage-note{width:max-content;color:var(--sdl-ink-3);background:#ffffffc7;border-radius:999px;margin:1rem auto 0;padding:.3rem .8rem;font-size:.75rem}.day-phone{filter:drop-shadow(0 30px 40px #0a102447)}.day-band{isolation:isolate;background:linear-gradient(180deg, var(--sky-prev) 0, var(--sky) 8rem);padding:4.5rem 0 3.5rem;position:relative}.day-band-rain{z-index:-1;pointer-events:none;width:100%;height:100%;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#0000 0,#000 8rem calc(100% - 5rem),#0000 100%);mask-image:linear-gradient(#0000 0,#000 8rem calc(100% - 5rem),#0000 100%)}.day-band-inner{grid-template-columns:minmax(0,1fr);gap:2.5rem;display:grid}.day-band-clock{margin-bottom:1.75rem;font-size:36vw}@media (min-width:768px){.day-band{background:linear-gradient(180deg, var(--sky-prev) 0, var(--sky) 10rem);padding:7rem 0 5rem}.day-band-clock{font-size:9.5rem}}@media (min-width:1024px){.day-band-inner{grid-template-columns:minmax(0,5fr) minmax(0,7fr);align-items:center;gap:3rem}}@media (max-width:767px){.day-stack{overflow-x:clip}.day-bleed{width:min(35rem,130vw);margin-left:calc(100% - min(35rem,130vw))}.day-bleed.is-right{margin-left:0}}
.py-track{display:none}.py-flow{padding-block:5rem 4.5rem;display:block}@media (min-width:1024px) and (hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){.py-track{height:370vh;display:block;position:relative}.py-flow{display:none}}.py-sticky{box-sizing:border-box;height:100vh;padding:4.5rem 0 1.5rem;position:sticky;top:0;overflow:hidden}.py-sticky .sdl-h2{font-size:clamp(2.2rem,3.5vw,3.5rem)}.py-sticky .sdl-lede{margin-top:1.25rem;font-size:1.0625rem}.py-index{gap:.1rem;margin:2rem 0 0;padding:0;list-style:none;display:grid}.py-index li{opacity:.55;gap:.85rem;padding:.45rem 0;transition:opacity .3s;display:flex}.py-index li[data-active]{opacity:1}.py-index-dot{background:#fff6;border-radius:999px;flex:none;width:.5rem;height:.5rem;margin-top:.5rem;transition:background-color .3s,box-shadow .3s}.py-index li[data-active] .py-index-dot{background:#9fe3db;box-shadow:0 0 0 4px #9fe3db2e}.py-index-title{font-family:var(--font-display), var(--font-sans);font-variation-settings:"opsz" 32, "wdth" 96;color:#fff;font-size:1.0625rem;font-weight:650;line-height:1.25}.py-index-desc{color:#ffffffbf;margin-top:.3rem;font-size:.9375rem;line-height:1.5;display:none}.py-index li[data-active] .py-index-desc{display:block}.py-desk{height:min(40rem,100vh - 10rem);position:relative;container-type:inline-size}.py-desk:before{content:"";pointer-events:none;background:radial-gradient(closest-side,#ffbe6e2b,#ffbe6e0d 55%,#0000 78%);position:absolute;inset:-12% -18%}.py-desk .py-sheet{--w:min(22rem, 52cqi, calc((100vh - 10rem) * .58));width:var(--w);left:calc(50% - var(--w) / 2);top:calc(50% - var(--w) * .625);transform:translate(calc(var(--x) / 690 * 100cqi), calc(var(--y) / 690 * 100cqi)) rotate(calc(var(--r) * 1deg));position:absolute}.py-desk .py-drop{will-change:transform}.py-sheet{aspect-ratio:10/12.5;position:relative;container-type:inline-size}.py-drop{position:absolute;inset:0}.py-shade{opacity:0;pointer-events:none;background:#0a1024;border-radius:1.2cqi;position:absolute;inset:0}.pp{color:#0a1024;font-family:var(--font-sans);background:#fff;border-radius:1.2cqi;flex-direction:column;gap:.85em;padding:7.5cqi 7.5cqi 6.5cqi;font-size:3.85cqi;line-height:1.35;display:flex;position:absolute;inset:0;box-shadow:inset 0 0 0 1px #0a10240f,0 2px 4px #00000040,0 32px 60px -26px #000000bf}.pp p{margin:0}.pp-meta{color:#5d6679;font-size:.8em}.pp .pp-title{font-family:var(--font-display), var(--font-sans);font-variation-settings:"opsz" 32, "wdth" 90;letter-spacing:-.01em;margin-top:-.35em;font-size:1.6em;font-weight:700;line-height:1.05}.pp-kv{grid-template-columns:auto 1fr;gap:.15em .9em;margin:0;font-size:.85em;display:grid}.pp-kv dt{color:#5d6679}.pp-kv dd{margin:0;font-weight:500}.pp-table{border-collapse:collapse;font-variant-numeric:tabular-nums;width:100%;font-size:.88em}.pp-table th{color:#5d6679;text-align:right;padding:0 0 .35em;font-weight:600}.pp-table th:first-child,.pp-table td:first-child{text-align:left}.pp-table td{text-align:right;border-top:1px solid #e6e9f0;padding:.38em 0}.pp-strong{color:#1450d2;font-weight:700}.pp-empty{color:#b7bdc9}.pp-money td:last-child{font-variant-numeric:tabular-nums}.pp-less td{color:#3c4458}.pp-total{background:#eef3ff;border-radius:.5em;justify-content:space-between;align-items:baseline;padding:.55em .8em;display:flex}.pp-total span{color:#3c4458;font-size:.9em}.pp-total strong{font-family:var(--font-display), var(--font-sans);font-variation-settings:"opsz" 32, "wdth" 92;color:#0a1024;font-size:1.25em}.pp .pp-foot{color:#5d6679;border-top:1px dashed #d5dae3;margin-top:auto;padding-top:.65em;font-size:.76em}.pp-rubric{grid-template-columns:1fr repeat(4,1.9em);align-items:center;gap:.35em .3em;font-size:.88em;display:grid}.pp-rubric-h{text-align:center;color:#5d6679;font-weight:600}.pp-rubric-c{color:#0a1024}.pp-cell{background:#f1f3f7;border-radius:.35em;height:1.5em}.pp-cell.is-on{background:#1450d2;box-shadow:inset 0 0 0 2px #0f3faa}.pp-lines{gap:.5em;margin:0;padding:0;font-size:.86em;list-style:none;display:grid}.pp-lines li{border-bottom:1px solid #eef0f4;grid-template-columns:3.6em 5.4em 1fr;align-items:center;gap:.4em;padding-bottom:.45em;display:grid}.pp-date{color:#5d6679}.pp-amt{font-variant-numeric:tabular-nums;font-weight:600}.pp-chip{white-space:nowrap;border-radius:999px;justify-self:start;align-items:center;gap:.3em;padding:.18em .6em;font-size:.88em;font-weight:600;display:inline-flex}.pp-chip.ok{color:#0b6e66;background:#e3f6f4}.pp-chip.warn{color:#8a3f06;background:#fff1da}.pp-tick{color:#0b8a80;font-weight:700}.pp-web{background:#f4f7fd;gap:0;padding:0;overflow:hidden}.pp-browser{flex-direction:column;height:100%;display:flex}.pp-bar{background:#fff;border-bottom:1px solid #e6e9f0;align-items:center;gap:.8em;padding:.7em .9em;display:flex}.pp-dots{gap:.3em;display:inline-flex}.pp-dots i{background:#d5dae3;border-radius:999px;width:.55em;height:.55em}.pp-url{color:#5d6679;white-space:nowrap;text-overflow:ellipsis;background:#f1f3f7;border-radius:999px;flex:1;padding:.3em .7em;font-size:.78em;overflow:hidden}.pp-page{flex-direction:column;flex:1;gap:.85em;padding:6cqi 7cqi 7cqi;display:flex}.pp-field{background:#fff;border-radius:.5em;justify-content:space-between;padding:.65em .8em;font-size:.9em;display:flex;box-shadow:inset 0 0 0 1px #dde2eb}.pp-field span{color:#5d6679}.pp-pay{grid-template-columns:repeat(3,1fr);gap:.45em;display:grid}.pp-pay span{color:#fff;text-align:center;background:#1450d2;border-radius:.55em;padding:.7em 0;font-size:.88em;font-weight:600}.pp-pay span+span{color:#0a1024;background:#fff;box-shadow:inset 0 0 0 1px #c9d0dc}.py-rail{overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:none;gap:1.25rem;margin:2.5rem -1.25rem 0;padding:.75rem 1.25rem 1.5rem;scroll-padding-inline:1.25rem;list-style:none;display:flex;overflow-x:auto}.py-card{scroll-snap-align:start;flex:0 0 min(78vw,21rem)}.py-card .py-sheet.tilt-l{transform:rotate(-1.2deg)}.py-card .py-sheet.tilt-r{transform:rotate(1.2deg)}.py-card-title{font-family:var(--font-display), var(--font-sans);font-variation-settings:"opsz" 32, "wdth" 96;color:#fff;margin:1.4rem 0 0;font-size:1.1875rem;font-weight:650;line-height:1.2}.py-card-desc{color:#ffffffbf;margin:.4rem 0 0;font-size:.9375rem;line-height:1.55}.py-caption{text-align:center;color:#fff9;margin:1.25rem 0 0;font-size:.8125rem}@media (min-width:768px){.py-rail{margin-inline:-1.5rem;padding-inline:1.5rem;scroll-padding-inline:1.5rem}.py-card{flex-basis:20rem}}@media (min-width:1024px){.py-flow{padding-block:7rem 6rem}.py-rail{grid-template-columns:repeat(3,minmax(0,1fr));gap:3.5rem 2.75rem;margin:3.5rem 0 0;padding:0;display:grid;overflow:visible}}@media (prefers-reduced-motion:reduce){.py-index li,.py-index-dot{transition:none}}