.hero-title{font-weight:800}.hero-lead{letter-spacing:-.025em;font-size:5.1vw;font-weight:700;line-height:1.15;display:block}.hero-big{letter-spacing:-.055em;margin-top:.06em;font-size:12.8vw;line-height:1;display:block}@media (min-width:48rem){.hero-lead{font-size:clamp(1.75rem,.9rem + 1.8vw,2.5rem)}.hero-big{font-size:clamp(5rem,1rem + 8.6vw,9.25rem)}}.hero-lead,.hero-big{margin-bottom:-.08em;padding-bottom:.08em;overflow:hidden}.hero-lead>span,.hero-big>span{display:block}@media (prefers-reduced-motion:no-preference){html:has([data-hero]) .site-header a[aria-label=Suddn\ home] svg{animation:home-bolt .4s var(--motion-ease-out) both}.hero-lead>span,.hero-big>span{animation:home-settle-text .6s var(--motion-ease-out) both}.hero-big>span{animation-delay:90ms}@media (min-width:48rem){.hero-lead>span,.hero-big>span{animation:home-line-up .8s var(--ease-drawer) both;animation-delay:60ms}.hero-big>span{animation-delay:.15s}}.hero-form{animation:home-rise .6s var(--motion-ease-out) .32s both}.carousel:not([data-swapped]) .c-card:nth-child(2) .c-tilt,.carousel:not([data-swapped]) .c-card:last-child .c-tilt{animation:c-arrive-side 1s var(--ease-drawer) .52s both}.carousel .c-controls,.carousel>p{animation:home-rise .6s var(--motion-ease-out) .7s both}}@keyframes home-bolt{0%{opacity:0;translate:0 -6px;scale:.92}}@keyframes home-line-up{0%{translate:0 105%}}@keyframes home-settle-text{0%{opacity:.4;translate:0 8px}}@keyframes home-rise{0%{opacity:0;translate:0 14px}}@keyframes c-arrive-side{0%{opacity:0;translate:0 48px}}.carousel{--card-w:min(84vw, 26rem)}@media (min-width:48rem){.carousel{--card-w:min(56rem, 72vw)}}.c-stage{perspective:1800px;perspective-origin:50% 45%;touch-action:pan-y;-webkit-user-select:none;user-select:none;justify-items:center;padding-block:.75rem 2rem;display:grid}@media (hover:hover) and (pointer:fine){.c-stage{cursor:grab}}.c-stage[data-dragging]{cursor:grabbing}.c-stage[data-dragging] .c-card,.c-stage[data-dragging] .c-dim{transition:none}.c-card{width:var(--card-w);transition:transform .95s var(--ease-drawer), opacity .6s var(--motion-ease-out), visibility 0s linear 0s;grid-area:1/1}.c-card[data-pos="0"]{z-index:5}@starting-style{.carousel[data-swapped] .c-card{opacity:0}}.c-card[data-pos="1"]{z-index:4;transform:translate(66%)rotateY(-26deg)scale(.8)}.c-card[data-pos="-1"]{z-index:4;transform:translate(-66%)rotateY(26deg)scale(.8)}.c-card[data-pos="2"],.c-card[data-pos=far-right]{z-index:3;transform:translate(124%)rotateY(-36deg)scale(.62)}.c-card[data-pos="-2"],.c-card[data-pos=far-left]{z-index:3;transform:translate(-124%)rotateY(36deg)scale(.62)}.c-card[data-pos=far-right],.c-card[data-pos=far-left]{z-index:1}.c-card[data-pos="2"],.c-card[data-pos="-2"],.c-card[data-pos=far-right],.c-card[data-pos=far-left]{opacity:0;visibility:hidden;pointer-events:none;transition:transform .95s var(--ease-drawer), opacity .5s var(--motion-ease-out), visibility 0s linear .5s}@media (prefers-reduced-motion:no-preference){.c-float{animation:c-float var(--float-dur,7s) cubic-bezier(.37, 0, .63, 1) var(--float-delay,0s) infinite alternate}.carousel[data-still] .c-float,.carousel[data-still] .c-yours-a,.carousel[data-still] .c-yours-b{animation-play-state:paused}}@keyframes c-float{0%{translate:0 -7px}to{translate:0 7px}}.c-tilt{transition:transform .7s var(--motion-ease-out);position:relative}.c-link{z-index:2;border-radius:var(--radius-bezel);-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;position:absolute;inset:0}.c-link:focus-visible{outline-offset:6px}.c-card:not([data-pos="0"]) .c-link{cursor:pointer}.c-shell{border-radius:var(--radius-bezel);background:var(--suddn-paper-sunken);box-shadow: 0 0 0 1px #000b210f, var(--shadow-float);padding:5px;display:block}.c-core{border-radius:var(--radius-bezel-inner);background:var(--suddn-surface);box-shadow:var(--shadow-bezel);flex-direction:column;display:flex;position:relative;overflow:hidden}.c-bar{background:var(--suddn-paper-sunken);flex:none;justify-content:center;align-items:center;height:1.875rem;padding-inline:.625rem;display:flex}.c-addr{border-radius:var(--radius-pill);background:var(--suddn-surface);min-width:0;max-width:100%;height:1.25rem;color:var(--suddn-ink-muted);white-space:nowrap;align-items:center;gap:.3rem;padding-inline:.5rem;font-size:.6875rem;line-height:1;display:inline-flex}.c-lock{width:.7rem;height:.7rem;color:var(--suddn-success);flex:none}.c-addr-text{min-width:0;display:grid}.c-addr-text>*,.c-yours>*{text-overflow:ellipsis;grid-area:1/1;min-width:0;overflow:hidden}.c-yours{display:grid}.c-own,.c-yours{transition:opacity .45s var(--motion-ease-out)}.c-yours,.c-yours-b,.c-card[data-pos="0"] .c-own{opacity:0}.c-card[data-pos="0"] .c-yours{opacity:1}.c-pro{border-radius:var(--radius-pill);background:var(--suddn-sand);color:var(--suddn-on-sand);margin-left:.3em;padding:.15em .5em;font-size:.85em;font-weight:700;line-height:1;display:inline-block}@media (prefers-reduced-motion:no-preference){.c-card[data-pos="0"] .c-yours-a{animation:c-addr-a 5s var(--motion-ease-in-out) infinite}.c-card[data-pos="0"] .c-yours-b{animation:c-addr-b 5s var(--motion-ease-in-out) infinite}}@keyframes c-addr-a{0%,36%,96%,to{opacity:1;translate:0}44%,88%{opacity:0;translate:0 -.4em}}@keyframes c-addr-b{0%,36%,96%,to{opacity:0;translate:0 .4em}44%,88%{opacity:1;translate:0}}.c-screen{aspect-ratio:16/10;background:var(--ph-bg,var(--suddn-paper-sunken));display:block;position:relative;overflow:hidden;container-type:inline-size}.c-layer{object-fit:cover;max-width:none;display:block;position:absolute}.c-render{width:100%;height:100%;display:block;position:absolute;inset:0}.c-ph{background:var(--ph-bg);color:var(--ph-ink);place-items:center;padding:8cqw;display:grid;position:absolute;inset:0}.c-ph:before{content:"";background:var(--ph-field);opacity:.18;height:34%;position:absolute;inset:0 0 auto}.c-ph-name{letter-spacing:-.01em;text-align:center;text-wrap:balance;font-size:7cqw;font-weight:700;line-height:1.05;position:relative}.c-img{object-fit:cover;object-position:top;width:100%;height:100%;position:absolute;inset:0}.c-live{background:var(--suddn-surface);transition:opacity .4s var(--motion-ease-out);display:block;position:absolute;inset:0}@starting-style{.c-live{opacity:0}}.c-dim{background:var(--suddn-navy);opacity:0;pointer-events:none;transition:opacity .6s var(--motion-ease-out);display:block;position:absolute;inset:0}.c-card[data-pos="1"] .c-dim,.c-card[data-pos="-1"] .c-dim{opacity:.16}@media (min-width:48rem){.c-shell{padding:6px}.c-bar{height:2.75rem;padding-inline:1rem}.c-addr{background:var(--suddn-surface);justify-content:center;gap:.45rem;min-width:min(22rem,70%);height:1.875rem;padding-inline:1rem;font-size:.875rem}.c-lock{width:.85rem;height:.85rem}.c-card[data-pos="1"]{transform:translate(62%)rotateY(-24deg)scale(.78)}.c-card[data-pos="-1"]{transform:translate(-62%)rotateY(24deg)scale(.78)}}.c-tabs{scrollbar-width:none}.c-tabs::-webkit-scrollbar{display:none}.c-tab{-webkit-tap-highlight-color:transparent;transition:color var(--motion-fast) var(--motion-ease-out)}.c-tab-pill{z-index:-1;border-radius:var(--radius-pill);background:var(--suddn-navy);opacity:0;transition:opacity .22s var(--motion-ease-out), scale .38s var(--ease-drawer);position:absolute;inset:0;scale:.9}.c-tab-pill[data-on]{opacity:1;scale:1}.g-card{border-radius:var(--radius-bezel);-webkit-tap-highlight-color:transparent}.g-card:focus-visible{outline-offset:6px}.g-shell{border-radius:var(--radius-bezel);background:var(--suddn-surface);box-shadow: 0 0 0 1px #000b210d, var(--shadow-float);transition:translate .5s var(--ease-drawer);padding:6px}.g-core{border-radius:var(--radius-bezel-inner);background:var(--suddn-paper-sunken);overflow:hidden}.g-bar{justify-content:center;align-items:center;height:2.5rem;padding-inline:.75rem;display:flex}.g-addr{border-radius:var(--radius-pill);background:var(--suddn-surface);min-width:0;max-width:100%;height:1.75rem;color:var(--suddn-ink-muted);white-space:nowrap;align-items:center;gap:.4rem;padding-inline:.875rem;font-size:.8125rem;display:inline-flex}.g-screen{aspect-ratio:16/10;background:var(--suddn-surface);position:relative;overflow:hidden}.g-fold{object-fit:cover;object-position:top;width:100%;height:100%;position:absolute;inset:0}.g-full{opacity:0;width:100%;max-width:none;height:auto;transition:opacity .3s var(--motion-ease-out), translate 1.1s var(--ease-drawer);position:absolute;top:0;left:0}.g-full[data-ready]{opacity:1}@media (hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){.g-card:hover .g-shell,.g-card:focus-visible .g-shell{translate:0 -6px}.g-card:hover .g-full[data-ready],.g-card:focus-visible .g-full[data-ready]{translate:0 var(--g-travel,0);transition:opacity .3s var(--motion-ease-out), translate var(--g-dur,6s) cubic-bezier(.45, .05, .3, 1) .2s}}@media (min-width:48rem){.g-grid--stagger{padding-bottom:6rem}.g-grid--stagger>.g-item:nth-child(2n){translate:0 6rem}}@media (prefers-reduced-motion:no-preference){.g-item>.g-card{transition:opacity .45s var(--motion-ease-out)}@starting-style{.g-item>.g-card{opacity:0}}@supports (animation-timeline:view()){.g-item>.g-card{animation:linear both g-rise;animation-timeline:view();animation-range:entry entry 40%}}}@keyframes g-rise{0%{translate:0 48px;scale:.97}}.how-tick{stroke:var(--suddn-on-navy);opacity:.22;transition:opacity .16s var(--motion-ease-out)}.how-tick[data-on]{opacity:1}.how-tick[data-lap]{stroke:var(--suddn-sand)}.how-step{transition:opacity .4s var(--motion-ease-out), translate .5s var(--ease-drawer)}.how-step:not([data-done]){opacity:.78}.how-step[data-done] .how-lap{color:var(--suddn-sand)}.how-lap{transition:color .3s var(--motion-ease-out)}@media (scripting:enabled) and (prefers-reduced-motion:no-preference){[data-reveal] [data-r]{transition:opacity var(--motion-reveal) var(--motion-ease-out), translate var(--motion-reveal) var(--ease-drawer);transition-delay:calc(var(--r,0) * var(--motion-reveal-stagger))}[data-reveal]:not([data-in]) [data-r]{opacity:0;translate:0 24px}[data-reveal]:not([data-in]) .closing-flank--left{translate:-32px}[data-reveal]:not([data-in]) .closing-flank--right{translate:32px}}.faq-a{transition:opacity var(--motion-ui) var(--motion-ease-out), translate var(--motion-ui) var(--motion-ease-out)}@starting-style{.faq-a{opacity:0;translate:0 -4px}}.faq-plus-v{transition:rotate var(--motion-ui) var(--motion-ease-out)}@media (min-width:48rem){.faq-a{align-self:start;position:sticky;top:7rem}}.closing-flank{width:14rem;position:absolute;top:9rem}.closing-flank--left{left:calc(50% - 47rem);rotate:-8deg}.closing-flank--right{right:calc(50% - 47rem);rotate:8deg}@media (prefers-reduced-motion:reduce){.c-stage{perspective:none}.c-card,.c-tilt,.c-own,.c-yours,.c-dim,.c-tab-pill{transition:none!important}.c-card[data-pos="1"]{transform:translate(calc(100% + 1.25rem))}.c-card[data-pos="-1"]{transform:translate(calc(-100% - 1.25rem))}.c-card[data-pos="2"]{transform:translate(calc(200% + 2.5rem))}.c-card[data-pos="-2"]{transform:translate(calc(-200% - 2.5rem))}.c-card[data-pos="2"],.c-card[data-pos="-2"]{opacity:1;visibility:visible;pointer-events:auto}.c-card[data-pos="1"] .c-dim,.c-card[data-pos="-1"] .c-dim{opacity:0}.faq-a{transition-duration:0s!important;transition-delay:0s!important}}
