@font-face{font-family:TT Hoves;src:url(/assets/TTHoves-Regular-CpxqwK5F.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:TT Hoves;src:url(/assets/TTHoves-Medium-Cen1H07m.ttf) format("truetype");font-weight:500 700;font-style:normal;font-display:swap}:root{--bg: #070a12;--ink: #ffffff;--ink-soft: rgb(255 255 255 / .82);--ink-muted: rgb(255 255 255 / .5);--tile: rgb(255 255 255 / .035);--tile-hover: rgb(255 255 255 / .065);--edge: rgb(255 255 255 / .08);--edge-hover: rgb(255 255 255 / .18);--rain: rgb(196 216 255);--ripple: rgb(147 197 253 / .55);--ease-out: cubic-bezier(.16, 1, .3, 1);--ease-spring: cubic-bezier(.34, 1.56, .64, 1);--logo-at: .12s;--drop-at: .42s;--tagline-at: .7s;--tiles-at: .85s;color-scheme:dark}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;background-color:var(--bg)}body{min-height:100dvh;font-family:TT Hoves,ui-sans-serif,system-ui,sans-serif;color:var(--ink);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.sky{position:fixed;inset:0;z-index:0;overflow:hidden;pointer-events:none}.sky:before,.sky:after{content:"";position:absolute;border-radius:50%}.sky:before{top:-58vmax;left:50%;width:100vmax;height:100vmax;margin-left:-50vmax;background:radial-gradient(closest-side,rgb(72 128 224 / .34),rgb(72 128 224 / .08) 55%,transparent);animation:drift 18s ease-in-out infinite alternate}.sky:after{right:-34vmax;bottom:-46vmax;width:76vmax;height:76vmax;background:radial-gradient(closest-side,rgb(42 161 130 / .16),transparent);animation:drift 26s ease-in-out -8s infinite alternate-reverse}@keyframes drift{0%{transform:translate3d(-5%,0,0) scale(1)}to{transform:translate3d(5%,4%,0) scale(1.1)}}.rain{position:absolute;inset:-10% -15%;transform:rotate(10deg);mask-image:linear-gradient(to bottom,transparent 6%,#000 30%,#000 68%,transparent 94%);animation:fade-in 2.4s ease-out both}.drop{position:absolute;top:0;left:var(--x);width:1px;height:var(--length);border-radius:0 0 1px 1px;background:linear-gradient(to bottom,transparent,var(--rain));opacity:var(--opacity);will-change:transform;animation:fall var(--duration) linear var(--delay) infinite}@keyframes fall{0%{transform:translate3d(0,-100%,0)}to{transform:translate3d(0,125vh,0)}}@keyframes fade-in{0%{opacity:0}}.page{position:relative;z-index:1;display:flex;min-height:100dvh;flex-direction:column;align-items:center;justify-content:center;gap:clamp(2.75rem,8vh,5rem);padding:max(3rem,env(safe-area-inset-top)) max(16px,env(safe-area-inset-right)) max(3rem,env(safe-area-inset-bottom)) max(16px,env(safe-area-inset-left))}.title{display:flex;margin:0;flex-direction:column;align-items:center;gap:clamp(.75rem,2vw,1.375rem);font-weight:500;text-align:center}.logo{position:relative;display:block;width:clamp(15rem,68vw,34rem);aspect-ratio:1415 / 384}.logo-letters,.logo-drop{position:absolute;inset:0;background-image:linear-gradient(180deg,#fff 18%,#e4ecff 52%,#8fb0e6);-webkit-mask-size:100% 100%;mask-size:100% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.logo-letters{-webkit-mask-image:url(/assets/drizzle-logo-letters-vffD7Z4O.png);mask-image:url(/assets/drizzle-logo-letters-vffD7Z4O.png);animation:logo-fall 1.1s var(--ease-out) var(--logo-at) both}@keyframes logo-fall{0%{opacity:0;transform:translate3d(0,-18%,0)}55%{opacity:1;transform:translate3d(0,1.5%,0)}to{opacity:1;transform:none}}.logo-drop{-webkit-mask-image:url(/assets/drizzle-logo-drop-lAPyz25i.png);mask-image:url(/assets/drizzle-logo-drop-lAPyz25i.png);transform-origin:40.2% 30.7%;animation:drop-fall 1.2s var(--drop-at) both}@keyframes drop-fall{0%{opacity:0;transform:translate3d(0,-95%,0) scale(.88,1.16);animation-timing-function:cubic-bezier(.5,0,.9,.55)}45%{opacity:1;transform:translateZ(0) scale(.92,1.1);animation-timing-function:cubic-bezier(.2,.7,.4,1)}58%{transform:translateZ(0) scale(1.14,.8);animation-timing-function:ease-in-out}78%{transform:translateZ(0) scale(.96,1.05);animation-timing-function:ease-in-out}to{opacity:1;transform:translateZ(0) scale(1)}}.tagline{font-size:clamp(1rem,2.6vw,1.5rem);font-weight:400;letter-spacing:.01em;color:var(--ink-muted);animation:rise 1s var(--ease-out) var(--tagline-at) both}@keyframes rise{0%{opacity:0;transform:translate3d(0,.6em,0)}}.apps{width:min(100%,42rem)}.grid{--radius: clamp(1.25rem, 4vw, 1.875rem);display:grid;margin:0;padding:0;list-style:none;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(.625rem,2.6vw,1.25rem)}.cell{position:relative;animation:tile-in 1s var(--ease-out) both;animation-delay:calc(var(--tiles-at) + var(--i) * 85ms)}.cell:after{content:"";position:absolute;inset:0;border:1px solid var(--ripple);border-radius:var(--radius);pointer-events:none;opacity:0;animation:ripple 1.2s var(--ease-out) both;animation-delay:calc(var(--tiles-at) + var(--i) * 85ms + .32s)}@keyframes tile-in{0%{opacity:0;transform:translate3d(0,-1.5rem,0) scale(.94)}}@keyframes ripple{0%{opacity:0;transform:scale(.94)}12%{opacity:1}to{opacity:0;transform:scale(1.16)}}.tile{position:relative;isolation:isolate;display:flex;overflow:hidden;flex-direction:column;align-items:center;gap:clamp(.75rem,2.2vw,1.25rem);padding:clamp(1.125rem,4.4vw,2.125rem) .5rem clamp(1rem,3.6vw,1.75rem);border:1px solid var(--edge);border-radius:var(--radius);background-color:var(--tile);box-shadow:inset 0 1px #ffffff0d,0 24px 48px -28px #000000b3;color:inherit;text-decoration:none;outline:none;-webkit-tap-highlight-color:transparent;transition:transform .5s var(--ease-spring),background-color .3s ease,border-color .3s ease,box-shadow .5s var(--ease-out)}.tile:before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(16rem circle at var(--x, 50%) var(--y, 0%),rgb(255 255 255 / .1),transparent 62%);opacity:0;transition:opacity .35s ease}.tile:focus-visible{border-color:var(--edge-hover);box-shadow:0 0 0 2px var(--bg),0 0 0 4px #ffffff8c}.tile:active{transform:scale(.97);transition-duration:.12s}.mark{position:relative;display:block;width:clamp(3.25rem,15vw,5.5rem);aspect-ratio:1;transition:transform .55s var(--ease-spring)}.mark svg{display:block;width:100%;height:100%}.mark:after{content:"";position:absolute;z-index:-1;right:8%;bottom:-16%;left:8%;height:30%;background:radial-gradient(closest-side,rgb(255 255 255 / .2),transparent);opacity:0;transition:opacity .4s ease}.label{font-size:clamp(.8125rem,2.7vw,1.0625rem);font-weight:500;line-height:1;letter-spacing:.005em;color:var(--ink-soft);transition:color .25s ease}@media (hover: hover){.tile:hover{border-color:var(--edge-hover);background-color:var(--tile-hover);box-shadow:inset 0 1px #ffffff14,0 32px 64px -28px #000000d9;transform:translate3d(0,-6px,0)}.tile:hover:before,.tile:hover .mark:after{opacity:1}.tile:hover .mark{transform:translate3d(0,-3px,0) scale(1.08)}.tile:hover .label{color:var(--ink)}.tile:active{transform:translate3d(0,-2px,0) scale(.97)}}.fallback-name{font-size:clamp(3rem,12vw,6rem);line-height:1}.fallback{display:grid;width:min(100%,36rem);margin:0;padding:0;gap:1.25rem;list-style:none}.fallback a{color:var(--ink);font-size:1.125rem;font-weight:500;text-decoration:none}.fallback a:hover,.fallback a:focus-visible{text-decoration:underline}.fallback p{margin:.25rem 0 0;color:var(--ink-muted);line-height:1.45}@media (prefers-reduced-motion: reduce){.rain,.cell:after{display:none}.sky:before,.sky:after,.logo-letters,.logo-drop,.tagline,.cell{animation:none}.tile,.mark{transition-property:background-color,border-color,box-shadow}.tile:hover,.tile:active,.tile:hover .mark{transform:none}}