*,:before,:after{box-sizing:border-box}html{overscroll-behavior:none;background:#f0f0f0}body{margin:0}a{color:inherit}button,input,textarea,select{font:inherit}.mini-page{isolation:isolate;color:#191919;font-family:var(--font-selecta),-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overscroll-behavior:none;background:#f0f0f0;position:relative}.page-content{z-index:1;isolation:isolate;background:#f0f0f0;border-radius:0 0 35px 35px;margin-bottom:60vh;position:relative;box-shadow:0 40px 80px #0000000b}nav{z-index:100;justify-content:space-between;align-items:center;padding:24px;display:flex;position:fixed;top:0;left:0;right:0}.nav-logo{align-items:center;min-width:140px;min-height:50px;text-decoration:none;display:flex;position:relative;top:0}.wabi-logo-svg{width:auto;height:30px;transition:height .6s cubic-bezier(.25,1,.5,1) .5s;display:block}.wabi-logo-svg .logo-circles{opacity:.3;transition:opacity .4s}.wabi-logo-svg .logo-text{opacity:0;transition:opacity .15s}.nav-logo .logo-letter{transition:transform .2s,opacity .2s}.nav-logo .logo-w{transform:translate(-35px)}.nav-logo .logo-a{transform:translate(-65px)}.nav-logo .logo-b{transform:translate(-90px)}.nav-logo .logo-i{transform:translate(-110px)}.nav-logo:hover .logo-letter{transition:transform .5s cubic-bezier(.25,1,.5,1) .3s,opacity .4s .3s;transform:translate(0)}.nav-logo:hover .logo-a{transition-delay:.32s}.nav-logo:hover .logo-b{transition-delay:.34s}.nav-logo:hover .logo-i{transition-delay:.36s}.nav-logo.logo-intro .logo-letter{transform:translate(0)}.nav-logo:hover .wabi-logo-svg,.nav-logo.logo-intro .wabi-logo-svg{height:18px;transition:height .6s cubic-bezier(.25,1,.5,1)}.nav-logo:hover .wabi-logo-svg .logo-circles{opacity:.6}.nav-logo:hover .wabi-logo-svg .logo-text{opacity:.6;transition:opacity .4s .45s}.nav-logo.logo-intro .wabi-logo-svg .logo-text{opacity:.3}.nav-right{align-items:center;gap:36px;display:flex}@property --angle-1{syntax:"<angle>";inherits:false;initial-value:-75deg}@property --angle-2{syntax:"<angle>";inherits:false;initial-value:-45deg}.glass-btn-wrap{z-index:2;background:0 0;border-radius:999vw;transition:all .4s cubic-bezier(.25,1,.5,1);position:relative}.glass-btn-shadow{filter:blur(clamp(2px,.125em,12px));pointer-events:none;width:calc(100% + 2em);height:calc(100% + 2em);position:absolute;top:-1em;left:-1em;overflow:visible}.glass-btn-shadow:after{content:"";z-index:0;box-sizing:border-box;opacity:1;background:linear-gradient(#0003,#0000001a);border-radius:999vw;width:calc(100% - 2.25em);height:calc(100% - 2.25em);padding:.125em;transition:all .4s cubic-bezier(.25,1,.5,1);position:absolute;inset:1.5em 0 0 1.125em;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.glass-btn{all:unset;z-index:3;cursor:pointer;-webkit-backdrop-filter:blur(clamp(1px,.125em,4px));backdrop-filter:blur(clamp(1px,.125em,4px));-webkit-tap-highlight-color:transparent;background:linear-gradient(-75deg,#ffffff0d,#fff3,#ffffff0d);border-radius:999vw;justify-content:center;align-items:center;text-decoration:none;transition:all .4s cubic-bezier(.25,1,.5,1);display:flex;position:relative;box-shadow:inset 0 .125em .125em #0000000d,inset 0 -.125em .125em #ffffff80,0 .25em .125em -.125em #0003,inset 0 0 .1em .25em #fff3,0 0 #fff}.glass-btn span{text-align:center;white-space:nowrap;justify-content:center;align-items:center;padding-inline:1.5em;display:inline-flex;position:relative}.glass-btn span:after{content:"";background:linear-gradient(var(--angle-2),#fff0 0%,#ffffff80 40% 50%,#fff0 55%);mix-blend-mode:screen;pointer-events:none;background-position:0%;background-repeat:no-repeat;background-size:200% 200%;border-radius:999vw;width:calc(100% + clamp(1px,.0625em,4px));height:calc(100% + clamp(1px,.0625em,4px));transition:background-position .5s cubic-bezier(.25,1,.5,1),--angle-2 .5s cubic-bezier(.25,1,.5,1);position:absolute;inset:calc(0% - clamp(1px,.0625em,4px)/2) 0 0 calc(0% + clamp(1px,.0625em,4px)/2);overflow:clip}.glass-btn:hover span:after{background-position:25%}.glass-btn:after{content:"";z-index:1;box-sizing:border-box;background:conic-gradient(from var(--angle-1)at 50% 50%,#00000080,#0000 5% 40%,#00000080 50%,#0000 60% 95%,#00000080),linear-gradient(180deg,#ffffff80,#ffffff80);border-radius:999vw;width:calc(100% + clamp(1px,.0625em,4px));height:calc(100% + clamp(1px,.0625em,4px));padding:clamp(1px,.0625em,4px);transition:all .4s cubic-bezier(.25,1,.5,1),--angle-1 .5s;position:absolute;inset:calc(0% - clamp(1px,.0625em,4px)/2) 0 0 calc(0% - clamp(1px,.0625em,4px)/2);box-shadow:inset 0 0 0 calc(clamp(1px,.0625em,4px)/2) #ffffff80;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.glass-btn:hover:after{--angle-1:-125deg}.glass-btn-wrap:has(.glass-btn:hover) .glass-btn-shadow{filter:blur(clamp(2px,.0625em,6px))}.glass-btn-wrap:has(.glass-btn:active){transform:rotateX(25deg)}.glass-btn-wrap--announcement{width:auto;display:inline-flex}.glass-btn-wrap--announcement .glass-btn{width:auto;height:32px;padding:0 24px;box-shadow:inset 0 .125em .125em #00000006,inset 0 -.125em .125em #ffffff80,0 .25em .125em -.125em #0000001a,inset 0 0 .1em .25em #fff3,0 0 #fff}.glass-btn-wrap--announcement .glass-btn span{letter-spacing:-.18px;color:#323232;padding-inline:0;font-size:12px;font-weight:500}.glass-btn-wrap--announcement .glass-btn span:after{display:none}.glass-btn-wrap--announcement .glass-btn-shadow:after{background:linear-gradient(#0000001a,#0000000d)}.glass-btn-wrap--header{width:126px}.glass-btn-wrap--header .glass-btn{-webkit-backdrop-filter:blur(clamp(2px,.25em,8px));backdrop-filter:blur(clamp(2px,.25em,8px));background:linear-gradient(-75deg,#ffffff0d,#fff3,#ffffff0d),#f0f0f0b3;width:126px;height:40px}.glass-btn-wrap--header .glass-btn span{color:#363636;letter-spacing:-.16px;font-size:14px;font-weight:400}.glass-btn-wrap--cta{width:280px}.glass-btn-wrap--cta .glass-btn{width:280px;height:68px}.glass-btn-wrap--cta .glass-btn span{font-size:18px;font-weight:500}section{text-align:center;padding:120px 24px}.section-sub{color:#525252;letter-spacing:-.03em;opacity:.6;max-width:580px;margin:0 auto;font-size:25px;line-height:34px}.hero-section{padding:160px 24px 80px}.hero-text{margin:0 auto}.announcement-wrap{opacity:0;text-align:center;margin-bottom:24px;animation:1.2s ease-out .1s forwards heroFadeIn}.hero-heading{color:#191919;letter-spacing:-.03em;opacity:0;margin-bottom:45px;font-size:58px;font-weight:400;line-height:64px;animation:1.2s ease-out .2s forwards heroFadeIn}.hero-primary-action{opacity:0;justify-content:center;margin-top:20px;animation:1.2s ease-out .6s forwards heroFadeIn;display:flex}.cr-cards-wrap{z-index:1;opacity:0;flex:1;min-height:690px;animation:1.4s ease-out .8s forwards heroFadeIn;position:relative}.create-cards{cursor:grab;touch-action:pan-y;max-width:1000px;height:clamp(580px,58vw,840px);transform-style:preserve-3d;-webkit-user-select:none;user-select:none;margin:88px auto 0;position:relative}.create-cards:active{cursor:grabbing}.create-card{transform-origin:bottom;will-change:transform;background:linear-gradient(90deg,#e8e8e8 25%,#f2f2f2 50%,#e8e8e8 75%) 0 0/200% 100%;border-radius:clamp(22px,2.2vw,32px);width:clamp(380px,40vw,580px);height:clamp(518px,54.5vw,790px);animation:1.5s ease-in-out infinite shimmer;position:absolute;top:50%;left:50%;overflow:hidden;box-shadow:0 8px 40px #0000001f,inset -2px -2px 2px #0003,inset 2px 2px 2px #00000008}.create-card:after{content:"";z-index:2;border-radius:inherit;pointer-events:none;position:absolute;inset:0;box-shadow:inset -2px -2px 2px #0003,inset 2px 2px 2px #00000008}.create-card video{z-index:1;object-fit:cover;pointer-events:none;width:100%;height:100%;display:block;position:relative}.card-poster{z-index:0;object-fit:cover;pointer-events:none;position:absolute;inset:0}.create-dots{justify-content:center;gap:8px;margin-top:50px;display:flex}.create-dot{cursor:pointer;background:#d4d4d4;border:none;border-radius:50%;width:8px;height:8px;padding:0;transition:transform .3s,background .3s}.create-dot.active{background:#191919;transform:scale(1.2)}.cta-footer{padding:220px 24px 320px;position:relative;overflow:hidden}.cta-heading{letter-spacing:-.03em;max-width:580px;margin:0 auto 20px;font-size:58px;font-weight:400;line-height:64px}.cta-subtitle{margin-bottom:32px}.mobile-footer-cta{justify-content:center;display:none}footer{color:#737373;border-top:1px solid #ddd;justify-content:space-between;align-items:center;padding:24px 32px;font-size:12px;display:flex}.footer-logo{align-items:center;text-decoration:none;display:flex}.footer-logo .wabi-logo-svg{height:18px}.footer-logo .wabi-logo-svg .logo-circles{opacity:.3;transition:opacity .4s}.footer-logo .wabi-logo-svg .logo-text{opacity:.3}.footer-logo:hover .wabi-logo-svg .logo-circles,.footer-logo:hover .wabi-logo-svg .logo-text{opacity:.5}.footer-links{align-items:center;gap:12px;display:flex}.footer-links a,.footer-links span{color:#737373;font-size:12px;text-decoration:none}.footer-links a:hover{color:#191919}.footer-dot{opacity:.4}.footer-socials{align-items:center;gap:12px;display:flex}.footer-socials a{color:#19191959;align-items:center;text-decoration:none;transition:color .2s;display:flex}.footer-socials a:hover{color:#191919}.surprise-footer-trigger{height:1px}.surprise-footer{z-index:0;background:#131313;flex-direction:column;justify-content:flex-end;width:100%;height:80vh;display:flex;position:fixed;bottom:0;left:0;overflow:hidden}.surprise-footer canvas{z-index:1;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.orb-controls{z-index:10;flex-direction:column;gap:8px;display:none;position:absolute;top:50%;right:24px;transform:translateY(-50%)}.orb-controls.visible{display:flex}.orb-control-btn{color:#00000080;cursor:pointer;-webkit-backdrop-filter:blur(16px);background:#ffffff80;border:1px solid #0000001f;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-size:16px;transition:all .25s;display:flex}.orb-control-btn:hover{color:#191919;background:#ffffffb3}.desktop-br{display:initial}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes heroFadeIn{0%{opacity:0;filter:blur(8px);transform:translateY(16px)}to{opacity:1;filter:blur();transform:translateY(0)}}@media (min-width:768px){nav{padding:32px}.nav-logo{min-width:200px;min-height:60px;top:-4px}.wabi-logo-svg{height:42px}.nav-logo:hover .wabi-logo-svg,.nav-logo.logo-intro .wabi-logo-svg{height:26px}.glass-btn-wrap--header{width:145px}.glass-btn-wrap--header .glass-btn{width:145px;height:46px}.glass-btn-wrap--header .glass-btn span{font-size:16px}.glass-btn-wrap--cta,.glass-btn-wrap--cta .glass-btn{width:200px}}@media (max-width:768px){.hero-section{padding:170px 16px 0}.hero-heading{margin-bottom:30px;font-size:36px;line-height:38px}.cta-footer{padding:120px 24px 100px}}@media (max-width:640px){nav{padding:16px 20px}section{padding-inline:24px}.section-sub{font-size:18px;line-height:26px}.desktop-br,.hero-primary-action{display:none}.create-cards{height:580px;margin-top:0}.create-card{width:320px;height:435px}.create-dots{margin-top:-35px}.cta-heading{font-size:32px;line-height:38px}.mobile-footer-cta{display:flex}footer{padding:20px 24px}.footer-links{display:none}.page-content{border-radius:0 0 18px 18px;margin-bottom:60vh}.surprise-footer{height:80vh}}