.spot{--spot-paper:var(--color-paper,#fffcf7);--spot-ink:var(--color-ink,#14263f);--spot-ink-soft:var(--color-ink-soft,#33445c);--spot-muted:var(--color-muted,#5a6679);--spot-night:var(--color-night,#0d1b2f);--spot-sand:var(--color-sand-200,#eadfce);--spot-sun:var(--color-sun,#ffb224);--spot-ok:var(--color-ok,#176b48);--spot-ok-soft:var(--color-ok-soft,#e1f3e9);--spot-coral:var(--color-coral,#b03a26);--spot-coral-soft:var(--color-coral-soft,#fbe6e1);--spot-display:var(--font-bricolage), ui-sans-serif, system-ui, sans-serif;--spot-text:var(--font-figtree), ui-sans-serif, system-ui, sans-serif;--spot-ease:cubic-bezier(.2, 0, 0, 1);--spot-ease-exit:cubic-bezier(.3, 0, 1, 1);--spot-ease-move:cubic-bezier(.4, 0, .2, 1);--spot-ease-land:cubic-bezier(.05, .7, .1, 1);--spot-ease-back:cubic-bezier(.175, .885, .32, 1.275);--sun-x:78cqw;--sun-y:94cqh;--sun-s:1;isolation:isolate;background:var(--spot-paper);color:var(--spot-ink-soft);position:relative;overflow:hidden;container-type:size}.spot[data-scene="2"]{--sun-x:72cqw;--sun-y:92cqh;--sun-s:1.04}.spot[data-scene="3"]{--sun-x:86cqw;--sun-y:27cqh;--sun-s:1.12}.spot[data-scene="4"]{--sun-x:50cqw;--sun-y:40cqh;--sun-s:1.64}.spot[data-scene="5"]{--sun-x:50cqw;--sun-y:45cqh;--sun-s:8}.spot,.spot *,.spot :after{box-sizing:border-box}.spot-canvas{--u:min(1cqw, .6cqh);font-family:var(--spot-text);font-size:calc(var(--u) * 4.8);line-height:1.4;position:absolute;inset:0}:where(.spot-canvas) :where(p,ul,ol){margin:0;padding:0;list-style:none}.spot-sky{z-index:0;pointer-events:none;position:absolute;inset:0}.spot-sun-x,.spot-sun-y,.spot-sun-s{position:absolute;top:0;left:0}.spot-sun-x{translate:var(--sun-x) 0;transition:translate 1s var(--spot-ease-move)}.spot-sun-y{translate:0 var(--sun-y);transition:translate 1.1s var(--spot-ease-land)}.spot-sun-s{scale:var(--sun-s);transition:scale .9s var(--spot-ease-move)}.spot[data-scene="4"] .spot-sun-s{transition:scale .8s cubic-bezier(.5,-.25,.2,1.12)}.spot[data-scene="5"] .spot-sun-s{transition:scale .8s var(--spot-ease-land)}.spot-sun,.spot-ring{top:calc(var(--u) * -28);left:calc(var(--u) * -28);width:calc(var(--u) * 56);height:calc(var(--u) * 56);border-radius:50%;position:absolute}.spot-sun{background:var(--spot-sun);will-change:transform;animation:4.5s ease-in-out infinite spot-breathe}.spot-ring{border:calc(var(--u) * .7) solid var(--spot-sun);opacity:0}.spot[data-scene="4"] .spot-ring{animation:spot-ring .9s var(--spot-ease) .56s both}.spot-sea{height:calc(var(--u) * 17);transition:translate 1.1s var(--spot-ease-move), opacity .3s var(--spot-ease);position:absolute;bottom:0;left:0;right:0}.spot[data-scene="3"] .spot-sea,.spot[data-scene="4"] .spot-sea{translate:0 calc(var(--u) * 2.5)}.spot[data-scene="5"] .spot-sea{opacity:0}.spot-wave{width:200%;height:calc(var(--u) * 5);position:absolute;left:0;overflow:visible}.spot-wave-fill{fill:var(--spot-paper)}.spot-wave-line{fill:none;stroke:var(--spot-ink);stroke-width:2.4px;stroke-linecap:round}.spot-wave--front{animation:14s linear infinite spot-drift;top:0}.spot-wave--front .spot-wave-line{opacity:.85}.spot-wave--back{top:calc(var(--u) * 6.2);animation:23s linear infinite reverse spot-drift}.spot-wave--back .spot-wave-fill{fill:none}.spot-wave--back .spot-wave-line{opacity:.3}.spot-sea-body{inset:calc(var(--u) * 4.9) 0 0;background:var(--spot-paper);position:absolute}.spot-top{top:calc(var(--u) * 5);right:calc(var(--u) * 8);left:calc(var(--u) * 8);z-index:2;position:absolute}.spot-progress{gap:calc(var(--u) * 1.2);transition:opacity .22s var(--spot-ease);display:flex}.spot-progress li{height:max(calc(var(--u) * .9), 3px);background:#14263f24;border-radius:999px;flex:1;overflow:hidden}.spot-progress span{border-radius:inherit;background:var(--spot-ink);transform-origin:0;height:100%;display:block;transform:scaleX(0)}.spot-progress [data-done] span{transform:none}.spot-progress [data-current] span{animation:spot-progress var(--hold,5s) linear both;transform:none}.spot-brand{align-items:center;gap:calc(var(--u) * 1.8);margin-top:calc(var(--u) * 3.6);color:var(--spot-ink);font-family:var(--spot-display);font-size:calc(var(--u) * 4.6);letter-spacing:-.02em;transition:opacity .22s var(--spot-ease);font-weight:800;line-height:1;display:flex}.spot-brand-sun{width:calc(var(--u) * 4.4);height:calc(var(--u) * 4.4);background:var(--spot-sun);border-radius:50%}.spot-brand-ia{color:var(--color-mar,#0c6b7e)}.spot[data-scene="5"] .spot-brand{opacity:0}.spot-scene{top:calc(var(--u) * 21);right:calc(var(--u) * 8);bottom:calc(var(--u) * 36);left:calc(var(--u) * 8);z-index:1;justify-content:center;align-items:flex-start;gap:calc(var(--u) * 4);max-width:calc(var(--u) * 112);visibility:hidden;opacity:0;flex-direction:column;display:flex;position:absolute}.spot-scene[data-active],.spot-scene[data-leaving]{visibility:visible;opacity:1}.spot-scene[data-leaving]{pointer-events:none;animation:spot-exit .28s var(--spot-ease-exit) both}.spot-scene--offer,.spot-scene--end{text-align:center;align-items:center;max-width:none}.spot-scene--end{bottom:calc(var(--u) * 16);gap:calc(var(--u) * 3.6)}.spot-scene[data-active] .spot-in{animation:spot-rise .42s var(--spot-ease) both;animation-delay:calc(.16s + var(--i,0) * 70ms)}.spot-chip{align-items:center;gap:calc(var(--u) * 1.8);padding:calc(var(--u) * 1.5) calc(var(--u) * 3.2);border:1px solid var(--spot-sand);color:var(--spot-ink);font-size:max(12px, calc(var(--u) * 3.7));background:#fff;border-radius:999px;font-weight:600;line-height:1.3;display:inline-flex}.spot-chip--ink{border-color:var(--spot-ink);background:var(--spot-ink);color:#fff;font-weight:700}.spot-dot{width:calc(var(--u) * 1.9);height:calc(var(--u) * 1.9);background:var(--spot-ink);border-radius:50%;flex:none}.spot-dot--sun{background:var(--spot-sun)}.spot-h{z-index:0;--rise:calc(var(--u) * 8);color:var(--spot-ink);font-family:var(--spot-display);font-size:calc(var(--u) * 9.4);letter-spacing:-.02em;text-wrap:balance;font-weight:800;line-height:1.05;position:relative}.spot-mark{white-space:nowrap;position:relative}.spot-mark:after{z-index:-1;background:var(--spot-sun);content:"";transform-origin:0;border-radius:999px;height:.26em;position:absolute;bottom:.02em;left:-3%;right:-3%}.spot-scene[data-active] .spot-mark:after{animation:spot-draw .38s var(--spot-ease) .76s both}.spot-sub{max-width:calc(var(--u) * 86);color:var(--spot-ink-soft);text-wrap:pretty;font-weight:500}.spot-note{color:var(--spot-muted);font-size:max(12px, calc(var(--u) * 3.1));line-height:1.35}.spot-meter{margin-top:calc(var(--u) * 1);align-self:stretch}.spot-meter-track{height:calc(var(--u) * 4.6);background:#14263f1a;border-radius:999px;position:relative;overflow:hidden}.spot-meter-bar{border-radius:inherit;position:absolute;inset:0}.spot-meter-goal{background:var(--spot-sun);transform:translate(-45%)}.spot-meter-now{background:var(--spot-ink);transform:translate(-78.9%)}.spot-scene[data-active] .spot-meter-now{animation:spot-fill-now .6s var(--spot-ease) .82s both}.spot-scene[data-active] .spot-meter-goal{animation:spot-fill-goal .9s var(--spot-ease-move) 1.65s both}.spot-meter-labels{height:calc(var(--u) * 6);margin-top:calc(var(--u) * 1.8);color:var(--spot-ink);font-size:max(12px, calc(var(--u) * 3.7));font-weight:700;line-height:1.3;position:relative}.spot-meter-label{white-space:nowrap;position:absolute;top:0;left:0}.spot-meter-label--goal{padding-left:calc(var(--u) * 1.6);transform-origin:0;left:55%}.spot-scene[data-active] .spot-meter-label--goal{animation:spot-pop .32s var(--spot-ease-back) 2.38s both}.spot-rows,.spot-checks{align-self:stretch;gap:calc(var(--u) * 2);display:grid}.spot-checks{gap:calc(var(--u) * 2.6)}.spot-row,.spot-check{align-items:center;gap:calc(var(--u) * 3);color:var(--spot-ink);font-size:calc(var(--u) * 4.2);text-wrap:balance;font-weight:600;line-height:1.3;display:flex}.spot-row{padding:calc(var(--u) * 2.6) calc(var(--u) * 3.4);border:1px solid var(--spot-sand);border-radius:calc(var(--u) * 3.6);box-shadow:0 calc(var(--u) * 2.4) calc(var(--u) * 6) calc(var(--u) * -3.4) #14263f38;background:#fff}.spot-check{font-size:calc(var(--u) * 4.4)}.spot-row-icon{width:calc(var(--u) * 6.6);height:calc(var(--u) * 6.6);background:var(--spot-ok-soft);color:var(--spot-ok);border-radius:50%;flex:none;place-items:center;display:grid}.spot-row-icon svg{width:calc(var(--u) * 3.8);height:calc(var(--u) * 3.8);stroke-width:3.2px}.spot-row--no .spot-row-icon{background:var(--spot-coral-soft);color:var(--spot-coral)}.spot-check .spot-row-icon{background:var(--spot-sun);color:var(--spot-ink)}.spot-scene[data-active] .spot-row-icon{animation:spot-pop .3s var(--spot-ease-back) both;animation-delay:calc(.44s + var(--i,0) * 70ms)}.spot-big{color:var(--spot-ink);font-family:var(--spot-display);font-size:calc(var(--u) * 27);letter-spacing:-.045em;white-space:nowrap;font-weight:800;line-height:.9}.spot-scene[data-active] .spot-big{animation:spot-pop-big .48s var(--spot-ease-back) .4s both}.spot-bigsub{margin-top:calc(var(--u) * -2);color:var(--spot-ink);font-family:var(--spot-display);font-size:calc(var(--u) * 7);letter-spacing:-.02em;font-weight:800;line-height:1.1}.spot-deadline{align-items:center;gap:calc(var(--u) * 2.6);margin-top:calc(var(--u) * 3);padding:calc(var(--u) * 2.8) calc(var(--u) * 4);border-radius:calc(var(--u) * 4);box-shadow:0 calc(var(--u) * 3) calc(var(--u) * 7) calc(var(--u) * -3.6) #14263f57;color:var(--spot-ink-soft);font-size:calc(var(--u) * 4.2);text-align:left;background:#fff;font-weight:500;line-height:1.3;display:inline-flex}.spot-deadline span,.spot-deadline strong{white-space:nowrap;display:block}.spot-deadline strong{color:var(--spot-ink);font-weight:800}.spot-deadline svg{width:calc(var(--u) * 6);height:calc(var(--u) * 6);color:var(--spot-ink);flex:none}.spot-logo{align-items:center;gap:calc(var(--u) * 2.4);color:var(--spot-ink);font-family:var(--spot-display);font-size:calc(var(--u) * 8.4);letter-spacing:-.02em;font-weight:800;line-height:1;display:flex}.spot-logo svg{width:calc(var(--u) * 11);height:calc(var(--u) * 11)}.spot-logo-sun{color:var(--spot-paper)}.spot-scene--end .spot-sub{max-width:calc(var(--u) * 74);color:var(--spot-ink)}.spot-cta{align-items:center;gap:calc(var(--u) * 2);margin-top:calc(var(--u) * 1.6);padding:calc(var(--u) * 3.6) calc(var(--u) * 6.4);background:var(--spot-ink);box-shadow:0 calc(var(--u) * 3) calc(var(--u) * 6) calc(var(--u) * -3) #0d1b2f99;color:var(--spot-paper);font-size:calc(var(--u) * 5);transition:background-color .12s var(--spot-ease);border-radius:999px;font-weight:700;line-height:1.2;text-decoration:none;display:inline-flex}.spot-cta:hover,.spot-cta:active{background:var(--spot-night)}.spot-cta svg{width:calc(var(--u) * 5);height:calc(var(--u) * 5)}.spot-scene[data-active] .spot-cta{animation:spot-rise .42s var(--spot-ease) calc(.16s + var(--i,0) * 70ms) both, spot-attend 2.6s ease-in-out 1.5s infinite}.spot-url{color:var(--spot-ink);font-size:calc(var(--u) * 4.4);font-weight:800}.spot-wa{align-items:center;gap:calc(var(--u) * 1.6);margin-top:calc(var(--u) * -1.6);color:var(--spot-ink);font-size:calc(var(--u) * 4.2);font-weight:600;display:inline-flex}.spot-wa svg{width:calc(var(--u) * 5);height:calc(var(--u) * 5)}.spot-fine{max-width:calc(var(--u) * 76);margin-top:calc(var(--u) * 2);color:#14263fd1;font-size:max(12px, calc(var(--u) * 3.1));line-height:1.35}.spot-controls{right:calc(var(--u) * 4);bottom:calc(var(--u) * 4);z-index:3;gap:calc(var(--u) * 2);transition:opacity .22s var(--spot-ease);display:flex;position:absolute}.spot-btn{width:max(calc(var(--u) * 11), 40px);height:max(calc(var(--u) * 11), 40px);color:var(--spot-ink);cursor:pointer;transition:background-color .12s var(--spot-ease), scale .12s var(--spot-ease);background:#ffffffe0;border:0;border-radius:50%;place-items:center;padding:0;display:grid;box-shadow:0 1px 2px #14263f1f,0 6px 14px -8px #14263f66}.spot-btn:hover{background:#fff}.spot-btn:active{scale:.94}.spot-btn svg{width:max(calc(var(--u) * 4.4), 16px);height:max(calc(var(--u) * 4.4), 16px);stroke-width:2.4px}.spot:not([data-paused]) .spot-ico-play,.spot[data-paused] .spot-ico-pause{display:none}.spot:not([data-scene]) .spot-progress,.spot:not([data-scene]) .spot-controls{opacity:0;pointer-events:none}.spot[data-state=ended] [data-spot=toggle]{display:none}.spot[data-paused] *,.spot[data-paused] :after{animation-play-state:paused!important}.spot[data-clean] .spot-progress,.spot[data-clean] .spot-controls,.spot[data-state=static] .spot-progress,.spot[data-state=static] .spot-controls{display:none}.spot[data-state=static] *,.spot[data-state=static] :after{transition:none!important;animation:none!important}@media (prefers-reduced-motion:reduce){.spot *,.spot :after{transition:none!important;animation:none!important}}@keyframes spot-rise{0%{opacity:0;transform:translateY(var(--rise,calc(var(--u) * 5)))}}@keyframes spot-exit{to{opacity:0;transform:translateY(calc(var(--u) * -4))}}@keyframes spot-pop{0%{opacity:0;transform:scale(.6)}}@keyframes spot-pop-big{0%{opacity:0;transform:scale(.8)}}@keyframes spot-draw{0%{transform:scaleX(0)}}@keyframes spot-fill-now{0%{transform:translate(-100%)}}@keyframes spot-fill-goal{0%{transform:translate(-100%)}}@keyframes spot-ring{0%{opacity:.7;transform:scale(.82)}to{opacity:0;transform:scale(1.32)}}@keyframes spot-attend{50%{scale:1.035}}@keyframes spot-breathe{50%{transform:scale(1.02)}}@keyframes spot-drift{to{transform:translate(-50%)}}@keyframes spot-progress{0%{transform:scaleX(0)}}