*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}:root{--ink:#0E1E26;--ink-soft:#46606B;--cyan:#0AB3D4;--cyan-deep:#067E97;--sky:#E4F3F7;--paper:#FFFFFF;--haze:#B9C9D0;--red:#F2335E;}html{-webkit-text-size-adjust:100%}body{font-family:'Figtree',system-ui,-apple-system,'Segoe UI',sans-serif;color:var(--ink);background:linear-gradient(180deg,#DFEFF4 0%,#F4FBFC 46%,#E7F2F5 100%);min-height:100dvh;display:flex;flex-direction:column;overflow-x:hidden;-webkit-tap-highlight-color:transparent;}.room{position:fixed;inset:0;z-index:0;pointer-events:none;overflow:hidden}.room svg{position:absolute;inset:0;width:100%;height:100%}.room__floor{position:absolute;left:0;right:0;bottom:0;height:32%;background:linear-gradient(180deg,#CFE6ED 0%,#E8F5F7 42%,#DCEEF2 100%);border-top:1px solid rgba(14,30,38,.06);}.shell{position:relative;z-index:1;flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;max-width:820px;margin:0 auto;padding:calc(20px + env(safe-area-inset-top)) clamp(16px,5vw,28px) 0;text-align:center;}.lockup{display:flex;align-items:center;gap:10px;justify-content:center}.lockup img{width:clamp(52px,14vw,96px);height:auto;aspect-ratio:1/1;display:block;filter:drop-shadow(0 6px 12px rgba(12,24,30,.14))}.wordmark{font-family:'Bricolage Grotesque','Figtree',sans-serif;font-weight:800;font-size:clamp(23px,6.4vw,34px);letter-spacing:-.02em;color:var(--ink);line-height:1;}.stage{width:100%;margin-top:clamp(12px,2.6vh,22px);display:flex;flex-direction:column;align-items:center}.pane{position:relative;width:min(100%,520px)}.pane__glass{position:relative;aspect-ratio:16/11;border-radius:20px;background:linear-gradient(160deg,#122B35 0%,#0E1E26 62%,#132F3A 100%);padding:clamp(9px,2.6vw,14px);display:grid;grid-template-columns:1fr 6px 1fr;box-shadow:0 1px 0 rgba(255,255,255,.5) inset,0 20px 34px -20px rgba(12,24,30,.38),0 5px 12px -7px rgba(12,24,30,.26);overflow:hidden;}.mullion{background:linear-gradient(180deg,#25505F,#0E1E26);border-radius:3px;box-shadow:0 0 0 1px rgba(255,255,255,.06)}.half{position:relative;overflow:hidden;border-radius:12px;background:#16323D;box-shadow:0 0 0 1px rgba(255,255,255,.07) inset}.wall{position:absolute;inset:0;padding:clamp(7px,2vw,11px);display:grid;grid-template-columns:1fr 1fr;grid-template-rows:repeat(3,1fr);gap:clamp(5px,1.4vw,8px);}.tile{border-radius:7px;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.tile svg{width:44%;max-width:26px;height:auto;display:block}.half--before .tile{background:#7C99A4}.half--before .tile--empty{background:transparent;box-shadow:0 0 0 2px #44646F inset}.tile--draft{background:linear-gradient(150deg,#1D4250,#0F2B35)}.tile--repost{background:linear-gradient(150deg,#0AB3D4,#067E97)}.tile--saved{background:#F3F9FA}.tile--liked{background:#FFF1F4}.tile--play{background:linear-gradient(150deg,#24505F,#12303B)}.tile--draft2{background:linear-gradient(150deg,#067E97,#0A3B49)}.fold{position:absolute;top:0;right:0;width:26%;max-width:16px;aspect-ratio:1/1;background:linear-gradient(225deg,rgba(255,255,255,.85) 50%,transparent 50%)}.frost{position:absolute;inset:0;background:linear-gradient(118deg,rgba(228,243,247,.52),rgba(255,255,255,.4) 46%,rgba(198,224,234,.56));-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);box-shadow:0 0 0 1px rgba(255,255,255,.3) inset;}.frost::after{content:"";position:absolute;inset:0;background:linear-gradient(118deg,rgba(255,255,255,.34),rgba(255,255,255,0) 40%,rgba(255,255,255,.26));}.half--after .frost{transform:translateX(103%)}.glare{position:absolute;top:-12%;left:-26%;width:52%;height:130%;background:linear-gradient(90deg,rgba(255,255,255,0),rgba(255,255,255,.2),rgba(255,255,255,0));transform:rotate(14deg);pointer-events:none;}.pin{position:absolute;left:0;top:50%;width:26px;height:34px;margin-top:-17px;opacity:0}.pin svg{width:100%;height:100%;display:block;filter:drop-shadow(0 4px 7px rgba(12,24,30,.4))}.pane__contact{position:absolute;left:12%;right:12%;bottom:-13px;height:20px;border-radius:50%;background:radial-gradient(50% 50% at 50% 50%,rgba(12,24,30,.22),rgba(12,24,30,0) 70%);}.legend{display:flex;align-items:center;justify-content:center;gap:clamp(8px,3vw,16px);margin-top:clamp(16px,3vh,24px);font-size:clamp(11px,3vw,13px);font-weight:600;letter-spacing:.02em;}.legend span{display:inline-flex;align-items:center;gap:6px;color:var(--ink-soft)}.legend .dot{width:8px;height:8px;border-radius:50%;background:#8FA5AD;flex:none}.legend .now{color:var(--ink)}.legend .now .dot{background:var(--cyan)}.legend .arrow{width:22px;height:8px;flex:none}h1{font-family:'Bricolage Grotesque','Figtree',sans-serif;font-weight:800;font-size:clamp(27px,7.6vw,52px);line-height:1.04;letter-spacing:-.035em;margin-top:clamp(16px,3.2vh,26px);max-width:15ch;text-wrap:balance;}.sub{color:var(--ink-soft);font-size:clamp(14.5px,3.9vw,18px);line-height:1.5;margin-top:clamp(10px,1.8vh,14px);max-width:44ch;}.cta{display:inline-flex;align-items:center;justify-content:center;gap:10px;margin-top:clamp(18px,3.4vh,28px);min-height:54px;padding:0 clamp(24px,6vw,38px);border-radius:999px;background:var(--cyan);color:var(--ink);font-family:'Bricolage Grotesque','Figtree',sans-serif;font-weight:800;font-size:clamp(16.5px,4.4vw,20px);letter-spacing:-.01em;text-decoration:none;box-shadow:0 10px 20px -12px rgba(12,24,30,.45);transition:transform .18s ease;}.cta svg{width:17px;height:17px;flex:none}.cta:focus-visible{outline:3px solid var(--ink);outline-offset:3px}.cta:active{transform:translateY(1px)}@media (hover:hover){.cta:hover{transform:translateY(-2px)}}footer{position:relative;z-index:1;margin-top:auto;padding:clamp(18px,3vh,26px) 16px calc(16px + env(safe-area-inset-bottom));text-align:center;font-size:13px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-soft);}@keyframes wipe{from{transform:translateX(0)}}@keyframes travel{0%{opacity:0;transform:translateX(-14px)}12%{opacity:1}85%{opacity:1}100%{opacity:0;transform:translateX(calc(100% + 14px))}}@keyframes pop{from{opacity:0;transform:translateY(7px) scale(.94)}}@keyframes lift{from{opacity:0;transform:translateY(14px)}}.pane{animation:lift .6s cubic-bezier(.22,.7,.3,1) both}.half--after .frost{animation:wipe 1s cubic-bezier(.62,.04,.3,1) .35s both}.half--after .pin{animation:travel 1.15s cubic-bezier(.62,.04,.3,1) .28s both}.half--after .tile{animation:pop .42s cubic-bezier(.22,.9,.3,1) both}.half--after .tile:nth-child(1){animation-delay:.5s}.half--after .tile:nth-child(2){animation-delay:.72s}.half--after .tile:nth-child(3){animation-delay:.57s}.half--after .tile:nth-child(4){animation-delay:.79s}.half--after .tile:nth-child(5){animation-delay:.64s}.half--after .tile:nth-child(6){animation-delay:.86s}@media (prefers-reduced-motion:reduce){.pane,.half--after .frost,.half--after .pin,.half--after .tile{animation:none}.cta{transition:none}}@media (min-width:760px){.shell{padding-top:34px}.pane{width:520px}}@media (max-height:700px){.pane{width:min(100%,400px)}h1{font-size:clamp(25px,6.6vw,40px)}}html,body{max-width:100%;overflow-x:clip}