:root{--wall:#5d5b75;--ink:#292b36;--panel:#242132f0;--panel-rim:#14131e8c;--text-dark:#1b1a24;--text-muted:#4a4858;--focus:#ffd94d;--gutter:16px;--font:system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%}body{background:var(--wall);color:#fff;font:16px/1.4 var(--font);margin:0}main,footer{display:block;overflow-x:clip}h1,h2,h3,p{margin:0}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.wrap{max-width:1040px;padding-inline:var(--gutter);margin-inline:auto;position:relative}a:focus-visible,[tabindex]:focus-visible{outline:3px solid var(--focus);outline-offset:3px;border-radius:12px}.skip-link{z-index:10;color:var(--text-dark);background:#fff;border-radius:12px;padding:10px 16px;font-weight:700;text-decoration:none;position:absolute;top:8px;left:8px;transform:translateY(calc(-100% - 16px))}.skip-link:focus{transform:none}.jelly-text{--jelly-body:#66b555eb;--jelly-glow:#b2daaad9;--jelly-edge:.04em;color:var(--jelly-body);filter:drop-shadow(var(--jelly-edge) 0 0 var(--ink)) drop-shadow(calc(-1 * var(--jelly-edge)) 0 0 var(--ink)) drop-shadow(0 var(--jelly-edge) 0 var(--ink)) drop-shadow(0 calc(-1 * var(--jelly-edge)) 0 var(--ink)) drop-shadow(.04em .08em 0 #00000059);font-weight:800}@supports (background-size:1lh) and ((-webkit-background-clip:text) or (background-clip:text)){.jelly-text{color:#0000;-webkit-text-fill-color:transparent;background:linear-gradient(transparent calc(50% - .32em), #ffffffbf calc(50% - .26em), #fff9 calc(50% - .19em), transparent calc(50% - .1em), transparent calc(50% + .13em), var(--jelly-glow) calc(50% + .37em), transparent calc(50% + .46em)) 0 0 / 100% 1lh repeat-y, linear-gradient(var(--jelly-body) 0 0);-webkit-background-clip:text;background-clip:text}}@media (forced-colors:active){.jelly-text{-webkit-text-fill-color:currentColor;filter:none;background:0 0}}.jelly-title{letter-spacing:-.01em;text-transform:uppercase;text-wrap:balance;transform-origin:50% 100%;margin-top:4px;font-size:clamp(34px,5.6vw,64px);line-height:1.1;animation:2.6s ease-in-out infinite jj-wobble}.jelly-title>span{color:#fff;-webkit-text-fill-color:#fff;text-transform:none}@keyframes jj-wobble{0%,to{transform:scale(1)}25%{transform:scale(1.035,.965)}75%{transform:scale(.965,1.035)}}@media (prefers-reduced-motion:reduce){.jelly-title{animation:none}}.note{filter:drop-shadow(0 2px #00000040);display:block;overflow:visible}.float{pointer-events:none;animation:3.6s ease-in-out infinite alternate float;position:absolute}.float:nth-of-type(2n){animation-duration:4.4s;animation-delay:-1.3s}@keyframes float{0%{transform:translateY(-4px)rotate(-6deg)}to{transform:translateY(5px)rotate(5deg)}}@media (prefers-reduced-motion:reduce){.float{animation:none}}.jelly{width:var(--jelly);aspect-ratio:1;flex:none;grid-template:100%/100%;display:grid}.jelly>*{grid-area:1/1}.jelly-canvas{pointer-events:none;opacity:0;width:240%;height:240%;margin:-70%;transition:opacity .25s ease-out;display:block}.jelly-hit{-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;border-radius:50%;width:120%;height:120%;margin:-10%}.jelly.is-live>.jelly-canvas{opacity:1}.jelly.is-live>.jelly-hit{touch-action:none}.jelly.is-live>.jelly-svg{visibility:hidden;transition:visibility 0s .25s}.porthole{aspect-ratio:1;border-radius:50%;position:relative;overflow:hidden}.porthole-spiral,.porthole-gloss{pointer-events:none;-webkit-user-select:none;user-select:none;width:100%;height:100%;display:block;position:absolute;inset:0}.porthole-spiral{animation:20s linear infinite jj-swirl}@keyframes jj-swirl{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.porthole-spiral{animation:none}}.wall{--wall-tile:256px;--wall-panel:calc(var(--wall-tile) / 2);isolation:isolate;background-color:var(--wall);background-image:url(/assets/WallTile-BWXBmpql.webp);background-repeat:repeat;background-size:var(--wall-tile) var(--wall-tile);background-position:calc(50% - var(--wall-tile) / 2) 0;position:relative}.wall-details{z-index:-1;pointer-events:none;position:absolute;inset:0;overflow:hidden}.wall-grid{width:calc(var(--wall-cols) * var(--wall-panel));height:calc(var(--wall-rows) * var(--wall-panel));margin-left:calc(var(--wall-cols) * var(--wall-panel) / -2);position:absolute;top:0;left:50%}.wall-detail{-webkit-user-select:none;user-select:none;display:block;position:absolute}.dispenser{grid-template:auto/100%;width:min(100%,380px);margin-inline:auto;display:grid;container-type:inline-size}.dispenser>*{--jelly-w:calc(.36 * 100cqw);--nozzle-w:var(--jelly-w);--floor:calc(var(--nozzle-pivot) * var(--nozzle-aspect) * var(--nozzle-w));--body-lift:calc(var(--floor) + 68 / 320 * var(--jelly-w));grid-area:1/1;align-self:end}.dispenser-nozzle,.dispenser-body{-webkit-user-select:none;user-select:none;height:auto;display:block}.dispenser-nozzle{width:var(--nozzle-w);justify-self:center}.dispenser-body{width:100cqw;margin-bottom:var(--body-lift)}.dispenser-porthole{width:34cqw;margin-bottom:calc(var(--body-lift) + .502 * var(--body-aspect) * 100cqw - .17 * 100cqw);justify-self:center}.dispenser>.jelly{width:var(--jelly-w);margin-bottom:var(--floor)}.dispenser-jelly-red{justify-self:start}.dispenser-jelly-orange{justify-self:end}.swatches{flex-direction:column;gap:12px;display:flex}.swatch{background:linear-gradient(var(--swatch-hi), var(--swatch) 55%);width:26px;height:26px;box-shadow:0 0 0 2px var(--ink), 0 3px 0 2px #00000040;border-radius:7px;display:block}.hero-inner{text-align:center;padding-top:16px;padding-bottom:48px}.logo{text-align:left;align-items:center;gap:10px;display:flex}.logo-mark{flex-direction:column;align-items:center;display:flex}.logo-pedestal{--pedestal-w:calc(.82 * var(--logo-jelly));width:var(--pedestal-w);height:auto;margin-top:calc(-1 * ((1 - var(--pedestal-pivot)) * var(--pedestal-aspect) * var(--pedestal-w) + .04 * var(--logo-jelly)));-webkit-user-select:none;user-select:none;display:block}.logo-name{text-transform:uppercase;width:4.2em;font-size:26px;line-height:1.15;display:block}.subline{text-shadow:0 2px #00000059;margin-top:14px;font-size:clamp(18px,2.4vw,26px);font-weight:700}.stage{grid-template-columns:auto minmax(0,1fr) auto;grid-template-areas:"left panel right";align-items:center;gap:28px;margin-top:40px;padding-inline:8px;display:grid;position:relative}.swatches-left{grid-area:left}.swatches-right{grid-area:right}.panel{background:var(--panel);box-shadow:0 0 0 2px var(--panel-rim), 0 14px 30px #0000004d;border-radius:26px;grid-area:panel;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);align-items:center;gap:24px;padding:24px 28px;display:grid}.panel-text{text-wrap:balance;font-size:clamp(22px,2.7vw,30px);font-weight:700;line-height:1.3}.hero-note-1{top:-46px;left:2%}.hero-note-2{top:-40px;left:52%}.hero-note-3{top:-52px;right:1%}.hero-note-4{top:0;right:6px}.light{color:var(--text-dark);background:#fff}.light-inner{padding-top:44px;padding-bottom:36px}.section-title{text-align:center;letter-spacing:.01em;font-size:clamp(28px,4vw,40px);font-weight:800}.section-title.on-wall{color:#fff;text-shadow:0 3px #00000059}.phones{grid-template-columns:repeat(3,minmax(0,1fr));justify-items:center;gap:32px;margin-top:32px;display:grid}.phone-figure{text-align:center;width:100%;max-width:212px;margin:0}.phone{aspect-ratio:9/19;background:linear-gradient(145deg,#3a3748,#15141c 60%);border-radius:36px;padding:9px;position:relative;box-shadow:inset 0 0 0 2px #9c97b4,inset 0 0 0 4px #2a2836,0 12px 26px #1b1a2447}.phone-screen{background:#0d0c12;border-radius:28px;width:100%;height:100%;overflow:hidden}.phone-screen img{object-fit:cover;width:100%;height:100%;display:block}.phone-island{background:#000;border-radius:10px;width:32%;height:18px;position:absolute;top:17px;left:50%;transform:translate(-50%)}.phone-placeholder{color:#fff;text-align:center;background:radial-gradient(120% 55% at 50% 0,#5d5b75e6,#0000 75%),linear-gradient(#3a384d,#1f1d2a);flex-direction:column;justify-content:center;align-items:center;gap:8px;height:100%;padding:16px;display:flex}.phone-placeholder .note{margin-bottom:4px}.phone-placeholder-title{font-size:18px;font-weight:800}.phone-placeholder-note{color:#ffffffb3;font-size:14px}.phone-figure figcaption{margin-top:14px;font-size:19px;font-weight:600}.exp-note-1{top:22px;right:2%}.exp-note-2{top:54px;right:6px}.exp-note-3{bottom:40px;left:6px}.exp-note-4{bottom:22px;left:26px}.callouts .light-inner{padding-top:8px;padding-bottom:48px}.callout-grid{grid-template-columns:repeat(2,minmax(0,max-content));justify-content:center;gap:28px 64px;margin:0;padding:0;list-style:none;display:grid}.callout{align-items:center;gap:16px;display:flex}.callout-icon{flex:none;place-items:center;width:56px;height:56px;display:grid}.callout-icon .note{width:50px;height:50px}.callout-title{font-size:22px;font-weight:800;line-height:1.15}.callout-text{color:var(--text-muted);font-size:18px}.callout-text:before{content:"- "}.callout-swatches{right:var(--gutter);gap:10px;position:absolute;top:0}.callout-swatches .swatch{width:22px;height:22px}.get-inner{padding-top:36px;padding-bottom:28px}.copyright{color:#ffffffd9;text-align:center;text-shadow:0 1px #0006;padding-bottom:18px;font-size:14px}.get-box{max-width:640px;color:var(--text-dark);text-align:center;background:#fff;border-radius:24px;margin:22px auto 0;padding:26px 32px 30px;box-shadow:0 14px 30px #0000004d}.get-available{text-wrap:balance;font-size:clamp(24px,4vw,38px);font-weight:800;line-height:1.15}.badges{justify-content:center;gap:20px;margin-top:22px;display:flex}.badge{color:#fff;border-radius:12px;flex:1 1 0;min-width:0;max-width:236px;text-decoration:none;display:grid;container-type:inline-size}.badge>*{grid-area:1/1}.badge-text{text-align:left;white-space:nowrap;padding:6.8cqw 0 0 28.5cqw;line-height:1}.badge-small,.badge-big{display:block}.badge-small{margin-left:.5cqw;font-size:6cqw;font-weight:500}.badge-small.is-upper{text-transform:uppercase}.badge-big{letter-spacing:-.01em;margin-top:.7cqw;font-size:11cqw;font-weight:600}.badge.is-soon{opacity:.55}.notify{margin-top:14px}.notify-lead{color:var(--text-muted);font-size:18px}.notify-fields{gap:10px;max-width:480px;margin:16px auto 0;display:flex}.notify-input{min-width:0;color:var(--text-dark);font:inherit;background:#fff;border:2px solid #c9c7d6;border-radius:14px;flex:auto;padding:12px 16px;font-size:17px}.notify-input[aria-invalid=true]{border-color:#d64545}.notify-button{background:var(--wall);color:#fff;font:inherit;cursor:pointer;border:0;border-radius:14px;flex:none;padding:12px 20px;font-size:17px;font-weight:800;box-shadow:0 4px #00000040}.notify-button:hover{background:#4c4a63}.notify-button:disabled{cursor:progress;opacity:.7}.notify-input:focus-visible,.notify-button:focus-visible{outline:3px solid var(--focus);outline-offset:3px}.notify-trap{opacity:0;width:1px;height:1px;position:absolute;left:-9999px}.notify-msg{margin-top:12px;font-size:17px;font-weight:700}.notify-msg:empty{display:none}.notify-msg.is-done{color:#2e7d32}.notify-msg.is-invalid,.notify-msg.is-error{color:#c62828}.notify-fallback{display:none}.notify-fallback:target{display:block}.notify-privacy{color:var(--text-muted);margin-top:10px;font-size:14px}.get-note-1{top:22px;left:3%}.get-note-2{top:14px;left:calc(3% + 46px)}@media (width>=801px){:root{--gutter:24px}}@media (width<=800px){.stage{grid-template-columns:auto auto;grid-template-areas:"panel panel""left right";justify-content:center;gap:20px 12px;margin-top:44px;padding-inline:0}.swatches{flex-direction:row}.panel{grid-template-columns:minmax(0,1fr);gap:20px;padding:22px 16px 20px}.phones{grid-template-columns:minmax(0,1fr);gap:36px}.phone-figure{max-width:220px}.callout-grid{grid-template-columns:minmax(0,max-content);gap:22px}.callout-swatches{display:none}.hero-note-1{top:-42px;left:6px}.hero-note-2{display:none}.hero-note-3{top:-46px;right:6px}.hero-note-4,.exp-note-2,.exp-note-4{display:none}.exp-note-1{right:var(--gutter);top:150px}.exp-note-3{left:var(--gutter);top:330px;bottom:auto}.get-box{padding:22px 16px 24px}.badges{gap:12px}.notify-fields{flex-direction:column}.get-note-1{top:10px;left:8px}.get-note-2{display:none}}
