:root{--page:#08090d;--card:#12151f;--text:#fff;--text-2:#ffffffbd;--muted:#ffffff80;--hair:#ffffff14;--amber:#e8a838;--amber-light:#f5c96b;--amber-deep:#cf8d1f;--ink:#12151f;--paper:#f6f5f1;--reg:"PlusJakartaSans-Regular", "Plus Jakarta Sans", system-ui, sans-serif;--med:"PlusJakartaSans-Medium", "Plus Jakarta Sans", system-ui, sans-serif;--light:"PlusJakartaSans-Light", "Plus Jakarta Sans", system-ui, sans-serif;--frame:clamp(10px, 1.6vw, 22px);--pad:clamp(22px, 4.6vw, 72px);--radius:clamp(24px, 2.6vw, 36px)}*{box-sizing:border-box}html{background:var(--page);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}html.lenis,html.lenis body{height:auto}.lenis.lenis-smooth{scroll-behavior:auto!important}body{color:var(--text);font-family:var(--reg);-webkit-font-smoothing:antialiased;background:radial-gradient(1200px 700px at 50% 0%, #6e78a01f, transparent 70%), var(--page);margin:0;font-size:17px;line-height:1.6;overflow-x:hidden}a{color:inherit;text-decoration:none}b{font-family:var(--med);font-weight:400}::selection{background:#e8a83859}h1,h2,h3{font-family:var(--med);letter-spacing:-.035em;margin:0;font-weight:400}h2{font-size:clamp(36px,4.2vw,62px);line-height:1.04}h1>span,h2.flip>span{display:block}.ln-mask{margin-bottom:-.16em;padding-bottom:.16em}.eyebrow{font-family:var(--med);letter-spacing:.22em;text-transform:uppercase;color:var(--amber-light);margin-bottom:18px;font-size:12px}.eyebrow.dark{color:#9a6a12}.card{margin:var(--frame);border-radius:var(--radius);background:var(--card);position:relative;overflow:hidden}.pill-btn{font-family:var(--med);color:var(--ink);white-space:nowrap;background:#fff;border-radius:999px;align-items:center;gap:8px;margin-top:10px;padding:13px 22px;font-size:15px;transition:box-shadow .3s;display:inline-flex}.pill-btn:hover{box-shadow:0 12px 30px #0000004d}.badges{flex-wrap:wrap;gap:12px;display:flex}.badges.center{justify-content:center}.badge{color:#0b0d16;background:#fff;border-radius:14px;align-items:center;gap:10px;padding:10px 18px 10px 14px;display:inline-flex}.badge-text{flex-direction:column;line-height:1.1;display:flex}.badge-text small{font-size:10.5px}.badge-text b{letter-spacing:-.02em;font-size:17px}.phone{background:linear-gradient(145deg,#2c2f38,#0d0e12 40%,#1d1f25);flex:none;position:relative;box-shadow:inset 0 0 0 1px #ffffff17,0 40px 80px #00000080}.phone-screen{background:#08090e;position:relative;overflow:hidden}.island{z-index:5;background:#000;border-radius:999px;position:absolute;left:50%;transform:translate(-50%)}.near,.live{width:100%}.live{justify-content:center;align-items:center;display:flex;overflow:hidden}.sky-panel{width:100%;height:100%;display:block}.hero{height:calc(100vh - var(--frame) * 2);min-height:640px;max-height:980px}.nav{z-index:6;padding:30px var(--pad) 0;align-items:center;gap:40px;width:58%;display:flex;position:relative}.brand{font-family:var(--med);letter-spacing:-.02em;white-space:nowrap;align-items:center;gap:11px;font-size:18px;display:flex}.links{color:var(--text-2);gap:28px;font-size:15px;display:flex}.links a:hover{color:#fff}.hero-body{position:absolute;inset:0 0 56px}.hero-copy{left:var(--pad);width:calc(58% - var(--pad) - 30px);flex-direction:column;justify-content:center;padding-top:70px;display:flex;position:absolute;top:0;bottom:0}.hero-title{letter-spacing:-.05em;margin-bottom:26px;font-size:clamp(48px,5.9vw,96px);line-height:.98}.hero-title>span:nth-child(n+2){color:#ffffff8c}.hero-sub{color:var(--text-2);max-width:30em;margin:0 0 28px;font-size:clamp(16px,1.3vw,19px)}.promises{border-top:1px solid var(--hair);grid-template-columns:repeat(3,1fr);gap:24px;max-width:640px;margin-top:40px;padding-top:24px;display:grid}.promise b{color:var(--amber-light);font-size:15.5px;display:block}.promise span{color:var(--muted);margin-top:5px;font-size:13.5px;line-height:1.5;display:block}.hero-panel{width:40%;position:absolute;top:0;bottom:0;right:0}.hero-sky-grow{position:absolute;inset:0}.hero-sky{border-top-left-radius:var(--radius);border-bottom-left-radius:8px;position:absolute;inset:0;overflow:hidden}.hero-phone-scroll{z-index:2;position:absolute;top:11%;left:8%}.hero-phone-intro{transform-origin:50% 100%;transform:rotate(-3deg)}.frag-scroll{z-index:4;position:absolute}.f1{top:24%;left:-22%}.f2{top:56%;left:-15%}.f3{top:40%;left:58%}.frag-pop{transform-origin:0%}.frag{white-space:nowrap;border-radius:14px;align-items:center;gap:10px;padding:11px 15px;font-size:14px;animation:6s ease-in-out infinite float;display:flex;transform:rotate(-4deg);box-shadow:0 18px 40px #00000059}.frag-light{color:#12151f;background:#fff}.frag-dark{color:#fff;background:#191d2a;animation-delay:-2s;transform:rotate(3deg);box-shadow:0 0 0 1px #ffffff1a,0 18px 40px #0006}.f3 .frag{animation-duration:7s;animation-delay:-4s;transform:rotate(-6deg)}@keyframes float{50%{translate:0 -8px}}.frag-icon{color:#9a6a12;background:#e8a83829;border-radius:8px;place-items:center;width:26px;height:26px;display:grid}.dot{background:var(--amber-light);border-radius:5px;width:9px;height:9px}.flame-well{place-items:center;width:30px;height:30px;display:grid;overflow:hidden}.ticker{z-index:5;background:var(--paper);height:56px;color:var(--ink);align-items:center;display:flex;position:absolute;bottom:0;left:0;right:0;overflow:hidden}.ticker-track{width:max-content;animation:40s linear infinite tick;display:flex}.ticker-track span{font-family:var(--med);letter-spacing:.14em;text-transform:uppercase;white-space:nowrap;align-items:center;gap:22px;padding-right:22px;font-size:13.5px;display:inline-flex}.ticker-track i{background:var(--amber);border-radius:3px;width:6px;height:6px}@keyframes tick{to{transform:translate(-50%)}}.about{padding:clamp(60px, 7vw, 110px) var(--pad);grid-template-columns:1fr 1fr;align-items:center;gap:clamp(30px,5vw,90px);display:grid}.about-art{height:clamp(480px,46vw,640px);position:relative}.about-sky{border-radius:28px;position:absolute;inset:6% 12% 6% 0;overflow:hidden}.fan{position:absolute}.fan.back{top:4%;left:40%}.fan.front{z-index:2;top:14%;left:8%}.about-copy h2{margin-bottom:24px}.about-copy p{color:var(--text-2);max-width:30em;margin:0 0 16px;font-size:18px}.tour{position:relative}.tour-pin{--card-x:9vw;height:100vh;position:relative;overflow:hidden}.names{pointer-events:none;position:absolute;inset:0}.names-row{height:15vh;font-family:var(--med);letter-spacing:-.02em;font-size:15vh;line-height:1;position:absolute;left:0;right:0}.names-row.r0{--x:calc(var(--slide,0) * -28% - 4%);top:-3vh}.names-row.r1{--x:calc(var(--slide,0) * 24% - 30%);top:12vh}.names-row.r2{--x:calc(var(--slide,0) * -24% - 8%);bottom:12vh}.names-row.r3{--x:calc(var(--slide,0) * 28% - 34%);bottom:-3vh}.nl{white-space:pre;transform:translateX(var(--x));position:absolute;top:0;left:0}.nl.out{color:#0000;-webkit-text-stroke:1.4px #f5c96b61}.band{clip-path:inset(0 var(--card-x,9vw));position:absolute;inset:0}.nl.fill{color:var(--amber-light)}.tour-card{z-index:2;top:12vh;bottom:12vh;left:var(--card-x);right:var(--card-x);border-radius:var(--radius);background:var(--card);box-shadow:0 0 0 1px var(--hair), 0 40px 100px #00000080;grid-template-columns:150px minmax(0,1fr) auto;align-items:center;gap:clamp(24px,3vw,56px);padding:0 clamp(28px,4vw,64px);display:grid;position:absolute}.tour-nav{flex-direction:column;align-self:center;gap:14px;margin:0;padding:0;list-style:none;display:flex}.tour-nav li{color:var(--muted);padding-left:14px;font-size:13.5px;transition:color .4s;position:relative}.tour-nav .n{display:none}.tour-nav li:before{content:"";background:var(--amber-light);width:2px;height:0;transition:height .4s;position:absolute;top:50%;left:0;translate:0 -50%}.tour-nav li.on{color:#fff}.tour-nav li.on:before{height:16px}.tour-nav li.past{color:#ffffffb8}.ends{font-family:var(--light);letter-spacing:-.04em;font-size:clamp(34px,3.4vw,62px);line-height:1.06}.ends .e1,.ends .e2{white-space:nowrap;display:block}.ends .e2{padding-left:1.3em}.ends .ghost{color:#0000}.tour-body{color:var(--text-2);max-width:26em;min-height:4.8em;margin:22px 0 0 1.3em;font-size:clamp(16px,1.25vw,19px);animation:.8s cubic-bezier(.16,1,.3,1) .25s both fadeUp}@keyframes fadeUp{0%{opacity:0;transform:translateY(16px)}}.tour-bar{background:var(--hair);border-radius:2px;max-width:360px;height:2px;margin:34px 0 0 1.3em;overflow:hidden}.tour-bar i{background:var(--amber);transform-origin:0;height:100%;display:block}.tour-phone{align-self:center}.screens{width:393px;height:852px;position:relative}.scr{opacity:0;transition:opacity .6s,transform .8s cubic-bezier(.16,1,.3,1);position:absolute;inset:0;transform:translateY(50px)}.scr.past{transform:translateY(-50px)}.scr.on{opacity:1;transform:none}.light{background:var(--paper);color:var(--ink);padding:clamp(60px, 7vw, 110px) var(--pad)}.head{max-width:760px}.head p{color:#12151fa3;max-width:30em;margin:20px 0 0;font-size:clamp(17px,1.35vw,20px)}.head.second{margin-top:clamp(80px,9vw,140px)}.mode-tabs{display:none}.modes{grid-template-columns:repeat(3,1fr);gap:clamp(18px,3vw,48px);margin-top:64px;display:grid}.mode{text-align:center;flex-direction:column;align-items:center;display:flex}.mode-phone{filter:drop-shadow(0 30px 40px #12151f38)drop-shadow(0 6px 10px #12151f1f)}.mode:nth-child(2) .mode-phone{translate:0 -26px}.mode-head{align-items:center;gap:12px;margin-top:30px;display:flex}.mode h3{letter-spacing:-.02em;font-size:24px}.meter{gap:4px;display:flex}.meter i{background:#12151f1f;border-radius:3px;width:16px;height:5px}.meter i.on{background:var(--ink)}.mode p{color:#12151f9e;max-width:21em;margin:8px auto 0;font-size:15.5px}.bento{grid-template-columns:repeat(12,1fr);gap:16px;margin-top:50px;display:grid}.bc{color:#fff;background:linear-gradient(#161c2e,#10141f);border-radius:32px;flex-direction:column;min-width:0;padding:34px 34px 30px;display:flex;overflow:hidden;box-shadow:0 30px 60px #12151f29}.bc.s5{grid-column:span 5}.bc.s6{grid-column:span 6}.bc.s7{grid-column:span 7}.bc h3{letter-spacing:-.02em;color:#fff;font-size:24px}.bc p{color:#ffffffa3;max-width:30em;margin:8px 0 0;font-size:16px}.demo-qibla{cursor:grab}.demo-qibla:active{cursor:grabbing}.bc-demo{flex:1;justify-content:center;align-items:center;min-width:0;margin-top:26px;display:flex}.mac{padding:clamp(60px, 7vw, 110px) var(--pad);grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);grid-template-areas:"copy art""copy modes";align-items:center;gap:22px clamp(30px,4vw,72px);display:grid}.mac-copy{grid-area:copy}.mac-copy h2{margin-bottom:24px}.mac-copy>p{color:var(--text-2);max-width:28em;margin:0;font-size:18px}.mac-points{border-top:1px solid var(--hair);gap:18px;max-width:30em;margin:34px 0;padding-top:24px;display:grid}.mac-point b{color:var(--amber-light);font-size:16px;display:block}.mac-point span{color:var(--text-2);margin-top:4px;font-size:15px;line-height:1.55;display:block}.mac-art{aspect-ratio:1.42;grid-area:art;align-self:end;position:relative}.mac-sky{border-radius:28px;position:absolute;inset:0 8% 4% 0;overflow:hidden}.mac-art figure{margin:0}.mac-screen-wrap{filter:drop-shadow(0 30px 50px #00000080);width:76%;position:absolute;bottom:12%;left:5%}.mac-screen{background:linear-gradient(145deg,#2c2f38,#0d0e12 40%,#1d1f25);border-radius:14px;padding:1.6%;box-shadow:inset 0 0 0 1px #ffffff17}.mac-display{aspect-ratio:1440/872;background:#08090e;border-radius:6px;position:relative;overflow:hidden}.mac-display img{opacity:0;width:100%;height:100%;transition:opacity .7s;display:block;position:absolute;inset:0}.mac-display img.on{opacity:1}.mac-base{background:linear-gradient(#3a3d46,#17181d);border-radius:2px 2px 10px 10px;height:10px;margin:0 -5%;box-shadow:inset 0 0 0 1px #ffffff0f}.mac-panel{z-index:2;filter:drop-shadow(0 28px 44px #0000008c);width:33%;max-width:392px;position:absolute;top:0;right:0}.mac-menubar{-webkit-backdrop-filter:blur(12px);background:#141722b8;border-radius:8px;justify-content:center;align-items:center;height:24px;margin-bottom:6px;display:flex;box-shadow:inset 0 0 0 1px #ffffff12}.mac-menubar-item{background:#ffffff24;border-radius:5px;place-items:center;height:18px;padding:0 7px;display:grid}.mac-menubar-item img{display:block}.mac-panel>img{clip-path:inset(2px round 13px);border-radius:14px;width:100%;height:auto;display:block}.mac-modes{grid-area:modes;justify-self:start;align-items:center;gap:18px;margin-left:5%;display:flex}.mac-modes p{color:var(--text-2);margin:0;font-size:15px;animation:.6s cubic-bezier(.16,1,.3,1) both fadeUp}.mac-tabs{background:#ffffff0f;border-radius:14px;flex:none;gap:4px;padding:4px;display:flex}.mac-tabs button{color:var(--muted);font:inherit;font-family:var(--med);cursor:pointer;background:0 0;border:0;border-radius:10px;padding:8px 14px;font-size:14px;transition:background .3s,color .3s}.mac-tabs button.on{color:var(--amber-light);background:#e8a83829}.private{padding:clamp(60px, 7vw, 110px) var(--pad)}.private-cols{grid-template-columns:repeat(3,1fr);gap:clamp(20px,3vw,48px);margin-top:56px;display:grid}.pcol{border-top:1px solid var(--hair);padding-top:26px}.pcol-icon{width:40px;height:40px;color:var(--amber-light);background:#e8a8381f;border-radius:12px;place-items:center;margin-bottom:18px;display:grid}.pcol b{letter-spacing:-.015em;font-size:21px}.pcol p{color:var(--text-2);max-width:22em;margin:6px 0 0;font-size:16.5px}.close{padding:0 var(--frame) var(--frame)}.close-frame{margin-top:var(--frame);background:linear-gradient(160deg, #f6cf7c, var(--amber) 60%, var(--amber-deep));transform-origin:50% 0;border-radius:40px;padding:clamp(10px,1.3vw,16px)}.close-card{background:var(--card);padding:clamp(70px, 8vw, 120px) var(--pad) 0;text-align:center;border-radius:30px;position:relative;overflow:hidden}.close-card h2{text-align:center;display:inline-block;position:relative}.close-card>p{max-width:32em;color:var(--text-2);margin:22px auto 30px;font-size:18px;position:relative}.sunpath{pointer-events:none;width:100%;height:420px;position:absolute;bottom:0;left:0;overflow:visible}.sunpath .arc{fill:none;stroke:#f5c96b52;stroke-width:1.2px;stroke-dasharray:1}.sunpath .pdot{fill:var(--amber-light)}.sunpath text{font-family:var(--med);letter-spacing:.02em;fill:#f5c96bcc;font-size:13px}.trio{justify-content:center;align-items:flex-end;gap:clamp(16px,2.4vw,34px);height:320px;margin-top:120px;display:flex;position:relative}.rise{margin-bottom:-170px}.rise.r2{margin-bottom:-180px}.foot{padding:0}.foot-sky{position:absolute;inset:0}.foot-sky:after{content:"";background:linear-gradient(#08090e59,#08090e0d 45%,#08090eb3);position:absolute;inset:0}.foot-in{padding:34px var(--pad) 30px;position:relative}.foot-top{justify-content:space-between;align-items:center;gap:20px;display:flex}.foot-word{font-family:var(--light);letter-spacing:-.06em;color:#ffffffeb;margin:clamp(40px,6vw,90px) 0 clamp(26px,3vw,40px);font-size:clamp(64px,12vw,200px);line-height:.95}.foot-bottom{color:#ffffffb8;border-top:1px solid #ffffff29;justify-content:space-between;gap:20px;padding-top:22px;font-size:14px;display:flex}@media (width<=1100px){.hero{height:auto;max-height:none}.nav{width:auto}.links{display:none}.hero-body{flex-direction:column;padding-bottom:56px;display:flex;position:relative;inset:auto}.hero-copy{width:auto;padding:40px var(--pad) 40px;position:relative;left:0}.hero-panel{width:auto;height:620px;margin-left:var(--pad);position:relative}.hero-sky{border-bottom-left-radius:0}.f1{top:10%;left:-6%}.f2{top:64%;left:-4%}.f3{top:36%;left:auto;right:4%}.hero-phone-scroll{left:50%;translate:-50%}.about{grid-template-columns:1fr}.mac{grid-template-columns:1fr;grid-template-areas:"copy""art""modes";row-gap:30px}.tour-pin{--card-x:4vw}.tour-card{grid-template-columns:minmax(0,1fr) auto}.tour-nav{display:none}.modes{grid-template-columns:1fr 1fr 1fr;gap:14px}.mode-phone{zoom:.74}.bc.s5,.bc.s6,.bc.s7{grid-column:span 6}}@media (width<=700px){body{font-size:16px}.hero-copy{display:contents}.hero-title{margin:22px var(--pad) 0;order:1;font-size:40px}.hero-title>span:nth-child(n+2){display:inline}.hero-title>span:nth-child(3):before{content:" "}.hero-panel{order:2;height:540px;margin:22px 14px 0}.hero-sky{border-radius:28px}.hero-phone-scroll{top:5%}.hero-sub{margin:28px var(--pad) 20px;order:3;font-size:16px}.hero .badges{margin:0 var(--pad);flex-wrap:nowrap;order:4}.hero .badge{white-space:nowrap;flex:1 1 0;justify-content:center;padding-left:10px;padding-right:10px}.promises{margin:34px var(--pad) 10px;order:5;grid-template-columns:1fr;gap:14px}.hero-body{padding-bottom:56px}.frag{padding:9px 12px;font-size:12.5px}.f2{display:none}.about-art{height:440px}.fan{zoom:.74}.fan.back{top:3%;left:44%}.fan.front{top:10%;left:4%}.tour-card{grid-template-rows:auto auto minmax(0,1fr);grid-template-columns:1fr;align-items:start;gap:14px;padding:18px;top:5vh;bottom:5vh;overflow:hidden}.tour-nav{flex-direction:row;gap:6px;display:flex}.tour-nav li{border-top:2px solid #ffffff24;flex:1;padding:8px 0 0;font-size:11.5px;transition:color .4s,border-color .4s}.tour-nav li:before{display:none}.tour-nav li.on,.tour-nav li.past{border-top-color:var(--amber)}.tour-nav .n,.tour-words .eyebrow{display:none}.ends{font-size:27px}.ends .e2{padding-left:.8em}.tour-body{min-height:4.5em;margin:8px 0 0;font-size:14.5px;line-height:1.5}.tour-bar{display:none}.tour-phone{justify-content:center;place-self:stretch stretch;align-items:center;min-height:0;display:flex}.names-row{font-size:9vh}.light{padding:56px var(--pad)}.mode-tabs{background:#12151f0f;border-radius:16px;gap:4px;margin-top:30px;padding:4px;display:flex}.mode-tabs button{color:#12151f99;font:inherit;font-family:var(--med);cursor:pointer;background:0 0;border:0;border-radius:12px;flex:1;padding:11px 0;font-size:15px;transition:background .3s,color .3s}.mode-tabs button.on{color:var(--ink);background:#fff;box-shadow:0 4px 14px #12151f1a}.modes{grid-template-columns:1fr;margin-top:28px}.mode:not(.picked){display:none}.mode:nth-child(2) .mode-phone{translate:none}.mode-phone{zoom:1}.private-cols{grid-template-columns:1fr}.mac{row-gap:22px}.mac-copy>p{font-size:16px}.mac-art{aspect-ratio:auto;height:auto;padding-bottom:0}.mac-sky{border-radius:22px;inset:0}.mac-art{flex-direction:column;align-items:center;padding:26px 0 24px;display:flex}.mac-screen-wrap{width:calc(100% - 28px);position:relative;bottom:auto;left:auto}.mac-screen{border-radius:10px;padding:2.2%}.mac-display{border-radius:4px}.mac-base{height:7px}.mac-panel{display:none}.mac-art{padding:22px 0}.mac-modes{flex-direction:column;justify-self:stretch;align-items:stretch;gap:12px;margin-left:0}.mac-tabs button{flex:1;padding:10px 0;font-size:15px}.mac-modes p{text-align:center;font-size:14.5px}.bento{scroll-snap-type:x mandatory;margin:34px calc(-1 * var(--pad)) 0;padding:0 var(--pad) 6px;scrollbar-width:none;overscroll-behavior-x:contain;gap:12px;display:flex;overflow-x:auto}.bento::-webkit-scrollbar{display:none}.bc,.bc.s5,.bc.s6,.bc.s7{scroll-snap-align:center;flex:0 0 88%;padding:24px 14px 18px}.bc-text{padding:0 8px}.bc h3{font-size:21px}.bc .phone{zoom:.8}.bc-demo{margin-top:18px}h2{font-size:31px}.close-card h2{font-size:33px}.bc p{font-size:15px}.close-card{padding-top:54px}.close-card>p{font-size:16px}.close-card .badges{flex-wrap:nowrap;justify-content:center;gap:8px}.close-card .badge{zoom:.9}.trio{gap:0;height:330px;margin-top:70px}.trio .rise{zoom:.62;margin-bottom:-150px}.trio .r2{zoom:.7;z-index:2;margin-bottom:-170px}.trio .r1{z-index:1;margin-right:-64px;rotate:-7deg}.trio .r3{z-index:1;margin-left:-64px;rotate:7deg}.sunpath{width:820px;height:344px;left:50%;translate:-50%}.foot-word{margin:46px 0 30px}.foot-bottom{gap:10px}.foot-top .links{display:none}.foot-bottom{flex-direction:column}}@media (prefers-reduced-motion:reduce){.ticker-track,.frag,.tour-body,.mac-modes p{animation:none}.mac-display img{transition:none}}:focus-visible{outline:2px solid var(--amber-light);outline-offset:3px;border-radius:8px}.swap{display:inline-grid;overflow:hidden}.swap>span{white-space:nowrap;grid-area:1/1;transition:transform .6s cubic-bezier(.16,1,.3,1),opacity .4s}.swap-b{opacity:0;transform:translateY(105%)}.swap.on .swap-a{opacity:0;transform:translateY(-105%)}.swap.on .swap-b{opacity:1;transform:none}.frag-pop.turned{animation:.9s cubic-bezier(.34,1.56,.64,1) turn}@keyframes turn{0%{rotate:0deg;scale:1}30%{rotate:4deg;scale:1.16}62%{rotate:-1.5deg;scale:.97}to{rotate:0deg;scale:1}}.frag-icon.open{color:var(--amber-light);background:#12151f}.frag-icon{transition:background .5s,color .5s}.shackle{transform-box:fill-box;transform-origin:100% 100%;transition:transform .5s cubic-bezier(.34,1.56,.64,1)}.shackle.open{transform:translateY(-2px)rotate(28deg)}.dot{transition:background .5s}.dot.done{background:#62a56c}@media (prefers-reduced-motion:reduce){.swap>span,.shackle{transition:none}.frag-pop.turned{animation:none}}