.os{--os-paper:#04050a;--os-paper-lift:#0b0d18;--os-paper-sink:#020308;--os-ink:#eef0ff;--os-ink-dim:#8b90b5;--os-ink-mute:#8b90b59e;--os-rule:#ffffff17;--os-a1:#8b6cff;--os-a2:#3fd7ff;--os-a3:#ff6bd6;--os-neon:linear-gradient(100deg, #3fd7ff 0%, #8b6cff 45%, #ff6bd6 100%);--os-black:#060606;--os-white:#f6f5f2;--os-glass:#0a0c169e;--os-glass-lift:#121524c7;--os-shadow:0 18px 40px -18px #0000009e;--os-shadow-soft:0 6px 16px -8px #00000085;--os-dock-h:104px;isolation:isolate;background:var(--os-paper);height:100dvh;min-height:100dvh;color:var(--os-ink);position:relative;overflow:clip}.os__screen{height:100dvh;position:relative;overflow:hidden}.os__ground{z-index:0;pointer-events:none;background:radial-gradient(58% 42% at 50% 44%,#8b6cff33,#0000 72%),radial-gradient(46% 38% at 16% 22%,#3fd7ff1a,#0000 74%),radial-gradient(52% 40% at 84% 78%,#ff6bd614,#0000 76%);position:absolute;inset:0}:root[data-nebula=on] .os__ground{background:radial-gradient(58% 42% at 50% 44%,#8b6cff0f,#0000 72%),radial-gradient(46% 38% at 16% 22%,#3fd7ff08,#0000 74%),radial-gradient(52% 40% at 84% 78%,#ff6bd608,#0000 76%)}.os__gl{z-index:0;pointer-events:none;opacity:0;transition:opacity 1.2s;display:block;position:fixed;inset:0}:root[data-nebula=on] .os__gl{opacity:1}.os__ground:after{content:"";pointer-events:none;background:radial-gradient(120% 90% at 50% 40%,#0000 35%,#04050abf 78%,#04050a 100%);position:absolute;inset:0}.os__ground:before{content:"";z-index:1;pointer-events:none;opacity:.05;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");position:absolute;inset:0}@media (max-width:900px){.os{--os-dock-h:94px}}@media (max-width:600px){.os{--os-dock-h:139px}}@media (max-width:540px){.os{--os-dock-h:131px}}.os__wordmark{z-index:1;text-align:center;pointer-events:none;width:max-content;max-width:92vw;font-family:var(--font-sans);letter-spacing:-.03em;color:var(--os-white);margin:0;font-size:clamp(1.9rem,6.4vw,4.1rem);font-weight:700;line-height:1.05;position:absolute;top:clamp(1.8rem,6vh,3.6rem);left:50%;transform:translate(-50%)}.os__wordmark-grey{color:#fff}@media (max-width:767px){.os__wordmark{top:clamp(1.4rem,5vh,2.6rem)}}.os__screen{z-index:1;position:relative}
.os__tidy{z-index:4;border:1px solid var(--os-rule);-webkit-backdrop-filter:blur(14px)saturate(1.3);color:var(--os-ink-dim);font:inherit;letter-spacing:.02em;cursor:pointer;background:#0a0a0c85;border-radius:999px;padding:.28rem .7rem;font-size:.68rem;transition:color .15s,border-color .15s,background-color .15s;position:absolute;top:.75rem;right:.9rem}.os__tidy:hover,.os__tidy:focus-visible{color:var(--os-ink);border-color:var(--os-ink-dim);background:var(--os-glass-lift)}.os__tidy:focus-visible{outline:2px solid var(--os-ink-dim);outline-offset:2px}@media (prefers-reduced-motion:reduce){.os__tidy{transition:none}}
.os__doors{inset:0 0 calc(var(--os-dock-h) + 1.5rem);z-index:3;pointer-events:none;position:absolute}.os__doors-list{height:100%;position:relative}.os__door{left:var(--x);top:var(--y);pointer-events:auto;width:clamp(7rem,11vw,9.5rem);color:var(--os-ink);transform:translate(-50%, -50%) perspective(1100px) rotateY(var(--lean));transform-style:preserve-3d;cursor:grab;-webkit-user-select:none;user-select:none;text-decoration:none;position:absolute}.os__door[data-held=true]{cursor:grabbing;z-index:2}.os__door:before{content:"";z-index:-1;background:radial-gradient(ellipse at center, var(--accent), transparent 68%);opacity:calc(.12 + var(--lift,0) * .26);filter:blur(38px);border-radius:50%;transition:opacity .3s;position:absolute;inset:8% 6% -6%;transform:translateZ(-40px)}.os__door-icon{animation:8.5s ease-in-out infinite os-door-float}.os__door[data-id=brands] .os__door-icon{animation-duration:9.5s;animation-delay:-4.2s}@keyframes os-door-float{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}.os__door-icon{aspect-ratio:1;width:100%;transform-style:preserve-3d;border-radius:22.5%;transition:box-shadow .3s;display:block;position:relative;overflow:hidden;box-shadow:0 2px 6px #00000057,0 30px 70px -30px #000000c7}.os__door[data-id=brands] .os__door-icon{background:linear-gradient(158deg, #fdfdfb 0%, var(--os-white) 46%, color-mix(in srgb, var(--os-white) 88%, #9a968c) 100%)}.os__door[data-id=creators] .os__door-icon{background:linear-gradient(158deg,#23252e 0%,#14161d 46%,#0a0b11 100%)}.os__door:focus-visible{outline:2px solid var(--accent);outline-offset:8px;border-radius:26px}.os__door-sheen{z-index:2;border-radius:inherit;pointer-events:none;background:radial-gradient(38% 46% at var(--sheen-x,50%) var(--sheen-y,50%), #ffffff38, transparent 62%);opacity:var(--lift,0);mix-blend-mode:screen;position:absolute;inset:0}.os__door-mark{z-index:1;width:86%;height:86%;display:block;position:absolute;top:50%;left:50%;overflow:visible;translate:-50% -50%}.os__door-body{z-index:2;text-align:center;transform-style:preserve-3d;flex-direction:column;align-items:center;margin-top:.85rem;display:flex;position:relative}.os__door-title{-webkit-backdrop-filter:blur(10px);letter-spacing:-.01em;text-wrap:balance;background:#08080afa;border-radius:7px;padding:.14em .6em;font-size:clamp(1rem,1.25vw,1.2rem);font-weight:600;line-height:1.25}@media (min-width:768px){.os__door{animation:.9s cubic-bezier(.2,1,.3,1) backwards os-door-in}.os__door[data-id=brands]{animation-delay:.12s}.os__door[data-id=creators]{animation-delay:.24s}}@keyframes os-door-in{0%{opacity:0;transform:translate(-50%, calc(-50% + 26px)) perspective(1100px) rotateY(var(--lean)) rotateX(6deg)}to{opacity:1;transform:translate(-50%, -50%) perspective(1100px) rotateY(var(--lean))}}@media (max-width:767px),(max-height:480px){.os__doors{inset:0 0 var(--os-dock-h);align-items:center;padding:5.25rem 1rem 0;display:flex;position:absolute}.os__doors-list{grid-template-columns:repeat(2,minmax(0,9.5rem));justify-content:center;gap:1rem;width:100%;height:auto;display:grid}.os__door{cursor:pointer;width:auto;position:relative;top:auto;left:auto;transform:none}}@media (prefers-reduced-motion:reduce){.os__door,.os__door-icon{animation:none}.os__door:before,.os__door-icon{transition:none}}
.os__dock{--dock-tile:64px;--dock-gap:9px;--dock-pad-x:36px;--dock-pad-y:10px;--dock-radius:28px;--dock-tile-radius:22.5%;--dock-disabled-ink:color-mix(in srgb, var(--os-ink-mute) 40%, var(--os-ink-dim) 60%);z-index:40;pointer-events:none;justify-content:center;display:flex;position:fixed;bottom:14px;left:0;right:0}.os__dock-list{pointer-events:auto;justify-content:center;align-items:center;gap:var(--dock-gap);max-width:calc(100vw - 1.5rem);padding:var(--dock-pad-y) var(--dock-pad-x);border-radius:var(--dock-radius);background:linear-gradient(170deg, color-mix(in srgb, color-mix(in srgb, var(--os-paper-lift) 88%, white) 78%, transparent) 0%, color-mix(in srgb, var(--os-paper-lift) 86%, transparent) 45%, color-mix(in srgb, color-mix(in srgb, var(--os-paper-lift) 82%, black) 92%, transparent) 100%);-webkit-backdrop-filter:blur(16px)saturate(1.4);border:1px solid #ffffff21;flex-wrap:wrap;margin:0;list-style:none;display:flex;box-shadow:0 26px 60px -24px #000000d1,inset 0 1px #ffffff1f}.os__dock-item{flex:none;display:flex}.os__dock-sep{background:#ffffff29;flex:none;align-self:stretch;width:1px;margin-block:4px;margin-inline:2px}.os__dock-tile{isolation:isolate;width:var(--dock-tile);height:var(--dock-tile);border-radius:var(--dock-tile-radius);color:var(--os-ink-dim);transform-origin:50% 100%;transform:translate(var(--shift,0), var(--rise,0)) scale(var(--mag,1));place-items:center;text-decoration:none;transition:color .16s;display:grid;position:relative}.os__dock-tile:before{content:"";z-index:-1;border-radius:inherit;background:var(--os-glass-lift);opacity:0;transition:opacity .16s;position:absolute;inset:0}.os__dock-tile:hover,.os__dock-tile:focus-visible{color:var(--os-ink)}.os__dock-tile:hover:before,.os__dock-tile:focus-visible:before{opacity:1}.os__dock-tile:focus-visible{outline:2px solid var(--os-ink);outline-offset:2px}.os__dock-tile[data-art=bleed]{background:0 0;border:0}.os__dock-tile[data-art=bleed]:before{content:none}.os__dock-art{object-fit:contain;filter:drop-shadow(0 1px 2px #00000061)drop-shadow(0 3px 8px #00000042);opacity:1;width:100%;height:100%;transition:opacity .16s;display:block}.os__dock-tile[data-art=inset] .os__dock-art{object-fit:contain;filter:none;width:86%;height:86%;position:absolute;top:50%;left:50%;translate:-50% -50%}.os__dock-tile[aria-disabled=true] .os__dock-art{opacity:.45;filter:saturate(.35)}.os__dock-tile[data-brand=about],.os__dock-tile[data-brand=room],.os__dock-tile:not([data-art=bleed])[data-brand=contact]{color:var(--os-ink)}.os__dock-tile[data-brand=about]:before,.os__dock-tile[data-brand=room]:before,.os__dock-tile:not([data-art=bleed])[data-brand=contact]:before{opacity:1;background:var(--os-glass-lift);border:1px solid var(--os-rule)}.os__dock-tile[data-kind=site]{color:var(--os-ink)}.os__dock-tile[data-kind=site]:before{opacity:1;background:linear-gradient(160deg, color-mix(in srgb, var(--accent) 26%, transparent), color-mix(in srgb, var(--accent) 9%, transparent)), var(--os-glass);border:1px solid color-mix(in srgb, var(--accent) 34%, transparent)}.os__dock-tile[data-kind=site]:hover:before,.os__dock-tile[data-kind=site]:focus-visible:before{background:linear-gradient(160deg, color-mix(in srgb, var(--accent) 40%, transparent), color-mix(in srgb, var(--accent) 16%, transparent)), var(--os-glass);border-color:color-mix(in srgb, var(--accent) 56%, transparent)}.os__dock-tile:not([data-art=bleed])[data-brand=instagram],.os__dock-tile:not([data-art=bleed])[data-brand=instagram]:hover,.os__dock-tile:not([data-art=bleed])[data-brand=instagram]:focus-visible,.os__dock-tile:not([data-art=bleed])[data-brand=linkedin],.os__dock-tile:not([data-art=bleed])[data-brand=linkedin]:hover,.os__dock-tile:not([data-art=bleed])[data-brand=linkedin]:focus-visible{color:#fff}.os__dock-tile:not([data-art=bleed])[data-brand=instagram]:before,.os__dock-tile:not([data-art=bleed])[data-brand=linkedin]:before{opacity:1}.os__dock-tile:not([data-art=bleed])[data-brand=instagram]:before{background:linear-gradient(45deg,#f77737 0%,#dd2a7b 18%,#8134af 62%,#515bd4 100%)}.os__dock-tile:not([data-art=bleed])[data-brand=linkedin]:before{background:#0a66c2}.os__dock-tile:not([data-art=bleed])[data-brand=instagram]:before,.os__dock-tile:not([data-art=bleed])[data-brand=linkedin]:before{filter:saturate(.25)brightness(.72);transition:opacity .16s,filter .25s}.os__dock-tile:not([data-art=bleed])[data-brand=instagram]:hover:before,.os__dock-tile:not([data-art=bleed])[data-brand=instagram]:focus-visible:before,.os__dock-tile:not([data-art=bleed])[data-brand=linkedin]:hover:before,.os__dock-tile:not([data-art=bleed])[data-brand=linkedin]:focus-visible:before{filter:none}.os__dock-tile:not([data-art=bleed])[data-brand=whatsapp]:before{opacity:1;background:linear-gradient(#25d36629, #25d36629), var(--os-glass-lift);filter:saturate(.4)}.os__dock-tile .glyph{stroke-width:1.7px;width:52%;height:52%;transition:transform .16s}.os__dock-tile:not([aria-disabled=true]):hover .glyph,.os__dock-tile:not([aria-disabled=true]):focus-visible .glyph{transform:scale(1.06)}.os__dock-tile[data-kind=external]:not([aria-disabled=true]):after{content:"";opacity:.7;border-top:1.5px solid;border-right:1.5px solid;width:5px;height:5px;position:absolute;top:8px;right:10px;transform:rotate(45deg)}.os__dock-tile[data-art=bleed][data-kind=external]:not([aria-disabled=true]):after{opacity:0;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 10'%3E%3Cpath d='M3 7L7 3M3.6 3H7v3.4' fill='none' stroke='%23fff' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") 50%/9px 9px no-repeat,#08080aa8;border:0;border-radius:50%;width:14px;height:14px;transition:opacity .16s;top:7px;right:7px;transform:none}.os__dock-tile[data-art=bleed][data-kind=external]:not([aria-disabled=true]):hover:after,.os__dock-tile[data-art=bleed][data-kind=external]:not([aria-disabled=true]):focus-visible:after{opacity:1}.os__dock-tile[aria-disabled=true],.os__dock-tile[aria-disabled=true]:hover,.os__dock-tile[aria-disabled=true]:focus-visible{color:var(--dock-disabled-ink);cursor:not-allowed}.os__dock-tip{border:1px solid var(--os-rule);background:var(--os-glass-lift);-webkit-backdrop-filter:blur(20px)saturate(1.8);color:var(--os-ink);white-space:nowrap;opacity:0;pointer-events:none;transform:translate3d(var(--tip-x,-50%), 4px, 0) scale(calc(1 / var(--mag,1)));border-radius:8px;padding:4px 10px;font-size:.8125rem;font-weight:500;line-height:1.2;transition:opacity .16s,transform .16s;position:absolute;bottom:calc(100% + 14px);left:50%;box-shadow:0 4px 12px #00000057}.os__dock-tile:hover .os__dock-tip,.os__dock-tile:focus-visible .os__dock-tip{opacity:1;transform:translate3d(var(--tip-x,-50%), 0, 0) scale(calc(1 / var(--mag,1)))}.os__dock-item:first-child .os__dock-tip{--tip-x:0;left:0}.os__dock-item:last-child .os__dock-tip{--tip-x:0;left:auto;right:0}.os__dock-list{animation:.7s cubic-bezier(.2,1,.3,1) backwards os-dock-in}.os__dock-item,.os__dock-sep{animation:.5s cubic-bezier(.2,1,.3,1) backwards os-dock-tile-in;animation-delay:calc(.18s + var(--i,0) * 45ms)}@keyframes os-dock-in{0%{opacity:0;transform:translateY(16px)}}@keyframes os-dock-tile-in{0%{opacity:0;transform:translateY(10px)}}@media (max-width:900px){.os__dock{--dock-tile:56px;--dock-gap:8px;--dock-pad-x:31px;--dock-pad-y:9px}}@media (max-width:540px){.os__dock{--dock-tile:50px;--dock-gap:6px;--dock-pad-x:28px;--dock-pad-y:8px;--dock-radius:24px}}@media (max-width:600px){.os__dock-sep{flex:0 0 100%;align-self:center;width:2.875rem;height:1px;margin-block:.25rem;margin-inline:auto}.os__dock-sep~.os__dock-item{--dock-tile:44px}}@media (prefers-reduced-motion:reduce){.os__dock-list,.os__dock-item,.os__dock-sep{animation:none}.os__dock-tile,.os__dock-tile:before,.os__dock-tile .glyph,.os__dock-tip{transition:none}.os__dock-tile,.os__dock-tile:not([aria-disabled=true]):hover .glyph,.os__dock-tile:not([aria-disabled=true]):focus-visible .glyph{transform:none}.os__dock-tip,.os__dock-tile:hover .os__dock-tip,.os__dock-tile:focus-visible .os__dock-tip{transform:translate3d(var(--tip-x,-50%), 0, 0)}}