/* The site stylesheet, as the original site built it (shared.css and the page styles). Fonts load from /assets. */

/* Geist, Geist Mono and Outfit (SIL Open Font License 1.1), served from this site rather than Google Fonts: one variable
   file per alphabet covers every weight, and the browser only fetches the alphabets a page uses */
@font-face{font-family:'Geist';font-style:normal;font-weight:400 600;font-display:swap;src:url('assets/fonts/geist-cyrillic-ext.woff2') format('woff2');unicode-range:U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F}
@font-face{font-family:'Geist';font-style:normal;font-weight:400 600;font-display:swap;src:url('assets/fonts/geist-cyrillic.woff2') format('woff2');unicode-range:U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116}
@font-face{font-family:'Geist';font-style:normal;font-weight:400 600;font-display:swap;src:url('assets/fonts/geist-vietnamese.woff2') format('woff2');unicode-range:U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB}
@font-face{font-family:'Geist';font-style:normal;font-weight:400 600;font-display:swap;src:url('assets/fonts/geist-latin-ext.woff2') format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF}
@font-face{font-family:'Geist';font-style:normal;font-weight:400 600;font-display:swap;src:url('assets/fonts/geist-latin.woff2') format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:'Geist Mono';font-style:normal;font-weight:400 500;font-display:swap;src:url('assets/fonts/geist-mono-cyrillic-ext.woff2') format('woff2');unicode-range:U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F}
@font-face{font-family:'Geist Mono';font-style:normal;font-weight:400 500;font-display:swap;src:url('assets/fonts/geist-mono-cyrillic.woff2') format('woff2');unicode-range:U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116}
@font-face{font-family:'Geist Mono';font-style:normal;font-weight:400 500;font-display:swap;src:url('assets/fonts/geist-mono-symbols2.woff2') format('woff2');unicode-range:U+2000-2001, U+2004-2008, U+200A, U+23B8-23BD, U+2500-259F}
@font-face{font-family:'Geist Mono';font-style:normal;font-weight:400 500;font-display:swap;src:url('assets/fonts/geist-mono-vietnamese.woff2') format('woff2');unicode-range:U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB}
@font-face{font-family:'Geist Mono';font-style:normal;font-weight:400 500;font-display:swap;src:url('assets/fonts/geist-mono-latin-ext.woff2') format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF}
@font-face{font-family:'Geist Mono';font-style:normal;font-weight:400 500;font-display:swap;src:url('assets/fonts/geist-mono-latin.woff2') format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:'Outfit';font-style:normal;font-weight:400 800;font-display:swap;src:url('assets/fonts/outfit-latin-ext.woff2') format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF}
@font-face{font-family:'Outfit';font-style:normal;font-weight:400 800;font-display:swap;src:url('assets/fonts/outfit-latin.woff2') format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}

@font-face{font-family:'Morfy Neo';src:url('assets/MorfyNeo-Light.woff2') format('woff2');font-weight:300;font-display:swap}
@font-face{font-family:'Morfy Neo';src:url('assets/MorfyNeo-Regular.woff2') format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:'Morfy Neo';src:url('assets/MorfyNeo-Medium.woff2') format('woff2');font-weight:500;font-display:swap}
@font-face{font-family:'Morfy Neo';src:url('assets/MorfyNeo-Bold.woff2') format('woff2');font-weight:700;font-display:swap}
@font-face{font-family:'Morfy Neo';src:url('assets/MorfyNeo-Black.woff2') format('woff2');font-weight:900;font-display:swap}
@font-face{font-family:'Morfy Mono';src:url('assets/MorfyMono-Light.woff2') format('woff2');font-weight:300;font-display:swap}
@font-face{font-family:'Morfy Mono';src:url('assets/MorfyMono-Regular.woff2') format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:'Morfy Mono';src:url('assets/MorfyMono-Bold.woff2') format('woff2');font-weight:700;font-display:swap}
body{margin:0;background:#07070A}
.m-root{position:relative;font-family:'Geist','Helvetica Neue',sans-serif;color:#F4F4F6;background:#07070A;min-height:100vh;overflow-x:hidden;overflow-x:clip;-webkit-font-smoothing:antialiased}
.m-root a{color:inherit;text-decoration:none}
.m-root ::selection{background:#8A6BFF;color:#fff}
.m-grad{background:linear-gradient(92deg,#8A6BFF 0%,#4FA6FF 38%,#FF8FD3 72%,#FFB47E 100%);-webkit-background-clip:text;background-clip:text;color:transparent}
.m-grad-anim{background:linear-gradient(92deg,#8A6BFF,#4FA6FF,#FF8FD3,#FFB47E,#8A6BFF);background-size:300% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:mGradPan 8s linear infinite}
.m-ring{background:linear-gradient(92deg,#8A6BFF,#4FA6FF,#FF8FD3,#FFB47E)}
.m-eyebrow{margin:0;font-family:'Geist Mono',monospace;font-size:13px;letter-spacing:.16em;color:#8C8C99;text-transform:uppercase}
.m-h1{margin:0;font-family:'Morfy Neo','Outfit',sans-serif;font-weight:700;letter-spacing:-.03em;line-height:1}
.m-h2{margin:0;font-family:'Morfy Neo','Outfit',sans-serif;font-weight:700;font-size:clamp(30px,3.8vw,52px);letter-spacing:-.025em;line-height:1.06}
.m-lead{margin:0;font-size:17px;line-height:1.6;color:#A3A3B0}
/* background */
.m-bg{position:fixed;inset:0;z-index:0;pointer-events:none;overflow:hidden}
.m-orb{position:absolute;border-radius:50%;filter:blur(90px);opacity:.55;mix-blend-mode:screen;will-change:transform}
.m-orb.o1{width:62vw;height:62vw;left:-14vw;top:-22vw;background:radial-gradient(circle,#6B4DFF 0%,rgba(107,77,255,0) 68%);animation:mOrb1 26s ease-in-out infinite}
.m-orb.o2{width:54vw;height:54vw;right:-16vw;top:-10vw;background:radial-gradient(circle,#2F8CFF 0%,rgba(47,140,255,0) 68%);animation:mOrb2 31s ease-in-out infinite}
.m-orb.o3{width:46vw;height:46vw;left:24vw;top:30vh;background:radial-gradient(circle,#FF6FC8 0%,rgba(255,111,200,0) 66%);opacity:.32;animation:mOrb3 36s ease-in-out infinite}
.m-orb.o4{width:40vw;height:40vw;right:4vw;bottom:-22vw;background:radial-gradient(circle,#FFA766 0%,rgba(255,167,102,0) 66%);opacity:.28;animation:mOrb1 40s ease-in-out infinite reverse}
.m-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:64px 64px;-webkit-mask-image:radial-gradient(ellipse at 50% 0%,#000 0%,transparent 70%);mask-image:radial-gradient(ellipse at 50% 0%,#000 0%,transparent 70%)}
.m-noise{position:absolute;inset:-50%;opacity:.06;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='160' height='160'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>");animation:mGrain 1.2s steps(6) infinite}
.m-vign{position:absolute;inset:0;background:radial-gradient(ellipse at 50% 40%,rgba(7,7,10,0) 0%,rgba(7,7,10,.55) 70%,#07070A 100%)}
.m-content{position:relative;z-index:1}
@keyframes mOrb1{0%,100%{transform:translate(0,0) scale(1)}33%{transform:translate(8vw,6vh) scale(1.12)}66%{transform:translate(-4vw,10vh) scale(.92)}}
@keyframes mOrb2{0%,100%{transform:translate(0,0) scale(1)}40%{transform:translate(-10vw,8vh) scale(1.15)}75%{transform:translate(-2vw,-4vh) scale(.95)}}
@keyframes mOrb3{0%,100%{transform:translate(0,0) scale(1)}50%{transform:translate(-12vw,-8vh) scale(1.25)}}
@keyframes mGrain{0%{transform:translate(0,0)}20%{transform:translate(-3%,2%)}40%{transform:translate(2%,-3%)}60%{transform:translate(-2%,-1%)}80%{transform:translate(3%,3%)}100%{transform:translate(0,0)}}
@keyframes mGradPan{to{background-position:300% 0}}
/* header */
.m-hdr{position:sticky;top:0;z-index:40;background:rgba(7,7,10,.66);-webkit-backdrop-filter:saturate(180%) blur(20px);backdrop-filter:saturate(180%) blur(20px);border-bottom:1px solid rgba(255,255,255,.07)}
.m-brand{display:flex;align-items:center;gap:10px}
.m-mark{position:relative;width:46px;height:31px;display:inline-block;transition:transform .7s cubic-bezier(.34,1.56,.64,1)}
.m-mark img{width:100%;height:100%;object-fit:contain;display:block}
.m-brand:hover .m-mark{transform:rotate(-8deg) scale(1.12)}
.m-shine{position:absolute;inset:0;-webkit-mask:url('/assets/mark-160.png') center/contain no-repeat;mask:url('/assets/mark-160.png') center/contain no-repeat;background:linear-gradient(105deg,rgba(255,255,255,0) 35%,rgba(255,255,255,.85) 50%,rgba(255,255,255,0) 65%);background-size:300% 100%;background-position:150% 0;animation:mShine 4.5s ease-in-out infinite}
@keyframes mShine{0%,55%{background-position:150% 0}100%{background-position:-150% 0}}
.m-nl{position:relative;font-size:14px;color:#B4B4C0;padding:8px 2px;transition:color .2s;white-space:nowrap;display:inline-flex;align-items:center;gap:8px}
.m-nl:hover{color:#FFFFFF}
.m-nl::after{content:'';position:absolute;left:0;right:0;bottom:2px;height:1.5px;border-radius:2px;background:linear-gradient(90deg,#8A6BFF,#4FA6FF,#FF8FD3);transform:scaleX(0);transform-origin:left;transition:transform .35s cubic-bezier(.2,.8,.2,1)}
.m-nl:hover::after,.m-nl.on::after{transform:scaleX(1)}
.m-nl.on{color:#FFFFFF}
.m-soon{font-family:'Geist Mono',monospace;font-size:10px;letter-spacing:.08em;padding:3px 7px;border-radius:999px;color:#0B0B10;background:linear-gradient(92deg,#FF8FD3,#FFB47E)}
.m-plan{font-family:'Geist Mono',monospace;font-size:12px;padding:8px 12px;border-radius:999px;border:1px solid rgba(255,255,255,.14);color:#C9C9D2;white-space:nowrap;transition:border-color .2s}
.m-plan:hover{border-color:rgba(255,255,255,.4)}
.m-plan.pro{border-color:transparent;background:linear-gradient(#0B0B10,#0B0B10) padding-box,linear-gradient(92deg,#8A6BFF,#4FA6FF,#FF8FD3,#FFB47E) border-box;border:1px solid transparent;color:#FFFFFF}
/* buttons */
.m-btn{font-family:'Geist',sans-serif;font-size:15px;font-weight:600;min-height:44px;padding:0 20px;border-radius:999px;border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.04);color:#F4F4F6;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:8px;box-sizing:border-box;white-space:nowrap;transition:transform .25s cubic-bezier(.34,1.56,.64,1),background .2s,border-color .2s,box-shadow .3s;-webkit-tap-highlight-color:transparent}
.m-btn:hover{background:rgba(255,255,255,.09);border-color:rgba(255,255,255,.34);transform:translateY(-1px)}
.m-btn:active{transform:scale(.96)}
.m-btn:focus-visible,.m-chip:focus-visible,.m-tile:focus-visible,.m-in:focus-visible{outline:2px solid #4FA6FF;outline-offset:3px}
.m-btn[disabled]{opacity:.4;cursor:not-allowed;transform:none}
.m-btn-p,.m-root .m-btn-p{background:#F4F4F6;color:#0B0B10;border-color:#F4F4F6}
.m-btn-p:hover{background:#FFFFFF;border-color:#FFFFFF;box-shadow:0 10px 40px -10px rgba(138,107,255,.7)}
.m-btn-g{border:1px solid transparent;background:linear-gradient(#0E0E14,#0E0E14) padding-box,linear-gradient(92deg,#8A6BFF,#4FA6FF,#FF8FD3,#FFB47E) border-box}
.m-btn-g:hover{background:linear-gradient(#15151E,#15151E) padding-box,linear-gradient(92deg,#8A6BFF,#4FA6FF,#FF8FD3,#FFB47E) border-box;box-shadow:0 10px 40px -12px rgba(79,166,255,.6)}
.m-btn-lg{min-height:56px;padding:0 30px;font-size:17px}
.m-link{background:none;border:none;color:#A3A3B0;font:inherit;font-size:14px;cursor:pointer;padding:8px;text-decoration:underline;text-underline-offset:4px}
.m-link:hover{color:#fff}
.m-chip{font-family:'Geist',sans-serif;font-size:13px;font-weight:500;min-height:36px;padding:0 14px;border-radius:999px;border:1px solid rgba(255,255,255,.14);background:transparent;color:#A3A3B0;cursor:pointer;white-space:nowrap;transition:all .2s}
.m-chip:hover{color:#fff;border-color:rgba(255,255,255,.34)}
.m-chip.on{background:#F4F4F6;color:#0B0B10;border-color:#F4F4F6}
.m-in{font-family:'Geist',sans-serif;font-size:16px;min-height:48px;padding:0 18px;border-radius:14px;border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.04);color:#F4F4F6;box-sizing:border-box;transition:border-color .2s,background .2s}
.m-in:hover{border-color:rgba(255,255,255,.28)}
.m-in::placeholder{color:#6A6A76}
.m-in.err{border-color:#FF6B6B}
/* cards */
.m-card{position:relative;border:1px solid rgba(255,255,255,.08);border-radius:28px;background:rgba(16,16,22,.72);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);overflow:hidden}
.m-glow::before{content:'';position:absolute;inset:0;border-radius:inherit;pointer-events:none;opacity:0;transition:opacity .35s;background:radial-gradient(420px circle at var(--gx,50%) var(--gy,50%),rgba(138,107,255,.16),rgba(79,166,255,.06) 40%,transparent 70%)}
.m-glow:hover::before{opacity:1}
.m-lift{transition:transform .5s cubic-bezier(.34,1.56,.64,1),border-color .3s}
.m-lift:hover{transform:translateY(-6px);border-color:rgba(255,255,255,.16)}
.m-tile{position:relative;border:1px solid rgba(255,255,255,.08);border-radius:20px;background:#FFFFFF;cursor:pointer;padding:0;overflow:hidden;transition:transform .45s cubic-bezier(.34,1.56,.64,1),box-shadow .3s,border-color .3s}
.m-tile:hover{transform:translateY(-4px) scale(1.02);box-shadow:0 22px 50px -24px rgba(138,107,255,.65)}
.m-tile:active{transform:scale(.97)}
/* reveal */
.m-rv-ready .rv{opacity:0;transform:translateY(28px);transition:opacity .9s cubic-bezier(.2,.7,.2,1),transform .9s cubic-bezier(.2,.7,.2,1)}
.m-rv-ready .rv.in{opacity:1;transform:none}
.m-rv-ready .rv.d1{transition-delay:.08s}.m-rv-ready .rv.d2{transition-delay:.16s}.m-rv-ready .rv.d3{transition-delay:.24s}.m-rv-ready .rv.d4{transition-delay:.32s}
/* marquee */
.m-marq{display:flex;gap:16px;width:max-content;animation:mMarq 70s linear infinite}
.m-marq.rev{animation-direction:reverse;animation-duration:84s}
.m-marq-wrap:hover .m-marq{animation-play-state:paused}
@keyframes mMarq{to{transform:translateX(-50%)}}
/* hero logo */
.m-hero-logo{position:relative;width:min(420px,78vw);aspect-ratio:701/467;transform:perspective(900px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg));transition:transform .25s ease-out;transform-style:preserve-3d}
.m-trace{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.m-trace path{stroke-dasharray:1;stroke-dashoffset:1;animation:mTrace 1.5s cubic-bezier(.65,0,.35,1) .15s forwards,mFadeOut .6s ease 1.55s forwards}
.m-mark-big{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;opacity:0;filter:blur(18px);transform:scale(.86);animation:mMarkIn 1.1s cubic-bezier(.2,.8,.2,1) 1.2s forwards}
.m-mark-float{position:absolute;inset:0;animation:mFloat 7s ease-in-out 2.4s infinite}
.m-mark-shine{position:absolute;inset:0;-webkit-mask:url('assets/mark.png') center/contain no-repeat;mask:url('assets/mark.png') center/contain no-repeat;background:linear-gradient(105deg,rgba(255,255,255,0) 38%,rgba(255,255,255,.75) 50%,rgba(255,255,255,0) 62%);background-size:300% 100%;background-position:160% 0;opacity:0;animation:mShow .1s linear 2.1s forwards,mShine 5.5s ease-in-out 2.2s infinite;mix-blend-mode:soft-light}
.m-mark-glow{position:absolute;left:8%;right:8%;bottom:-14%;height:40%;border-radius:50%;background:radial-gradient(closest-side,rgba(110,90,255,.75),rgba(79,166,255,.35) 50%,rgba(0,0,0,0));filter:blur(28px);opacity:0;animation:mShow 1s ease 1.6s forwards,mBreath 5s ease-in-out 2.6s infinite}
.m-mark-halo{position:absolute;inset:-18%;border-radius:50%;background:conic-gradient(from 0deg,rgba(138,107,255,0),rgba(138,107,255,.35),rgba(79,166,255,.0),rgba(255,143,211,.3),rgba(255,180,126,0),rgba(138,107,255,0));filter:blur(40px);opacity:0;animation:mShow 1.2s ease 1.8s forwards,mSpin 18s linear infinite}
@keyframes mTrace{to{stroke-dashoffset:0}}
@keyframes mFadeOut{to{opacity:0}}
@keyframes mShow{to{opacity:1}}
@keyframes mMarkIn{to{opacity:1;filter:blur(0);transform:scale(1)}}
@keyframes mFloat{0%,100%{transform:translateY(0) rotate(0)}50%{transform:translateY(-14px) rotate(-1.2deg)}}
@keyframes mBreath{0%,100%{transform:scale(1);opacity:.85}50%{transform:scale(1.12);opacity:1}}
@keyframes mSpin{to{transform:rotate(360deg)}}
.m-word{opacity:0;animation:mWordIn .9s cubic-bezier(.2,.8,.2,1) forwards}
.m-word.w2{animation-delay:.12s}.m-word.w3{animation-delay:.24s}.m-word.w4{animation-delay:.36s}
@keyframes mWordIn{from{opacity:0;transform:translateY(30px);filter:blur(10px)}to{opacity:1;transform:none;filter:blur(0)}}
.m-up{opacity:0;animation:mWordIn 1s cubic-bezier(.2,.8,.2,1) forwards}
/* modal */
.m-scrim{position:fixed;inset:0;z-index:80;background:rgba(4,4,8,.72);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);animation:mShow .25s ease both;opacity:0}
.m-modal{position:fixed;z-index:81;left:50%;top:50%;width:min(520px,calc(100vw - 32px));max-height:calc(100vh - 40px);overflow:auto;transform:translate(-50%,-50%);box-sizing:border-box;border-radius:28px;padding:32px;background:#0E0E15;border:1px solid rgba(255,255,255,.1);box-shadow:0 40px 120px -20px rgba(0,0,0,.8),0 0 0 1px rgba(138,107,255,.18);animation:mModalIn .45s cubic-bezier(.34,1.56,.64,1) both}
@keyframes mModalIn{from{opacity:0;transform:translate(-50%,-46%) scale(.94)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}
.m-drawer{position:fixed;z-index:81;top:0;right:0;bottom:0;width:min(560px,100vw);overflow:auto;box-sizing:border-box;background:#0C0C12;border-left:1px solid rgba(255,255,255,.1);box-shadow:-40px 0 120px -20px rgba(0,0,0,.8);animation:mDrawerIn .5s cubic-bezier(.2,.8,.2,1) both}
@keyframes mDrawerIn{from{transform:translateX(40px);opacity:0}to{transform:none;opacity:1}}
.m-toast{position:fixed;left:50%;bottom:28px;z-index:100;transform:translateX(-50%);padding:12px 20px;border-radius:999px;background:#F4F4F6;color:#0B0B10;font-size:14px;font-weight:600;box-shadow:0 20px 60px -10px rgba(0,0,0,.6);animation:mToast .4s cubic-bezier(.34,1.56,.64,1) both}
@keyframes mToast{from{opacity:0;transform:translate(-50%,18px)}to{opacity:1;transform:translate(-50%,0)}}
.m-bar{height:6px;border-radius:999px;background:rgba(255,255,255,.08);overflow:hidden}
.m-bar>i{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,#8A6BFF,#4FA6FF,#FF8FD3);transition:width .6s cubic-bezier(.2,.8,.2,1)}
.m-skel{border-radius:20px;background:linear-gradient(90deg,#14141B,#1E1E28,#14141B);background-size:200% 100%;animation:mSkel 1.2s linear infinite}
@keyframes mSkel{to{background-position:-200% 0}}
.m-spin{width:18px;height:18px;border-radius:50%;border:2px solid rgba(11,11,16,.25);border-top-color:#0B0B10;animation:mSpin .8s linear infinite;display:inline-block}
.m-scroll{overflow-x:auto;scrollbar-width:none}
.m-scroll::-webkit-scrollbar{display:none}
.m-confetti{position:absolute;top:-10px;width:8px;height:14px;border-radius:2px;animation:mFall 2.8s cubic-bezier(.2,.6,.4,1) forwards}
@keyframes mFall{0%{transform:translateY(0) rotate(0);opacity:1}100%{transform:translateY(520px) rotate(540deg);opacity:0}}
.m-pulse{animation:mPulse 2s ease-in-out infinite}
@keyframes mPulse{0%,100%{opacity:1}50%{opacity:.4}}
@media (max-width:820px){.m-hide-sm{display:none !important}}
@media (prefers-reduced-motion:reduce){.m-orb,.m-noise,.m-marq,.m-shine,.m-mark-shine,.m-mark-glow,.m-mark-halo,.m-mark-float,.m-grad-anim,.m-pulse,.m-confetti{animation:none !important}.m-trace{display:none}.m-mark-big,.m-word,.m-up{animation:none !important;opacity:1 !important;filter:none !important;transform:none !important}.m-rv-ready .rv{opacity:1;transform:none;transition:none}}
.m-navrow{order:3;flex:1 1 100%;justify-content:flex-start !important}
@media (min-width:980px){.m-navrow{order:0;flex:0 1 auto;justify-content:center !important}}
.mp-flame{transform-origin:50% 100%;animation:mpFlame 1.4s ease-in-out infinite}
.mp-sway{transform-origin:50% 0%;animation:mpSway 3.2s ease-in-out infinite}
.mp-spin{transform-origin:50% 50%;animation:mpSpin 16s linear infinite}
.mp-twinkle{transform-origin:50% 50%;animation:mpTwinkle 2.2s ease-in-out infinite}
.mp-drift{animation:mpDrift 4s ease-in-out infinite}
.mp-drift-2{animation:mpDrift 5s ease-in-out infinite reverse}
@keyframes mpFlame{0%,100%{transform:scale(1,1)}30%{transform:scale(0.9,1.12)}60%{transform:scale(1.06,0.94)}}
@keyframes mpSway{0%,100%{transform:rotate(-5deg)}50%{transform:rotate(5deg)}}
@keyframes mpSpin{to{transform:rotate(360deg)}}
@keyframes mpTwinkle{0%,100%{transform:scale(1);opacity:1}50%{transform:scale(0.6);opacity:0.5}}
@keyframes mpDrift{0%,100%{transform:translate(0,0)}50%{transform:translate(6px,-8px)}}
.m-hdr .m-nl{color:#B4B4C0}.m-hdr .m-nl:hover,.m-hdr .m-nl.on{color:#FFFFFF}
.m-hdr .m-plan{color:#C9C9D2}.m-hdr .m-plan.pro{color:#FFFFFF}
.mf-root .m-btn-p,.m-root .m-btn-p,.m-hdr .m-btn-p{color:#0B0B10}
.mf-root .m-btn,.mf-root .m-link{color:#F4F4F6}.mf-root .m-btn-p{color:#0B0B10}
@keyframes mBeat{to{left:82%}}

/* home sales page */
.mh{--mhw:1120px}
.mh-wrap{max-width:var(--mhw);margin:0 auto;width:100%;box-sizing:border-box}
.mh-hero{position:relative;padding:56px 20px 40px;min-height:calc(88vh - 64px);box-sizing:border-box;display:flex;align-items:center}
.mh-sec{padding:64px 20px}
.mh-h1{font-size:clamp(38px,6vw,80px)!important;line-height:1!important;letter-spacing:-.035em!important;max-width:900px}
.mh-lead{margin:0;max-width:600px;font-size:clamp(16px,1.6vw,19px);line-height:1.6;color:#A3A3B0}
.mh-ctas{display:flex;flex-wrap:wrap;justify-content:center;gap:10px}
.mh-btn{min-height:48px;padding:0 22px;font-size:15px}
.mh-pill{display:inline-flex;align-items:center;gap:10px;padding:8px 14px;border-radius:999px;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.04);font-size:13px;color:#C9C9D2;text-decoration:none;transition:border-color .2s,background .2s}
.mh-pill:hover{border-color:rgba(255,180,126,.5);background:rgba(255,180,126,.06)}
.mh-dot{width:7px;height:7px;border-radius:50%;background:#FFB47E;box-shadow:0 0 0 4px rgba(255,180,126,.18)}
.mh-stats{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:4px;width:100%;max-width:720px;margin-top:10px;padding-top:22px;border-top:1px solid rgba(255,255,255,.08)}
.mh-stat{display:flex;flex-direction:column;gap:2px}
.mh-statn{font-family:'Morfy Neo',sans-serif;font-size:clamp(20px,2.4vw,28px);font-weight:700;letter-spacing:-.02em}
.mh-statl{font-size:12px;color:#8C8C99}
.mh-mosaic{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-rows:clamp(150px,17vw,230px);gap:12px}
.mh-tile{position:relative;border-radius:24px;overflow:hidden;display:block;text-decoration:none;color:inherit;border:1px solid rgba(255,255,255,.06);transition:transform .4s cubic-bezier(.2,.8,.2,1),box-shadow .4s}
.mh-tile:hover{transform:translateY(-4px);box-shadow:0 24px 60px -24px rgba(138,107,255,.45)}
.mh-tall{grid-row:span 2}
.mh-wide{grid-column:span 2}
.mh-lot{position:absolute;inset:0;display:block}
.mh-lot>img,.mh-fit{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;display:block;box-sizing:border-box}
.mh-tag{position:absolute;left:12px;bottom:10px;z-index:3;font-family:'Geist Mono',monospace;font-size:11px;letter-spacing:.04em;color:rgba(255,255,255,.75);background:rgba(0,0,0,.28);padding:4px 8px;border-radius:999px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}
.mh-tagd{color:rgba(17,17,22,.7);background:rgba(255,255,255,.6)}
.mh-head{display:flex;flex-direction:column;gap:12px;max-width:680px}
.mh-h2{margin:0;font-family:'Morfy Neo',sans-serif;font-weight:700;font-size:clamp(28px,3.6vw,46px);line-height:1.08;letter-spacing:-.025em}
.mh-sub{margin:0;font-size:clamp(15px,1.4vw,17px);line-height:1.65;color:#A3A3B0;max-width:620px}
.mh-h3{font-family:'Morfy Neo',sans-serif;font-size:19px;font-weight:700}
.mh-p{font-size:14px;line-height:1.6;color:#A3A3B0}
.mh-grid4{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,230px),1fr));gap:12px}
.mh-grid3{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));gap:28px;border-top:1px solid rgba(255,255,255,.08);padding-top:44px}
.mh-who{padding:22px;border-radius:22px;display:flex;flex-direction:column;gap:10px}
.mh-ico{width:40px;height:40px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:19px;background:linear-gradient(140deg,rgba(138,107,255,.25),rgba(255,143,211,.18))}
.mh-split{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,420px),1fr));gap:clamp(28px,5vw,64px);align-items:center}
.mh-rev .mh-copy{order:2}
.mh-copy{display:flex;flex-direction:column;gap:16px}
.mh-list{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:10px;font-size:15px;color:#C9C9D2}
.mh-list li{position:relative;padding-left:26px;line-height:1.5}
.mh-list li::before{content:'';position:absolute;left:0;top:5px;width:14px;height:14px;border-radius:50%;background:linear-gradient(140deg,#8A6BFF,#FF8FD3);-webkit-mask:radial-gradient(circle,transparent 3px,#000 3.5px);mask:radial-gradient(circle,transparent 3px,#000 3.5px)}
.mh-visual{min-width:0}
.mh-iconwall{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.mh-wallt{border-radius:18px;aspect-ratio:1;overflow:hidden;display:flex;align-items:center;justify-content:center}
.mh-wallt img{width:100%;height:100%;object-fit:contain;display:block}
.mh-motion{display:grid;grid-template-columns:1.618fr 1fr;grid-template-rows:1fr 1fr;gap:10px;aspect-ratio:1.45}
.mh-reel{position:relative;border-radius:20px;overflow:hidden}
.mh-reel:first-child{grid-row:span 2}
.mh-type{border-radius:24px;background:#F4F2EE;color:#111116;padding:clamp(18px,3vw,30px)}
.mh-trow{display:flex;justify-content:space-between;align-items:baseline;gap:12px;padding:10px 0;border-bottom:1px solid rgba(17,17,22,.08)}
.mh-tmeta{font-family:'Geist Mono',monospace;font-size:11px;color:#6A6A76;white-space:nowrap}
.mh-panel{border-radius:20px;overflow:hidden;aspect-ratio:1}
.mh-panel:first-child{aspect-ratio:auto}
.mh-table{padding:6px 0;border-radius:24px;max-width:820px;margin:0 auto;width:100%}
.mh-tr{display:grid;grid-template-columns:1.6fr 1fr 1fr;gap:12px;padding:14px 24px;border-top:1px solid rgba(255,255,255,.06);font-size:15px;align-items:center}
.mh-tr:first-child{border-top:none}
.mh-tr em{display:block;font-style:normal;font-size:12px;color:#8C8C99;margin-top:2px}
.mh-th{font-size:12px;font-family:'Geist Mono',monospace;letter-spacing:.08em;text-transform:uppercase;color:#8C8C99}
.mh-yes{color:#F4F4F6;font-weight:600}
.mh-no{color:#5C5C66}
.mh-how{display:flex;flex-direction:column;gap:8px}
.mh-num{font-family:'Geist Mono',monospace;font-size:12px}
.mh-plans{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr));gap:16px;max-width:820px;margin:0 auto;width:100%}
.mh-plan{padding:28px;border-radius:26px;display:flex;flex-direction:column;gap:16px}
.mh-pro{background:linear-gradient(rgba(16,16,22,.94),rgba(16,16,22,.94)) padding-box,linear-gradient(140deg,#8A6BFF,#4FA6FF,#FF8FD3,#FFB47E) border-box;border:1px solid transparent;box-shadow:0 40px 100px -40px rgba(138,107,255,.5)}
.mh-price{font-family:'Morfy Neo',sans-serif;font-size:44px;font-weight:700;letter-spacing:-.03em;line-height:1}
.mh-price em{font-style:normal;font-family:'Geist',sans-serif;font-size:14px;font-weight:400;color:#8C8C99;margin-left:8px;letter-spacing:0}
.mh-faq{border-top:1px solid rgba(255,255,255,.07)}
.mh-faq:first-child{border-top:none}
.mh-q{width:100%;display:flex;justify-content:space-between;align-items:center;gap:16px;padding:18px 0;background:none;border:none;color:#F4F4F6;font-family:'Geist',sans-serif;font-size:16px;font-weight:500;text-align:left;cursor:pointer}
.mh-plus{flex:none;width:28px;height:28px;border-radius:50%;border:1px solid rgba(255,255,255,.14);display:flex;align-items:center;justify-content:center;color:#A3A3B0}
.mh-a{margin:0 0 18px;font-size:15px;line-height:1.65;color:#A3A3B0;max-width:680px}
.mh-final{max-width:720px;margin:0 auto;display:flex;flex-direction:column;align-items:center;gap:18px}
@media (max-width:820px){
  .mh-hero{min-height:auto;padding:40px 16px 28px}
  .mh-sec{padding:44px 16px}
  .mh-stats{grid-template-columns:repeat(3,minmax(0,1fr));row-gap:14px}
  .mh-mosaic{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:42vw;gap:10px}
  .mh-tall{grid-row:span 2}
  .mh-rev .mh-copy{order:0}
  .mh-tr{padding:12px 16px;font-size:14px;grid-template-columns:1.4fr .8fr .8fr}
  .mh-ctas{width:100%}
  .mh-ctas .mh-btn{flex:1 1 100%;justify-content:center}
  .mh-copy .mh-btn{align-self:stretch!important;justify-content:center}
  .mh-iconwall{gap:8px}
  .mh-price{font-size:38px}
}
/* icon library */
.ul-hero{position:relative;padding:64px 16px 36px}
.uil-hero{display:grid;grid-template-columns:repeat(10,minmax(0,1fr));gap:12px;width:100%;max-width:1000px;margin-top:14px}
.ul-ht{height:64px;border-radius:18px;background:#FFFFFF;color:#111116;border:1px solid rgba(255,255,255,.1);display:flex;align-items:center;justify-content:center;cursor:pointer;overflow:hidden;transition:transform .25s cubic-bezier(.34,1.56,.64,1),box-shadow .25s}
.ul-ht:hover{transform:translateY(-3px);box-shadow:0 16px 40px -18px rgba(138,107,255,.7)}
[data-uil]{flex:none}
[data-uil] svg{width:100%;height:100%;display:block;overflow:visible}
.ul-maker{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:clamp(20px,4vw,48px);padding:clamp(20px,3vw,36px);border-radius:28px;align-items:center}
.ul-makein{font-size:20px!important;min-height:56px;border-radius:16px!important}
.ul-made{display:flex;flex-direction:column;align-items:center;gap:14px}
.ul-madebox{width:min(240px,100%);aspect-ratio:1;border-radius:32px;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;overflow:hidden;box-shadow:0 40px 90px -40px rgba(138,107,255,.6);transition:transform .3s cubic-bezier(.34,1.56,.64,1)}
.ul-madebox:hover{transform:scale(1.03)}
.ul-bar{position:sticky;top:64px;z-index:20;padding:12px 16px;background:rgba(7,7,10,.85);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-top:1px solid rgba(255,255,255,.06);border-bottom:1px solid rgba(255,255,255,.06)}
.ul-bar .mh-wrap{max-width:1320px}
.ul-seg{display:flex;gap:3px;padding:3px;border-radius:999px;border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.03)}
.ul-seg .m-chip{border:none}
.ul-weight{display:flex;align-items:center;gap:10px;flex:1 1 360px;min-width:0}
.ul-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(104px,1fr));gap:10px}
.ul-tile{position:relative;aspect-ratio:1;border-radius:18px;border:1px solid rgba(127,127,140,.14);display:flex;align-items:center;justify-content:center;cursor:pointer;overflow:hidden;padding:0;transition:transform .25s cubic-bezier(.34,1.56,.64,1),box-shadow .25s}
.ul-tile:hover{transform:translateY(-3px);box-shadow:0 18px 40px -20px rgba(138,107,255,.65)}
.ul-name{position:absolute;left:6px;right:6px;bottom:7px;font-size:10px;line-height:1.2;opacity:0;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:opacity .2s}
.ul-tile:hover .ul-name,.ul-tile:focus-visible .ul-name{opacity:.6}
.ul-big{aspect-ratio:1.4;border-radius:26px;display:flex;align-items:center;justify-content:center;overflow:hidden}
.ul-big [data-uil]{height:56%!important;width:auto!important;aspect-ratio:1}
.ul-mini{aspect-ratio:1;border-radius:12px;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;overflow:hidden;padding:0}
.ul-bchip{min-height:32px;padding:0 10px;display:inline-flex;align-items:center;justify-content:center}
.ul-askmake{display:flex;flex-direction:column;align-items:flex-start;gap:4px;padding:16px 20px;border-radius:18px;cursor:pointer;text-align:left;font:inherit;color:inherit}
.ul-all{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;padding:28px;border-radius:26px}
@media (max-width:820px){
  .uil-hero{grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}
  .ul-ht{height:56px;border-radius:14px}
  .ul-maker{grid-template-columns:1fr}
  .ul-bar{position:static}
  .ul-grid{grid-template-columns:repeat(auto-fill,minmax(76px,1fr));gap:8px}
  .ul-tile{border-radius:14px}
}
.m-drawer .ul-weight{flex:none}
.mh-uigrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.mh-uit{aspect-ratio:1.25;border-radius:18px;background:#FFFFFF;color:#111116;display:flex;align-items:center;justify-content:center;overflow:hidden;text-decoration:none;transition:transform .25s cubic-bezier(.34,1.56,.64,1),box-shadow .25s}
.mh-uit:hover{transform:translateY(-3px);box-shadow:0 18px 40px -20px rgba(138,107,255,.65)}
.m-root a.mh-uit,.m-root .mh-uit{color:#111116}
/* illustrations */
.il-art{display:block;width:100%;height:100%}
.il-art svg{display:block;width:100%;height:100%}
.il-hov .ia{animation-play-state:paused!important}
.il-hov .il-tile:hover .ia,.il-hov .il-scard:hover .ia,.il-hov .il-genbox:hover .ia,.il-hov .il-esart:hover .ia{animation-play-state:running!important}
.il-hero{position:relative;padding:64px 16px 36px}
.il-mosaic{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;width:min(1240px,100%);margin-top:8px}
.il-mtile{position:relative;aspect-ratio:4/3;border-radius:18px;overflow:hidden;border:1px solid rgba(255,255,255,.1);background:#FFF;padding:0;cursor:pointer;transition:transform .35s cubic-bezier(.2,.8,.2,1),box-shadow .35s}
.il-mtile:nth-child(odd){transform:translateY(10px)}
.il-mtile:hover{transform:translateY(-4px);box-shadow:0 24px 50px -24px rgba(138,107,255,.8)}
.il-mtag{position:absolute;left:8px;bottom:8px;padding:3px 8px;border-radius:999px;background:rgba(12,12,18,.72);color:#F4F4F6;font-size:10px;letter-spacing:.02em;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}
.il-gen{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:clamp(20px,4vw,48px);padding:clamp(20px,3vw,36px);border-radius:28px;align-items:center}
.il-genin{font-size:20px!important;min-height:56px;border-radius:16px!important}
.il-genbox{display:block;width:100%;aspect-ratio:4/3;border-radius:22px;overflow:hidden;border:none;padding:0;cursor:pointer;background:#FFF;box-shadow:0 40px 90px -40px rgba(138,107,255,.6);transition:transform .3s}
.il-genbox:hover{transform:scale(1.01)}
.il-styles{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:14px}
.il-scard{display:flex;flex-direction:column;gap:8px;padding:8px 8px 14px;border-radius:20px;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.03);color:inherit;font:inherit;text-align:left;cursor:pointer;transition:transform .3s,border-color .3s,background .3s}
.il-scard:hover{transform:translateY(-3px);border-color:rgba(138,107,255,.5)}
.il-scard.on{border-color:#8A6BFF;background:rgba(138,107,255,.12);box-shadow:0 0 0 1px #8A6BFF inset}
.il-sthumb{display:block;aspect-ratio:4/3;border-radius:14px;overflow:hidden;background:#FFF}
.il-smeta{display:flex;justify-content:space-between;align-items:baseline;gap:8px;padding:0 6px}
.il-sname{font-family:'Morfy Neo',sans-serif;font-weight:700;font-size:16px}
.il-sfam{font-size:11px;color:#8C8C99;text-transform:uppercase;letter-spacing:.08em}
.il-sblurb{padding:0 6px;font-size:12.5px;line-height:1.45;color:#A3A3B0}
.il-cur{display:flex;gap:6px;align-items:baseline;font-size:14px;white-space:nowrap}
.il-sw{width:22px;height:22px;border-radius:50%;border:2px solid rgba(255,255,255,.16);padding:0;cursor:pointer;flex:none;position:relative;overflow:hidden}
.il-swc{background:conic-gradient(#FF6B6B,#FFD93D,#6BCB77,#4D96FF,#B76BFF,#FF6B6B);display:inline-block}
.il-swc input{position:absolute;inset:0;opacity:0;width:100%;height:100%;cursor:pointer}
.il-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:14px}
.il-tile{position:relative;display:block;aspect-ratio:4/3;border-radius:18px;overflow:hidden;border:1px solid rgba(127,127,140,.16);background:#FFF;padding:0;cursor:pointer;transition:transform .3s cubic-bezier(.2,.8,.2,1),box-shadow .3s}
.il-tile:hover{transform:translateY(-3px);box-shadow:0 20px 44px -22px rgba(138,107,255,.75)}
.il-tname{position:absolute;left:8px;right:8px;bottom:8px;display:flex;justify-content:space-between;gap:8px;padding:6px 10px;border-radius:12px;background:rgba(12,12,18,.78);color:#F4F4F6;font-size:12px;opacity:0;transform:translateY(6px);transition:opacity .25s,transform .25s;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);white-space:nowrap;overflow:hidden}
.il-tile:hover .il-tname,.il-tile:focus-visible .il-tname{opacity:1;transform:none}
.il-guide{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(20px,4vw,48px);padding:clamp(20px,3vw,36px);border-radius:28px;align-items:start}
.il-pal{display:inline-flex;align-items:center;gap:6px;padding:4px 10px 4px 4px;border-radius:999px;border:1px solid rgba(255,255,255,.1);font-family:'Geist Mono',monospace;font-size:11px;color:#C9C9D2}
.il-pal span{width:18px;height:18px;border-radius:50%;border:1px solid rgba(255,255,255,.2)}
.il-rules{display:flex;flex-direction:column;border-top:1px solid rgba(255,255,255,.08)}
.il-rule{display:grid;grid-template-columns:96px minmax(0,1fr);gap:12px;padding:10px 0;border-bottom:1px solid rgba(255,255,255,.08);font-size:14px;line-height:1.5}
.il-rule span:first-child{color:#8C8C99;font-size:12px;text-transform:uppercase;letter-spacing:.08em;padding-top:2px}
.il-dodont{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.il-dodont div{display:flex;flex-direction:column;gap:4px;padding:12px 14px;border-radius:14px;background:rgba(255,255,255,.04);font-size:13.5px;line-height:1.5}
.il-dodont div span{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.1em}
.il-gsheet{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.il-es{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:clamp(20px,4vw,48px);padding:clamp(20px,3vw,36px);border-radius:28px;align-items:center}
.il-field{display:flex;flex-direction:column;gap:6px}
.il-field>span{font-size:12px;color:#8C8C99}
.il-field textarea{resize:vertical;min-height:64px;font:inherit;line-height:1.5}
.il-esprev{display:flex;flex-direction:column;align-items:center;gap:18px;padding:32px 24px;border-radius:22px;background:#FFF;color:#15151B;text-align:center}
.il-esprev.dark{background:#0E0E13;color:#F4F4F6;border:1px solid rgba(255,255,255,.08)}
.il-esprev.side{flex-direction:row;text-align:left}
.il-esart{width:100%;max-width:360px;aspect-ratio:4/3;border-radius:14px;overflow:hidden;flex:none}
.il-esprev.side .il-esart{max-width:280px;width:52%}
.il-escopy{display:flex;flex-direction:column;align-items:inherit;gap:8px;min-width:0}
.il-esprev:not(.side) .il-escopy{align-items:center}
.il-esprev.side .il-escopy{align-items:flex-start}
.il-escopy h3{margin:0;font-family:Inter,system-ui,sans-serif;font-size:22px;line-height:1.25;letter-spacing:-.01em}
.il-escopy p{margin:0 0 6px;font-size:15px;line-height:1.55;color:#5B5B66;max-width:380px}
.il-esprev.dark .il-escopy p{color:#A3A3B0}
.il-esbtn{display:inline-flex;align-items:center;min-height:44px;padding:0 20px;border-radius:999px;background:#5B3FFF;color:#FFF;font-weight:600;font-size:15px}
.il-drawer{width:min(640px,100vw)}
.il-big{aspect-ratio:4/3;border-radius:22px;overflow:hidden;background:#FFF;box-shadow:0 30px 80px -40px rgba(0,0,0,.8)}
.il-stylechips{display:flex;flex-wrap:wrap;gap:6px}
@media (max-width:900px){
  .il-mosaic{grid-template-columns:repeat(3,minmax(0,1fr))}
  .il-gen,.il-guide,.il-es{grid-template-columns:1fr}
  .il-styles{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:10px}
}
@media (max-width:600px){
  .il-hero{padding:40px 16px 24px}
  .il-mosaic{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
  .il-mtile:nth-child(odd){transform:none}
  .il-mosaic .il-mtile:nth-child(n+5){display:none}
  .il-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px}
  .il-tile{border-radius:12px}
  .il-tname{display:none}
  .il-sblurb{display:none}
  .il-dodont{grid-template-columns:1fr}
  .il-esprev.side{flex-direction:column;text-align:center}
  .il-esprev.side .il-esart{width:100%}
  .il-esprev.side .il-escopy{align-items:center}
  .il-genin{font-size:17px!important}
}
@media (prefers-reduced-motion:reduce){.il-art .ia{animation:none!important}}
.mh-illgrid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.mh-illt{position:relative;display:block;aspect-ratio:4/3;border-radius:18px;overflow:hidden;background:#FFF;border:1px solid rgba(255,255,255,.1);transition:transform .35s,box-shadow .35s}
.mh-illt:hover{transform:translateY(-4px);box-shadow:0 24px 50px -24px rgba(138,107,255,.8)}
/* home v2: calm, spacious, selling */
.mh .mh-sec{padding:clamp(104px,12vw,176px) 24px}
.mh .mh-mosec{padding-top:12px;padding-bottom:clamp(40px,6vw,96px)}
.mh .mh-hero{min-height:calc(94vh - 64px);padding:64px 24px 56px}
.mh .mh-h1{font-size:clamp(46px,7.6vw,112px)!important;letter-spacing:-.045em!important;line-height:.96!important;max-width:1180px!important}
.mh .mh-lead{font-size:clamp(17px,1.7vw,21px);line-height:1.55;color:#A6A6B2;max-width:560px;margin-top:4px}
.mh .mh-ctas{margin-top:12px;gap:12px}
.mh .mh-h2{font-size:clamp(36px,5.2vw,72px);line-height:1;letter-spacing:-.04em}
.mh .mh-big{font-size:clamp(44px,7.4vw,104px);letter-spacing:-.045em;line-height:.98}
.mh .mh-sub{font-size:clamp(17px,1.55vw,21px);line-height:1.55;color:#9C9CA8;max-width:480px}
.mh .mh-copy{gap:22px}
.mh .mh-split{grid-template-columns:minmax(0,.86fr) minmax(0,1.14fr);gap:clamp(48px,8vw,128px)}
.mh .mh-rev{grid-template-columns:minmax(0,1.14fr) minmax(0,.86fr)}
.mh .mh-eyebrow,.mh .m-eyebrow{margin:0}
.mh-link{display:inline-flex;align-items:center;gap:10px;align-self:flex-start;font-family:'Geist',sans-serif;font-size:17px;font-weight:600;color:#F4F4F6;text-decoration:none;padding:6px 0;border-bottom:1px solid rgba(255,255,255,.18);transition:border-color .3s,gap .3s cubic-bezier(.2,.8,.2,1)}
.mh-link:hover{border-color:#FF8FD3;gap:16px}
.mh-link span{background:linear-gradient(120deg,#8A6BFF,#FF8FD3);-webkit-background-clip:text;background-clip:text;color:transparent}
.mh-statement{text-align:center}
.mh-say{display:flex;flex-direction:column;align-items:center;gap:28px}
.mh-say .mh-sub{max-width:560px}
.mh-center{align-items:center;text-align:center;margin:0 auto}
.mh .mh-plans{gap:20px}
.mh .mh-plan{padding:36px;gap:20px}
.mh .mh-finalsec{padding-bottom:clamp(140px,14vw,200px)}
.mh .mh-final{gap:24px;max-width:1080px}
.mh .mh-tile,.mh .mh-wallt,.mh .mh-reel,.mh .mh-panel,.mh .mh-type,.mh .mh-illt{border-radius:26px}
.mh .mh-uigrid{gap:12px}
.mh .mh-uit{border-radius:22px}
/* colour that follows the cursor */
.mh-aura{position:fixed;left:0;top:0;width:540px;height:540px;margin:-270px 0 0 -270px;border-radius:50%;pointer-events:none;z-index:-1;background:conic-gradient(from var(--ah,0deg),#8A6BFF,#4FA6FF,#43E0C8,#FF8FD3,#FFB47E,#8A6BFF);filter:blur(86px);opacity:0;will-change:transform,opacity}
.mh-aura.on{opacity:.42}
.mh-glowable{position:relative;border-radius:26px}
.mh-glowable::after{content:'';position:absolute;inset:-1px;border-radius:inherit;pointer-events:none;z-index:4;padding:1px;background:radial-gradient(320px circle at var(--mx,50%) var(--my,50%),rgba(255,143,211,.9),rgba(138,107,255,.55) 35%,transparent 65%);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0);opacity:0;transition:opacity .35s}
.mh-glowable:hover::after{opacity:1}
.mh-visual.mh-glowable::before{content:'';position:absolute;inset:0;border-radius:inherit;pointer-events:none;z-index:3;background:radial-gradient(420px circle at var(--mx,50%) var(--my,50%),rgba(255,255,255,.07),transparent 45%);opacity:0;transition:opacity .35s}
.mh-visual.mh-glowable:hover::before{opacity:1}
.mh-visual.mh-glowable::after{display:none}
@media (hover:none),(pointer:coarse){.mh-aura{display:none}}
@media (prefers-reduced-motion:reduce){.mh-aura{display:none}}
@media (max-width:820px){
  .mh .mh-sec{padding:80px 20px}
  .mh .mh-mosec{padding-top:4px;padding-bottom:24px}
  .mh .mh-hero{min-height:auto;padding:48px 20px 40px}
  .mh .mh-h1{font-size:clamp(42px,12vw,60px)!important}
  .mh .mh-h2{font-size:clamp(34px,9.4vw,46px)}
  .mh .mh-big{font-size:clamp(40px,11.5vw,58px)}
  .mh .mh-sub,.mh .mh-lead{font-size:17px}
  .mh .mh-split,.mh .mh-rev{grid-template-columns:minmax(0,1fr);gap:40px}
  .mh .mh-rev .mh-copy{order:0}
  .mh .mh-copy{gap:16px}
  .mh .mh-uigrid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
  .mh .mh-uit:nth-child(n+10){display:none}
  .mh .mh-plan{padding:28px 24px}
  .mh .mh-ctas .mh-btn{flex:1 1 100%}
  .mh-link{font-size:16px}
}
/* profile · downloads */
.ac-dl{padding:28px;display:flex;flex-direction:column;gap:20px;border-radius:26px}
.ac-dlhead{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:14px}
.ac-count{font-family:'Morfy Neo',sans-serif;font-size:28px;font-weight:700;letter-spacing:-.02em}
.ac-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px}
.ac-item{display:flex;flex-direction:column;gap:6px;text-decoration:none;color:inherit;min-width:0}
.ac-thumb{aspect-ratio:4/3;border-radius:16px;overflow:hidden;display:flex;align-items:center;justify-content:center;border:1px solid rgba(255,255,255,.08);transition:transform .3s cubic-bezier(.2,.8,.2,1),box-shadow .3s}
.ac-item:hover .ac-thumb{transform:translateY(-3px);box-shadow:0 18px 40px -22px rgba(138,107,255,.7)}
.ac-thumb img{width:100%;height:100%;object-fit:contain;display:block;box-sizing:border-box}
.ac-glyph{font-family:'Morfy Neo',sans-serif;font-size:34px;font-weight:700;color:#8A6BFF}
.ac-name{font-size:14px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ac-meta{font-size:12px;color:#8C8C99;display:flex;gap:6px;align-items:center;flex-wrap:wrap}
.ac-kind{font-family:'Geist Mono',monospace;font-size:10px;letter-spacing:.06em;text-transform:uppercase;padding:2px 6px;border-radius:999px;background:rgba(138,107,255,.16);color:#CFC4FF}
.ac-empty{display:flex;flex-direction:column;align-items:center;text-align:center;gap:10px;padding:28px 12px}
@media (max-width:600px){.ac-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ac-dl{padding:20px}}
/* header v2 */
.m-nav{max-width:1320px;margin:0 auto;padding:10px 24px;min-height:64px;box-sizing:border-box;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px 28px}
.m-navrow{display:flex;gap:28px;justify-content:center}
.m-navend{display:flex;gap:10px;align-items:center}
.m-beta{font-family:'Geist Mono',monospace;font-size:10px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;padding:3px 7px;border-radius:999px;color:#0B0B10;background:linear-gradient(120deg,#FFB47E,#FF8FD3 45%,#8A6BFF);margin-left:2px}
.m-avatar{position:relative;width:38px;height:38px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;color:#F4F4F6;text-decoration:none;font-family:'Morfy Neo',sans-serif;font-weight:700;font-size:15px;background:linear-gradient(#141419,#141419) padding-box,linear-gradient(140deg,rgba(255,255,255,.22),rgba(255,255,255,.08)) border-box;border:1px solid transparent;transition:transform .2s,background .3s}
.m-avatar:hover{transform:translateY(-1px)}
.m-avatar.pro{background:linear-gradient(#141419,#141419) padding-box,linear-gradient(140deg,#8A6BFF,#4FA6FF,#FF8FD3,#FFB47E) border-box}
.m-avdot{position:absolute;top:-4px;right:-6px;min-width:16px;height:16px;padding:0 4px;box-sizing:border-box;border-radius:999px;background:#FF8FD3;color:#0B0B10;font:600 10px/16px 'Geist',sans-serif;font-style:normal;text-align:center}
.m-navcta{min-height:38px!important;padding:0 16px!important;font-size:14px!important}
@media (max-width:820px){
  .m-nav{flex-wrap:wrap;padding:10px 16px;gap:8px 12px}
  .m-navrow{order:3;width:100%;justify-content:flex-start;gap:22px;padding:2px 0 4px}
  .m-navcta{padding:0 14px!important;font-size:13px!important}
}
/* home v3: quieter type, new showcase */
.mh .mh-h1{font-size:clamp(38px,5.6vw,78px)!important;letter-spacing:-.04em!important;line-height:1.02!important;max-width:1000px!important}
.mh .mh-h2{font-size:clamp(30px,3.6vw,50px);line-height:1.05;letter-spacing:-.035em}
.mh .mh-big{font-size:clamp(34px,4.8vw,66px);line-height:1.02;letter-spacing:-.04em}
.mh .mh-lead{font-size:clamp(16px,1.4vw,19px)}
.mh .mh-sub{font-size:clamp(16px,1.3vw,18px)}
.mh-art{position:absolute;inset:0;display:block}
.mh-art svg{width:100%;height:100%;display:block}
.mh-icotile{display:flex;align-items:center;justify-content:center}
.mh-icogrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(10px,1.6vw,22px);width:62%}
.mh-spec{display:flex;flex-direction:column;justify-content:center;gap:10px;padding:0 clamp(20px,3vw,40px)}
.mh-specbig{font-family:'Morfy Neo',sans-serif;font-weight:700;font-size:clamp(34px,5vw,76px);letter-spacing:-.04em;line-height:1;background:linear-gradient(120deg,#FFB47E,#FF8FD3 40%,#8A6BFF 70%,#4FA6FF);-webkit-background-clip:text;background-clip:text;color:transparent}
.mh-specrow{display:flex;flex-wrap:wrap;align-items:baseline;gap:clamp(10px,1.6vw,22px);font-family:'Morfy Neo',sans-serif;font-size:clamp(20px,2.2vw,32px);color:#E9E6E0}
.mh-specmono{font-family:'Morfy Mono',monospace;font-size:.7em;color:#8C8C99}
@media (max-width:820px){
  .mh .mh-h1{font-size:clamp(34px,9.6vw,44px)!important}
  .mh .mh-h2{font-size:clamp(28px,7.8vw,36px)}
  .mh .mh-big{font-size:clamp(30px,8.6vw,40px)}
  .mh .mh-sub,.mh .mh-lead{font-size:16px}
  .mh-icogrid{width:74%}
}
@media (max-width:820px){
  .m-nav{flex-wrap:wrap}
  .m-brand{flex:0 1 auto;min-width:0}
  .m-navend{margin-left:auto;gap:8px}
  .m-avatar{width:34px;height:34px}
  .m-navcta{min-height:34px!important;padding:0 12px!important;font-size:12px!important}
  .mh .mh-tag{font-size:10px;max-width:calc(100% - 24px);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;box-sizing:border-box}
}
@media (max-width:360px){.m-navcta{display:none!important}}
/* icon library v2: find first, tweak second */
.ul-page .ul-hero{padding:56px 16px 28px}
.ul-herowrap{display:flex;flex-direction:column;align-items:center;text-align:center;gap:16px;max-width:980px}
.ul-h1{font-size:clamp(34px,4.6vw,60px)!important;line-height:1.04!important;letter-spacing:-.035em!important}
.ul-lead{margin:0;max-width:620px;font-size:clamp(15px,1.3vw,17px);line-height:1.6;color:#9C9CA8}
.ul-search{position:relative;display:flex;align-items:center;gap:12px;width:min(680px,100%);margin-top:10px;padding:0 22px;min-height:62px;box-sizing:border-box;border-radius:999px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.14);color:#8C8C99;transition:border-color .2s,background .2s,box-shadow .2s}
.ul-search:focus-within{border-color:rgba(138,107,255,.8);background:rgba(255,255,255,.08);box-shadow:0 0 0 6px rgba(138,107,255,.14),0 30px 80px -30px rgba(138,107,255,.6)}
.ul-search input{flex:1;min-width:0;height:60px;border:none;background:none;outline:none;color:#F4F4F6;font:500 18px 'Geist',sans-serif}
.ul-search input::placeholder{color:#7A7A86}
.ul-strip{gap:6px!important;margin-top:6px;opacity:.9}
.ul-strip .ul-ht{width:44px;height:44px;border-radius:12px}
.ul-stats{display:flex;flex-wrap:wrap;justify-content:center;gap:6px 18px;font-size:13px;color:#7A7A86}
.ul-stats b{color:#E9E9EE;font-weight:600}
.ul-bar2{padding:10px 16px 12px}
.ul-barwrap{display:flex;flex-direction:column;gap:10px;max-width:1320px}
.ul-cats{display:flex;gap:2px;border-bottom:1px solid rgba(255,255,255,.07)}
.ul-cat{position:relative;flex:none;display:inline-flex;align-items:center;gap:6px;padding:10px 12px 12px;border:none;background:none;color:#8C8C99;font:500 13px 'Geist',sans-serif;cursor:pointer;white-space:nowrap;transition:color .2s}
.ul-cat span{font-size:11px;color:#5E5E6A}
.ul-cat:hover{color:#E9E9EE}
.ul-cat.on{color:#FFFFFF}
.ul-cat.on::after{content:'';position:absolute;left:10px;right:10px;bottom:-1px;height:2px;border-radius:2px;background:linear-gradient(90deg,#8A6BFF,#FF8FD3)}
.ul-tools{display:flex;flex-wrap:wrap;align-items:center;gap:10px 20px}
.ul-seg2{padding:3px;gap:2px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08)}
.ul-seg2 .m-chip{min-height:30px;padding:0 13px;font-size:13px;color:#9C9CA8;background:transparent;border:none}
.ul-seg2 .m-chip:hover{color:#FFFFFF}
.ul-seg2 .m-chip.on{background:rgba(255,255,255,.14);color:#FFFFFF}
.ul-lab{font-size:12px;color:#7A7A86;white-space:nowrap}
.ul-wt{flex:1 1 220px;max-width:380px;gap:10px}
.ul-wt input{flex:1;min-width:90px;accent-color:#8A6BFF}
.ul-val{font-family:'Geist Mono',monospace;font-size:12px;color:#C9C9D2;white-space:nowrap;min-width:96px}
.ul-sw{display:flex;align-items:center;gap:8px}
.ul-sw button{width:18px;height:18px;border-radius:50%;border:none;padding:0;cursor:pointer}
.ul-swc{position:relative;width:18px;height:18px;border-radius:50%;overflow:hidden;background:conic-gradient(#FF6B6B,#FFD93D,#6BCB77,#4D96FF,#B76BFF,#FF6B6B);cursor:pointer}
.ul-swc input{position:absolute;inset:0;opacity:0;width:100%;height:100%;cursor:pointer}
.ul-more{margin-left:auto;display:inline-flex;align-items:center;gap:8px;min-height:34px;padding:0 14px;border-radius:999px;border:1px solid rgba(255,255,255,.12);background:transparent;color:#C9C9D2;font:500 13px 'Geist',sans-serif;cursor:pointer;transition:all .2s}
.ul-more:hover,.ul-more.on{color:#FFFFFF;border-color:rgba(138,107,255,.6);background:rgba(138,107,255,.1)}
.ul-panel{display:flex;flex-direction:column;gap:10px;padding:14px 16px;border-radius:18px;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.07)}
.ul-prow{display:flex;align-items:center;gap:12px;min-width:0}
.ul-prow>.ul-lab{width:52px;flex:none}
.ul-pwrap{flex-wrap:wrap;gap:12px 24px}
.ul-pgrp{display:flex;align-items:center;gap:10px}
.ul-quiet{display:flex;gap:2px;min-width:0}
.ul-quiet .m-chip{border:none;min-height:30px;padding:0 11px;font-size:13px;color:#9C9CA8;background:transparent}
.ul-quiet .m-chip:hover{color:#FFFFFF;background:rgba(255,255,255,.05)}
.ul-quiet .m-chip.on{color:#FFFFFF;background:rgba(138,107,255,.22)}
.ul-hint{margin:-4px 0 0 64px;font-size:12px;color:#6A6A76}
.ul-acc{width:28px;height:22px;border:none;background:none;padding:0}
.ul-try{margin:0;display:flex;flex-wrap:wrap;gap:4px 14px;font-size:13px;color:#7A7A86}
.ul-try button{border:none;background:none;padding:0;color:#C9C9D2;font:inherit;cursor:pointer;border-bottom:1px dashed rgba(255,255,255,.25)}
.ul-try button:hover{color:#FFFFFF;border-color:#FF8FD3}
.ul-page .ul-tile{border-color:rgba(127,127,140,.1)}
@media (max-width:820px){
  .ul-page .ul-hero{padding:36px 16px 18px}
  .ul-search{min-height:54px}.ul-search input{height:52px;font-size:16px}
  .ul-strip .ul-ht:nth-child(n+11){display:none}
  .ul-stats{font-size:12px}
  .ul-bar2{position:sticky;top:0}
  .ul-tools{gap:10px 12px}
  .ul-wt{order:3;flex:1 1 100%;max-width:none}
  .ul-more{margin-left:0}
  .ul-hint{margin-left:0}
  .ul-prow{flex-direction:column;align-items:flex-start;gap:6px}
  .ul-quiet{max-width:100%}
}
.ul-page .ul-strip{display:flex!important;flex-wrap:wrap;justify-content:center;grid-template-columns:none!important;max-width:540px;gap:8px!important}
@media (max-width:820px){.ul-page .ul-strip .ul-ht:nth-child(n+8){display:none}}
/* ===== early access ===== */
.ea{padding:0 0 40px}
.ea-wrap{max-width:1160px;margin:0 auto;padding:0 24px;box-sizing:border-box}
.ea-hero{padding:clamp(48px,7vw,96px) 0 clamp(56px,7vw,96px);position:relative}
.ea-hero:before{content:'';position:absolute;inset:-80px 0 auto;height:900px;-webkit-mask-image:linear-gradient(#000 55%,transparent);mask-image:linear-gradient(#000 55%,transparent);background:radial-gradient(600px 300px at 20% 30%,rgba(138,107,255,.18),transparent 70%),radial-gradient(500px 260px at 80% 20%,rgba(255,143,211,.10),transparent 70%);pointer-events:none;z-index:0}
.ea-top{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:clamp(32px,5vw,72px);align-items:start}
.ea-story{display:flex;flex-direction:column;gap:26px;padding-top:8px}
.ea-eyebrow{display:inline-flex;align-items:center;gap:10px;align-self:flex-start;font-family:'Geist Mono',monospace;font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:#C9C9D2;padding:7px 14px;border:1px solid rgba(255,255,255,.12);border-radius:999px;background:rgba(255,255,255,.03)}
.ea-dot{width:7px;height:7px;border-radius:50%;background:#38D39F;box-shadow:0 0 0 4px rgba(56,211,159,.15)}
.ea-h1{margin:0;font-family:'Morfy Neo','Outfit',sans-serif;font-size:clamp(38px,5vw,62px);line-height:1.02;letter-spacing:-.035em;font-weight:700}
.ea-grad{background:linear-gradient(92deg,#B9A6FF,#FF8FD3 55%,#FFB47E);-webkit-background-clip:text;background-clip:text;color:transparent}
.ea-lead{margin:0;font-size:17px;line-height:1.6;color:#A3A3B0;max-width:520px}
.ea-price{padding:18px 20px;border-radius:18px;border:1px solid rgba(255,255,255,.09);background:rgba(255,255,255,.03);display:flex;flex-direction:column;gap:8px;max-width:520px}
.ea-price-row{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap}
.ea-amt{font-family:'Morfy Neo',sans-serif;font-size:34px;font-weight:700;letter-spacing:-.02em;color:#F4F4F6}
.ea-per{color:#8C8C99;font-size:14px}
.ea-tag{margin-left:auto;font-family:'Geist Mono',monospace;font-size:11px;letter-spacing:.06em;text-transform:uppercase;padding:5px 10px;border-radius:999px;color:#0B0B10;background:linear-gradient(92deg,#FF8FD3,#FFB47E)}
.ea-price p{margin:0;font-size:14px;line-height:1.55;color:#C9C9D2}
.ea-ways{display:flex;flex-direction:column;gap:16px;max-width:520px}
.ea-way{display:flex;gap:14px;align-items:flex-start}
.ea-way div{display:flex;flex-direction:column;gap:4px}
.ea-way b{font-size:16px;color:#F4F4F6;font-weight:600}
.ea-way span:not(.ea-num){font-size:14px;line-height:1.55;color:#8C8C99}
.ea-num{flex:none;width:28px;height:28px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-size:13px;font-weight:700;background:rgba(255,255,255,.08);color:#F4F4F6;border:1px solid rgba(255,255,255,.12)}
.ea-card{padding:clamp(22px,3vw,34px);border-radius:26px;background:linear-gradient(180deg,rgba(255,255,255,.055),rgba(255,255,255,.025));border:1px solid rgba(255,255,255,.1);box-shadow:0 30px 80px -40px rgba(0,0,0,.8);display:flex;flex-direction:column;gap:22px}
.ea-tabs{display:grid;grid-template-columns:1fr 1fr;gap:4px;padding:4px;border-radius:14px;background:rgba(0,0,0,.35);border:1px solid rgba(255,255,255,.06)}
.ea-tab{font-family:'Geist',sans-serif;font-size:14px;font-weight:600;min-height:40px;border:0;border-radius:10px;background:transparent;color:#8C8C99;cursor:pointer;transition:background .2s,color .2s}
.ea-tab:hover{color:#F4F4F6}
.ea-tab.on{background:#F4F4F6;color:#0B0B10}
.ea-tab:focus-visible{outline:2px solid #4FA6FF;outline-offset:2px}
.ea-form{display:flex;flex-direction:column;gap:18px}
.ea-head{display:flex;flex-direction:column;gap:6px}
.ea-head h2{margin:0;font-family:'Morfy Neo',sans-serif;font-size:24px;letter-spacing:-.02em;font-weight:700}
.ea-head p{margin:0;font-size:14px;line-height:1.55;color:#A3A3B0}
.ea-two{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.ea-lbl{display:flex;flex-direction:column;gap:8px;font-size:14px;color:#C9C9D2;min-width:0}
.ea-lbl em{font-style:normal;color:#6A6A76;font-size:12px;margin-left:4px}
.ea-lbl .m-in{width:100%}
.ea-quick{display:flex;flex-wrap:wrap;gap:6px}
.ea-qchip{font-family:'Geist',sans-serif;font-size:12px;padding:5px 10px;border-radius:999px;border:1px dashed rgba(255,255,255,.16);background:transparent;color:#8C8C99;cursor:pointer;transition:all .2s}
.ea-qchip:hover{color:#F4F4F6;border-color:rgba(255,255,255,.34)}
.ea-qchip.on{border-style:solid;color:#F4F4F6;border-color:rgba(255,255,255,.5)}
.ea-chips{display:flex;flex-wrap:wrap;gap:8px;padding:2px;border-radius:14px}
.ea-chips.err{box-shadow:0 0 0 1px #FF6B6B}
.ea-chip{min-height:34px;font-size:13px}
.ea-err{margin:0;font-size:14px;color:#FF8A8A}
.ea-submit{width:100%}
.ea-fine{margin:0;font-size:12px;color:#6A6A76;text-align:center;line-height:1.6}
.ea-inline{font:inherit;color:#C9C9D2;background:none;border:0;padding:0;text-decoration:underline;cursor:pointer}
.ea-code{font-family:'Geist Mono',monospace;letter-spacing:.08em;text-transform:uppercase}
.ea-done{gap:18px}
.ea-ok{align-self:flex-start;font-family:'Geist Mono',monospace;font-size:11px;letter-spacing:.06em;text-transform:uppercase;padding:6px 11px;border-radius:999px;color:#38D39F;background:rgba(56,211,159,.1);border:1px solid rgba(56,211,159,.3)}
.ea-ok-pro{color:#0B0B10;background:linear-gradient(92deg,#B9A6FF,#FF8FD3,#FFB47E);border:0}
.ea-h2{margin:0;font-family:'Morfy Neo',sans-serif;font-size:clamp(28px,3.4vw,38px);letter-spacing:-.03em;line-height:1.05;font-weight:700}
.ea-pos{display:flex;align-items:baseline;gap:12px;padding:18px 20px;border-radius:18px;background:rgba(0,0,0,.3);border:1px solid rgba(255,255,255,.07)}
.ea-pos-n{font-family:'Morfy Neo',sans-serif;font-size:clamp(44px,6vw,64px);font-weight:700;letter-spacing:-.04em;line-height:1}
.ea-pos-l{color:#8C8C99;font-size:15px}
.ea-p{margin:0;font-size:15px;line-height:1.6;color:#A3A3B0}
.ea-p b{color:#F4F4F6;font-weight:600;word-break:break-all}
.ea-skip{display:flex;flex-direction:column;gap:8px;padding:18px 20px;border-radius:18px;border:1px solid rgba(185,166,255,.3);background:rgba(138,107,255,.08)}
.ea-skip b{font-size:15px}
.ea-skip span{font-size:14px;color:#C9C9D2;line-height:1.55}
.ea-skip .m-btn{align-self:flex-start;margin-top:6px}
.ea-share{display:flex;flex-direction:column;gap:10px;font-size:14px;color:#A3A3B0}
.ea-share-row,.ea-inv-row{display:flex;align-items:center;gap:10px;padding:6px 6px 6px 14px;border-radius:14px;border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.03);min-width:0}
.ea-share-row code,.ea-inv-row code{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:'Geist Mono',monospace;font-size:13px;color:#D7D7DE}
.ea-share-row .m-btn,.ea-inv-btn{flex:none;min-height:38px;font-size:13px}
.ea-back{align-self:flex-start;font-size:14px}
.ea-inv{display:flex;flex-direction:column;gap:10px}
.ea-inv-h{display:flex;justify-content:space-between;align-items:baseline}
.ea-inv-h b{font-size:16px}
.ea-inv-h span{font-family:'Geist Mono',monospace;font-size:12px;color:#8C8C99}
.ea-inv>p{margin:0;font-size:14px;line-height:1.55;color:#A3A3B0}
.ea-inv-row code{letter-spacing:.06em;font-size:14px;color:#F4F4F6}
.ea-inv-st{font-size:12px;color:#38D39F;white-space:nowrap}
.ea-inv-row.used{opacity:.5}.ea-inv-row.used .ea-inv-st{color:#8C8C99}
.ea-cta-row{display:flex;gap:10px;flex-wrap:wrap}
.ea-sec{padding:clamp(56px,8vw,112px) 0;border-top:1px solid rgba(255,255,255,.06)}
.ea-h2c{margin:0 0 10px;font-family:'Morfy Neo',sans-serif;font-size:clamp(28px,3.6vw,42px);letter-spacing:-.03em;font-weight:700;text-align:center}
.ea-subc{margin:0 auto 40px;max-width:520px;text-align:center;font-size:16px;color:#A3A3B0;line-height:1.55}
.ea-perks{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.ea-perk{display:flex;flex-direction:column;gap:10px;padding:26px;border-radius:22px;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.025)}
.ea-pi{width:40px;height:40px;border-radius:12px;display:inline-flex;align-items:center;justify-content:center;font-size:18px;background:rgba(255,255,255,.06);color:#D9CCFF}
.ea-perk b{font-size:17px;margin-top:6px}
.ea-perk span:not(.ea-pi){font-size:14px;line-height:1.6;color:#A3A3B0}
.ea-faq{max-width:760px}
.ea-faq .ea-h2c{margin-bottom:28px}
.ea-q{border-bottom:1px solid rgba(255,255,255,.08)}
.ea-q summary{list-style:none;cursor:pointer;padding:20px 32px 20px 0;font-size:16px;font-weight:600;position:relative}
.ea-q summary::-webkit-details-marker{display:none}
.ea-q summary:after{content:'+';position:absolute;right:4px;top:50%;transform:translateY(-50%);font-size:20px;color:#8C8C99;transition:transform .2s}
.ea-q[open] summary:after{transform:translateY(-50%) rotate(45deg)}
.ea-q p{margin:0 0 20px;font-size:15px;line-height:1.6;color:#A3A3B0}
@media (max-width:900px){.ea-top{grid-template-columns:1fr}.ea-perks{grid-template-columns:1fr}}
@media (max-width:560px){.ea-wrap{padding:0 16px}.ea-two{grid-template-columns:1fr}.ea-tab{font-size:13px}.ea-tag{margin-left:0}.ea-h1{font-size:36px}}
.mh-center .mh-sub{margin-left:auto;margin-right:auto}
/* ===== Morfy Motion (app motion) ===== */
.mo-wrap{max-width:1320px;margin:0 auto;padding:0 24px;box-sizing:border-box}
.mo-hero{padding:clamp(48px,7vw,96px) 0 clamp(40px,5vw,64px);position:relative}
.mo-hero:before{content:'';position:absolute;inset:-60px 0 auto;height:820px;background:radial-gradient(520px 320px at 78% 34%,rgba(124,92,255,.22),transparent 70%),radial-gradient(420px 260px at 18% 20%,rgba(255,143,211,.10),transparent 70%);pointer-events:none;-webkit-mask-image:linear-gradient(#000 60%,transparent);mask-image:linear-gradient(#000 60%,transparent)}
.mo-hero-in{position:relative;display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(28px,4vw,64px);align-items:center}
.mo-copy{display:flex;flex-direction:column;gap:22px}
.mo-live{display:inline-block;width:8px;height:8px;border-radius:50%;background:#FF5C8A;margin-right:10px;box-shadow:0 0 0 4px rgba(255,92,138,.18);animation:moBlink 1.2s steps(2,end) infinite}
@keyframes moBlink{50%{opacity:.25}}
.mo-h1{margin:0;font-family:'Morfy Neo','Outfit',sans-serif;font-size:clamp(42px,5.6vw,78px);line-height:.98;letter-spacing:-.04em;font-weight:700}
.mo-lead{margin:0;font-size:clamp(15px,1.3vw,17px);line-height:1.6;color:#A3A3B0;max-width:540px}
.mo-ctas{display:flex;flex-wrap:wrap;gap:10px}
.mo-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;max-width:560px}
.mo-stats div{display:flex;flex-direction:column;gap:2px}.mo-stats b{font-family:'Morfy Neo',sans-serif;font-size:28px;line-height:1.1}.mo-stats span{font-size:12px;color:#8C8C99;line-height:1.4}
.mo-stage{border-radius:28px;padding:12px;background:linear-gradient(180deg,#14121D,#0D0C13);border:1px solid rgba(255,255,255,.09);box-shadow:0 60px 140px -50px rgba(124,92,255,.55),inset 0 1px 0 rgba(255,255,255,.05);display:flex;flex-direction:column;gap:10px}
.mo-stage-bar{display:flex;align-items:center;gap:14px;padding:2px 6px;font:500 11px 'Geist Mono',monospace;color:#8C8C99;letter-spacing:.06em}
.mo-rec{display:inline-flex;align-items:center;gap:6px;color:#FF8FB0}.mo-rec i{width:7px;height:7px;border-radius:50%;background:#FF5C8A;animation:moBlink 1.2s steps(2,end) infinite}
.mo-tc{color:#D7D7DE}.mo-scene{margin-left:auto}
.mo-screen{position:relative;aspect-ratio:16/10;border-radius:18px;overflow:hidden;cursor:pointer;transition:background .2s}
.mo-screen-art{position:absolute;inset:0}
.mo-wipe{position:absolute;left:50%;top:50%;width:190%;aspect-ratio:1;border-radius:50%;transform:translate(-50%,-50%) scale(0);animation:moWipe .75s cubic-bezier(.65,0,.35,1) forwards;animation-delay:var(--amt,0s)}
@keyframes moWipe{to{transform:translate(-50%,-50%) scale(1)}}
.mo-screen-art svg{position:absolute;left:50%;top:47%;height:86%;width:auto;transform:translate(-50%,-50%);animation:moIn .6s cubic-bezier(.34,1.56,.64,1) both;animation-delay:var(--amt,0s)}
@keyframes moIn{from{opacity:0;transform:translate(-50%,-46%) scale(.86)}}
.mo-cap{position:absolute;left:18px;bottom:14px;display:flex;flex-direction:column;gap:2px;color:#1E1B2E;pointer-events:none}
.mo-cap-cat{font:600 10px 'Geist Mono',monospace;letter-spacing:.1em;text-transform:uppercase;opacity:.55}
.mo-cap-name{font:700 22px 'Morfy Neo',sans-serif;letter-spacing:-.02em}
.mo-stage.mo-paused *{animation-play-state:paused!important}
.mo-thumbs{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;padding:2px}
.mo-thumb{flex:none;width:40px;height:40px;border-radius:11px;border:2px solid transparent;padding:0;cursor:pointer;opacity:.6;transition:opacity .2s,border-color .2s,transform .2s}
.mo-thumb:hover{opacity:1;transform:translateY(-2px)}.mo-thumb.on{opacity:1;border-color:#FFFFFF}
.mo-thumb span,.mo-thumb svg{display:block;width:100%;height:100%}
/* keyframe timeline */
.mtl{position:relative;display:flex;flex-direction:column;gap:3px;padding:10px 12px;border-radius:14px;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.06);font:500 10px 'Geist Mono',monospace;color:#8C8C99}
.mtl-row,.mtl-ruler{display:grid;grid-template-columns:120px 1fr;gap:10px;align-items:center;min-height:16px}
.mtl-name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#C9C9D2}.mtl-name em{font-style:normal;color:#5E5E6A;margin-left:6px}
.mtl-ruler .mtl-name{color:#6A6A76}
.mtl-lane{position:relative;height:16px}
.mtl-ruler .mtl-lane i{position:absolute;top:2px;font-style:normal;transform:translateX(-50%);color:#5E5E6A}
.mtl-ruler .mtl-lane i:first-child{transform:none}
.mtl-lane b{position:absolute;top:7px;height:2px;border-radius:2px;background:linear-gradient(90deg,rgba(138,107,255,.7),rgba(255,143,211,.7))}
.mtl-lane s{position:absolute;top:4px;width:7px;height:7px;margin-left:-3.5px;background:#F4F4F6;transform:rotate(45deg);border-radius:1px}
.mtl-phw{position:absolute;top:8px;bottom:8px;left:142px;right:12px;pointer-events:none}
.mtl-ph{position:absolute;top:0;bottom:0;left:0;width:2px;margin-left:-1px;background:#FF5C8A;box-shadow:0 0 10px rgba(255,92,138,.7)}
.mtl-ph:before{content:'';position:absolute;top:-4px;left:-4px;width:10px;height:6px;border-radius:2px;background:#FF5C8A}
@keyframes mtlPh{from{left:0}to{left:100%}}
/* marquee wall */
.mo-wall{display:flex;flex-direction:column;gap:14px;padding:8px 0 40px;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}
.mo-row{overflow:hidden}
.mo-track{display:flex;gap:14px;width:max-content;animation:moMarq 70s linear infinite}
.mo-track.mo-rev{animation-direction:reverse;animation-duration:80s}
@keyframes moMarq{to{transform:translateX(calc(-50% - 7px))}}
.mo-wt{flex:none;width:118px;height:118px;border-radius:28px;display:block;overflow:hidden}
.mo-wt svg{display:block;width:100%;height:100%}
.mo-off *{animation-play-state:paused!important}
/* collection + toolbar */
.mo-colls{padding-top:24px;padding-bottom:14px;scroll-margin-top:70px}
.mo-coll-head{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:14px}
.mo-h2{margin:0;font-family:'Morfy Neo',sans-serif;font-size:clamp(28px,3.4vw,44px);letter-spacing:-.03em}
.mo-seg{display:inline-flex;padding:4px;gap:2px;border-radius:14px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08)}
.mo-seg button{border:0;background:none;color:#8C8C99;font:600 14px 'Geist',sans-serif;padding:9px 14px;border-radius:10px;cursor:pointer;display:inline-flex;gap:8px;align-items:center;transition:background .2s,color .2s}
.mo-seg button i{font-style:normal;font-family:'Geist Mono',monospace;font-size:11px;opacity:.6}
.mo-seg button.on{background:#F4F4F6;color:#0B0B10}
.mo-bar{position:sticky;top:64px;z-index:20;background:rgba(7,7,10,.84);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-top:1px solid rgba(255,255,255,.06);border-bottom:1px solid rgba(255,255,255,.06)}
.mo-bar-in{display:flex;flex-direction:column;gap:6px;padding-top:12px;padding-bottom:10px}
.mo-bar-r1{display:flex;align-items:center;gap:16px;min-width:0}
.mo-search{flex:0 1 320px;min-width:180px;display:flex;align-items:center;gap:10px;height:42px;padding:0 16px;border-radius:999px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);color:#8C8C99}
.mo-search:focus-within{border-color:rgba(255,255,255,.3)}
.mo-search input{flex:1;min-width:0;border:0;background:none;outline:none;color:#F4F4F6;font:15px 'Geist',sans-serif}
.mo-cats{flex:1;min-width:0;display:flex;gap:2px}
.mo-cat{position:relative;flex:none;display:inline-flex;align-items:center;gap:6px;padding:10px 11px;border:none;background:none;color:#8C8C99;font:500 13px 'Geist',sans-serif;cursor:pointer;white-space:nowrap;transition:color .2s}
.mo-cat i{font-style:normal;font-family:'Geist Mono',monospace;font-size:10px;opacity:.55}
.mo-cat:hover{color:#E4E4EA}.mo-cat.on{color:#FFFFFF}
.mo-cat.on::after{content:'';position:absolute;left:9px;right:9px;bottom:2px;height:2px;border-radius:2px;background:linear-gradient(90deg,#8A6BFF,#FF8FD3)}
.mo-bar-r2{display:flex;flex-wrap:wrap;align-items:center;gap:8px 22px}
.mo-ctl{display:flex;align-items:center;gap:10px;font-size:12px;color:#6A6A76}
.mo-ctl>span{font-family:'Geist Mono',monospace;letter-spacing:.06em;text-transform:uppercase;font-size:10px}
.mo-seg2{display:inline-flex;padding:3px;gap:2px;border-radius:10px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08)}
.mo-seg2 button{border:0;background:none;color:#9C9CA8;font:500 12px 'Geist',sans-serif;padding:5px 10px;border-radius:7px;cursor:pointer;white-space:nowrap;transition:background .2s,color .2s}
.mo-seg2 button:hover{color:#FFFFFF}.mo-seg2 button.on{background:rgba(255,255,255,.14);color:#FFFFFF}
.mo-pm{position:relative}
.mo-pm-btn{display:inline-flex;align-items:center;gap:8px;height:32px;padding:0 12px;border-radius:10px;border:1px solid rgba(255,255,255,.14);background:linear-gradient(180deg,rgba(138,107,255,.22),rgba(138,107,255,.08));color:#FFFFFF;font:600 13px 'Geist',sans-serif;cursor:pointer}
.mo-pm-pop{position:absolute;z-index:30;top:40px;left:0;width:min(520px,calc(100vw - 32px));display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px;padding:8px;border-radius:16px;background:#15141D;border:1px solid rgba(255,255,255,.12);box-shadow:0 30px 80px -20px rgba(0,0,0,.8)}
.mo-pm-opt{display:flex;flex-direction:column;gap:2px;text-align:left;padding:9px 11px;border-radius:10px;border:0;background:none;color:#C9C9D2;cursor:pointer}
.mo-pm-opt b{font:600 13px 'Geist',sans-serif;color:#F4F4F6}.mo-pm-opt span{font-size:11px;color:#7A7A86;line-height:1.35}
.mo-pm-opt:hover{background:rgba(255,255,255,.05)}.mo-pm-opt.on{background:rgba(138,107,255,.18)}
/* grid */
.mo-lib{display:flex;flex-direction:column;gap:16px;padding-top:22px;padding-bottom:100px}
.mo-libhead{display:flex;justify-content:space-between;gap:12px;font-size:13px;color:#8C8C99}
.mo-blurb{margin:0;font-size:15px;color:#C9C9D2}
.mo-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,168px),1fr));gap:12px}
.mo-tile{display:flex;flex-direction:column;gap:0;padding:0;border-radius:22px;border:1px solid rgba(255,255,255,.07);background:rgba(255,255,255,.025);cursor:pointer;text-align:left;overflow:hidden;transition:transform .25s cubic-bezier(.2,.8,.2,1),border-color .2s,box-shadow .25s}
.mo-tile:hover{transform:translateY(-3px);border-color:rgba(255,255,255,.2);box-shadow:0 24px 50px -24px rgba(0,0,0,.8)}
.mo-tile:focus-visible{outline:2px solid #4FA6FF;outline-offset:3px}
.mo-tart{position:relative;display:block;aspect-ratio:1;border-radius:21px 21px 0 0;overflow:hidden}
.mo-tart>span{position:absolute;inset:0}.mo-tart svg{display:block;width:100%;height:100%}
.mo-still-svg{display:none}
.mo-tile.hover .mo-live-svg{display:none}.mo-tile.hover .mo-still-svg{display:block}
.mo-tile.hover:hover .mo-live-svg{display:block}.mo-tile.hover:hover .mo-still-svg{display:none}
.mo-tname{display:flex;flex-direction:column;gap:1px;padding:10px 12px 12px}
.mo-tname b{font:600 13px 'Geist',sans-serif;color:#F4F4F6;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mo-tname i{font-style:normal;font-size:11px;color:#6A6A76}
.mo-empty{display:flex;flex-direction:column;align-items:center;gap:8px;padding:60px 20px;text-align:center;color:#8C8C99}.mo-empty b{color:#F4F4F6;font-size:17px}
/* drawer */
.mo-dr-in{padding:22px;display:flex;flex-direction:column;gap:16px}
.mo-dr-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}
.mo-dr-head h2{margin:2px 0 0;font-family:'Morfy Neo',sans-serif;font-size:30px;line-height:1.05;letter-spacing:-.02em}
.mo-dr-stage{position:relative;aspect-ratio:1;border-radius:24px;overflow:hidden}
.mo-dr-art,.mo-dr-art svg{position:absolute;inset:0;width:100%;height:100%;display:block}
.mo-replay{position:absolute;right:12px;bottom:12px;border:0;border-radius:999px;padding:7px 12px;background:rgba(15,14,22,.78);color:#fff;font:600 12px 'Geist',sans-serif;cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}
.mo-dr-block{display:flex;flex-direction:column;gap:10px}
.mo-dr-lbl{font:600 13px 'Geist',sans-serif;color:#F4F4F6}
.mo-dr-hint{margin:0;font-size:12px;color:#6A6A76;line-height:1.5}
.mo-presets{display:flex;flex-wrap:wrap;gap:6px}
.mo-pchip{border:1px solid rgba(255,255,255,.12);background:none;color:#B4B4C0;font:500 12px 'Geist',sans-serif;padding:6px 11px;border-radius:999px;cursor:pointer;transition:all .2s}
.mo-pchip:hover{color:#fff;border-color:rgba(255,255,255,.3)}.mo-pchip.on{background:#F4F4F6;color:#0B0B10;border-color:#F4F4F6}
.mo-dr-row{flex-direction:row;flex-wrap:wrap;gap:10px 18px}
.mo-dr-line{display:flex;flex-wrap:wrap;gap:6px;align-items:center}.mo-dr-line>span{width:84px;font-size:12px;color:#8C8C99}
.mo-swatch{position:relative;width:30px;height:30px;border-radius:50%;border:2px solid rgba(255,255,255,.18);cursor:pointer;overflow:hidden}
.mo-swatch input{position:absolute;inset:0;opacity:0;width:100%;height:100%;cursor:pointer}
.mo-rainbow{background:conic-gradient(#FF6B6B,#FFD93D,#6BCB77,#4D96FF,#B76BFF,#FF6B6B)}
.mo-dr-specs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.mo-dr-specs div{padding:10px 12px;border-radius:12px;background:rgba(255,255,255,.04);display:flex;flex-direction:column;gap:2px}.mo-dr-specs span{font-size:11px;color:#8C8C99}.mo-dr-specs b{font-size:13px;font-weight:600}
.mo-dr-fr{display:flex;justify-content:space-between;font-size:13px;color:#8C8C99}
.mo-dr-exp{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.mo-busy{padding:10px 14px;border-radius:12px;background:rgba(138,107,255,.14);font-size:13px;color:#CFC4FF}
.mo-rel{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
.mo-reltile{aspect-ratio:1;border:0;padding:0;border-radius:14px;overflow:hidden;cursor:pointer}.mo-reltile span,.mo-reltile svg{display:block;width:100%;height:100%}
.mo-tl-dr .mtl-row,.mo-tl-dr .mtl-ruler{grid-template-columns:110px 1fr}.mo-tl-dr .mtl-phw{left:132px}
@media (max-width:980px){.mo-hero-in{grid-template-columns:minmax(0,1fr)}.mo-stats{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:720px){.mo-bar-r1{flex-direction:column;align-items:stretch;gap:4px}.mo-search{flex:none}.mo-bar{top:56px}.mo-bar-r2{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;gap:14px}.mo-ctl{flex:none}.mo-wt{width:88px;height:88px;border-radius:22px}.mtl-row,.mtl-ruler{grid-template-columns:84px 1fr}.mtl-name em{display:none}.mtl-phw{left:106px}.mo-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.mo-cap-name{font-size:17px}.mo-wrap{padding:0 16px}.mo-pm-pop{position:fixed;left:16px;right:16px;top:auto;bottom:16px;width:auto}}
.mo-tile.loop .mo-live-svg > svg *{animation-delay:calc(var(--mo-d,0s) + var(--amt,0s))!important}
.mo-wrap{width:100%}
.mh-amo svg{position:absolute;inset:0;width:100%;height:100%;display:block}
/* ===== Morfy Motion v3: tab header + card sidebar ===== */
.mo-tabs{position:sticky;top:64px;z-index:20;background:rgba(7,7,10,.86);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-top:1px solid rgba(255,255,255,.06);border-bottom:1px solid rgba(255,255,255,.06)}
.mo-tabs-in{display:flex;gap:2px;overflow-x:auto;scrollbar-width:none;padding-top:4px;padding-bottom:4px}
.mo-tab{position:relative;flex:none;display:inline-flex;align-items:center;gap:7px;padding:13px 12px 14px;border:0;background:none;color:#8C8C99;font:500 14px 'Geist',sans-serif;cursor:pointer;white-space:nowrap;transition:color .2s}
.mo-tab i{font-style:normal;font-family:'Geist Mono',monospace;font-size:10px;padding:2px 6px;border-radius:999px;background:rgba(255,255,255,.06);color:#8C8C99}
.mo-tab:hover{color:#EDEDF2}.mo-tab.on{color:#FFFFFF}
.mo-tab.on i{background:rgba(255,255,255,.16);color:#fff}
.mo-tab.on::after{content:'';position:absolute;left:10px;right:10px;bottom:3px;height:2px;border-radius:2px;background:linear-gradient(90deg,#8A6BFF,#FF8FD3)}
.mo-lay{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:24px;align-items:start;padding-top:22px;padding-bottom:100px}
.mo-main{display:flex;flex-direction:column;gap:14px;min-width:0}
.mo-libhead b{color:#F4F4F6;font-weight:600}
.mo-active{display:flex;flex-wrap:wrap;gap:6px;align-items:center}
.mo-achip{border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.05);color:#E4E4EA;font:500 12px 'Geist',sans-serif;padding:5px 10px;border-radius:999px;cursor:pointer}
.mo-aclear{border:0;background:none;color:#8C8C99;font:500 12px 'Geist',sans-serif;cursor:pointer;text-decoration:underline}
.mo-side{position:sticky;top:132px;max-height:calc(100vh - 150px);overflow:auto;scrollbar-width:thin}
.mo-sidetoggle{display:none}
.mo-cards{display:flex;flex-direction:column;gap:10px}
.mo-card{display:flex;flex-direction:column;gap:10px;padding:14px;border-radius:18px;background:linear-gradient(180deg,rgba(255,255,255,.045),rgba(255,255,255,.02));border:1px solid rgba(255,255,255,.08)}
.mo-ch{font:600 10px 'Geist Mono',monospace;letter-spacing:.1em;text-transform:uppercase;color:#8C8C99}
.mo-card .mo-search{flex:none;min-width:0;height:38px;padding:0 12px}
.mo-chips{display:flex;flex-wrap:wrap;gap:5px}
.mo-chip{border:1px solid rgba(255,255,255,.1);background:none;color:#B4B4C0;font:500 12px 'Geist',sans-serif;padding:5px 10px;border-radius:999px;cursor:pointer;transition:all .18s}
.mo-chip:hover{color:#fff;border-color:rgba(255,255,255,.3)}
.mo-chip.on{background:#F4F4F6;color:#0B0B10;border-color:#F4F4F6}
.mo-row2{display:flex;align-items:center;justify-content:space-between;gap:10px}
.mo-row2>span{font-size:12px;color:#8C8C99;flex:none}
.mo-row2 .mo-seg2{flex-wrap:wrap;justify-content:flex-end}
.mo-wrapseg{flex-wrap:wrap}
.mo-dim{opacity:.55}
.mo-toggles{display:flex;flex-direction:column;gap:6px}
.mo-tgl{display:flex;align-items:center;gap:10px;border:0;background:none;color:#C9C9D2;font:500 13px 'Geist',sans-serif;cursor:pointer;padding:2px 0;text-align:left}
.mo-tgl span{position:relative;width:30px;height:18px;border-radius:999px;background:rgba(255,255,255,.14);transition:background .2s;flex:none}
.mo-tgl span::after{content:'';position:absolute;top:2px;left:2px;width:14px;height:14px;border-radius:50%;background:#fff;transition:transform .25s cubic-bezier(.34,1.56,.64,1)}
.mo-tgl.on span{background:linear-gradient(90deg,#8A6BFF,#FF8FD3)}.mo-tgl.on span::after{transform:translateX(12px)}
.mo-wtline{display:block;width:18px;background:currentColor;border-radius:2px}
.mo-seg2 button .mo-wtline{margin:5px 0}
.mo-shp{display:block;width:13px;height:13px;border:1.6px solid currentColor;box-sizing:border-box}
.mo-shp-none{border-style:dashed;border-radius:3px;opacity:.6}.mo-shp-circle{border-radius:50%}.mo-shp-squircle{border-radius:4px}.mo-shp-square{border-radius:1px}.mo-shp-blob{border-radius:60% 40% 55% 45%/50% 60% 40% 50%}
.mo-flag{position:absolute;top:8px;right:8px;font:600 10px 'Geist',sans-serif;padding:3px 7px;border-radius:999px;background:rgba(15,14,22,.72);color:#fff;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}
.mo-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,158px),1fr))}
.mo-txt{display:flex;flex-direction:column;gap:6px;font-size:12px;color:#8C8C99}
.mo-txt .m-in{min-height:42px;font-size:15px}
.mo-new{font-style:normal;font:600 10px 'Geist Mono',monospace;margin-left:6px;padding:2px 7px;border-radius:999px;background:linear-gradient(92deg,#8A6BFF,#FF8FD3);color:#fff}
@media (max-width:1080px){.mo-lay{grid-template-columns:minmax(0,1fr)}.mo-side{position:static;max-height:none;order:-1}.mo-sidetoggle{display:flex;align-items:center;justify-content:space-between;width:100%;padding:12px 16px;border-radius:14px;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.04);color:#F4F4F6;font:600 14px 'Geist',sans-serif;cursor:pointer}.mo-sidetoggle i{font-style:normal;font-size:11px;padding:2px 8px;border-radius:999px;background:linear-gradient(92deg,#8A6BFF,#FF8FD3)}.mo-sidetoggle i:empty{display:none}.mo-sidewrap .mo-cards{display:none;margin-top:10px}.mo-sidewrap.open .mo-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}}
@media (max-width:720px){.mo-tabs{top:56px}.mo-tab{padding:12px 10px;font-size:13px}}
.mo-tart>.mo-flag{position:absolute;inset:auto;top:8px;right:8px;left:auto;bottom:auto;width:auto;height:auto}
.mo-taphint{position:absolute;left:12px;bottom:12px;padding:7px 12px;border-radius:999px;background:rgba(15,14,22,.72);color:#fff;font:600 12px "Geist",sans-serif;pointer-events:none;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.mo-dr-stage{cursor:pointer}
/* ===== Morfy.design header: wordmark + universal search ===== */
.m-wm{font-family:'Morfy Neo','Outfit',sans-serif;font-weight:700;font-size:23px;letter-spacing:-.035em;color:#F4F4F6;line-height:1;display:inline-flex;align-items:baseline}
.m-wm-y{background:linear-gradient(170deg,#38BDF8 10%,#7C5CFF 55%,#FF7AC6 95%);-webkit-background-clip:text;background-clip:text;color:transparent;padding-right:1px}
.m-wm-d{font-weight:500;font-size:.62em;letter-spacing:-.01em;color:#8C8C99;margin-left:1px}
.m-nav{gap:8px 22px}
.m-navrow{gap:22px}
.m-us{position:relative;flex:1 1 300px;max-width:460px;min-width:0}
.m-us-box{display:flex;align-items:center;gap:10px;height:42px;padding:0 10px 0 14px;border-radius:999px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);color:#8C8C99;transition:border-color .2s,background .2s,box-shadow .2s;margin:0}
.m-us.on .m-us-box,.m-us-box:focus-within{border-color:rgba(138,107,255,.7);background:rgba(255,255,255,.08);box-shadow:0 0 0 4px rgba(138,107,255,.16)}
.m-us-box input{flex:1;min-width:0;border:0;background:none;outline:none;color:#F4F4F6;font:15px 'Geist',sans-serif}
.m-us-box input::-webkit-search-cancel-button{filter:invert(1);opacity:.5}
.m-us-kbd{font:600 11px 'Geist Mono',monospace;color:#8C8C99;border:1px solid rgba(255,255,255,.16);border-radius:6px;padding:1px 6px}
.m-us-pop{position:absolute;z-index:90;top:50px;left:0;right:0;min-width:min(520px,calc(100vw - 32px));max-height:min(70vh,560px);overflow:auto;padding:10px;border-radius:20px;background:#13121B;border:1px solid rgba(255,255,255,.12);box-shadow:0 40px 100px -20px rgba(0,0,0,.85);display:flex;flex-direction:column;gap:8px}
.m-us-go{display:flex;align-items:center;gap:10px;padding:12px 14px;border-radius:14px;border:0;background:linear-gradient(92deg,rgba(138,107,255,.22),rgba(255,143,211,.14));color:#F4F4F6;font:500 14px 'Geist',sans-serif;cursor:pointer;text-align:left}
.m-us-go span{color:#B4B4C0}.m-us-go i{margin-left:auto;font-style:normal;color:#8C8C99}
.m-us-grp{display:flex;flex-direction:column;gap:6px;padding:8px;border-radius:14px;background:rgba(255,255,255,.025)}
.m-us-gh{display:flex;justify-content:space-between;align-items:baseline;gap:10px;border:0;background:none;color:#F4F4F6;cursor:pointer;padding:2px 4px;text-align:left}
.m-us-gh b{font:600 13px 'Geist',sans-serif}.m-us-gh span{font-size:12px;color:#8A6BFF}
.m-us-gh:hover span{color:#FF8FD3}
.m-us-items{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px}
.m-us-it{display:flex;align-items:center;gap:10px;padding:7px 8px;border-radius:10px;border:0;background:none;color:#C9C9D2;font:500 13px 'Geist',sans-serif;cursor:pointer;text-align:left;min-width:0}
.m-us-it:hover{background:rgba(255,255,255,.06);color:#fff}
.m-us-th{flex:none;width:30px;height:30px;border-radius:8px;background:#F4F2FF;color:#111116;display:flex;align-items:center;justify-content:center;overflow:hidden}
.m-us-th:empty{background:rgba(255,255,255,.08)}
.m-us-th svg{width:22px;height:22px}
.m-us-th svg[viewBox="0 0 100 100"]{width:30px;height:30px}
.m-us-nm{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-transform:capitalize}
.m-us-none{margin:6px;color:#A3A3B0;font-size:14px}
.m-us-hints{display:flex;flex-wrap:wrap;gap:6px;align-items:center;padding:6px}
.m-us-hints>span{font-size:12px;color:#8C8C99;margin-right:4px}
.m-us-try{border:1px solid rgba(255,255,255,.12);background:none;color:#C9C9D2;font:500 12px 'Geist',sans-serif;padding:5px 10px;border-radius:999px;cursor:pointer}
.m-us-try:hover{color:#fff;border-color:rgba(255,255,255,.3)}
@media (min-width:980px){.m-navrow{order:0}.m-us{order:1}.m-navend{order:2}}
@media (max-width:979px){.m-us{order:4;flex:1 1 100%;max-width:none}.m-us-kbd{display:none}.m-us-pop{min-width:0}}
@media (max-width:560px){.m-us-items{grid-template-columns:1fr}.m-wm{font-size:21px}}
.mo-rowcol{flex-direction:column;align-items:stretch;gap:6px}.mo-rowcol .mo-seg2{justify-content:flex-start!important}
/* ===== icon drawer: compact Copy / Export ===== */
.lx{display:flex;flex-direction:column;gap:8px}
.lx-row{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.lx-dd{position:relative}
.lx-btn{width:100%;display:inline-flex;align-items:center;justify-content:center;gap:8px;height:44px;border-radius:999px;border:1px solid rgba(255,255,255,.16);background:rgba(255,255,255,.05);color:#F4F4F6;font:600 14px 'Geist',sans-serif;cursor:pointer;transition:background .2s,border-color .2s}
.lx-btn:hover,.lx-btn.on{background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.3)}
.lx-btn.lx-p{background:#F4F4F6;color:#0B0B10;border-color:#F4F4F6}
.lx-btn.lx-p:hover,.lx-btn.lx-p.on{background:#FFFFFF}
.lx-car{opacity:.6;transition:transform .2s}.lx-btn.on .lx-car{transform:rotate(180deg)}
.lx-menu{position:absolute;z-index:40;left:0;bottom:52px;min-width:250px;padding:6px;border-radius:16px;background:#17161F;border:1px solid rgba(255,255,255,.12);box-shadow:0 30px 70px -20px rgba(0,0,0,.85);display:flex;flex-direction:column;gap:2px}
.lx-menu-r{left:auto;right:0}
.lx-it{display:grid;grid-template-columns:1fr auto;grid-template-rows:auto auto;column-gap:10px;text-align:left;padding:8px 10px;border-radius:10px;border:0;background:none;color:#F4F4F6;cursor:pointer}
.lx-it:hover{background:rgba(255,255,255,.07)}
.lx-it b{font:600 13px 'Geist',sans-serif}.lx-it span{grid-column:1;font-size:11px;color:#8C8C99}
.lx-it i{grid-column:2;grid-row:1/3;align-self:center;font-style:normal;font:600 10px 'Geist Mono',monospace;padding:2px 7px;border-radius:999px;color:#C9B8FF;background:rgba(138,107,255,.16)}
.lx-it i:empty{display:none}
.lx-size{display:flex;flex-wrap:wrap;align-items:center;gap:4px;padding:6px 8px 8px;border-bottom:1px solid rgba(255,255,255,.08);margin-bottom:4px}
.lx-size>span{font-size:11px;color:#8C8C99;margin-right:4px}
.lx-chip{border:1px solid rgba(255,255,255,.12);background:none;color:#B4B4C0;font:500 11px 'Geist',sans-serif;padding:3px 8px;border-radius:999px;cursor:pointer}
.lx-chip.on{background:#F4F4F6;color:#0B0B10;border-color:#F4F4F6}
.lx-note{margin:0;font-size:12px;color:#6A6A76;text-align:center}

/* drawer sits below the header, 20% narrower, smaller preview */
.m-drawer{top:var(--mhh,65px);width:min(448px,100vw)}
.m-drawer>div{padding:18px!important;gap:14px!important}
.m-drawer h2{font-size:24px!important}
.m-drawer .ul-big{aspect-ratio:2.2;border-radius:20px}
.m-drawer .ul-big [data-uil]{height:58%!important}
.m-drawer .mo-dr-in{padding:18px;gap:14px}
.m-drawer .mo-dr-head h2{font-size:24px}
.m-drawer .mo-dr-stage{aspect-ratio:1.6;border-radius:20px}

.mh [data-go]{cursor:pointer}
/* ===== 3D icons (Hairline) ===== */
.hl-switch{display:inline-flex;gap:4px;padding:4px;border-radius:999px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);margin-bottom:6px}
.hl-sw{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;border-radius:999px;font:500 14px 'Geist',sans-serif;color:#B4B4C0;text-decoration:none}
.hl-sw:hover{color:#FFFFFF}.hl-sw.on{background:#F4F4F6;color:#0B0B10}
.hl-new{font:700 10px 'Geist Mono',monospace;letter-spacing:.06em;text-transform:uppercase;padding:2px 7px;border-radius:999px;color:#FFFFFF;background:linear-gradient(90deg,#8A6BFF,#FF8FD3,#FFB47E)}
.hl-bar{position:sticky;top:var(--mhh,65px);z-index:20}
.hl-barwrap{display:flex;flex-direction:column;gap:10px;padding-top:12px;padding-bottom:12px}
.hl-pals{display:flex;flex-wrap:wrap;align-items:center;gap:6px}
.hl-pals .ul-lab{margin-right:6px;font-size:12px;color:#8C8C99}
.hl-pal{display:inline-flex;gap:2px;padding:5px 7px;border-radius:999px;border:1px solid rgba(255,255,255,.14);cursor:pointer}
.hl-pal i{width:10px;height:10px;border-radius:50%;display:block}
.hl-pal.on{outline:2px solid #F4F4F6;outline-offset:2px}
.hl-lay{max-width:1320px;padding-left:clamp(16px,3vw,40px);padding-right:clamp(16px,3vw,40px);display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:24px;align-items:start;padding-top:22px;padding-bottom:80px}
.hl-head{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:12px;font-size:14px;color:#8C8C99}.hl-head b{color:#F4F4F6;font-weight:600}
.hl-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(128px,1fr));gap:10px}
.hl-cell{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;aspect-ratio:1;padding:10px 8px 8px;border-radius:18px;border:2px solid transparent;cursor:pointer;transition:transform .2s cubic-bezier(.2,.8,.2,1),border-color .2s}
.hl-cell:hover{transform:translateY(-2px)}.hl-cell.on{border-color:#8A6BFF;box-shadow:0 0 0 3px rgba(138,107,255,.25)}
.hl-ic{display:flex;align-items:center;justify-content:center;width:76px;height:76px}
.hl-nm{font:500 11px 'Geist',sans-serif;color:inherit;opacity:.75;text-align:center;line-height:1.2;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.hl-morewrap{display:flex;justify-content:center;margin-top:20px}
.hl-side{position:sticky;top:calc(var(--mhh,65px) + 150px)}
.hl-card{display:flex;flex-direction:column;gap:12px;padding:16px;border-radius:22px;background:#0C0C12;border:1px solid rgba(255,255,255,.1)}
.hl-stage{display:flex;align-items:center;justify-content:center;aspect-ratio:1.25;border-radius:16px}
.hl-big{display:flex;align-items:center;justify-content:center;width:200px;height:200px}
.hl-meta h2{margin:2px 0 4px;font:600 22px 'Morfy Neo',sans-serif;letter-spacing:-.01em}
.hl-meta code{font:500 12px 'Geist Mono',monospace;color:#C9B8FF;background:rgba(138,107,255,.14);padding:2px 8px;border-radius:6px}
.hl-desc{margin:0;font-size:13px;color:#8C8C99;line-height:1.5}
.hl-tags{display:flex;flex-wrap:wrap;gap:4px}.hl-tags>span{font-size:11px;color:#B4B4C0;padding:3px 8px;border-radius:999px;border:1px solid rgba(255,255,255,.1)}
.hl-acts{display:grid;grid-template-columns:1fr 1fr;gap:8px}.hl-acts .lx-btn:first-child{grid-column:1/-1}
.hl-fine{margin:0;font-size:11px;color:#6A6A76;text-align:center}
.hl-empty{gap:6px}.hl-empty b{font-size:15px}.hl-empty span{font-size:13px;color:#8C8C99;line-height:1.5}
.hl-note{color:#8C8C99;font-size:14px;padding:24px 0}
@media (max-width:900px){.hl-bar{position:static}.hl-stage{aspect-ratio:2}.hl-big{width:140px;height:140px}.hl-big hairline-icon{width:140px!important;height:140px!important}.hl-lay{grid-template-columns:1fr}.hl-side{position:static;order:-1}.hl-grid{grid-template-columns:repeat(auto-fill,minmax(104px,1fr))}.hl-ic{width:64px;height:64px}}

.hl-acts .lx-btn:nth-child(2){grid-column:auto}
.hl-herocta{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:12px;margin:2px 0 4px}.hl-herocta span{font-size:13px;color:#8C8C99;max-width:340px;text-align:left}
.hl-ed{position:fixed;inset:0;top:var(--mhh,65px);z-index:120;display:flex;flex-direction:column;background:#07070A;animation:mShow .25s ease both;opacity:0}
.hl-ed-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px clamp(12px,2vw,24px);border-bottom:1px solid rgba(255,255,255,.1)}
.hl-ed-t{display:flex;flex-direction:column;gap:2px;min-width:0}.hl-ed-t b{font:600 16px 'Morfy Neo',sans-serif}.hl-ed-t span{font-size:12px;color:#8C8C99;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.hl-ed-frame{flex:1;width:100%;border:0;background:#fff}
/* ===== Pop Fonts ===== */
.pf-top{border-bottom:1px solid rgba(255,255,255,.08)}
.pf-topin{max-width:1560px;margin:0 auto;padding:8px 16px;display:flex;flex-wrap:wrap;align-items:center;gap:10px 18px}
.pf-topin .hl-switch{margin:0}
.pf-t{margin:0;flex:1;min-width:200px;font-size:13px;color:#8C8C99}
.pf-acts{display:flex;align-items:center;gap:8px;margin-left:auto}
.pf-b{display:inline-flex;align-items:center;gap:6px;height:38px;padding:0 14px;border-radius:999px;border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.04);color:#F4F4F6;font:600 13px 'Geist',sans-serif;cursor:pointer}
.pf-b:hover{background:rgba(255,255,255,.09);border-color:rgba(255,255,255,.3)}
.pf-b.off{opacity:.38;pointer-events:none}
.pf-exp{background:#F4F4F6;color:#0B0B10;border-color:#F4F4F6;padding:0 18px}.pf-exp:hover{background:#FFFFFF}
.pf-sel{height:38px;border-radius:999px;border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.04);color:#F4F4F6;font:600 13px 'Geist',sans-serif;padding:0 12px;cursor:pointer}
.pf-sel option{background:#0E0E14;color:#F4F4F6}
@media (max-width:640px){.pf-b span{display:none}.pf-b{padding:0 11px}.pf-acts{margin-left:0;width:100%}.pf-exp{margin-left:auto}}
.pf-frame{display:block;width:100%;height:calc(100vh - var(--mhh,65px) - 62px);min-height:480px;border:0;background:#fff}
.mf-fade .hl-switch{align-self:flex-start}
.m-acc-ill{display:flex;align-items:center;gap:14px;padding:16px;border-radius:18px;border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.03);text-decoration:none;color:inherit}
.m-acc-ill:hover{border-color:rgba(255,255,255,.25)}.m-acc-ill b{font-size:15px}.m-acc-ill span{font-size:13px;color:#8C8C99}
.m-acc-ill i{font-style:normal;font:700 10px 'Geist Mono',monospace;padding:2px 8px;border-radius:999px;color:#FFD9A8;background:rgba(255,180,126,.16);margin-left:auto;white-space:nowrap}
/* ===== Morfy: header partner + access sheet ===== */
.m-mfbtn{position:relative;width:46px;height:46px;padding:0;border-radius:50%;border:1px solid rgba(255,255,255,.14);background:radial-gradient(circle at 50% 35%,rgba(255,210,90,.16),rgba(255,255,255,.03) 70%);cursor:pointer;display:grid;place-items:center;transition:transform .2s,border-color .2s,box-shadow .2s}
.m-mfbtn:hover{transform:translateY(-1px);border-color:rgba(255,200,90,.55);box-shadow:0 0 0 4px rgba(255,190,70,.12)}
.m-mfbtn.on{border-color:rgba(255,200,90,.8)}
.m-mfbtn.guest::after{content:'';position:absolute;inset:-4px;border-radius:50%;border:1.5px solid rgba(255,190,70,.55);animation:mfRing 2.4s ease-out infinite;pointer-events:none}
@keyframes mfRing{0%{transform:scale(.9);opacity:.9}100%{transform:scale(1.25);opacity:0}}
.m-mfhdr{width:46px;height:46px;display:block;margin-top:4px}
.m-mfdot{position:absolute;top:-4px;right:-6px;min-width:18px;height:18px;padding:0 5px;border-radius:99px;font:700 10px/18px 'Geist Mono',monospace;font-style:normal;text-align:center;color:#0B0B10;background:#FFD27A;box-shadow:0 0 0 2px #07070A}
.mf-scrim{position:fixed;inset:0;z-index:140;background:rgba(4,4,8,.55);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:mShow .2s ease both;opacity:0}
.mf-sheet{position:fixed;z-index:141;top:calc(var(--mhh,65px) + 8px);right:max(12px,calc((100vw - 1320px) / 2));width:min(392px,calc(100vw - 24px));max-height:calc(100vh - var(--mhh,65px) - 20px);overflow:auto;padding:0 20px 20px;border-radius:26px;background:linear-gradient(180deg,#15131C,#0C0C12 40%);border:1px solid rgba(255,255,255,.1);box-shadow:0 40px 120px -20px rgba(0,0,0,.9);animation:mfIn .35s cubic-bezier(.2,.9,.3,1.2) both;transform-origin:90% 0}
@keyframes mfIn{from{opacity:0;transform:translateY(-8px) scale(.96)}to{opacity:1;transform:none}}
.mf-x{position:absolute;top:12px;right:12px;width:32px;height:32px;border-radius:50%;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.04);color:#B4B4C0;cursor:pointer;z-index:2}
.mf-hero{display:flex;justify-content:center;margin:6px 0 -6px}
.mf-big{width:150px;height:150px;display:block}
.mf-body{display:flex;flex-direction:column;gap:10px}
.mf-h{margin:0;text-align:center;font:700 22px 'Morfy Neo',sans-serif;letter-spacing:-.01em}
.mf-p{margin:0 0 4px;text-align:center;font-size:14px;line-height:1.5;color:#A3A3AE}.mf-p b{color:#F4F4F6}
.mf-beta{display:flex;flex-direction:column;gap:8px;padding:12px 14px;border-radius:16px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08)}
.mf-betatop{display:flex;justify-content:space-between;align-items:center;font-size:13px}
.mf-pill{font:700 10px 'Geist Mono',monospace;letter-spacing:.08em;text-transform:uppercase;padding:3px 9px;border-radius:99px;color:#0B0B10;background:#FFD27A}
.mf-pill.gold{background:linear-gradient(90deg,#FFD27A,#FF8FD3,#8A6BFF);color:#0B0B10}
.mf-bar{height:6px;border-radius:99px;background:rgba(255,255,255,.08);overflow:hidden}.mf-bar i{display:block;height:100%;border-radius:99px;background:linear-gradient(90deg,#FFD27A,#FFA51F)}
.mf-small{font-size:12px;color:#8C8C99;line-height:1.45}.mf-c{text-align:center}
.mf-cta{height:48px;border-radius:999px;border:0;background:#FFD27A;color:#1A1405;font:700 15px 'Geist',sans-serif;cursor:pointer;box-shadow:0 10px 30px -10px rgba(255,190,70,.6);transition:transform .15s}
.mf-cta:hover{transform:translateY(-1px)}.mf-cta:active{transform:scale(.98)}
.mf-opt{display:flex;flex-direction:column;align-items:flex-start;gap:2px;padding:12px 14px;border-radius:16px;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.03);color:#F4F4F6;text-align:left;cursor:pointer;font-family:'Geist',sans-serif}
.mf-opt b{font-size:14px}.mf-opt>span{font-size:12px;color:#8C8C99}.mf-opt:hover{border-color:rgba(255,255,255,.3)}
.mf-opt-p{border-color:rgba(138,107,255,.45);background:rgba(138,107,255,.1)}
.mf-text{border:0;background:none;color:#8C8C99;font:500 13px 'Geist',sans-serif;cursor:pointer;padding:6px;text-decoration:underline;text-underline-offset:3px}
.mf-text:hover{color:#F4F4F6}
.mf-link2{text-align:center;font-size:13px;color:#B4B4C0;text-decoration:none;padding:4px}.mf-link2:hover{color:#FFFFFF}
.mf-in{height:44px}.mf-in.err{border-color:#FF6B6B}
.mf-code{text-align:center;font:600 16px 'Geist Mono',monospace;letter-spacing:.12em}
.mf-lab{font-size:12px;color:#8C8C99;margin-top:2px}
.mf-chips{display:flex;flex-wrap:wrap;gap:6px;padding:2px;border-radius:12px}.mf-chips.err{box-shadow:0 0 0 1px #FF6B6B}
.mf-chip{padding:6px 11px;border-radius:99px;border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.03);color:#C9C9D2;font:500 12px 'Geist',sans-serif;cursor:pointer}
.mf-chip.on{background:#F4F4F6;color:#0B0B10;border-color:#F4F4F6}
.mf-err{margin:0;font-size:13px;color:#FF8A8A;text-align:center}
/* the limit sheet's coupon box (LimitPay.tsx) */
.mf-coupon{display:flex;gap:8px;align-items:center}.mf-coupon .mf-in{flex:1;min-width:0;text-transform:uppercase}.mf-coupon .mf-in::placeholder{text-transform:none}
.mf-coupon .mf-chip{flex:none;height:44px;padding:0 16px}
.mf-cta:disabled{opacity:.6;cursor:default;transform:none}
@media (max-width:640px){.mf-sheet{top:auto;bottom:0;right:0;left:0;width:auto;border-radius:26px 26px 0 0;max-height:88vh;animation-name:mfUp}@keyframes mfUp{from{transform:translateY(30px);opacity:0}to{transform:none;opacity:1}}.m-mfbtn,.m-mfhdr{width:40px;height:40px}}
/* the guest wall (GuestWall.tsx): the join sheet in the middle of the page, everything behind it blurred, header too */
.mf-scrim.mf-wallscrim{touch-action:none;background:rgba(6,6,10,.42);-webkit-backdrop-filter:blur(14px) saturate(120%);backdrop-filter:blur(14px) saturate(120%)}
.mf-sheet.mf-wall{box-sizing:border-box;overscroll-behavior:contain;top:50%;left:50%;right:auto;bottom:auto;translate:-50% -50%;width:min(440px,calc(100vw - 24px));max-height:calc(100vh - 32px);max-height:calc(100dvh - 32px);border-radius:26px;transform-origin:50% 50%;animation-name:mfWall}
@keyframes mfWall{from{opacity:0;transform:translateY(14px) scale(.96)}to{opacity:1;transform:none}}
/* ===== Create your studio ===== */
.bs-wrap{max-width:1120px;margin:0 auto;padding:40px clamp(16px,3vw,32px) 96px;display:flex;flex-direction:column;gap:20px}
.bs-top{display:flex;flex-direction:column;align-items:center;text-align:center;gap:10px}
.bs-h1{margin:0;font:700 clamp(30px,4vw,46px)/1.05 'Morfy Neo',sans-serif;letter-spacing:-.02em}
.bs-lead{margin:0;max-width:560px;color:#A3A3AE;font-size:15px;line-height:1.5}
.bs-rail{list-style:none;margin:8px 0 0;padding:4px;display:flex;flex-wrap:wrap;justify-content:center;gap:4px;border-radius:999px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08)}
.bs-rail button{display:inline-flex;align-items:center;gap:8px;padding:7px 14px 7px 8px;border-radius:999px;border:0;background:none;color:#8C8C99;font:500 13px 'Geist',sans-serif;cursor:pointer}
.bs-rail i{width:22px;height:22px;border-radius:50%;display:grid;place-items:center;font:600 11px 'Geist Mono',monospace;font-style:normal;background:rgba(255,255,255,.08)}
.bs-rail li.on button{background:#F4F4F6;color:#0B0B10}.bs-rail li.on i{background:#0B0B10;color:#F4F4F6}
.bs-rail li.done i{background:#FFD27A;color:#1A1405}.bs-rail li.done button{color:#E6E6EC}
.bs-card{max-width:860px;width:100%;margin:0 auto;padding:22px;border-radius:26px;background:linear-gradient(180deg,#121119,#0C0C12 30%);border:1px solid rgba(255,255,255,.1);display:flex;flex-direction:column;gap:18px}
.bs-say{display:flex;align-items:center;gap:12px;padding:6px 14px 6px 6px;border-radius:20px;background:rgba(255,210,122,.07);border:1px solid rgba(255,210,122,.2)}
.bs-say p{margin:0;font-size:14px;color:#F1E6CF;line-height:1.45}
.bs-mf{width:64px;height:64px;flex:none;display:block}
.bs-step{display:flex;flex-direction:column;gap:16px}
.bs-f{display:flex;flex-direction:column;gap:8px}.bs-f>span{font-size:13px;font-weight:600;color:#E6E6EC}.bs-f em{font-style:normal;font-weight:400;color:#8C8C99;margin-left:6px}
.bs-chips{display:flex;flex-wrap:wrap;gap:6px}
.bs-chip{padding:9px 16px;border-radius:999px;border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.03);color:#C9C9D2;font:500 13px 'Geist',sans-serif;cursor:pointer}
.bs-chip.on{background:#F4F4F6;color:#0B0B10;border-color:#F4F4F6}
.bs-err{margin:0;color:#FF8A8A;font-size:13px}
.bs-foot{display:flex;justify-content:space-between;align-items:center;gap:10px;padding-top:4px}
.bs-next{height:46px;padding:0 24px;border-radius:999px;border:0;background:#F4F4F6;color:#0B0B10;font:700 14px 'Geist',sans-serif;cursor:pointer}
.bs-next:hover{background:#FFFFFF}
.bs-read{display:flex;align-items:center;gap:10px;font-size:13px;color:#A3A3AE;min-height:20px}
.bs-spin{width:14px;height:14px;border-radius:50%;border:2px solid rgba(255,255,255,.2);border-top-color:#FFD27A;animation:bsSpin .8s linear infinite}@keyframes bsSpin{to{transform:rotate(360deg)}}
.bs-swatches{display:grid;grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:8px}
.bs-sw{height:84px;border-radius:16px;border:0;cursor:pointer;display:flex;flex-direction:column;justify-content:space-between;align-items:flex-start;padding:10px;text-align:left;box-shadow:inset 0 0 0 1px rgba(255,255,255,.12);transition:transform .15s}
.bs-sw:hover{transform:translateY(-2px)}.bs-sw b{font:700 10px 'Geist Mono',monospace;letter-spacing:.06em;text-transform:uppercase}.bs-sw>span{font:500 11px 'Geist Mono',monospace;opacity:.85}
.bs-srcs{display:flex;flex-wrap:wrap;gap:8px}
.bs-up{position:relative;overflow:hidden;cursor:pointer}.bs-up input{position:absolute;inset:0;opacity:0;cursor:pointer}
.bs-slots{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.bs-slot{display:flex;align-items:center;gap:10px;padding:10px;border-radius:16px;border:1px solid rgba(255,255,255,.12);cursor:pointer}
.bs-slot.on{border-color:#FFD27A;box-shadow:0 0 0 3px rgba(255,210,122,.15)}
.bs-slotc{position:relative;width:38px;height:38px;border-radius:50%;flex:none;box-shadow:inset 0 0 0 1px rgba(255,255,255,.2);overflow:hidden}
.bs-slotc input{position:absolute;inset:-6px;width:calc(100% + 12px);height:calc(100% + 12px);opacity:0;cursor:pointer}
.bs-slot.empty .bs-slotc{background:repeating-conic-gradient(#2A2A33 0% 25%,#1B1B22 0% 50%) 50%/10px 10px!important}
.bs-slot b{display:block;font-size:13px}.bs-slot em{font:500 11px 'Geist Mono',monospace;font-style:normal;color:#8C8C99}
.bs-hint{margin:0;font-size:12.5px;color:#8C8C99}
.bs-pal{display:flex;flex-direction:column;gap:8px}
.bs-prow{display:grid;grid-template-columns:84px minmax(0,1fr);gap:10px;align-items:center}
.bs-plab{font-size:12px;color:#A3A3AE}
.bs-pcells{display:grid;grid-template-columns:repeat(10,minmax(0,1fr));border-radius:12px;overflow:hidden}
.bs-pc{height:54px;display:flex;flex-direction:column;justify-content:space-between;padding:6px;font:500 9.5px 'Geist Mono',monospace}.bs-pc b{font-weight:700}.bs-pc i{font-style:normal;opacity:.8;white-space:nowrap;overflow:hidden;text-overflow:clip}
.bs-opts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.bs-opt{display:flex;flex-direction:column;gap:12px;padding:14px;border-radius:18px;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.02);color:#F4F4F6;text-align:left;cursor:pointer;font-family:'Geist',sans-serif}
.bs-opt.on{border-color:#FFD27A;box-shadow:0 0 0 3px rgba(255,210,122,.15);background:rgba(255,210,122,.04)}
.bs-ohead{display:flex;justify-content:space-between;align-items:center}.bs-ohead b{font-size:14px}
.bs-rec{font:700 10px 'Geist Mono',monospace;letter-spacing:.06em;text-transform:uppercase;padding:3px 8px;border-radius:99px;background:#FFD27A;color:#1A1405}
.bs-oicons{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:4px;padding:12px;border-radius:12px;background:#FFFFFF}
.bs-oicons>span{display:grid;place-items:center;aspect-ratio:1}
.bs-onote{font-size:12px;color:#8C8C99;line-height:1.4}
.bs-mtiles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}
.bs-mt{aspect-ratio:1;border-radius:12px;display:block;position:relative;overflow:hidden}.bs-mt>span,.bs-mt svg{position:absolute;inset:0;width:100%;height:100%;display:block}
.bs-dash{gap:16px}
.bs-dhead{display:flex;flex-wrap:wrap;align-items:center;gap:16px;padding:18px;border-radius:24px;background:linear-gradient(120deg,rgba(255,210,122,.08),rgba(138,107,255,.06));border:1px solid rgba(255,255,255,.1)}
.bs-mf-d{width:84px;height:84px}
.bs-dt{flex:1;min-width:220px;display:flex;flex-direction:column;gap:6px}.bs-dt .m-eyebrow{margin:0}
.bs-dmeta{margin:0;display:flex;flex-wrap:wrap;align-items:center;gap:8px;font-size:13px;color:#A3A3AE}
.bs-dots{display:inline-flex;gap:3px}.bs-dots i{width:14px;height:14px;border-radius:50%;box-shadow:0 0 0 1px rgba(255,255,255,.2)}
.bs-dacts{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.bs-toggle{display:inline-flex;align-items:center;gap:10px;height:40px;padding:0 14px 0 6px;border-radius:999px;border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.03);color:#C9C9D2;font:500 13px 'Geist',sans-serif;cursor:pointer}
.bs-toggle i{width:34px;height:20px;border-radius:99px;background:rgba(255,255,255,.15);position:relative;transition:background .2s}.bs-toggle i::after{content:'';position:absolute;top:2px;left:2px;width:16px;height:16px;border-radius:50%;background:#fff;transition:transform .2s}
.bs-toggle.on{color:#F4F4F6;border-color:rgba(255,210,122,.5)}.bs-toggle.on i{background:#FFB347}.bs-toggle.on i::after{transform:translateX(14px)}
.bs-dbar{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:10px}
.bs-tabs{display:inline-flex;gap:4px;padding:4px;border-radius:999px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08)}
.bs-tab{padding:8px 18px;border-radius:999px;border:0;background:none;color:#A3A3AE;font:500 14px 'Geist',sans-serif;cursor:pointer}.bs-tab.on{background:#F4F4F6;color:#0B0B10}
.bs-left{font-size:12.5px;color:#8C8C99}
.bs-q{max-width:520px}
.bs-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(104px,1fr));gap:8px}
.bs-cell{aspect-ratio:1;border-radius:16px;border:0;background:#FFFFFF;cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;transition:transform .15s}
.bs-cell:hover{transform:translateY(-2px)}.bs-cell em{font:500 10.5px 'Geist',sans-serif;font-style:normal;color:#6A6A76;max-width:90%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.bs-mgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px}
.bs-mcell{position:relative;aspect-ratio:1;border-radius:18px;border:0;cursor:pointer;overflow:hidden}.bs-mcell>span,.bs-mcell svg{position:absolute;inset:0;width:100%;height:100%;display:block}
.bs-mcell em{position:absolute;left:10px;bottom:8px;font:600 11px 'Geist',sans-serif;font-style:normal;color:#111116;opacity:.75}
.bs-lnk{border:0;background:none;color:#FFD27A;font:inherit;cursor:pointer;padding:0}
@media (max-width:700px){.bs-opts,.bs-slots{grid-template-columns:1fr}.bs-prow{grid-template-columns:1fr}.bs-pc i{display:none}.bs-oicons{grid-template-columns:repeat(4,1fr)}}
/* ===== Profile ===== */
.ac2-wrap{max-width:1120px;margin:0 auto;padding:36px clamp(16px,3vw,32px) 110px;display:flex;flex-direction:column;gap:16px}
.ac2-hero{display:flex;flex-wrap:wrap;align-items:center;gap:20px;padding:20px 24px;border-radius:28px;background:radial-gradient(120% 140% at 0% 0%,rgba(255,210,122,.14),rgba(138,107,255,.06) 50%,rgba(255,255,255,.02));border:1px solid rgba(255,255,255,.1)}
.ac2-mf{width:150px;height:150px;flex:none;display:block}
.ac2-hi{flex:1;min-width:240px;display:flex;flex-direction:column;gap:8px}.ac2-hi .m-eyebrow{margin:0}
.ac2-h1{margin:0;font:700 clamp(32px,4vw,48px)/1 'Morfy Neo',sans-serif;letter-spacing:-.02em}
.ac2-line{margin:0;color:#A3A3AE;font-size:15px;line-height:1.5;max-width:520px}
.ac2-pills{display:flex;gap:8px;align-items:center}.ac2-seat{font:500 12px 'Geist Mono',monospace;color:#C9C9D2}
.ac2-acts{display:flex;flex-direction:column;gap:8px;min-width:200px}.ac2-cta{padding:0 26px}
.ac2-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.ac2-card{display:flex;flex-direction:column;gap:10px;padding:18px;border-radius:22px;background:#0E0E14;border:1px solid rgba(255,255,255,.1)}
.ac2-lab{font:500 11px 'Geist Mono',monospace;letter-spacing:.12em;text-transform:uppercase;color:#8C8C99}
.ac2-big{display:flex;align-items:baseline;gap:10px}.ac2-big b{font:700 52px/1 'Morfy Neo',sans-serif;letter-spacing:-.03em}.ac2-big>span{font-size:13px;color:#A3A3AE}
.ac2-dots{display:grid;grid-template-columns:repeat(10,1fr);gap:4px}.ac2-dots i{height:8px;border-radius:99px;background:#FFD27A}.ac2-dots i.used{background:rgba(255,255,255,.1)}
.ac2-sub{font-size:12.5px;color:#8C8C99;line-height:1.5}
.ac2-t{font-size:16px}
.ac2-st{display:flex;align-items:center;gap:10px}.ac2-st b{font-size:17px}
.ac2-code{display:flex;gap:6px}.ac2-code input{flex:1;height:40px;min-width:0}
.ac2-me{gap:12px}.ac2-mehead{display:flex;justify-content:space-between;align-items:center}
.ac2-kv{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.ac2-kv div{display:flex;flex-direction:column;gap:3px;min-width:0}.ac2-kv div>span{font-size:12px;color:#8C8C99}.ac2-kv b{font-size:14px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
@media (max-width:900px){.ac2-row{grid-template-columns:1fr}.ac2-kv{grid-template-columns:1fr 1fr}.ac2-mf{width:110px;height:110px}.ac2-acts{width:100%;flex-direction:row;flex-wrap:wrap}}
.mf-sheet .mf-in{width:100%;background:#17171F;border:1px solid #2C2C38;border-radius:14px;color:#F4F4F6}
.mf-sheet .mf-in:focus{border-color:#FFD27A;outline:none}
.mf-sheet .mf-in.err{border-color:#FF6B6B}
.mf-sheet .mf-chip{border:1px solid #2E2E3A;background:#15151C}
.mf-sheet .mf-chip.on{background:#F4F4F6;color:#0B0B10;border-color:#F4F4F6}
.ac2-card .mf-code{background:#17171F;border:1px solid #2C2C38}

/* header Morfy: no ring, centred */
.m-mfbtn,.m-mfbtn:hover,.m-mfbtn.on{border:0!important;background:none!important;box-shadow:none!important;width:52px;height:52px}
.m-mfbtn.guest::after{display:none}
.m-mfhdr{width:52px;height:52px;margin:0}

.bs-dbar{flex-wrap:nowrap}
.bs-q2{flex:1;max-width:420px;display:flex;align-items:center;gap:8px;height:46px;padding:0 16px;border-radius:999px;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.04);color:#8C8C99;box-sizing:border-box}
.bs-q2 input{flex:1;min-width:0;height:100%;border:0;background:none;color:#F4F4F6;font:400 14px 'Geist',sans-serif;outline:none}
.bs-tabs{height:46px;box-sizing:border-box;align-items:center}
.bs-cell{position:relative}
.bs-dl{position:absolute;top:6px;right:8px;font:600 9.5px 'Geist Mono',monospace;font-style:normal;color:#8C8C99;opacity:0;transition:opacity .15s}
.bs-cell:hover .bs-dl,.bs-lcell:hover .bs-dl{opacity:1}
.bs-more{align-self:center}
.bs-mcell{cursor:default}
.bs-macts{position:absolute;right:8px;top:8px;left:auto;bottom:auto;display:flex;gap:4px;opacity:0;transition:opacity .15s;z-index:2}
.bs-mcell:hover .bs-macts,.bs-mcell:focus-within .bs-macts{opacity:1}
.bs-macts button{height:26px;padding:0 10px;border-radius:999px;border:0;background:rgba(17,17,22,.85);color:#fff;font:600 11px 'Geist',sans-serif;cursor:pointer}
.bs-lgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:10px}
.bs-lcell{position:relative;border:0;border-radius:18px;cursor:pointer;padding:0;overflow:hidden;display:flex;flex-direction:column;transition:transform .15s}
.bs-lcell:hover{transform:translateY(-2px)}
.bs-lart{display:block;width:100%;aspect-ratio:1.6}.bs-lart svg{width:100%;height:100%;display:block}
.bs-lcell em{font:600 11.5px 'Geist',sans-serif;font-style:normal;color:#111116;opacity:.8;text-align:left;padding:0 12px 10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
@media (hover:none){.bs-macts{opacity:1}}
@media (max-width:700px){.bs-dbar{flex-wrap:wrap}.bs-q2{max-width:none;width:100%}}

.mf-bubble{position:relative;display:flex;flex-direction:column;gap:3px;padding:12px 14px;border-radius:16px;background:#FFF4D9;color:#2A2106;margin-top:2px;animation:mfPop .35s cubic-bezier(.2,.9,.3,1.3)}
.mf-bubble::before{content:'';position:absolute;top:-7px;left:50%;margin-left:-7px;border:7px solid transparent;border-top:0;border-bottom-color:#FFF4D9}
.mf-bubble b{font:700 15px 'Geist',sans-serif}.mf-bubble span{font-size:12px;color:#6B5A2E}
@keyframes mfPop{from{transform:scale(.94);opacity:0}to{transform:none;opacity:1}}
.mf-prog{display:grid;grid-template-columns:repeat(4,1fr);gap:4px}.mf-prog i{height:4px;border-radius:99px;background:rgba(255,255,255,.1);transition:background .3s}.mf-prog i.on{background:#FFD27A}

/* ==== DECKS SLIDES (from decks/slides.css) ==== */
/* ===== Morfy Decks: slide styles (1em = 1% of slide width) ===== */
.dk-frame{position:relative;width:100%;aspect-ratio:16/9;container-type:inline-size;overflow:hidden;border-radius:inherit}
.dk-s{position:absolute;inset:0;font-size:1cqw;background:var(--bg);color:var(--ink);font-family:var(--bf);overflow:hidden;line-height:1.25;text-align:left}
.dk-export .dk-s{font-size:16px}
.dk-s *{box-sizing:border-box}
.dk-in{position:absolute;inset:0;padding:5.5em 6em;display:flex;flex-direction:column;justify-content:center;z-index:2}
.dk-s h1,.dk-s h2,.dk-s p{margin:0}
.dk-h1{font-family:var(--hf);font-size:5.4em;line-height:1.02;letter-spacing:-.025em;font-weight:800}
.dk-big{font-size:6.2em}
.th-paper .dk-h1,.th-luxe .dk-h1,.th-forest .dk-h1{font-weight:400}
.dk-t{font-family:var(--hf);font-size:3.4em;line-height:1.05;letter-spacing:-.02em;font-weight:800;margin-bottom:.35em}
.th-paper .dk-t,.th-luxe .dk-t{font-weight:400}
.dk-sub{font-size:1.55em;color:var(--mute);margin-top:.6em;max-width:44em}
.dk-k{display:inline-block;font:600 1.05em var(--bf);letter-spacing:.14em;text-transform:uppercase;color:var(--at,var(--a));margin-bottom:1.4em}
.dk-body p{font-size:1.6em;line-height:1.4;margin:.35em 0;padding-left:1.1em;position:relative}.dk-body p::before{content:'';position:absolute;left:0;top:.55em;width:.42em;height:.42em;border-radius:50%;background:var(--a)}
.dk-logo{position:absolute;top:4em;left:6em;height:3.2em;max-width:16em;object-fit:contain}
.dk-num{position:absolute;right:3em;bottom:2.4em;font:500 .95em var(--bf);color:var(--mute);z-index:3}
/* layouts */
.dk-cover{display:grid;grid-template-columns:1.25fr 1fr;gap:4em;align-items:center;height:100%}.dk-cover:not(:has(.dk-cv)){grid-template-columns:1fr}
.dk-cv,.dk-tv{display:flex;align-items:center;justify-content:center;min-height:0;height:100%}
.dk-vw{position:relative;width:100%;display:flex;align-items:center;justify-content:center;transform-origin:50% 50%}.dk-vw>*:not(.dk-vh){width:100%;max-height:60em;height:auto}
.dk-ic svg{width:60%;height:auto;display:block;margin:auto}.dk-ic{display:flex;justify-content:center}
.dk-mo,.dk-3d,.dk-lm{display:block;aspect-ratio:1}.dk-mo svg,.dk-3d svg,.dk-lm svg{width:100%;height:100%;display:block}.dk-lm{aspect-ratio:1.6}
.dk-img{display:block;width:100%;height:100%;object-fit:cover;border-radius:var(--r)}
.dk-cv .dk-img,.dk-tv .dk-img{aspect-ratio:4/3;height:auto;max-height:38em}
.dk-stm{display:flex;flex-direction:column;justify-content:center;height:100%;max-width:78em}
.dk-stm .dk-logo{position:static;margin-bottom:2em}
.dk-std{display:flex;flex-direction:column;justify-content:center;height:100%}
.dk-two{display:grid;grid-template-columns:1fr 1fr;gap:5em;align-items:center;height:100%}
.dk-ph{width:100%;aspect-ratio:4/3;border-radius:var(--r);border:.2em dashed color-mix(in srgb,var(--ink) 25%,transparent);display:grid;place-items:center;color:var(--mute);font-size:1.3em}
.dk-cards{display:grid;gap:1.6em;margin-top:2.4em}.dk-cards.n2{grid-template-columns:repeat(2,1fr)}.dk-cards.n3{grid-template-columns:repeat(3,1fr)}.dk-cards.n4{grid-template-columns:repeat(4,1fr)}
.dk-card{background:var(--surf);border-radius:var(--r);padding:2.2em;display:flex;flex-direction:column;gap:.8em;min-height:18em}
.dk-card b{font:800 1.9em var(--hf);letter-spacing:-.01em}.dk-card>span:last-child{font-size:1.3em;color:var(--mute);line-height:1.4}
.dk-cn{font:800 2em var(--hf);color:var(--at,var(--a));height:2.4em;display:flex;align-items:center}.dk-cn .dk-ic svg{width:2.4em;height:2.4em}
.dk-dot{width:1.1em;height:1.1em;border-radius:50%;background:var(--a);display:block}
.dk-mets{display:grid;gap:2em;margin-top:2.6em}.dk-mets.n2{grid-template-columns:repeat(2,1fr)}.dk-mets.n3{grid-template-columns:repeat(3,1fr)}.dk-mets.n4{grid-template-columns:repeat(4,1fr)}
.dk-met{display:flex;flex-direction:column;gap:.5em;border-top:.25em solid var(--a);padding-top:1.6em}
.dk-met b{font:800 5.4em/1 var(--hf);letter-spacing:-.03em;white-space:nowrap}.dk-mets.n4 .dk-met b{font-size:4.4em}.dk-mets.n2 .dk-met b{font-size:7em}.dk-met span{font-size:1.4em;color:var(--mute)}.dk-met em{font-style:normal;font-size:1.1em;color:var(--at,var(--a))}
.dk-chart{display:flex;align-items:flex-end;gap:2.2em;height:30em;margin-top:2em;border-bottom:.15em solid color-mix(in srgb,var(--ink) 20%,transparent)}
.dk-barw{flex:1;height:100%;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;gap:.6em}
.dk-barw em{font:700 1.4em var(--hf);font-style:normal}
.dk-bar{width:100%;height:var(--h);border-radius:calc(var(--r) * .6) calc(var(--r) * .6) 0 0;background:linear-gradient(180deg,var(--a),var(--b));transform-origin:bottom}
.dk-barw span{font-size:1.2em;color:var(--mute);margin-bottom:-2.2em;height:1.6em}
.dk-mlist{display:flex;flex-direction:column;gap:1.4em;margin-top:2em}.dk-mlist div{display:grid;grid-template-columns:1.4em auto 1fr;gap:1em;align-items:baseline}.dk-mlist i{width:1.1em;height:1.1em;border-radius:50%;display:block}.dk-mlist b{font:800 2.6em var(--hf)}.dk-mlist span{font-size:1.3em;color:var(--mute)}
.dk-rings{position:relative;width:34em;height:34em}.dk-rings span{position:absolute;left:50%;bottom:0;width:var(--s);height:var(--s);transform:translateX(-50%);border-radius:50%;background:color-mix(in srgb,var(--c) 70%,transparent);display:flex;justify-content:center;padding-top:1.2em;mix-blend-mode:normal;box-sizing:border-box;border:.2em solid var(--bg)}
.dk-rings b{font:800 1.4em var(--hf);color:#fff}
.dk-road{position:relative;display:grid;grid-auto-flow:column;grid-auto-columns:1fr;gap:1.6em;margin-top:3em;padding-top:3.4em}
.dk-road::before{content:'';position:absolute;left:0;right:0;top:1em;height:.3em;border-radius:1em;background:linear-gradient(90deg,var(--a),var(--b),var(--c))}
.dk-mile{position:relative;display:flex;flex-direction:column;gap:.5em}.dk-mile i{position:absolute;top:-3.05em;left:0;width:1.7em;height:1.7em;border-radius:50%;background:var(--bg);border:.35em solid var(--a)}
.dk-mile em{font:700 1.2em var(--bf);font-style:normal;color:var(--at,var(--a));letter-spacing:.06em;text-transform:uppercase}.dk-mile b{font:800 1.9em/1.15 var(--hf)}.dk-mile span{font-size:1.2em;color:var(--mute)}
.dk-team{display:grid;gap:2em;margin-top:2.6em;grid-template-columns:repeat(3,1fr)}.dk-team.n2{grid-template-columns:repeat(2,1fr)}.dk-team.n4{grid-template-columns:repeat(4,1fr)}.dk-team.n5{grid-template-columns:repeat(5,1fr)}
.dk-pp{display:flex;flex-direction:column;gap:.5em}.dk-pp img,.dk-pp i{width:3em;height:3em;border-radius:50%;object-fit:cover;display:grid;place-items:center;background:linear-gradient(135deg,var(--a),var(--b));color:#fff;font:800 3em var(--hf);font-style:normal;margin-bottom:.2em}
.dk-pp b{font:800 1.9em var(--hf)}.dk-pp span{font-size:1.3em;color:var(--at,var(--a))}.dk-pp em{font-style:normal;font-size:1.2em;color:var(--mute)}
.dk-quad{position:relative;width:38em;height:34em;border-left:.2em solid color-mix(in srgb,var(--ink) 30%,transparent);border-bottom:.2em solid color-mix(in srgb,var(--ink) 30%,transparent);background:linear-gradient(color-mix(in srgb,var(--ink) 8%,transparent),color-mix(in srgb,var(--ink) 8%,transparent)) 50% 0/.12em 100% no-repeat,linear-gradient(color-mix(in srgb,var(--ink) 8%,transparent),color-mix(in srgb,var(--ink) 8%,transparent)) 0 50%/100% .12em no-repeat}
.dk-ax{position:absolute;font-size:1.1em;color:var(--mute)}.dk-ax.x{right:0;bottom:-2.2em}.dk-ax.y{left:-.4em;top:-2.2em}
.dk-pt{position:absolute;transform:translate(-50%,50%);display:flex;align-items:center;gap:.5em;font:600 1.2em var(--bf);white-space:nowrap}.dk-pt i{width:1.2em;height:1.2em;border-radius:50%;background:color-mix(in srgb,var(--ink) 40%,transparent)}
.dk-pt.me{font:800 1.6em var(--hf);color:var(--at,var(--a))}.dk-pt.me i{width:1.5em;height:1.5em;background:var(--a);box-shadow:0 0 0 .5em color-mix(in srgb,var(--a) 25%,transparent)}
.dk-tiers{display:grid;gap:1.6em;margin-top:2.6em}.dk-tiers.n2{grid-template-columns:repeat(2,1fr)}.dk-tiers.n3{grid-template-columns:repeat(3,1fr)}.dk-tiers.n4{grid-template-columns:repeat(4,1fr)}
.dk-tier{background:var(--surf);border-radius:var(--r);padding:2.4em;display:flex;flex-direction:column;gap:.6em}.dk-tier span{font-size:1.4em;color:var(--mute)}.dk-tier b{font:800 3.6em var(--hf)}.dk-tier em{font-style:normal;font-size:1.25em;color:var(--mute)}
.dk-tier.hot{background:var(--a);color:#fff}.dk-tier.hot span,.dk-tier.hot em{color:rgba(255,255,255,.85)}
.dk-quote{display:flex;flex-direction:column;justify-content:center;height:100%;max-width:80em}.dk-qm{font:800 12em/0.6 var(--hf);color:var(--at,var(--a));height:.45em}.dk-q{font-size:4.4em;font-weight:600}.dk-qa{font-size:1.6em;color:var(--mute);margin-top:1.4em}
.L-image .dk-in{padding:0}.dk-full{position:absolute;inset:0}.dk-full>.dk-vw{position:absolute;inset:0;display:block}.dk-full .dk-vw>.dk-img{position:absolute;inset:0;width:100%;height:100%;max-height:none;border-radius:0;aspect-ratio:auto}.dk-full .dk-vw>.dk-3d,.dk-full .dk-vw>.dk-mo,.dk-full .dk-vw>.dk-ic,.dk-full .dk-vw>.dk-lm{position:absolute;inset:8% 25% 22%;width:auto;height:auto;max-height:none}
.dk-full>.dk-ph{position:absolute;inset:6em;width:auto;aspect-ratio:auto}
.dk-ov{position:absolute;left:0;right:0;bottom:0;padding:5em 6em 4.5em;background:linear-gradient(0deg,color-mix(in srgb,var(--bg) 92%,transparent),transparent)}
.dk-logos{display:grid;grid-template-columns:repeat(4,1fr);gap:1.4em;margin-top:2.6em}.dk-logos span{height:8em;border-radius:var(--r);background:var(--surf);display:grid;place-items:center;font:800 1.7em var(--hf);color:var(--mute);letter-spacing:-.01em}.dk-logos img{max-width:70%;max-height:60%;object-fit:contain}
.dk-askn b{font:800 9em/1 var(--hf);letter-spacing:-.04em;color:var(--at,var(--a))}
.dk-donut{width:30em;height:30em;border-radius:50%;position:relative}.dk-donut i{position:absolute;inset:22%;border-radius:50%;background:var(--bg)}
.dk-cols{display:grid;grid-template-columns:1fr 1fr;gap:3em;margin-top:2.4em}.dk-col{background:var(--surf);border-radius:var(--r);padding:2.4em}.dk-col>b{display:block;font:700 1.2em var(--bf);letter-spacing:.12em;text-transform:uppercase;color:var(--at,var(--a));margin-bottom:1em}.dk-col p{font-size:1.6em;margin:.5em 0;line-height:1.35}.dk-col p span{color:var(--mute)}
.dk-contact{font-size:1.6em;margin-top:2em;color:var(--at,var(--a))}
/* decoration */
.dk-s>i{position:absolute;pointer-events:none;z-index:1}
.dk-g1{width:60em;height:60em;border-radius:50%;filter:blur(8em);opacity:.35;right:-18em;top:-26em}.dk-g2{width:40em;height:40em;border-radius:50%;filter:blur(8em);opacity:.25;left:-12em;bottom:-22em}
.dk-b1{width:30em;height:30em;border-radius:42% 58% 63% 37%/40% 45% 55% 60%;right:-8em;top:-10em;opacity:.9}.dk-b2{width:16em;height:16em;border-radius:50%;left:-5em;bottom:-6em;opacity:.85}
.dk-grid{inset:0;background-image:linear-gradient(color-mix(in srgb,var(--ink) 7%,transparent) .08em,transparent .08em),linear-gradient(90deg,color-mix(in srgb,var(--ink) 7%,transparent) .08em,transparent .08em);background-size:5em 5em}
.dk-wave{left:-10%;right:-10%;bottom:-38em;height:50em;border-radius:50%;opacity:.12}
.dk-rule{left:6em;top:3.2em;width:6em;height:.35em;border-radius:1em}
.dk-bgimg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.35;z-index:1}
/* motion */
.dk-anim .dk-in>*>*,.dk-anim .dk-cards>*,.dk-anim .dk-mets>*,.dk-anim .dk-team>*,.dk-anim .dk-tiers>*,.dk-anim .dk-logos>*,.dk-anim .dk-mlist>*,.dk-anim .dk-cols>*{animation:dkRise .8s cubic-bezier(.2,.8,.2,1) both}
.dk-anim .dk-in>*>*:nth-child(2),.dk-anim .dk-cards>*:nth-child(1),.dk-anim .dk-mets>*:nth-child(1){animation-delay:.12s}
.dk-anim .dk-in>*>*:nth-child(3),.dk-anim .dk-cards>*:nth-child(2),.dk-anim .dk-mets>*:nth-child(2),.dk-anim .dk-team>*:nth-child(2),.dk-anim .dk-tiers>*:nth-child(2){animation-delay:.24s}
.dk-anim .dk-in>*>*:nth-child(4),.dk-anim .dk-cards>*:nth-child(3),.dk-anim .dk-mets>*:nth-child(3),.dk-anim .dk-team>*:nth-child(3),.dk-anim .dk-tiers>*:nth-child(3){animation-delay:.36s}
.dk-anim .dk-cards>*:nth-child(4),.dk-anim .dk-mets>*:nth-child(4),.dk-anim .dk-team>*:nth-child(4),.dk-anim .dk-tiers>*:nth-child(4){animation-delay:.48s}
.dk-anim .dk-logos>*{animation-delay:calc(var(--i) * .06s)}
.dk-fade.dk-anim .dk-in *{animation-name:dkFade}.dk-zoom.dk-anim .dk-in>*>*{animation-name:dkZoom}
.dk-anim .dk-bar{animation:dkGrow 1s cubic-bezier(.2,.8,.2,1) both;animation-delay:calc(.3s + var(--i) * .1s)}
.dk-anim .dk-mile{animation:dkRise .7s both;animation-delay:calc(.3s + var(--i) * .15s)}.dk-anim .dk-road::before{animation:dkDraw 1.2s cubic-bezier(.2,.8,.2,1) both .2s;transform-origin:left}
.dk-anim .dk-rings span{animation:dkPop .8s cubic-bezier(.2,.9,.3,1.3) both;animation-delay:calc(.2s + var(--i) * .18s)}
.dk-anim .dk-pt{animation:dkPop .6s both;animation-delay:calc(.3s + var(--i) * .1s)}
.dk-anim .dk-donut{animation:dkSpin 1.1s cubic-bezier(.2,.8,.2,1) both .2s}
.dk-anim .dk-vw>*:not(.dk-vh),.dk-anim .dk-tv>.dk-ph{animation:dkFloatIn 1s cubic-bezier(.2,.8,.2,1) both .25s}
.dk-anim .dk-3d svg,.dk-anim .dk-ic svg{animation:dkBob 4s ease-in-out infinite 1.2s}
.dk-static *{animation:none!important}
@keyframes dkRise{from{opacity:0;transform:translateY(1.6em)}to{opacity:1;transform:none}}
@keyframes dkFade{from{opacity:0}to{opacity:1}}
@keyframes dkZoom{from{opacity:0;transform:scale(.92)}to{opacity:1;transform:none}}
@keyframes dkGrow{from{transform:scaleY(0)}to{transform:none}}
@keyframes dkDraw{from{transform:scaleX(0)}to{transform:none}}
@keyframes dkPop{from{opacity:0;transform:translateX(-50%) scale(.6)}to{opacity:1}}
.dk-anim .dk-pt{animation-name:dkPop2}@keyframes dkPop2{from{opacity:0;transform:translate(-50%,50%) scale(.4)}to{opacity:1;transform:translate(-50%,50%)}}
@keyframes dkSpin{from{transform:rotate(-90deg) scale(.7);opacity:0}to{transform:none;opacity:1}}
@keyframes dkFloatIn{from{opacity:0;transform:translateY(2em) scale(.96)}to{opacity:1;transform:none}}
@keyframes dkBob{0%,100%{transform:translateY(0)}50%{transform:translateY(-.8em)}}
@media (prefers-reduced-motion:reduce){.dk-s *{animation:none!important}}

/* editable visual on the stage */
.dk-vh{display:none}
.dk-stage .dk-vw{cursor:grab;touch-action:none;outline:.15em dashed transparent;outline-offset:.6em;border-radius:.6em;transition:outline-color .15s}
.dk-stage .dk-vw:hover,.dk-stage .dk-vw.drag{outline-color:color-mix(in srgb,var(--a) 70%,transparent)}
.dk-stage .dk-vw.drag{cursor:grabbing;transition:none}
.dk-stage .dk-vh{display:block;position:absolute;right:-1.2em;bottom:-1.2em;width:2.4em;height:2.4em;min-width:14px;min-height:14px;border-radius:50%;background:var(--a);border:.35em solid var(--bg);box-shadow:0 .2em .8em rgba(0,0,0,.35);cursor:nwse-resize;opacity:0;transition:opacity .15s;z-index:5}
.dk-stage .dk-vw:hover .dk-vh,.dk-stage .dk-vw.drag .dk-vh{opacity:1}
.dk-full>.dk-vw .dk-vh{right:2em;bottom:2em}

/* ===== v2: theme modifiers ===== */
.hwx .dk-h1,.hwx .dk-t,.hwx .dk-card b,.hwx .dk-met b,.hwx .dk-mile b,.hwx .dk-pp b,.hwx .dk-tier b,.hwx .dk-mlist b,.hwx .dk-bnum b,.hwx .dk-agr b{font-weight:var(--hw)}
.up .dk-h1,.up .dk-t,.up .dk-card b,.up .dk-agr b{text-transform:uppercase;letter-spacing:-.005em}
.up .dk-h1{line-height:.98}
.pill .dk-k{align-self:flex-start;padding:.45em 1.1em;border-radius:99em;border:.12em solid currentColor;letter-spacing:.1em;font-size:.95em}
.cards-color .dk-cards>.dk-card:nth-child(4n+1),.cards-color .dk-tiers>*:nth-child(4n+1){background:var(--a);color:var(--on-a)}
.cards-color .dk-cards>.dk-card:nth-child(4n+2),.cards-color .dk-tiers>*:nth-child(4n+2){background:var(--b);color:var(--on-b)}
.cards-color .dk-cards>.dk-card:nth-child(4n+3),.cards-color .dk-tiers>*:nth-child(4n+3){background:var(--c);color:var(--on-c)}
.cards-color .dk-cards>.dk-card:nth-child(4n+4),.cards-color .dk-tiers>*:nth-child(4n+4){background:var(--d);color:var(--on-d)}
.cards-color .dk-card>span:last-child,.cards-color .dk-card .dk-cn,.cards-color .dk-tiers>* span,.cards-color .dk-tiers>* em{color:inherit;opacity:.85}
.cards-color .dk-card .dk-dot{background:currentColor}
.cards-mono .dk-cards>.dk-card:nth-child(odd){background:var(--surf)}.cards-mono .dk-cards>.dk-card:nth-child(even){background:#111;color:#fff}.cards-mono .dk-cards>.dk-card:nth-child(even)>span:last-child{color:rgba(255,255,255,.7)}
.bg-gradient .dk-card{background:rgba(255,255,255,.1);-webkit-backdrop-filter:blur(.6em);backdrop-filter:blur(.6em)}
.th-aurora .dk-card,.th-aurora .dk-tier,.th-aurora .dk-bt{background:rgba(255,255,255,.06);box-shadow:inset 0 0 0 .1em rgba(255,255,255,.12);-webkit-backdrop-filter:blur(1em);backdrop-filter:blur(1em)}
.th-ember .dk-card,.th-ice .dk-card,.th-mint .dk-card{box-shadow:0 1.2em 3em -1.6em rgba(0,0,0,.18)}
.th-ultra .dk-t,.th-ultra .dk-h1{text-transform:lowercase;letter-spacing:-.03em}
.th-groovy .dk-t{display:inline-block;align-self:flex-start;padding:.12em .5em .2em;border:.09em solid var(--ink);border-radius:.6em;background:var(--d)}
.th-riot .dk-t,.th-zest .dk-t{font-size:4.6em;line-height:.95}
.th-mint .dk-h1,.th-ice .dk-h1{letter-spacing:-.045em}
/* ===== v2: decorations ===== */
.dk-dc{position:absolute;pointer-events:none;z-index:1}
.dk-shp{right:2em;top:1.6em;width:20em;height:auto}.dk-shp.big{right:3em;top:50%;width:46em;transform:translateY(-50%)}
.dk-shp2{left:-6em;bottom:-5em;width:18em;height:10em;border-radius:9em;opacity:.9}
.dk-band{left:0;right:0;top:0;height:1.1em}.dk-bandsq{right:6em;top:3.4em;width:1.6em;height:1.6em;border-radius:.3em}
.dk-emb{right:-22em;bottom:-30em;width:70em;height:70em;border-radius:50%;opacity:.38;filter:blur(2em)}
.dk-rib{right:-6em;top:-8em;width:34em;height:34em;opacity:.95;filter:drop-shadow(0 1.4em 2em rgba(255,90,40,.35))}
.L-cover .dk-rib,.L-closing .dk-rib{width:48em;height:48em;right:-4em;top:auto;bottom:-14em}
.dk-gl1{right:-14em;top:-16em;width:44em;height:44em;border-radius:50%;filter:blur(5em);opacity:.55}.dk-gl2{left:-12em;bottom:-18em;width:40em;height:40em;border-radius:50%;filter:blur(5em);opacity:.6}
.dk-gl3{right:8em;top:6em;width:12em;height:12em;border-radius:3em;background:rgba(255,255,255,.35);box-shadow:inset 0 0 0 .12em rgba(255,255,255,.7),0 2em 4em -2em rgba(0,0,0,.2);-webkit-backdrop-filter:blur(1em);backdrop-filter:blur(1em);transform:rotate(12deg)}
.L-cover .dk-gl3,.L-statement .dk-gl3{width:18em;height:18em}
.dk-ci1{right:-12em;bottom:-14em;width:36em;height:36em;border-radius:50%;opacity:.95}.dk-ci2{right:16em;top:-6em;width:14em;height:14em;border-radius:50%}.dk-ci3{right:10em;top:9em;width:5em;height:5em;border-radius:50%}
.dk-plus{left:4em;bottom:4em;width:2.2em;height:2.2em}
.L-metrics .dk-ci1,.L-team .dk-ci1,.L-model .dk-ci1,.L-problem .dk-ci1,.L-steps .dk-ci1,.L-agenda .dk-ci1,.L-bento .dk-ci1,.L-chart .dk-ci1{width:18em;height:18em;right:-8em;bottom:-8em}
.L-metrics .dk-ci2,.L-team .dk-ci2,.L-model .dk-ci2,.L-problem .dk-ci2,.L-steps .dk-ci2,.L-agenda .dk-ci2,.L-bento .dk-ci2,.L-chart .dk-ci2{width:7em;height:7em;right:8em;top:-3em}
.dk-leaf{left:-4em;top:-4em;width:70em;height:46em}
.dk-sq{right:4em;bottom:3em;width:9em;height:3em}
.dk-sglow{left:-10%;right:-10%;bottom:-30em;height:46em;border-radius:50%;background:radial-gradient(closest-side,rgba(60,130,255,.55),transparent);filter:blur(1em)}
.dk-sl{background:rgba(255,255,255,.12)}.dk-sl.h{left:0;right:0;top:28%;height:.1em}.dk-sl.v1{top:0;bottom:0;left:18%;width:.1em}.dk-sl.v2{top:0;bottom:0;right:18%;width:.1em}
.dk-stars{inset:0}.dk-stars i,.dk-skst i{position:absolute;width:.25em;height:.25em;border-radius:50%;background:#fff;opacity:.7}
.dk-tdots{left:6em;top:2.6em;display:flex;gap:.5em}.dk-tdots i{width:.9em;height:.9em;border-radius:50%}
.dk-tline{left:6em;right:6em;top:4.4em;height:.1em;background:color-mix(in srgb,var(--ink) 14%,transparent)}
.dk-scr1{right:4em;bottom:3em;width:16em}.dk-scr2{left:5em;top:2.4em;width:14em;opacity:.9}
.dk-gv1{left:-8em;top:-10em;width:34em;height:34em;transform:rotate(-12deg)}.dk-gv2{right:-10em;bottom:-12em;width:34em;height:34em;transform:rotate(170deg)}
.L-cover .dk-gv1,.L-closing .dk-gv1{width:58em;height:58em;left:-14em;top:-18em}.L-cover .dk-gv2,.L-closing .dk-gv2{width:58em;height:58em;right:-16em;bottom:-22em}
.dk-as1{right:24em;top:20em;width:7em}.dk-as2{right:10em;top:6em;width:5em}.dk-as3{right:14em;bottom:6em;width:6em}
.L-problem .dk-as1,.L-steps .dk-as1,.L-metrics .dk-as1,.L-team .dk-as1,.L-model .dk-as1,.L-agenda .dk-as1,.L-bento .dk-as1,.L-mockup .dk-as1,.L-chart .dk-as1,.L-market .dk-as1{display:none}
.L-problem .dk-as3,.L-steps .dk-as3,.L-metrics .dk-as3,.L-team .dk-as3,.L-model .dk-as3,.L-bento .dk-as3,.L-chart .dk-as3{display:none}
.dk-anim .dk-shp .f1,.dk-anim .dk-shp .f2,.dk-anim .dk-shp .f3,.dk-anim .dk-shp .f4{animation:dkBob 4s ease-in-out infinite;transform-box:fill-box;transform-origin:center}
.dk-anim .dk-shp .f2{animation-delay:.4s}.dk-anim .dk-shp .f3{animation-delay:.8s}.dk-anim .dk-shp .f4{animation-delay:1.2s}
.dk-anim .dk-shp .tw,.dk-anim .dk-stars i,.dk-anim .dk-skst i{animation:dkTw 2.4s ease-in-out infinite;transform-box:fill-box;transform-origin:center}
.dk-anim .dk-shp .t2{animation-delay:.8s}.dk-anim .dk-shp .t3{animation-delay:1.6s}
.dk-anim .dk-rib{animation:dkRib 9s ease-in-out infinite alternate}
.dk-anim .dk-gl3,.dk-anim .dk-ci2,.dk-anim .dk-ci3,.dk-anim .dk-as1,.dk-anim .dk-as2,.dk-anim .dk-as3{animation:dkBob 5s ease-in-out infinite}
.dk-anim .dk-as1,.dk-anim .dk-as2,.dk-anim .dk-as3{animation:dkSpin 18s linear infinite}
.dk-anim .dk-sq path,.dk-anim .dk-scr1 path,.dk-anim .dk-scr2 path{stroke-dasharray:600;stroke-dashoffset:600;animation:dkInk 1.6s cubic-bezier(.4,0,.2,1) .3s forwards}
.dk-anim .dk-gv1,.dk-anim .dk-gv2{animation:dkSway 10s ease-in-out infinite alternate}
.dk-anim .dk-emb,.dk-anim .dk-sglow{animation:dkBreath 6s ease-in-out infinite alternate}
@keyframes dkBob{0%,100%{transform:translateY(0)}50%{transform:translateY(-.8em)}}
@keyframes dkTw{0%,100%{opacity:.25;transform:scale(.7)}50%{opacity:1;transform:scale(1.1)}}
@keyframes dkRib{from{transform:rotate(0) translateY(0)}to{transform:rotate(8deg) translateY(1em)}}
@keyframes dkSpin{to{transform:rotate(360deg)}}
@keyframes dkInk{to{stroke-dashoffset:0}}
@keyframes dkSway{from{transform:rotate(-12deg) translateX(0)}to{transform:rotate(-6deg) translateX(1.5em)}}
.dk-gv2{animation-name:none}
@keyframes dkBreath{from{opacity:.25}to{opacity:.5}}
/* ===== v2: agenda ===== */
.dk-agd{display:flex;flex-direction:column;margin-top:2.4em;max-width:84em}
.dk-agr{display:grid;grid-template-columns:5em 1fr 1.1fr;gap:2em;align-items:baseline;padding:1.3em 0;border-bottom:.12em solid color-mix(in srgb,var(--ink) 12%,transparent)}
.dk-agr em{font:700 2.2em var(--hf);font-style:normal;color:var(--at,var(--a))}.dk-agr b{font:600 2.4em/1.15 var(--hf);letter-spacing:-.01em}.dk-agr span{font-size:1.4em;color:var(--mute)}
.dk-anim .dk-agr{animation:dkRise .7s both;animation-delay:calc(.15s + var(--i) * .1s)}
/* ===== v2: big number ===== */
.dk-bnum b{display:block;font:var(--hw,800) 17em/0.9 var(--hf);letter-spacing:-.05em;color:var(--ink)}
.up .dk-bnum b{letter-spacing:-.02em}
.dk-bn .dk-sub{font-size:2em;max-width:22em}
.dk-bncard{width:100%;aspect-ratio:4/3;border-radius:var(--r);background:var(--a);color:var(--on-a);display:flex;align-items:flex-end;padding:3em}.dk-bncard p{margin:0;font:600 2.4em/1.25 var(--hf)}
/* ===== v2: bento ===== */
.dk-bento{position:absolute;inset:5em 6em;display:grid;grid-template-columns:repeat(6,1fr);grid-template-rows:1fr 1fr;gap:1.6em}
.dk-bt{position:relative;overflow:hidden;border-radius:calc(var(--r) + .4em);background:var(--surf);padding:2.2em;display:flex;flex-direction:column;justify-content:flex-end;gap:.4em;min-width:0}
.dk-bt.loc{grid-column:1/3;grid-row:1/3;padding:0}.dk-bt.about{grid-column:3/5;grid-row:1;justify-content:center}.dk-bt.pic{grid-column:5/7;grid-row:1;padding:0}
.dk-bt.about .dk-t{font-size:3em;margin:0}.dk-bt.about .dk-sub{margin-top:.4em;font-size:1.35em}
.dk-bt.pic>*{position:absolute;inset:0;width:100%;height:100%}.dk-bt.pic .dk-vw{display:flex}.dk-bt.pic .dk-img{width:100%;height:100%;max-height:none;aspect-ratio:auto;border-radius:0}.dk-btph{position:absolute;inset:0}
.dk-bt.sm b{font:var(--hw,800) 3.4em/1 var(--hf);letter-spacing:-.02em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dk-bt.sm span{font-size:1.25em;color:var(--mute)}
.dk-bt.sm.t0{background:var(--a);color:var(--on-a)}.dk-bt.sm.t0 span,.dk-bt.sm.t0 em{color:inherit;opacity:.8}
.dk-bt.sm.t3{background:var(--ink);color:var(--bg)}.dk-bt.sm.t3 span,.dk-bt.sm.t3 em{color:inherit;opacity:.7}
.dk-bt.link b{font-size:2em}.dk-bt.link em{font-style:normal;font-size:1.2em;opacity:.75;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.dk-btic{position:absolute;top:1.2em;right:1.2em;width:2.6em;height:2.6em;border-radius:50%;display:grid;place-items:center;font-size:1.3em;background:color-mix(in srgb,currentColor 12%,transparent)}
.dk-map{position:absolute;inset:0;width:100%;height:100%}
.dk-pin{position:absolute;left:50%;top:46%;width:3.4em;height:3.4em;margin:-3.4em 0 0 -1.7em;border-radius:50% 50% 50% 0;transform:rotate(-45deg);background:var(--a);box-shadow:0 .8em 1.6em -.4em rgba(0,0,0,.45)}.dk-pin i{position:absolute;inset:1.05em;border-radius:50%;background:#fff}
.dk-pin::after{content:'';position:absolute;left:-1.6em;top:-1.6em;right:-1.6em;bottom:-1.6em;border-radius:50%;border:.25em solid var(--a);opacity:0}
.dk-anim .dk-pin::after,.dk-live .dk-pin::after{animation:dkPulse 2s ease-out infinite}
@keyframes dkPulse{0%{transform:scale(.4);opacity:.8}100%{transform:scale(1.6);opacity:0}}
.dk-lpill{position:absolute;left:1.6em;bottom:1.6em;display:flex;align-items:center;gap:.6em;padding:.7em 1.2em;border-radius:99em;background:rgba(255,255,255,.92);color:#111;font:600 1.3em var(--bf);box-shadow:0 .6em 1.4em -.6em rgba(0,0,0,.35)}.dk-lpill i{width:.7em;height:.7em;border-radius:50%;background:#2BD46A}
.dk-lph{position:absolute;left:1.6em;top:1.4em;font:600 2.4em var(--hf);font-style:normal;color:#fff;text-shadow:0 .1em .6em rgba(0,0,0,.25)}
.dk-bt.loc.empty{display:grid;place-items:center;padding:3em;text-align:center;border:.18em dashed color-mix(in srgb,var(--ink) 22%,transparent);background:transparent}.dk-bt.loc.empty span{font-size:1.4em;color:var(--mute)}
.dk-sky{position:absolute;inset:0;overflow:hidden}.dk-skst{position:absolute;inset:0}
.dk-sun{position:absolute;left:62%;width:7em;height:7em;border-radius:50%;background:radial-gradient(circle,#FFF6C8,#FFD25C 55%,rgba(255,200,80,0) 72%);box-shadow:0 0 6em 2em rgba(255,214,110,.55)}.dk-sun.dusk,.dk-sun.dawn{background:radial-gradient(circle,#FFE3B0,#FF8D5C 55%,rgba(255,140,90,0) 72%)}
.dk-moon{position:absolute;left:64%;width:5em;height:5em;border-radius:50%;background:#F4F1E6;box-shadow:inset -1.2em -.4em 0 0 #D6D1C0,0 0 4em 1em rgba(240,236,220,.35)}
.dk-cloud{position:absolute;height:3em;border-radius:3em;background:rgba(255,255,255,.85);filter:blur(.15em)}.dk-cloud::before{content:'';position:absolute;left:22%;top:-1.6em;width:3.4em;height:3.4em;border-radius:50%;background:inherit}
.dk-cloud.c1{width:12em;top:30%;left:-14em}.dk-cloud.c2{width:9em;top:52%;left:-10em;opacity:.7}
.dk-anim .dk-cloud,.dk-live .dk-cloud{animation:dkCloud 26s linear infinite}.dk-cloud.c2{animation-duration:38s!important;animation-delay:-12s!important}
@keyframes dkCloud{to{transform:translateX(70em)}}
.dk-still .dk-cloud.c1{left:12%}.dk-still .dk-cloud.c2{left:48%}
.dk-hill{position:absolute;left:-10%;right:-10%;bottom:-6em;height:14em;border-radius:50%;background:rgba(0,0,0,.28)}
.dk-anim .dk-bt{animation:dkRise .7s cubic-bezier(.2,.8,.2,1) both;animation-delay:calc(.08s * var(--i))}
/* ===== v2: device mockups ===== */
.dk-mk{display:grid;grid-template-columns:1fr 1.15fr;gap:4em;align-items:center;height:100%}.dk-mk.wide{grid-template-columns:.8fr 1.5fr}
.dk-devs{position:relative;display:flex;align-items:center;justify-content:center;height:46em;perspective:120em}
.dk-dev{position:relative;flex:none;background:#0C0C0E;box-shadow:0 0 0 .14em #3A3A40,0 3em 5em -2em rgba(0,0,0,.45)}
.dk-scr{position:relative;overflow:hidden;background:#000}
.dk-scr img.dk-shot{display:block;width:100%;height:100%;object-fit:cover;object-position:top}
.dk-scr img.dk-shot.scroll{height:auto;min-height:100%;object-fit:fill}
.dk-scrph{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.4em;color:#fff;text-align:center;padding:1em}.dk-scrph b{font:700 1.3em var(--bf)}.dk-scrph em{font-style:normal;font-size:1em;opacity:.85}
.d-ios{width:19em;padding:.75em;border-radius:3.6em}.d-ios .dk-scr{border-radius:2.9em}
.dk-isl{position:absolute;left:50%;top:1.7em;width:5.4em;height:1.55em;margin-left:-2.7em;border-radius:1em;background:#000}
.d-android{width:19em;padding:.6em;border-radius:2.4em}.d-android .dk-scr{border-radius:1.9em}.dk-hole{position:absolute;left:50%;top:1.5em;width:1.1em;height:1.1em;margin-left:-.55em;border-radius:50%;background:#000;box-shadow:0 0 0 .15em #1d1d22}
.d-tablet{width:31em;padding:1.2em;border-radius:2.6em}.d-tablet .dk-scr{border-radius:1.4em}
.d-laptop{width:56em;padding:1.1em 1.1em 1.6em;border-radius:1.6em 1.6em .4em .4em}.d-laptop .dk-scr{border-radius:.5em}.dk-base{position:absolute;left:-5em;right:-5em;bottom:-1.6em;height:1.6em;border-radius:0 0 1.6em 1.6em;background:linear-gradient(#D9DADE,#A9AAB0);box-shadow:0 1.6em 2em -1.2em rgba(0,0,0,.4)}.dk-base::before{content:'';position:absolute;left:50%;top:0;width:9em;height:.6em;margin-left:-4.5em;border-radius:0 0 .6em .6em;background:#B9BAC0}
.d-desktop{width:58em;padding:0;border-radius:1.2em;background:#F3F3F5;box-shadow:0 0 0 .12em rgba(0,0,0,.08),0 3em 5em -2em rgba(0,0,0,.4)}.d-desktop .dk-scr{border-radius:0 0 1.2em 1.2em}
.dk-brw{display:flex;align-items:center;gap:.5em;height:2.6em;padding:0 1.2em}.dk-brw i{width:.9em;height:.9em;border-radius:50%;background:#FF5F57}.dk-brw i:nth-child(2){background:#FEBC2E}.dk-brw i:nth-child(3){background:#28C840}.dk-brw em{flex:1;height:1.3em;margin:0 8em;border-radius:1em;background:#E2E2E6}
.d-watch{width:16em;padding:1.4em;border-radius:4.4em;background:#16161A}.d-watch .dk-scr{border-radius:3.2em}.dk-crown{position:absolute;right:-.9em;top:30%;width:1em;height:4em;border-radius:.5em;background:#2A2A30}
.dk-devs.n2 .dk-dev:nth-child(1){transform:translateX(5em) rotate(-4deg)}.dk-devs.n2 .dk-dev:nth-child(2){transform:translateX(-5em) translateY(3em) rotate(4deg);z-index:2}
.dk-devs.n3 .dk-dev:nth-child(1){transform:translateX(9em) scale(.86) rotate(-8deg)}.dk-devs.n3 .dk-dev:nth-child(2){z-index:3}.dk-devs.n3 .dk-dev:nth-child(3){transform:translateX(-9em) scale(.86) rotate(8deg)}
.dk-devs.k-laptop.n2 .dk-dev,.dk-devs.k-desktop.n2 .dk-dev{width:44em}.dk-devs.k-laptop.n3 .dk-dev,.dk-devs.k-desktop.n3 .dk-dev{width:36em}
.dk-devs.k-tablet.n3 .dk-dev{width:24em}.dk-devs.k-tablet.n2 .dk-dev{width:26em}
.dk-mk.wide .dk-devs.n1 .dk-dev.d-laptop{width:60em}
.dk-anim .m-float .dk-dev>.dk-scr,.dk-live .m-float .dk-dev>.dk-scr{animation:none}
.dk-anim .m-float .dk-dev,.dk-live .m-float .dk-dev{animation:dkDevIn .9s cubic-bezier(.2,.8,.2,1) both;animation-delay:calc(.15s + var(--i) * .15s)}
.dk-anim .m-float,.dk-live .m-float{animation:dkFloat2 6s ease-in-out 1s infinite}
@keyframes dkFloat2{0%,100%{transform:translateY(0)}50%{transform:translateY(-1.4em)}}
@keyframes dkDevIn{from{opacity:0;translate:0 4em}to{opacity:1;translate:0 0}}
.dk-anim .m-scroll img.dk-shot.scroll,.dk-live .m-scroll img.dk-shot.scroll{animation:dkScroll 9s cubic-bezier(.6,0,.4,1) 1s infinite alternate}
@keyframes dkScroll{0%,12%{transform:translateY(0)}88%,100%{transform:translateY(calc(-100% + var(--sh,37em)))}}
.d-ios{--sh:37.9em}.d-android{--sh:39.5em}.d-tablet{--sh:38.1em}.d-watch{--sh:16.2em}.d-laptop{--sh:33.6em}.d-desktop{--sh:36.2em}
.dk-anim .m-tilt,.dk-live .m-tilt{transform-style:preserve-3d;animation:dkTilt 7s ease-in-out infinite alternate}
@keyframes dkTilt{from{transform:rotateY(-14deg) rotateX(6deg)}to{transform:rotateY(14deg) rotateX(-4deg)}}
/* ===== v2: video snapshot ===== */
.dk-snapw{display:grid;grid-template-columns:1fr 1.2fr;gap:4em;align-items:center;height:100%}
.dk-snapw.sh-circle{grid-template-columns:1.1fr 1fr}.dk-snapw.sh-portrait{grid-template-columns:1.3fr 1fr}
.dk-snapw .dk-h1{font-size:4.6em}.dk-snb{font-size:1.6em;color:var(--mute);margin-top:1em!important;max-width:30em;line-height:1.45}
.dk-snap{display:flex;justify-content:center;align-items:center}
.dk-snf{position:relative;overflow:hidden;background:#EDEBE6;padding:.7em;box-shadow:0 0 0 .1em rgba(0,0,0,.06),0 3em 6em -2.4em rgba(0,0,0,.35);width:100%}
.sh-wide .dk-snf{aspect-ratio:16/10;border-radius:2.6em;background:#FFFFFF}.sh-circle .dk-snf{aspect-ratio:1;border-radius:50%;width:38em;background:#FFFFFF}.sh-portrait .dk-snf{aspect-ratio:9/16;width:25em;border-radius:3em;background:#FFFFFF}
.dk-snf>.dk-vid{display:block;width:100%;height:100%;object-fit:cover;border-radius:inherit;background:#DCD8D0}.sh-wide .dk-snf>.dk-vid{border-radius:2em}.sh-portrait .dk-snf>.dk-vid{border-radius:2.4em}
.dk-vidph{position:absolute;inset:.7em;border-radius:inherit;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1em;color:#77736A;background:repeating-linear-gradient(135deg,#F2F0EA 0 1.2em,#ECE9E2 1.2em 2.4em)}.sh-wide .dk-vidph{border-radius:2em}.sh-portrait .dk-vidph{border-radius:2.4em}.sh-circle .dk-vidph{border-radius:50%}
.dk-vidph svg{width:5em;height:5em}.dk-vidph b{font:600 1.4em var(--bf)}
.dk-rec{position:absolute;left:2.2em;top:2.2em;display:flex;align-items:center;gap:.5em;padding:.5em 1em;border-radius:99em;background:rgba(255,255,255,.92);color:#111;font:600 1.1em var(--bf)}.dk-rec i{width:.7em;height:.7em;border-radius:50%;background:#FF3B30}
.dk-anim .dk-rec i,.dk-live .dk-rec i{animation:dkTw 1.4s ease-in-out infinite}
.sh-circle .dk-rec{left:50%;top:auto;bottom:2.6em;transform:translateX(-50%)}
.dk-who{position:absolute;left:2.2em;bottom:2.2em;padding:.6em 1.2em;border-radius:1em;background:rgba(17,17,17,.78);color:#fff;font:600 1.3em var(--bf);-webkit-backdrop-filter:blur(.6em);backdrop-filter:blur(.6em)}
.sh-circle .dk-who{display:none}
.dk-anim .dk-snf{animation:dkDevIn .9s cubic-bezier(.2,.8,.2,1) both .2s}
/* ===== v2: present transitions ===== */
.tr-fade .dk-pstage .dk-s{animation:dkTrFade .55s ease both}
.tr-slide .dk-pstage .dk-s{animation:dkTrSlide .6s cubic-bezier(.2,.8,.2,1) both}
.tr-zoom .dk-pstage .dk-s{animation:dkTrZoom .6s cubic-bezier(.2,.8,.2,1) both}
.tr-flip .dk-pstage{perspective:200em}.tr-flip .dk-pstage .dk-s{animation:dkTrFlip .7s cubic-bezier(.2,.8,.2,1) both;transform-origin:left center}
@keyframes dkTrFade{from{opacity:0}to{opacity:1}}
@keyframes dkTrSlide{from{opacity:0;transform:translateX(6%)}to{opacity:1;transform:none}}
@keyframes dkTrZoom{from{opacity:0;transform:scale(1.06);filter:blur(.4em)}to{opacity:1;transform:none;filter:none}}
@keyframes dkTrFlip{from{opacity:0;transform:rotateY(-18deg)}to{opacity:1;transform:none}}
.dk-bt.hero{padding:0;display:flex;align-items:center;justify-content:center}.dk-bt.hero .dk-vw{width:70%}.dk-btbig{font:var(--hw,800) 9em/1 var(--hf);color:#fff;letter-spacing:-.04em}
.dk-bt.pic.note{padding:2.4em;background:var(--ink);color:var(--bg);justify-content:flex-end}.dk-bt.pic.note p{margin:0;font:600 1.9em/1.3 var(--hf)}
.dk-bn.solo{grid-template-columns:1fr}.dk-bn.solo .dk-bnum b{font-size:22em}
.dk-bt.pic.note>p{position:static}
.dk-dc>svg,.dk-map>svg{display:block;width:100%;height:100%;overflow:visible}
.dk-plus{height:auto}
/* ===== v3: overlays on any slide ===== */
.dk-fl{position:absolute;right:5em;top:50%;width:36em;height:40em;transform:translateY(-50%);z-index:3;display:flex;align-items:center;justify-content:center}
.dk-fl>.dk-vw{height:100%}.dk-fl .dk-vw>*:not(.dk-vh){max-height:40em}
.dk-devv{height:auto;width:100%;padding:1em 0}.dk-cv .dk-devv,.dk-tv .dk-devv{height:44em}
.dk-vw>.dk-devv{width:100%}
.dk-s>.dk-logo{position:absolute;top:auto;left:auto;right:auto;bottom:auto;z-index:5;max-width:34em;width:auto;object-fit:contain;margin:0}
.dk-logo.a-tl,.dk-face.a-tl{left:5em;top:3.6em}.dk-logo.a-tc,.dk-face.a-tc{left:50%;top:3.6em;transform:translateX(-50%)}.dk-logo.a-tr,.dk-face.a-tr{right:5em;top:3.6em}
.dk-logo.a-ml,.dk-face.a-ml{left:5em;top:50%;transform:translateY(-50%)}.dk-logo.a-mc,.dk-face.a-mc{left:50%;top:50%;transform:translate(-50%,-50%)}.dk-logo.a-mr,.dk-face.a-mr{right:5em;top:50%;transform:translateY(-50%)}
.dk-logo.a-bl,.dk-face.a-bl{left:5em;bottom:3.6em}.dk-logo.a-bc,.dk-face.a-bc{left:50%;bottom:3.6em;transform:translateX(-50%)}.dk-logo.a-br,.dk-face.a-br{right:5em;bottom:3.6em}
.dk-face{position:absolute;z-index:6;width:var(--fs);overflow:hidden;background:#fff;padding:.45em;box-shadow:0 0 0 .1em rgba(0,0,0,.06),0 1.6em 3.6em -1.2em rgba(0,0,0,.5)}
.dk-face.fs-circle{aspect-ratio:1;border-radius:50%}.dk-face.fs-rounded{aspect-ratio:1;border-radius:2.4em}.dk-face.fs-wide{aspect-ratio:16/10;width:calc(var(--fs) * 1.5);border-radius:1.8em}
.dk-face>.dk-vid{display:block;width:100%;height:100%;object-fit:cover;border-radius:inherit;background:#DCD8D0}
.dk-face.fs-rounded>.dk-vid{border-radius:2em}.dk-face.fs-wide>.dk-vid{border-radius:1.4em}
.dk-anim .dk-face,.dk-live .dk-face{animation:dkDevIn .8s cubic-bezier(.2,.8,.2,1) both .5s}
.dk-stage .dk-logo,.dk-stage .dk-face{cursor:grab;touch-action:none;outline:.15em dashed transparent;outline-offset:.5em;transition:outline-color .15s}
.dk-stage .dk-logo:hover,.dk-stage .dk-face:hover,.dk-stage .dk-logo.drag,.dk-stage .dk-face.drag{outline-color:var(--a)}
.dk-stage .dk-logo.drag,.dk-stage .dk-face.drag{cursor:grabbing;transition:none}
.dk-stage .dk-vw.snapx::before,.dk-stage .dk-vw.snapy::after{content:'';position:absolute;background:#FF4D8D;z-index:9;box-shadow:0 0 .4em rgba(255,77,141,.8)}
.dk-stage .dk-vw.snapx::before{left:50%;top:-6em;bottom:-6em;width:.12em}.dk-stage .dk-vw.snapy::after{top:50%;left:-6em;right:-6em;height:.12em}
/* ===== video capture layers ===== */
.dk-s.vx-bg>.dk-in,.dk-s.vx-bg>.dk-fl,.dk-s.vx-bg>.dk-logo,.dk-s.vx-bg>.dk-face,.dk-s.vx-bg>.dk-num{visibility:hidden!important}
.dk-s.vx-fg{background:transparent!important}
.dk-s.vx-fg>*:not(.dk-in):not(.dk-fl):not(.dk-logo):not(.dk-face){visibility:hidden!important}
.dk-donut>svg{display:block;width:100%;height:100%;overflow:visible}
.dk-wm{position:absolute;left:50%;bottom:1.5em;transform:translateX(-50%);z-index:7;font:500 .95em var(--bf);letter-spacing:.02em;color:var(--ink);opacity:.38;white-space:nowrap;pointer-events:none}.dk-wm b{font-weight:700}
.bg-accent .dk-wm,.bg-gradient .dk-wm,.bg-ink .dk-wm{opacity:.5}
/* ===== v3: industry motifs ===== */
.dk-dc svg{width:100%;height:100%;display:block;overflow:visible}
.dk-halo{width:70em;height:70em;left:50%;top:-38em;margin-left:-35em;border-radius:50%;opacity:.38;filter:blur(2em)}.dk-halo2{width:40em;height:40em;right:-14em;bottom:-22em;border-radius:50%;opacity:.3;filter:blur(2em)}
.dk-dots{inset:0;background-size:2.6em 2.6em;opacity:.9}
.dk-art{right:3em;top:3em;width:22em}.dk-art.big{right:4em;top:50%;width:40em;transform:translateY(-50%)}
.dk-uiw{right:-2em;bottom:-3em;width:24em;opacity:.9}.dk-uiw.big{right:3em;top:50%;bottom:auto;width:40em;transform:translateY(-50%)}
.dk-net{right:-1em;top:-1em;width:24em;opacity:.7}.dk-net.big{right:3em;top:50%;width:42em;transform:translateY(-50%);opacity:1}
.dk-cnd{right:2em;bottom:2em;width:24em;opacity:.35}.dk-cnd.big{width:44em;right:4em;bottom:6em;opacity:.9}
.dk-ecg{left:0;right:0;bottom:3em;width:100%;opacity:.35}.dk-plusg{right:7em;top:6em;width:9em;height:9em;background:linear-gradient(currentColor,currentColor) 50%/30% 100% no-repeat,linear-gradient(currentColor,currentColor) 50%/100% 30% no-repeat;opacity:.18;border-radius:1em}
.dk-ruled{inset:0;background-position:0 1.2em}.dk-margin{left:4em;top:0;bottom:0;width:.2em;opacity:.7}.dk-doodle{right:5em;top:4em;width:7em}
.dk-org1{width:44em;height:40em;right:-16em;top:-18em;border-radius:58% 42% 51% 49%/48% 61% 39% 52%;opacity:.55}.dk-org2{width:26em;height:24em;left:-10em;bottom:-12em;border-radius:46% 54% 38% 62%/57% 40% 60% 43%;opacity:.7}
.dk-plate{right:8em;top:50%;width:30em;height:30em;margin-top:-15em;border-radius:50%;border:.5em solid;opacity:.18}
.dk-arch{right:6em;bottom:0;width:28em;height:40em;border-radius:14em 14em 0 0;opacity:.85}.dk-arch.sm{right:3em;top:3em;bottom:auto;width:8em;height:11em;border-radius:4em 4em .6em .6em;opacity:.7}.dk-archsun{right:15em;bottom:28em;width:10em;height:10em;border-radius:50%}
.dk-bpg{inset:0;background-size:1.25em 1.25em,1.25em 1.25em,6.25em 6.25em,6.25em 6.25em}
.dk-fplan{right:3em;bottom:3em;width:22em;opacity:.55}.dk-fplan.big{width:42em;right:5em;bottom:auto;top:50%;transform:translateY(-50%);opacity:.95}.dk-fplan.lt{opacity:.7}
.dk-hair{background:currentColor}.dk-hair.l{left:3.4em;top:0;bottom:0;width:.08em}.dk-hair.r{right:3.4em;top:0;bottom:0;width:.08em}.dk-hair.t{left:0;right:0;top:3.4em;height:.08em}
.dk-goldline{left:6em;bottom:6em;width:12em;height:.3em}
.dk-filmw{right:4em;top:0;bottom:0;width:8em;overflow:hidden;opacity:.55;transform:rotate(4deg) scale(1.1)}.dk-film{display:flex;flex-direction:column}.dk-film svg{width:100%;height:auto}
.dk-px1{right:3em;top:3em;width:14em}.dk-px2{left:2em;bottom:2em;width:10em}
.dk-topo{right:-6em;bottom:-8em;width:40em;opacity:.8}.dk-topo.big{right:-2em;bottom:-6em;width:56em}
.dk-spd{right:0;top:0;bottom:0;width:46%;overflow:hidden;transform:skewX(-22deg);transform-origin:bottom right}.dk-spd i{position:absolute;right:-10%;height:3.4%;width:110%;border-radius:2em}.dk-spd:not(.big){opacity:.55;width:30%}
.dk-rt{right:3em;top:3em;width:26em;opacity:.65}.dk-rt.big{width:44em;right:4em;top:50%;transform:translateY(-50%);opacity:1}
.dk-sun{right:9em;top:5em;width:9em;height:9em;border-radius:50%;opacity:.85}
.dk-fld{left:0;right:0;bottom:-1em;width:100%;opacity:.55}
.dk-ring{border-radius:50%;border:.25em solid}.dk-ring.r1{right:-12em;top:-16em;width:44em;height:44em;opacity:.6}.dk-ring.r2{right:-4em;top:-8em;width:28em;height:28em;opacity:.7}.dk-ring.r3{right:6em;bottom:6em;width:12em;height:12em;opacity:.55;border:0}
.dk-cir{right:-2em;top:0;bottom:0;width:26em;height:auto;opacity:.8}.dk-cir.big{width:44em}
.dk-hexg{right:-3em;top:-2em;width:28em;opacity:.8}.dk-hexg.big{width:48em;right:0;top:50%;transform:translateY(-50%)}
.dk-hlx{right:8em;top:-2em;width:10em;opacity:.55}
.dk-isog{inset:0;opacity:.9}.dk-cube{right:6em;top:5em;width:12em;opacity:.95}.dk-cube.big{width:30em;right:8em;top:50%;transform:translateY(-50%)}
.dk-orb{right:-10em;top:50%;width:60em;height:60em;margin-top:-30em}.dk-orb:not(.big){right:-30em;opacity:.6}.dk-orb i{position:absolute;border-radius:50%;border:.15em solid}.dk-orb .o1{inset:20%}.dk-orb .o2{inset:8%}.dk-orb .o3{inset:-6%}.dk-orb b{position:absolute;top:-.8em;left:50%;width:1.6em;height:1.6em;border-radius:50%}.dk-orb .pl{inset:36%;border:0;box-shadow:0 0 6em -1em #FF9E3D}
.dk-rule2{left:6em;top:3.6em;width:3.6em;height:.4em}.dk-crop{width:2.4em;height:2.4em;border:0 solid}.dk-crop.tl{left:2em;top:2em;border-left-width:.12em;border-top-width:.12em}.dk-crop.br{right:2em;bottom:2em;border-right-width:.12em;border-bottom-width:.12em}
.dk-sunr{right:4em;bottom:0;width:26em;opacity:.8}.dk-sunr.big{width:46em;right:6em;opacity:1}
.dk-eq{right:4em;bottom:0;width:26em;height:14em;display:flex;align-items:flex-end;gap:.5em;opacity:.55}.dk-eq.big{width:44em;height:26em;opacity:.9}.dk-eq i{flex:1;border-radius:.4em .4em 0 0;transform-origin:bottom}
.dk-paws{right:3em;bottom:3em;width:22em}
.dk-cft{inset:0}.dk-cft i{position:absolute;width:2.6em;height:2.6em;background:var(--c)}.dk-cft .dot{border-radius:50%}.dk-cft .sq{border-radius:.5em;transform:rotate(18deg)}.dk-cft .tri{background:none;width:0;height:0;border-left:1.5em solid transparent;border-right:1.5em solid transparent;border-bottom:2.6em solid var(--c)}.dk-cft .zig{height:.9em;width:5em;border-radius:1em;transform:rotate(-24deg)}
.dk-ppl{right:2em;bottom:2em;width:22em;opacity:.8}.dk-ppl.big{width:42em;right:5em;top:50%;bottom:auto;transform:translateY(-50%);opacity:1}
.dk-pitchl{inset:3em;border:.15em solid;border-radius:.6em}.dk-pitchl i{position:absolute;left:50%;top:50%;width:16em;height:16em;margin:-8em 0 0 -8em;border-radius:50%;border:.15em solid}.dk-pitchl b{position:absolute;left:50%;top:0;bottom:0;width:.15em}
.dk-arcs{right:-12em;bottom:-12em;width:44em;height:44em}.dk-arcs:not(.big){opacity:.55;width:32em;height:32em}.dk-arcs i{position:absolute;border-radius:50%;border:2.4em solid;opacity:.5}.dk-arcs i:nth-child(1){inset:0}.dk-arcs i:nth-child(2){inset:18%}.dk-arcs i:nth-child(3){inset:36%}
.dk-br{right:-6em;top:50%;width:46em;height:46em;margin-top:-23em}.dk-br:not(.big){right:-20em;opacity:.6}.dk-br i{position:absolute;border-radius:50%;opacity:.35}.dk-br i:nth-child(1){inset:0}.dk-br i:nth-child(2){inset:20%;opacity:.3}.dk-br i:nth-child(3){inset:38%;opacity:.45}
.dk-bunt{left:0;right:0;top:0;width:100%}
.dk-code{right:4em;top:6em;width:30em;opacity:.35;display:flex;flex-direction:column;gap:1.1em}.dk-code.big{opacity:.6;width:38em;top:50%;transform:translateY(-50%)}.dk-code p{margin:0;height:1.1em}.dk-code p i{display:block;height:100%;border-radius:.5em}.dk-code .cur{width:.7em!important}
/* motif motion */
.dk-anim .dk-pen{stroke-dasharray:900;stroke-dashoffset:900;animation:dkInk 2.4s cubic-bezier(.4,.1,.2,1) forwards .3s}
.dk-anim .dk-cur{animation:dkCurs 5s ease-in-out infinite}@keyframes dkCurs{0%,100%{transform:translate(200px,120px)}50%{transform:translate(150px,90px)}}
.dk-anim .dk-sel{animation:dkMarch 1.2s linear infinite}@keyframes dkMarch{to{stroke-dashoffset:-22}}
.dk-anim .dk-uic{animation:dkBob 5s ease-in-out infinite}.dk-anim .dk-uic.u2{animation-delay:-2.5s}
.dk-anim .dk-nd,.dk-anim .dk-blink{animation:dkTw 3s ease-in-out infinite;transform-box:fill-box;transform-origin:center}
.dk-anim .dk-cdl{animation:dkGrow .8s cubic-bezier(.2,.8,.2,1) both;transform-box:fill-box;transform-origin:bottom}
.dk-anim .dk-trend,.dk-anim .dk-dash{animation:dkMarch 1.4s linear infinite}
.dk-anim .dk-ecgp{stroke-dasharray:1400;stroke-dashoffset:1400;animation:dkEcg 3.2s linear infinite}@keyframes dkEcg{to{stroke-dashoffset:-1400}}
.dk-anim .dk-ink,.dk-anim .dk-ink2 path{stroke-dasharray:1;stroke-dashoffset:1;animation:dkInk 1.8s ease forwards .4s}
.dk-anim .dk-org1,.dk-anim .dk-org2{animation:dkMorph 12s ease-in-out infinite alternate}@keyframes dkMorph{to{border-radius:42% 58% 63% 37%/40% 45% 55% 60%;transform:rotate(14deg)}}
.dk-anim .dk-archsun,.dk-anim .dk-sun{animation:dkBob 6s ease-in-out infinite}
.dk-anim .dk-film{animation:dkFilm 14s linear infinite}@keyframes dkFilm{to{transform:translateY(-50%)}}
.dk-anim .dk-spd i{animation:dkSpd 2.6s cubic-bezier(.5,0,.2,1) infinite}@keyframes dkSpd{0%{transform:translateX(100%)}60%,100%{transform:translateX(-30%)}}
.dk-anim .dk-plane{animation:dkBob 3s ease-in-out infinite}
.dk-anim .dk-ring.r1,.dk-anim .dk-ring.r2{animation:dkBreath2 7s ease-in-out infinite alternate}@keyframes dkBreath2{to{transform:scale(1.06)}}
.dk-anim .dk-zap{animation:dkZap 3s linear infinite}@keyframes dkZap{from{stroke-dashoffset:420}to{stroke-dashoffset:0}}
.dk-anim .dk-hlx{animation:dkBob 7s ease-in-out infinite}
.dk-anim .dk-cube{animation:dkBob 5s ease-in-out infinite}
.dk-anim .dk-orb .o2{animation:dkSpin 26s linear infinite}.dk-anim .dk-orb .o3{animation:dkSpin 48s linear infinite reverse}
.dk-anim .dk-ray{animation:dkTw 3s ease-in-out infinite;transform-box:fill-box;transform-origin:center}
.dk-anim .dk-eq i{animation:dkEq 1s ease-in-out infinite alternate}@keyframes dkEq{from{transform:scaleY(.25)}to{transform:scaleY(1)}}
.dk-anim .dk-paw{opacity:0;animation:dkPaw 3.5s ease infinite}@keyframes dkPaw{0%{opacity:0}15%,60%{opacity:1}100%{opacity:0}}
.dk-anim .dk-cft i{animation:dkBob 4s ease-in-out infinite}
.dk-anim .dk-arcs i{animation:dkPop .9s cubic-bezier(.2,.9,.3,1.3) both}
.dk-anim .dk-br i{animation:dkBreath2 4s ease-in-out infinite alternate}.dk-anim .dk-br i:nth-child(2){animation-delay:-1.3s}.dk-anim .dk-br i:nth-child(3){animation-delay:-2.6s}
.dk-anim .dk-flag{animation:dkSwing 3s ease-in-out infinite alternate;transform-box:fill-box;transform-origin:top center}@keyframes dkSwing{from{transform:rotate(-5deg)}to{transform:rotate(5deg)}}
.dk-anim .dk-code p{animation:dkRise .6s both;animation-delay:calc(var(--i) * .08s)}.dk-anim .dk-code .cur{animation:dkBlinkC 1s steps(1) infinite}@keyframes dkBlinkC{50%{opacity:0}}
.dk-anim .dk-halo{animation:dkBreath 6s ease-in-out infinite alternate}
@keyframes dkInk{to{stroke-dashoffset:0}}
/* ===== v3: new layouts ===== */
.dk-key{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;height:100%;max-width:84em;margin:0 auto}
.dk-kh{font-size:9.4em;line-height:.98;letter-spacing:-.045em}.dk-kh.long{font-size:6.6em}.up .dk-kh{letter-spacing:-.01em}
.dk-key .dk-sub{font-size:1.9em;margin-top:.9em;max-width:38em}.dk-key .dk-k{margin-bottom:1.6em}
.dk-key.hv{justify-content:flex-start;padding-top:1em}.dk-key.hv .dk-kh{font-size:6.6em}.dk-kv{flex:1;min-height:0;width:34em;margin-top:1.4em;display:flex;align-items:center;justify-content:center}.dk-kv .dk-vw>*:not(.dk-vh){max-height:24em;width:auto;height:24em}
.dk-fts{display:grid;gap:1.6em;margin-top:2.4em;grid-template-columns:repeat(4,1fr)}.dk-fts.n2{grid-template-columns:repeat(2,1fr)}.dk-fts.n3{grid-template-columns:repeat(3,1fr)}.dk-fts.n5,.dk-fts.n6{grid-template-columns:repeat(3,1fr)}
.dk-ft{background:var(--surf);border-radius:var(--r);padding:2em 2em 2.2em;display:flex;flex-direction:column;gap:.5em}
.dk-fi{width:7.4em;height:7.4em;display:flex;align-items:center;justify-content:center;margin:-.6em 0 .6em -.6em}.dk-fi .dk-3d{width:100%;height:100%}.dk-fi em{font:800 2.6em var(--hf);font-style:normal;color:var(--at,var(--a))}
.dk-fts.n5 .dk-fi,.dk-fts.n6 .dk-fi{width:5.4em;height:5.4em}.dk-fts.n5 .dk-ft,.dk-fts.n6 .dk-ft{padding:1.5em 1.8em 1.6em}
.dk-ft b{font:var(--hw,800) 1.9em/1.1 var(--hf);letter-spacing:-.01em}.dk-ft>span:last-child{font-size:1.25em;color:var(--mute);line-height:1.4}
.up .dk-ft b{text-transform:uppercase}
.dk-mx{margin-top:2.2em;display:flex;flex-direction:column;font-size:1em}
.dk-mxh,.dk-mxr,.dk-mxf{display:grid;grid-template-columns:2.2fr repeat(var(--n),1fr);align-items:center}
.dk-mxh b{font:700 1.35em var(--bf);text-align:center;padding:1em .4em;color:var(--mute)}.dk-mxh b.me{background:var(--a);color:var(--on-a,#fff);border-radius:calc(var(--r) * .7 + .4em) calc(var(--r) * .7 + .4em) 0 0;font-family:var(--hf);font-size:1.6em}
.dk-mxr{border-top:.1em solid color-mix(in srgb,var(--ink) 12%,transparent)}.dk-mxr>span{font-size:1.5em;padding:.95em 0;font-weight:600}
.dk-mxr i{display:flex;justify-content:center;align-items:center;height:100%;color:var(--mute)}.dk-mxr i svg{width:2.3em;height:2.3em}
.dk-mxr i.me{background:color-mix(in srgb,var(--a) 14%,transparent);color:var(--at,var(--a))}.dk-mxr i.m-y:not(.me){color:var(--ink)}.dk-mxr i.m-n{opacity:.5}
.dk-mxf i.me{height:1.2em;background:color-mix(in srgb,var(--a) 14%,transparent);border-radius:0 0 calc(var(--r) * .7 + .4em) calc(var(--r) * .7 + .4em);display:block}
.dk-ba{display:grid;grid-template-columns:1fr 5em 1.15fr;gap:1.6em;margin-top:2.4em;align-items:stretch}
.dk-bab,.dk-baa{border-radius:var(--r);padding:2.4em 2.6em;display:flex;flex-direction:column;gap:1.2em}
.dk-bab{background:var(--surf);color:var(--mute)}.dk-baa{background:var(--a);color:var(--on-a,#fff);box-shadow:0 2em 4em -2.4em color-mix(in srgb,var(--a) 80%,transparent)}
.dk-ba b{font:700 1.15em var(--bf);letter-spacing:.14em;text-transform:uppercase;opacity:.85}.dk-ba p{font-size:1.55em;line-height:1.3;display:flex;gap:.6em;align-items:flex-start}.dk-baa p{font-weight:600}
.dk-ba p i{flex:none;width:1.25em;height:1.25em;margin-top:.05em}.dk-ba p i svg{width:100%;height:100%}
.dk-baar{display:flex;align-items:center;justify-content:center;color:var(--at,var(--a))}.dk-baar svg{width:4.4em;height:4.4em}
.dk-gr{display:grid;grid-template-columns:.85fr 1.4fr;gap:4em;align-items:center;height:100%}
.dk-grn{margin-top:2.4em;display:flex;flex-direction:column;gap:.4em}.dk-grn b{font:var(--hw,800) 7em/1 var(--hf);letter-spacing:-.04em;color:var(--at,var(--a))}.dk-grn span{font-size:1.4em;color:var(--mute)}
.dk-grc{position:relative;height:34em;color:var(--ink)}.dk-grc svg{position:absolute;inset:0 0 3em;width:100%;height:calc(100% - 3em);overflow:visible}
.dk-grpts{position:absolute;inset:0 0 3em}.dk-grp{position:absolute;width:1.3em;height:1.3em;margin:-.65em 0 0 -.65em;border-radius:50%;background:var(--bg);border:.3em solid var(--a)}.dk-grp em{position:absolute;bottom:1.5em;left:50%;transform:translateX(-50%);font:700 1.1em var(--bf);font-style:normal;white-space:nowrap;color:var(--mute)}.dk-grp.last{width:2em;height:2em;margin:-1em 0 0 -1em;background:var(--a);box-shadow:0 0 0 .7em color-mix(in srgb,var(--a) 25%,transparent)}.dk-grp.last em{color:var(--ink);font-size:1.5em}
.dk-grx{position:absolute;left:0;right:0;bottom:0;display:flex;justify-content:space-between}.dk-grx span{font-size:1.15em;color:var(--mute);width:0;display:flex;justify-content:center;white-space:nowrap}
.dk-anim .dk-grl{stroke-dasharray:1;stroke-dashoffset:1;animation:dkInk 1.6s cubic-bezier(.4,.1,.2,1) forwards .3s}
.dk-anim .dk-gra{animation:dkFade 1.2s both 1s}
.dk-anim .dk-grp{animation:dkPopC .5s cubic-bezier(.2,.9,.3,1.4) both;animation-delay:calc(.35s + var(--i) * .16s)}@keyframes dkPopC{from{opacity:0;scale:.3}to{opacity:1;scale:1}}
.dk-anim .dk-mxr,.dk-anim .dk-ba p,.dk-anim .dk-ft{animation:dkRise .7s cubic-bezier(.2,.8,.2,1) both;animation-delay:calc(.25s + var(--i) * .1s)}
.dk-anim .dk-mxr i.me svg{animation:dkPopC .5s cubic-bezier(.2,.9,.3,1.4) both;animation-delay:calc(.5s + var(--i) * .1s)}
.dk-anim .dk-baar{animation:dkFloatIn .8s both .5s}
.dk-anim .dk-kh{animation:dkKey 1.1s cubic-bezier(.16,1,.3,1) both .1s}@keyframes dkKey{from{opacity:0;transform:translateY(.25em) scale(.96);filter:blur(.12em)}to{opacity:1;transform:none;filter:none}}
/* ===== v3.1: elements placed on a slide ===== */
.dk-adds{position:absolute;inset:0;z-index:4;pointer-events:none}
.dk-el{position:absolute;transform:translate(-50%,-50%);pointer-events:auto}
.dk-el .dk-svgw,.dk-el .dk-3d,.dk-el .dk-ic{display:block;width:100%}.dk-el img,.dk-svgi{display:block;width:100%;height:auto;-webkit-user-drag:none;user-select:none}
.dk-svgw{display:flex;align-items:center;justify-content:center;width:100%}.dk-vw .dk-svgw img{max-height:40em;width:auto;max-width:100%}
.dk-stage .dk-el{cursor:grab}.dk-stage .dk-el:hover{outline:.12em dashed color-mix(in srgb,var(--a) 70%,transparent);outline-offset:.4em}.dk-stage .dk-el.drag{cursor:grabbing;outline:.12em solid var(--a)}
.dk-el.snapx::before{content:'';position:absolute;left:50%;top:-60em;bottom:-60em;width:.08em;background:#FF3B8D}.dk-el.snapy::after{content:'';position:absolute;top:50%;left:-60em;right:-60em;height:.08em;background:#FF3B8D}
.dk-ah{position:absolute;right:-.9em;bottom:-.9em;width:1.6em;height:1.6em;border-radius:50%;background:#fff;border:.25em solid var(--a,#8A6BFF);cursor:nwse-resize;opacity:0;transition:opacity .15s}
.dk-ax{position:absolute;right:-1em;top:-1em;width:2em;height:2em;min-width:22px;min-height:22px;z-index:6;border-radius:50%;border:0;background:#111;color:#fff;font-size:1em;line-height:1;cursor:pointer;opacity:0;transition:opacity .15s;display:grid;place-items:center;padding:0}
.dk-stage .dk-el:hover .dk-ah,.dk-stage .dk-el:hover .dk-ax,.dk-stage .dk-el.drag .dk-ah{opacity:1}
.dk-anim .dk-el{animation:dkElIn .9s cubic-bezier(.16,1,.3,1) both;animation-delay:calc(.45s + var(--i) * .12s)}@keyframes dkElIn{from{opacity:0;translate:0 1.4em;scale:.94;filter:blur(.4em)}to{opacity:1;translate:0 0;scale:1;filter:none}}
/* ===== v3.1: industry decks, polished ===== */
.v3{--ease:cubic-bezier(.16,1,.3,1);--glowA:color-mix(in srgb,var(--a) 22%,transparent);--glowB:color-mix(in srgb,var(--b) 16%,transparent)}
.v3::before{content:'';position:absolute;inset:-20%;z-index:0;pointer-events:none;background:radial-gradient(40% 46% at 88% 8%,var(--glowA),transparent 70%),radial-gradient(36% 40% at 6% 96%,var(--glowB),transparent 70%)}
.v3::after{content:'';position:absolute;inset:0;z-index:5;pointer-events:none;opacity:.07;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='160' height='160'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 .5 0 0 0 0 .5 0 0 0 0 .5 0 0 0 .9 0'/></filter><rect width='160' height='160' filter='url(%23n)'/></svg>");background-size:12em 12em;mix-blend-mode:overlay}
.dk-export .v3::after{display:none}
.v3 .dk-h1,.v3 .dk-t{text-wrap:balance}.v3 .dk-sub{text-wrap:pretty}
.v3 .dk-k{display:inline-flex;align-items:center;gap:.9em}.v3 .dk-k::before{content:'';width:2.2em;height:.16em;border-radius:1em;background:linear-gradient(90deg,var(--a),var(--b))}
.v3.pill .dk-k::before{display:none}
.v3 .dk-card,.v3 .dk-ft,.v3 .dk-tier,.v3 .dk-col,.v3 .dk-bab,.v3 .dk-logos span{position:relative;box-shadow:inset 0 0 0 .1em color-mix(in srgb,var(--ink) 9%,transparent),0 1.8em 3.6em -2.6em color-mix(in srgb,var(--ink) 45%,transparent);background-image:linear-gradient(180deg,color-mix(in srgb,#fff 7%,transparent),transparent 45%)}
.v3.cards-color .dk-card,.v3 .dk-tier.hot,.v3 .dk-baa{background-image:linear-gradient(160deg,rgba(255,255,255,.22),rgba(255,255,255,0) 42%),radial-gradient(120% 80% at 100% 100%,rgba(0,0,0,.14),transparent 60%);box-shadow:0 2em 4em -2.4em color-mix(in srgb,var(--a) 70%,transparent),inset 0 .1em 0 rgba(255,255,255,.35)}
.v3 .dk-met{border-top:0;position:relative;padding-top:1.8em}.v3 .dk-met::before{content:'';position:absolute;left:0;right:0;top:0;height:.25em;border-radius:1em;background:linear-gradient(90deg,var(--a),var(--b));transform-origin:left}
.v3 .dk-mets>.dk-met:first-child b{color:var(--at,var(--a))}
.v3 .dk-bar{background:linear-gradient(180deg,var(--a),color-mix(in srgb,var(--a) 55%,var(--b)));box-shadow:inset 0 .2em 0 rgba(255,255,255,.3),0 1em 2em -1.2em color-mix(in srgb,var(--a) 80%,transparent)}
.v3 .dk-rings span{box-shadow:0 1.4em 3em -1.6em rgba(0,0,0,.45),inset 0 .2em .4em rgba(255,255,255,.25)}
.v3 .dk-donut{box-shadow:0 2em 4em -2.4em color-mix(in srgb,var(--a) 70%,transparent)}
.v3 .dk-vw{isolation:isolate}.v3 .dk-cv .dk-vw::before,.v3 .dk-tv .dk-vw::before,.v3 .dk-kv .dk-vw::before,.v3 .dk-bn .dk-vw::before{content:'';position:absolute;left:12%;right:12%;top:12%;bottom:12%;z-index:-1;border-radius:50%;background:radial-gradient(closest-side,color-mix(in srgb,var(--a) 34%,transparent),transparent);filter:blur(1.4em)}
.v3 .dk-3d svg{filter:drop-shadow(0 1.6em 2em color-mix(in srgb,var(--ink) 22%,transparent))}
.v3 .dk-pp i,.v3 .dk-pp img{box-shadow:0 0 0 .3em var(--bg),0 0 0 .45em color-mix(in srgb,var(--a) 60%,transparent)}
.v3 .dk-mx{border-radius:calc(var(--r) * .7 + .4em);}
.v3 .dk-mxh b.me{background:linear-gradient(160deg,var(--a),color-mix(in srgb,var(--a) 70%,var(--b)));box-shadow:0 1.4em 2.8em -1.6em color-mix(in srgb,var(--a) 80%,transparent)}
.v3 .dk-grc svg{filter:drop-shadow(0 1.2em 1.4em color-mix(in srgb,var(--a) 30%,transparent))}
/* motion: a slower, softer choreography with depth of field */
.v3.dk-anim .dk-in>*>*,.v3.dk-anim .dk-cards>*,.v3.dk-anim .dk-mets>*,.v3.dk-anim .dk-team>*,.v3.dk-anim .dk-tiers>*,.v3.dk-anim .dk-mlist>*,.v3.dk-anim .dk-cols>*,.v3.dk-anim .dk-fts>*,.v3.dk-anim .dk-mxr,.v3.dk-anim .dk-ba p{animation-name:dkV3In;animation-duration:1.1s;animation-timing-function:var(--ease);animation-fill-mode:both}
@keyframes dkV3In{from{opacity:0;transform:translateY(1.4em);filter:blur(.5em)}to{opacity:1;transform:none;filter:none}}
.v3.dk-anim .dk-h1,.v3.dk-anim .dk-t{animation:dkV3Title 1.2s var(--ease) both .05s}
@keyframes dkV3Title{from{opacity:0;clip-path:inset(0 0 100% 0);transform:translateY(.35em)}to{opacity:1;clip-path:inset(-20% -5% -30% -5%);transform:none}}
.v3.dk-anim .dk-k{animation:dkV3In .9s var(--ease) both}.v3.dk-anim .dk-k::before{animation:dkDraw .9s var(--ease) both .2s;transform-origin:left}
.v3.dk-anim .dk-met::before{animation:dkDraw 1.2s var(--ease) both;animation-delay:inherit}
.v3.dk-anim .dk-sub{animation-delay:.35s}
.v3.dk-anim::before{animation:dkV3Drift 16s ease-in-out infinite alternate}@keyframes dkV3Drift{to{transform:translate(-4%,3%) scale(1.06)}}
.v3.dk-anim .dk-vw>*:not(.dk-vh){animation:dkV3Float 1.3s var(--ease) both .3s}@keyframes dkV3Float{from{opacity:0;transform:translateY(2.4em) scale(.9) rotate(-4deg);filter:blur(.6em)}to{opacity:1;transform:none;filter:none}}
.v3.dk-anim .dk-3d svg{animation:dkV3Bob 6s ease-in-out infinite 1.4s}@keyframes dkV3Bob{0%,100%{transform:translateY(0) rotate(0)}50%{transform:translateY(-.9em) rotate(1.5deg)}}
/* colour light: big numbers and keynote lines catch a sweep of light while they play */
.v3.dk-anim .dk-bnum b,.v3.dk-anim .dk-grn b,.v3.dk-anim .dk-askn b{background:linear-gradient(120deg,var(--a) 10%,var(--b) 55%,var(--a) 90%);background-size:220% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:dkV3Shine 6s ease-in-out infinite alternate}
.v3.dk-anim .dk-kh{background:linear-gradient(100deg,var(--ink) 38%,var(--a) 48%,var(--b) 52%,var(--ink) 62%);background-size:300% 100%;background-position:100% 0;-webkit-background-clip:text;background-clip:text;color:transparent;animation:dkKey 1.1s cubic-bezier(.16,1,.3,1) both .1s,dkV3Sweep 2.6s cubic-bezier(.4,0,.2,1) both .9s}
.v3.bg-accent.dk-anim .dk-kh,.v3.bg-ink.dk-anim .dk-kh,.v3.bg-gradient.dk-anim .dk-kh{background-image:linear-gradient(100deg,var(--ink) 38%,var(--c) 50%,var(--ink) 62%)}
@keyframes dkV3Shine{from{background-position:0 0}to{background-position:100% 0}}@keyframes dkV3Sweep{from{background-position:100% 0}to{background-position:0 0}}
/* presenter: new transitions */
.tr-morph .dk-pstage .dk-s{animation:dkTrMorph .9s cubic-bezier(.16,1,.3,1) both}@keyframes dkTrMorph{from{opacity:0;transform:scale(1.04);filter:blur(1.2em) saturate(1.4)}to{opacity:1;transform:none;filter:none}}
.tr-reveal .dk-pstage .dk-s{animation:dkTrReveal 1s cubic-bezier(.65,0,.35,1) both}@keyframes dkTrReveal{from{clip-path:circle(0% at 50% 55%)}to{clip-path:circle(80% at 50% 55%)}}
.tr-depth .dk-pstage{perspective:160em}.tr-depth .dk-pstage .dk-s{animation:dkTrDepth .9s cubic-bezier(.16,1,.3,1) both}@keyframes dkTrDepth{from{opacity:0;transform:translateZ(-30em) rotateX(8deg)}to{opacity:1;transform:none}}
.tr-curtain .dk-pstage .dk-s{animation:dkTrCurtain .9s cubic-bezier(.65,0,.35,1) both}@keyframes dkTrCurtain{from{clip-path:inset(100% 0 0 0)}to{clip-path:inset(0)}}
/* ===== v3.2: select, delete, link ===== */
.dk-lnk{display:block;color:inherit;text-decoration:none;cursor:pointer}
.dk-stage .dk-el.sel,.dk-stage .dk-vw.sel{outline:.14em solid var(--a,#8A6BFF);outline-offset:.4em}
.dk-stage .dk-vw.sel .dk-vh,.dk-stage .dk-el.sel .dk-ah{opacity:1}
.dk-etb{position:absolute;left:50%;bottom:calc(100% + 1.2em);transform:translateX(-50%);display:flex;gap:4px;padding:4px;border-radius:12px;background:#111116;box-shadow:0 10px 30px -8px rgba(0,0,0,.6),0 0 0 1px rgba(255,255,255,.1);z-index:9;white-space:nowrap}
.dk-vw .dk-etb{transform:translateX(-50%) scale(calc(1 / var(--vs,1)))}
.dk-etb button{border:0;background:transparent;color:#fff;font:600 12px/1 'Geist',sans-serif;padding:8px 10px;border-radius:8px;cursor:pointer}.dk-etb button:hover{background:rgba(255,255,255,.12)}.dk-etb button.on{color:#7EF0CF}
.dk-etb button.del{background:#E5484D;width:30px;padding:8px 0;font-size:13px}.dk-etb button.del:hover{background:#F2555A}
.dk-lbadge{position:absolute;left:-.8em;top:-.8em;width:1.8em;height:1.8em;border-radius:50%;background:var(--a,#8A6BFF);color:var(--on-a,#fff);font:700 1em/1.8em var(--bf);font-style:normal;text-align:center;pointer-events:none}
.dk-vx{position:absolute;right:-1em;top:-1em;width:2.2em;height:2.2em;min-width:22px;min-height:22px;border-radius:50%;border:0;background:#111;color:#fff;cursor:pointer;opacity:0;transition:opacity .15s;display:grid;place-items:center;padding:0;font-size:1em;z-index:6}.dk-vw>.dk-vx{width:2.2em!important;height:2.2em!important}.dk-stage .dk-vw:hover .dk-vx{opacity:1}
.dk-vw>.dk-etb,.dk-vw>.dk-lbadge{width:auto!important;max-height:none!important;height:auto!important}.dk-vw>.dk-lbadge{width:1.8em!important;height:1.8em!important}
/* ===== v3.3: text boxes, placement, text size ===== */
.dk-in{font-size:calc(var(--ts,1) * 1em)}
.va-top .dk-in{justify-content:flex-start}.va-top .dk-std,.va-top .dk-stm,.va-top .dk-quote,.va-top .dk-key{justify-content:flex-start}.va-top .dk-two,.va-top .dk-cover,.va-top .dk-gr,.va-top .dk-mk{align-items:start}
.va-bottom .dk-in{justify-content:flex-end}.va-bottom .dk-std,.va-bottom .dk-stm,.va-bottom .dk-quote,.va-bottom .dk-key{justify-content:flex-end}.va-bottom .dk-two,.va-bottom .dk-cover,.va-bottom .dk-gr,.va-bottom .dk-mk{align-items:end}
.ha-center .dk-std,.ha-center .dk-stm,.ha-center .dk-quote,.ha-center .dk-tl,.ha-center .dk-cl{align-items:center;text-align:center}.ha-center .dk-sub{margin-left:auto;margin-right:auto}.ha-center .dk-stm{max-width:none}.ha-center .dk-body p{padding-left:0}.ha-center .dk-body p::before{display:none}
.dk-el.is-tx .dk-tx{line-height:1.1;letter-spacing:-.015em;word-break:break-word;white-space:normal;outline:none;min-height:1em}
.dk-stage .dk-el.is-tx.editing{cursor:text;outline:.14em solid var(--a,#8A6BFF);outline-offset:.4em}.dk-el.editing .dk-tx{caret-color:var(--a)}.dk-el.editing .dk-etb{display:none}
.dk-etb.tx{flex-wrap:nowrap}.dk-etb .dk-cdot{display:block;width:14px;height:14px;border-radius:50%;box-shadow:0 0 0 2px rgba(255,255,255,.7)}
.dk-etb b{font-weight:800}.dk-etb i{font-style:italic}
/* ===== v3.4: element animations ===== */
.dk-eli{display:block;width:100%;transform-origin:50% 60%}
.dk-export .dk-eli{animation:none!important}
.dk-eli.an-float{animation:dkEFloat calc(4s / var(--sp,1)) ease-in-out infinite}@keyframes dkEFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-6%)}}
.dk-eli.an-bounce{animation:dkEBounce calc(1.6s / var(--sp,1)) cubic-bezier(.3,0,.4,1) infinite}@keyframes dkEBounce{0%,100%{transform:translateY(0) scale(1,1)}40%{transform:translateY(-12%) scale(.97,1.03)}55%{transform:translateY(0) scale(1.04,.96)}70%{transform:translateY(-3%)}}
.dk-eli.an-pulse{animation:dkEPulse calc(2s / var(--sp,1)) ease-in-out infinite}@keyframes dkEPulse{0%,100%{transform:scale(1)}50%{transform:scale(1.07)}}
.dk-eli.an-spin{animation:dkESpin calc(8s / var(--sp,1)) linear infinite;transform-origin:50% 50%}@keyframes dkESpin{to{transform:rotate(360deg)}}
.dk-eli.an-swing{animation:dkESwing calc(2.6s / var(--sp,1)) ease-in-out infinite;transform-origin:50% 0}@keyframes dkESwing{0%,100%{transform:rotate(-6deg)}50%{transform:rotate(6deg)}}
.dk-eli.an-tilt{animation:dkETilt calc(5s / var(--sp,1)) ease-in-out infinite}@keyframes dkETilt{0%,100%{transform:perspective(60em) rotateY(-14deg) rotateX(6deg)}50%{transform:perspective(60em) rotateY(14deg) rotateX(-4deg)}}
.dk-eli.an-glow{animation:dkEGlow calc(2.4s / var(--sp,1)) ease-in-out infinite}@keyframes dkEGlow{0%,100%{filter:drop-shadow(0 0 0 transparent)}50%{filter:drop-shadow(0 0 1.6em color-mix(in srgb,var(--a) 70%,transparent))}}
.dk-eli.an-wobble{animation:dkEWob calc(1.8s / var(--sp,1)) ease-in-out infinite}@keyframes dkEWob{0%,100%{transform:rotate(0)}20%{transform:rotate(-5deg) scale(1.02)}40%{transform:rotate(4deg)}60%{transform:rotate(-2deg)}80%{transform:rotate(1deg)}}
/* ===== v3.5: layers, live 3D, charts, no decor ===== */
.dk-adds{z-index:8}.dk-adds.back{z-index:1}
.dk-3dl hairline-icon{display:block;width:100%;height:auto;aspect-ratio:1}.dk-3dl hairline-icon svg{width:100%!important;height:100%!important}
.nodeco .dk-k::before,.nodeco.v3::before{display:none}
.dk-chartel{display:block;width:100%}.dk-chartel svg{display:block;width:100%;height:auto;overflow:visible}
.dk-chartel.live .dkc-a{transform-box:fill-box;transform-origin:bottom;animation:dkGrow 1s cubic-bezier(.2,.8,.2,1) both;animation-delay:calc(.2s + var(--i,0) * .1s)}.dk-chartel.live .dkc-a.h{transform-origin:left;animation-name:dkDraw}
.dk-chartel.live .dkc-l{stroke-dasharray:1;stroke-dashoffset:1;animation:dkInk 1.6s cubic-bezier(.4,.1,.2,1) forwards .2s}.dk-chartel.live .dkc-f{animation:dkFade 1s both .9s}
.dk-chartel.live .dkc-p{transform-box:fill-box;transform-origin:center;animation:dkPopC .5s cubic-bezier(.2,.9,.3,1.4) both;animation-delay:calc(.3s + var(--i) * .14s)}
.dk-chartel.live .dkc-d{animation:dkChD 1.4s cubic-bezier(.2,.8,.2,1) both;animation-delay:calc(.2s + var(--i,0) * .12s)}@keyframes dkChD{from{opacity:0;stroke-width:0}}
.dk-eli{transition:opacity .2s}
.dk-stage .dk-in .dk-h1,.dk-stage .dk-in .dk-t,.dk-stage .dk-in .dk-sub,.dk-stage .dk-in .dk-k{cursor:text}
.dk-gdrag{outline:2px dashed var(--a,#8A6BFF);outline-offset:6px;cursor:grabbing!important;z-index:30}
.dk-stage .dk-adds.back .dk-el:hover{outline:.12em dashed color-mix(in srgb,var(--a) 70%,transparent);outline-offset:.4em}
/* ===== v3.6: adaptive bento ===== */
.dk-bento.v2{grid-template-columns:repeat(6,minmax(0,1fr));grid-template-rows:none;grid-auto-rows:minmax(0,1fr);grid-auto-flow:row dense}
.dk-bento.v2>.dk-bt{grid-column:auto;grid-row:auto}
.dk-bento.v2>.sp-1x1{grid-column:span 1;grid-row:span 1}.dk-bento.v2>.sp-2x1{grid-column:span 2;grid-row:span 1}.dk-bento.v2>.sp-1x2{grid-column:span 1;grid-row:span 2}.dk-bento.v2>.sp-2x2{grid-column:span 2;grid-row:span 2}
.dk-bento.v2>.sp-4x1{grid-column:span 4;grid-row:span 1}.dk-bento.v2>.sp-3x2{grid-column:span 3;grid-row:span 2}.dk-bento.v2>.sp-6x2{grid-column:span 6;grid-row:span 2}.dk-bento.v2>.sp-3x1{grid-column:span 3;grid-row:span 1}
.dk-bento.v2>.sm.sp-2x1 b,.dk-bento.v2>.sm.sp-4x1 b{font-size:4.6em}.dk-bento.v2>.sm.sp-1x2 b{font-size:4.2em}.dk-bento.v2>.sm.sp-2x2 b{font-size:7em}.dk-bento.v2>.sm.sp-3x2 b,.dk-bento.v2>.sm.sp-6x2 b{font-size:9em}
.dk-bento.v2>.sm.sp-2x2 span,.dk-bento.v2>.sm.sp-3x2 span,.dk-bento.v2>.sm.sp-6x2 span{font-size:1.6em}
.dk-bento.v2>.about.sp-1x1 .dk-t{font-size:2em}.dk-bento.v2>.about.sp-2x2 .dk-t,.dk-bento.v2>.about.sp-3x2 .dk-t{font-size:4.2em}.dk-bento.v2>.about.sp-6x2 .dk-t{font-size:6em}
.dk-bento.v2>.hero.sp-1x1 .dk-btbig,.dk-bento.v2>.hero.sp-2x1 .dk-btbig{font-size:4.5em}.dk-bento.v2>.hero.sp-6x2 .dk-btbig{font-size:14em}
.dk-stage .dk-bento.v2>.dk-bt{cursor:pointer;transition:box-shadow .15s}.dk-stage .dk-bento.v2>.dk-bt:hover{box-shadow:0 0 0 .2em color-mix(in srgb,var(--a) 55%,transparent)}
.dk-bento.v2>.tsel{box-shadow:0 0 0 .25em #FFD27A!important}
/* ===== Decks page ===== */
.dkh-wrap{max-width:1320px;margin:0 auto;padding-left:clamp(16px,3vw,40px);padding-right:clamp(16px,3vw,40px)}
.dkh-hero{padding:48px 0 24px}
.dkh-top{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:32px;align-items:center}
.dkh-copy{display:flex;flex-direction:column;gap:16px}.dkh-copy .m-eyebrow{margin:0}
.dkh-h1{margin:0}
.dkh-lead{margin:0;font-size:17px;line-height:1.55;color:#A3A3AE;max-width:620px}
.dkh-ctas{display:flex;flex-wrap:wrap;gap:10px}
.dkh-feats{display:flex;flex-wrap:wrap;gap:6px}.dkh-feats>span{font-size:12px;color:#C9C9D2;padding:5px 11px;border-radius:99px;border:1px solid rgba(255,255,255,.12)}
.dkh-mf{display:flex;flex-direction:column;align-items:center;gap:8px}
.dkh-morfy{width:220px;height:220px;display:block}
.dkh-bub{max-width:300px;text-align:center;padding:12px 16px;border-radius:18px;background:#FFF4D9;color:#2A2106;font:600 14px 'Geist',sans-serif;position:relative}.dkh-bub::before{content:'';position:absolute;top:-7px;left:50%;margin-left:-7px;border:7px solid transparent;border-top:0;border-bottom-color:#FFF4D9}
.dkh-sec{padding-top:36px;padding-bottom:12px}
.dkh-sh{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:10px 20px;margin-bottom:16px}
.dkh-sh h2{margin:0;font:700 28px 'Morfy Neo',sans-serif;letter-spacing:-.01em}.dkh-sh p{margin:0;max-width:640px;color:#8C8C99;font-size:14px;line-height:1.5}
.dkh-chips{display:flex;gap:6px;flex-wrap:wrap}
.dkh-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(270px,1fr));gap:16px}
.dkh-card{position:relative;display:flex;flex-direction:column;gap:10px;padding:0;border:0;background:none;color:inherit;text-align:left;cursor:pointer;font-family:'Geist',sans-serif}
.dkh-thumb{border-radius:14px;box-shadow:0 0 0 1px rgba(255,255,255,.1),0 20px 40px -24px rgba(0,0,0,.8);transition:transform .25s cubic-bezier(.2,.8,.2,1)}
.dkh-card:hover .dkh-thumb{transform:translateY(-3px)}
.dkh-flip{position:relative;border-radius:14px}.dkh-back{position:absolute!important;inset:0;opacity:0;transition:opacity .3s}.dkh-tpl:hover .dkh-back{opacity:1}
.dkh-cm{display:flex;flex-direction:column;gap:2px}.dkh-cm b{font-size:15px}.dkh-cm>span{font-size:12px;color:#8C8C99}
.dkh-del{position:absolute;top:8px;right:8px;width:28px;height:28px;border-radius:50%;border:0;background:rgba(0,0,0,.6);color:#fff;cursor:pointer;opacity:0;transition:opacity .2s}.dkh-card:hover .dkh-del{opacity:1}
.dkh-fam{display:grid;grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:12px}
.dkh-fc{display:flex;flex-direction:column;gap:10px;padding:18px;border-radius:20px;background:#0E0E14;border:1px solid rgba(255,255,255,.1)}.dkh-fc b{font-size:16px}.dkh-fc p{margin:0;font-size:13px;color:#A3A3AE;line-height:1.5;flex:1}.dkh-fc .m-btn{align-self:flex-start}
.dkh-flow{display:flex;flex-wrap:wrap;gap:4px}.dkh-flow>span{font:500 10.5px 'Geist Mono',monospace;padding:3px 7px;border-radius:6px;background:rgba(138,107,255,.14);color:#C9B8FF}
.dkh-lens{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:10px}
.dkh-lc{padding:16px;border-radius:18px;background:linear-gradient(160deg,rgba(255,210,122,.07),rgba(255,255,255,.02));border:1px solid rgba(255,255,255,.09);display:flex;flex-direction:column;gap:4px}.dkh-lc>span{font:500 10.5px 'Geist Mono',monospace;letter-spacing:.08em;text-transform:uppercase;color:#FFD27A}.dkh-lc b{font-size:16px}.dkh-lc p{margin:0;font-size:12.5px;color:#8C8C99;line-height:1.45}
.dkh-themes{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:10px;padding-bottom:80px}
.dkh-th{position:relative;height:84px;border-radius:16px;padding:12px;display:flex;align-items:flex-end;box-shadow:inset 0 0 0 1px rgba(255,255,255,.1)}.dkh-th i{position:absolute;top:12px;width:18px;height:18px;border-radius:50%}.dkh-th i:first-child{left:12px}.dkh-th i:nth-child(2){left:26px}.dkh-th b{font-size:13px}
.dk-modal{position:fixed;z-index:141;left:50%;top:50%;transform:translate(-50%,-50%);width:min(560px,calc(100vw - 24px));max-height:calc(100vh - 40px);overflow:auto;padding:24px;border-radius:24px;background:#0E0E14;border:1px solid rgba(255,255,255,.12);display:flex;flex-direction:column;gap:12px;box-shadow:0 40px 120px -20px rgba(0,0,0,.9)}
.dk-modal h3{margin:0;font:700 22px 'Morfy Neo',sans-serif}.dk-modal p{margin:0;font-size:14px;color:#A3A3AE;line-height:1.5}
.dk-drop{position:relative;display:flex;flex-direction:column;align-items:center;gap:4px;padding:22px;border-radius:18px;border:1.5px dashed rgba(255,255,255,.25);cursor:pointer}.dk-drop input{position:absolute;inset:0;opacity:0;cursor:pointer}.dk-drop b{font-size:15px}.dk-drop>span{font-size:12px;color:#8C8C99}
.dk-ta{min-height:150px;padding:12px 14px;line-height:1.45;resize:vertical;font-size:14px;width:100%}
/* editor */
.dk-ed{display:flex;flex-direction:column;height:calc(100vh - var(--mhh,65px));min-height:620px}
.dk-top{display:flex;align-items:center;gap:10px;padding:10px 16px;border-bottom:1px solid rgba(255,255,255,.08);flex-wrap:wrap}
.dk-ib{width:40px;padding:0}
.dk-name{flex:0 1 320px;min-width:120px;height:40px;border-radius:12px;border:1px solid transparent;background:none;color:#F4F4F6;font:600 16px 'Geist',sans-serif;padding:0 10px}.dk-name:hover,.dk-name:focus{border-color:rgba(255,255,255,.15);outline:none}
.dk-meta{font-size:12.5px;color:#8C8C99}
.dk-acts{margin-left:auto;display:flex;gap:8px;align-items:center}.dk-acts .lx-btn{height:40px;padding:0 18px}.dk-acts .m-btn{min-height:40px}
.dk-expm{bottom:auto;top:48px;min-width:300px}
.dk-body3{flex:1;min-height:0;display:grid;grid-template-columns:170px minmax(0,1fr) 340px}
.dk-list{overflow:auto;padding:12px;display:flex;flex-direction:column;gap:10px;border-right:1px solid rgba(255,255,255,.08)}
.dk-th{position:relative;display:flex;gap:6px;padding:0;border:0;background:none;cursor:pointer;align-items:flex-start}.dk-th>.dk-thn{font:500 10px 'Geist Mono',monospace;font-style:normal;color:#8C8C99;width:14px;flex:none;padding-top:2px}
.dk-th .dk-frame{flex:1;border-radius:8px;box-shadow:0 0 0 1px rgba(255,255,255,.12)}.dk-th.on .dk-frame{box-shadow:0 0 0 2px #FFD27A}
.dk-addw{position:relative}.dk-add{width:100%;height:36px;border-radius:10px;border:1px dashed rgba(255,255,255,.25);background:none;color:#C9C9D2;cursor:pointer;font:500 13px 'Geist',sans-serif}
.dk-addm{position:absolute;left:0;bottom:44px;z-index:30;width:200px;max-height:360px;overflow:auto;padding:6px;border-radius:14px;background:#17161F;border:1px solid rgba(255,255,255,.12);display:flex;flex-direction:column}.dk-addm button{text-align:left;padding:8px 10px;border:0;border-radius:8px;background:none;color:#F4F4F6;font:500 13px 'Geist',sans-serif;cursor:pointer}.dk-addm button:hover{background:rgba(255,255,255,.07)}
.dk-mid{overflow:auto;padding:16px 20px;display:flex;flex-direction:column;gap:12px;min-width:0}
.dk-tools{display:flex;justify-content:space-between;align-items:center;gap:10px}
.dk-laybtn{display:flex;align-items:baseline;gap:8px;padding:8px 14px;border-radius:12px;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.03);color:#F4F4F6;cursor:pointer;font-family:'Geist',sans-serif;min-width:0}.dk-laybtn b{font-size:14px}.dk-laybtn>span{font-size:12px;color:#8C8C99;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dk-laybtn i{font-style:normal;font-size:12px;color:#FFD27A;white-space:nowrap}
.dk-tb{display:flex;gap:4px}.dk-tb button{width:34px;height:34px;border-radius:10px;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.03);color:#E6E6EC;cursor:pointer}
.dk-lays{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:8px;padding:10px;border-radius:16px;background:#0E0E14;border:1px solid rgba(255,255,255,.1)}
.dk-lay{display:flex;flex-direction:column;gap:4px;padding:0;border:0;background:none;color:#C9C9D2;cursor:pointer;font:500 11.5px 'Geist',sans-serif;text-align:left}.dk-lay .dk-frame{border-radius:6px;box-shadow:0 0 0 1px rgba(255,255,255,.12)}.dk-lay.on .dk-frame{box-shadow:0 0 0 2px #FFD27A}
.dk-stage{border-radius:14px;box-shadow:0 0 0 1px rgba(255,255,255,.1),0 30px 80px -30px rgba(0,0,0,.9);overflow:hidden}
.dk-smart{display:flex;flex-direction:column;gap:8px;padding:12px;border-radius:16px;background:#0E0E14;border:1px solid rgba(255,255,255,.1)}
.dk-smh{display:flex;align-items:center;gap:8px}.dk-smh b{display:block;font-size:13px}.dk-smh div>span{font-size:12px;color:#8C8C99}
.dk-smf{width:44px;height:44px;flex:none;display:block}
.dk-ta-s{min-height:80px}
.dk-smb{display:flex;flex-wrap:wrap;gap:6px}.dk-smb .m-chip{min-height:30px;font-size:12px}.dk-new{border-color:rgba(255,210,122,.45)!important;color:#FFD27A!important}
.dk-insp{overflow:auto;border-left:1px solid rgba(255,255,255,.08);padding:12px;display:flex;flex-direction:column;gap:12px}
.dk-ptabs{width:100%;justify-content:space-between}.dk-ptabs .bs-tab{padding:8px 12px;font-size:13px}
.dk-pn{display:flex;flex-direction:column;gap:14px}
.dk-f{display:flex;flex-direction:column;gap:6px}.dk-f>span{font:500 11px 'Geist Mono',monospace;letter-spacing:.08em;text-transform:uppercase;color:#8C8C99}
.dk-in2{min-height:38px;height:auto;padding:8px 12px;font-size:14px;border-radius:10px;width:100%;box-sizing:border-box}textarea.dk-in2{min-height:70px;resize:vertical;line-height:1.4}
.dk-row{display:flex;gap:4px;align-items:center}.dk-row .dk-in2{flex:1;min-width:0}.dk-row .dk-v{flex:0 0 84px}
.dk-rm{width:28px;height:28px;flex:none;border-radius:8px;border:0;background:rgba(255,255,255,.06);color:#B4B4C0;cursor:pointer}
.dk-up{position:relative;width:32px;height:32px;flex:none;border-radius:8px;background:rgba(255,255,255,.06);display:grid;place-items:center;cursor:pointer;font-size:14px}.dk-up input{position:absolute;inset:0;opacity:0;cursor:pointer}
.dk-vis{display:flex;flex-wrap:wrap;gap:6px}.dk-vis .m-btn{min-height:36px;font-size:13px}
.dk-thg{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}
.dk-thc{position:relative;height:60px;border-radius:12px;border:0;padding:8px;display:flex;align-items:flex-end;cursor:pointer;box-shadow:inset 0 0 0 1px rgba(255,255,255,.12)}.dk-thc.on{box-shadow:0 0 0 2px #FFD27A}.dk-thc i{position:absolute;top:8px;width:12px;height:12px;border-radius:50%}.dk-thc i:first-child{left:8px}.dk-thc i:nth-child(2){left:18px}.dk-thc b{font:600 11.5px 'Geist',sans-serif}
.dk-hint{font-style:normal;font-size:12px;color:#6A6A76;line-height:1.45}
.dk-ag{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.dk-at{aspect-ratio:1;border:0;border-radius:12px;background:#FFFFFF;color:#111116;cursor:pointer;padding:12%;display:block}.dk-at>span{display:block;width:100%;height:100%}.dk-at svg{width:100%;height:100%;display:block}.dk-ag.dark .dk-at{background:#F4F2EE;padding:4%}
.dk-cs{display:flex;align-items:center;gap:10px;padding:10px;border-radius:14px;background:rgba(255,210,122,.07);border:1px solid rgba(255,210,122,.2)}.dk-cs b{display:block;font-size:15px}.dk-cs div>span{font-size:12px;color:#C9BFA6}
.dk-lens{display:flex;flex-direction:column;gap:6px;padding:12px;border-radius:14px;background:#0E0E14;border:1px solid rgba(255,255,255,.08)}
.dk-lh{display:flex;align-items:baseline;gap:8px}.dk-lh b{font-size:14px}.dk-lh>span{font-size:11.5px;color:#8C8C99;flex:1}.dk-lh em{font:700 13px 'Geist Mono',monospace;font-style:normal}
.dk-lens.good .mf-bar i{background:#5BD38A}.dk-lens.mid .mf-bar i{background:#FFD27A}.dk-lens.low .mf-bar i{background:#FF8A6B}
.dk-ck{margin:0;font-size:12.5px;color:#A3A3AE}.dk-ck.ok{color:#9EE6B8}
.dk-lens .m-chip{align-self:flex-start;min-height:28px;font-size:12px}
.dk-pres{position:fixed;inset:0;z-index:2147483000;background:#000;display:flex;flex-direction:column;align-items:center;justify-content:center;outline:none}
.dk-pstage{width:min(100vw,calc((100vh - 64px) * 16 / 9));cursor:pointer}
.dk-pbar{position:fixed;left:50%;bottom:14px;transform:translateX(-50%);display:flex;align-items:center;gap:8px;padding:6px;border-radius:99px;background:rgba(20,20,26,.8);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);opacity:.25;transition:opacity .2s}.dk-pres:hover .dk-pbar{opacity:1}
.dk-pbar button{height:34px;min-width:34px;padding:0 12px;border-radius:99px;border:0;background:rgba(255,255,255,.1);color:#fff;cursor:pointer;font:500 13px 'Geist',sans-serif}.dk-pbar>span{font:500 12px 'Geist Mono',monospace;color:#C9C9D2;padding:0 6px}
.dk-pcopy{background:#FFD27A!important;color:#1A1405!important;font-weight:700!important}
.dk-busy{position:fixed;left:50%;bottom:24px;transform:translateX(-50%);z-index:320;padding:12px 18px;border-radius:99px;background:#F4F4F6;color:#0B0B10;font:600 13px 'Geist',sans-serif;box-shadow:0 20px 50px -10px rgba(0,0,0,.7)}
@media (max-width:1100px){.dk-body3{grid-template-columns:120px minmax(0,1fr) 300px}}
@media (max-width:820px){.dk-ed{height:auto}.dk-body3{grid-template-columns:1fr}.dk-list{flex-direction:row;overflow-x:auto;border:0}.dk-th{flex:0 0 120px}.dk-insp{border:0}.dkh-top{grid-template-columns:1fr}.dkh-morfy{width:150px;height:150px}}
.m-nlnew{font:700 8.5px 'Geist Mono',monospace;letter-spacing:.06em;text-transform:uppercase;padding:2px 5px;border-radius:99px;background:linear-gradient(90deg,#8A6BFF,#FF8FD3,#FFB47E);color:#fff;vertical-align:2px;margin-left:2px}
html.mf-pres .m-hdr,html.mf-pres .m-mfsheet,html.mf-pres .m-scrim{visibility:hidden!important}html.mf-pres{overflow:hidden}

/* ===== Decks v2: never-break thumbs, hover actions, visual add picker, theme quick switch ===== */
.dk-th{outline:none}.dk-thw{position:relative;flex:1;min-width:0}
.dk-th .dk-frame{transition:box-shadow .15s}.dk-th:hover .dk-frame{box-shadow:0 0 0 1px rgba(255,255,255,.3)}.dk-th:focus-visible .dk-frame{box-shadow:0 0 0 2px #8A6BFF}.dk-th.on .dk-frame{box-shadow:0 0 0 2px #FFD27A}
.dk-tha{position:absolute;top:4px;right:4px;z-index:6;display:flex;gap:3px;opacity:0;transform:translateY(-2px);transition:opacity .15s,transform .15s}
.dk-th:hover .dk-tha,.dk-th.on .dk-tha,.dk-th:focus-within .dk-tha{opacity:1;transform:none}
.dk-tha button{width:22px;height:22px;border-radius:7px;border:0;background:rgba(10,10,14,.78);color:#fff;font-size:11px;line-height:1;cursor:pointer;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.dk-tha button:hover{background:#FF5A5F}.dk-tha button:first-child:hover{background:#8A6BFF}
.dk-add{transition:border-color .15s,color .15s,background .15s}.dk-add:hover{border-color:#FFD27A;color:#FFD27A;background:rgba(255,210,122,.06)}
.dk-addp{position:relative;animation:dkPop2 .22s cubic-bezier(.2,.8,.2,1)}
.dk-lpt{grid-column:1/-1;display:flex;align-items:baseline;gap:10px;padding:2px 4px 6px}.dk-lpt b{font-size:14px}.dk-lpt>span{font-size:12px;color:#8C8C99;flex:1}
.dk-lpx{width:28px;height:28px;border-radius:50%;border:0;background:rgba(255,255,255,.08);color:#fff;cursor:pointer}
.dk-lay{transition:transform .15s}.dk-lay:hover{transform:translateY(-2px)}.dk-lay:hover .dk-frame{box-shadow:0 0 0 2px #8A6BFF}
@keyframes dkPop2{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}
.dk-tools{flex-wrap:wrap}.dk-thq{position:relative;margin-left:auto}
.dk-thb{display:flex;align-items:center;gap:8px;height:34px;padding:0 12px 0 6px;border-radius:10px;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.03);color:#E6E6EC;font:500 12.5px 'Geist',sans-serif;cursor:pointer}
.dk-thb>i{position:relative;width:24px;height:24px;border-radius:7px;box-shadow:inset 0 0 0 1px rgba(255,255,255,.2);display:block}.dk-thb>i em{position:absolute;bottom:4px;width:7px;height:7px;border-radius:50%}.dk-thb>i em:first-child{left:4px}.dk-thb>i em:last-child{left:12px}
.dk-thp{position:absolute;right:0;top:40px;z-index:40;width:330px;display:grid;grid-template-columns:repeat(3,1fr);gap:6px;padding:8px;border-radius:16px;background:#17161F;border:1px solid rgba(255,255,255,.12);box-shadow:0 24px 60px -20px rgba(0,0,0,.8);animation:dkPop2 .2s}
.dk-undo{min-height:34px;border-color:rgba(255,210,122,.4)!important;color:#FFD27A!important}
.dk-vctl{display:flex;flex-direction:column;gap:10px;margin-top:10px;padding:12px;border-radius:14px;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.08)}
.dk-vctl label{display:flex;flex-direction:column;gap:6px}.dk-vctl label>span{display:flex;justify-content:space-between;font-size:12px;color:#C9C9D2}.dk-vctl em{font:500 11px 'Geist Mono',monospace;font-style:normal;color:#FFD27A}
.dk-vctl input[type=range]{width:100%;accent-color:#FFD27A}.dk-vctl .dk-hint{margin:0}.dk-vctl .m-chip{align-self:flex-start}
/* coach lens cards (editor) */
.dk-lh .dkh-mono{flex:none;width:26px;height:26px;font:700 10px 'Geist Mono',monospace;color:var(--t)}.dk-lh{align-items:center}
.dk-lq{margin:0;font-size:12.5px;line-height:1.45;color:#C9C9D2;font-style:italic}
.dk-lens.focus{border-color:var(--t);box-shadow:0 0 0 1px var(--t),0 12px 30px -16px var(--t)}
/* ===== Decks home v2 ===== */
.dkh-sh>div:first-child{display:flex;flex-direction:column;gap:6px}
.dkh-arr{display:flex;gap:6px}.dkh-arr button{width:38px;height:38px;border-radius:50%;border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.03);color:#fff;cursor:pointer;font-size:15px;transition:background .15s}.dkh-arr button:hover{background:rgba(255,255,255,.1)}
.dkh-fam,.dkh-lens{display:flex;gap:14px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scroll-padding-left:2px;padding:4px 2px 14px;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.18) transparent}
.dkh-fam::-webkit-scrollbar,.dkh-lens::-webkit-scrollbar{height:6px}.dkh-fam::-webkit-scrollbar-thumb,.dkh-lens::-webkit-scrollbar-thumb{background:rgba(255,255,255,.18);border-radius:9px}
.dkh-fc{flex:0 0 300px;scroll-snap-align:start;position:relative;overflow:hidden;min-height:250px;padding:18px;border:0;border-radius:22px;color:#fff;gap:8px;box-shadow:inset 0 0 0 1px rgba(255,255,255,.12),0 24px 50px -30px rgba(0,0,0,.9);transition:transform .25s cubic-bezier(.2,.8,.2,1)}
.dkh-fc:hover{transform:translateY(-3px)}
.dkh-fc .dkh-fw{font:500 10.5px 'Geist Mono',monospace;letter-spacing:.08em;text-transform:uppercase;color:rgba(255,255,255,.75)}
.dkh-fc b{font:700 22px/1.1 'Morfy Neo',sans-serif;letter-spacing:-.01em}
.dkh-fc em{font-style:normal;font-size:13px;font-weight:600;color:#fff}
.dkh-fc p{margin:0;font-size:12.5px;line-height:1.45;color:rgba(255,255,255,.78);flex:1;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.dkh-fc .dkh-flow>span,.dkh-flow>span{font:500 10.5px 'Geist Mono',monospace;padding:4px 8px;border-radius:7px;background:rgba(255,255,255,.16);color:#fff;box-shadow:inset 0 0 0 1px rgba(255,255,255,.14)}
.dkh-fbtn{align-self:flex-start;margin-top:4px;height:34px;padding:0 14px;border-radius:99px;border:0;background:#fff;color:#111;font:600 12.5px 'Geist',sans-serif;cursor:pointer;transition:transform .15s}.dkh-fbtn:hover{transform:translateX(2px)}
.dkh-lc{flex:0 0 250px;scroll-snap-align:start;position:relative;text-align:left;cursor:pointer;color:#fff;font-family:'Geist',sans-serif;gap:6px;padding:16px;border-radius:20px;background:radial-gradient(90% 70% at 100% 0%,color-mix(in srgb,var(--t) 26%,transparent),transparent 70%),linear-gradient(160deg,#16151E,#0D0D12);border:1px solid rgba(255,255,255,.1);transition:transform .2s,border-color .2s,box-shadow .2s}
.dkh-lc:hover{transform:translateY(-3px);border-color:color-mix(in srgb,var(--t) 60%,transparent)}
.dkh-lc.on{border-color:var(--t);box-shadow:0 0 0 1px var(--t),0 20px 40px -24px var(--t)}
.dkh-mono{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:color-mix(in srgb,var(--t) 22%,#111);color:var(--t);font:700 12px 'Geist Mono',monospace;letter-spacing:.02em;box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--t) 50%,transparent);text-transform:none}
.dkh-lc .dkh-mono{margin-bottom:6px;color:var(--t);font:700 12px 'Geist Mono',monospace;letter-spacing:.02em;text-transform:none}
.dkh-ltag,.dkh-lc .dkh-ltag{font:500 10.5px 'Geist Mono',monospace;letter-spacing:.08em;text-transform:uppercase;color:var(--t)}
.dkh-lc b{font-size:16px}.dkh-lc p{margin:0;font-size:12.5px;line-height:1.45;color:#B9B9C4;flex:1}
.dkh-lc i{font-style:normal;font-size:12px;font-weight:600;color:var(--t);margin-top:4px}
.dkh-ld{position:relative;margin-top:6px;padding:22px;border-radius:24px;background:radial-gradient(70% 90% at 100% 0%,color-mix(in srgb,var(--t) 18%,transparent),transparent 70%),#0F0E15;border:1px solid color-mix(in srgb,var(--t) 45%,transparent);animation:dkPop2 .25s}
.dkh-ldh{display:flex;align-items:center;gap:12px;margin-bottom:14px}.dkh-ldh>div{display:flex;flex-direction:column;gap:2px}.dkh-ldh b{font-size:20px}
.dkh-ldg{display:grid;grid-template-columns:1fr 1fr;gap:24px}.dkh-ld h4{margin:0 0 6px;font:500 11px 'Geist Mono',monospace;letter-spacing:.08em;text-transform:uppercase;color:#8C8C99}
.dkh-ld p{margin:0 0 12px;font-size:14px;line-height:1.5;color:#D6D6DE}.dkh-ldq{font-size:18px!important;font-weight:600;color:#fff!important;line-height:1.35!important}
.dkh-ck{margin:0 0 6px!important;color:#9BE3B4!important}.dkh-ldn{font-size:13px!important;color:#A3A3AE!important}
.dkh-lda{display:flex;flex-wrap:wrap;gap:10px;margin-top:6px}
.dkh-thnote{display:inline-flex;align-items:center;gap:8px;height:32px;padding:0 12px;border-radius:99px;border:1px solid rgba(255,210,122,.4);background:rgba(255,210,122,.08);color:#FFD27A;font:500 12.5px 'Geist',sans-serif;cursor:pointer}.dkh-thnote i{font-style:normal;opacity:.7}
.dkh-th{border:0;cursor:pointer;font-family:'Geist',sans-serif;text-align:left;transition:transform .2s,box-shadow .2s}.dkh-th:hover{transform:translateY(-3px)}
.dkh-th.on{box-shadow:0 0 0 2px #FFD27A,0 16px 30px -16px rgba(255,210,122,.6)}
.dkh-thok{position:absolute;top:10px;right:10px;width:22px;height:22px;border-radius:50%;background:#FFD27A;color:#111;font-size:12px;font-weight:800;display:grid;place-items:center;opacity:0;transform:scale(.6);transition:opacity .2s,transform .2s}.dkh-th.on .dkh-thok{opacity:1;transform:none}
.dkh-tha{display:flex;flex-wrap:wrap;gap:8px}
.dkh-last{padding-bottom:80px}.dkh-last .dkh-themes{padding-bottom:0}
@media (max-width:820px){.dkh-ldg{grid-template-columns:1fr}.dkh-fc{flex-basis:260px}.dkh-lc{flex-basis:220px}.dkh-arr{display:none}.dk-thp{width:280px}}
/* ===== Decks v3: focused editor, panels, light mode ===== */
html.mf-deck-ed .m-hdr,html.mf-deck-ed body footer{display:none!important}
html.mf-deck-ed{overflow:hidden}
.dk-ed{position:fixed;inset:0;z-index:45;height:auto;min-height:0;background:#0A0A0F;color:#F4F4F6;--ed-line:rgba(255,255,255,.08);--ed-soft:rgba(255,255,255,.04);--ed-mute:#8C8C99;--ed-panel:#0E0E14}
.dk-top{flex-wrap:nowrap;min-height:60px;padding:8px 14px;background:var(--ed-panel);border-bottom:1px solid var(--ed-line)}
.dk-back{display:flex!important;align-items:center;gap:6px;width:auto!important;height:38px;padding:0 12px 0 10px!important;border-radius:10px;border:1px solid var(--ed-line);background:var(--ed-soft);color:inherit;cursor:pointer;font:500 13px 'Geist',sans-serif}
.dk-back b{font-weight:500}
.dk-name{color:inherit;flex:0 1 300px}
.dk-meta{white-space:nowrap}
.dk-seg{display:flex;gap:2px;padding:3px;border-radius:12px;background:var(--ed-soft);border:1px solid var(--ed-line)}
.dk-sq{width:34px;height:32px;border-radius:9px;border:0;background:none;color:var(--ed-mute);display:grid;place-items:center;cursor:pointer;transition:background .15s,color .15s}.dk-sq svg{width:18px;height:18px}.dk-sq:hover{color:inherit}.dk-sq.on{background:rgba(255,255,255,.1);color:inherit}
.dk-play{display:flex;align-items:center;gap:8px;height:40px;padding:0 18px;border-radius:99px;border:0;background:#FFD27A;color:#1A1405;font:700 14px 'Geist',sans-serif;cursor:pointer;box-shadow:0 8px 24px -10px rgba(255,210,122,.8);transition:transform .15s}.dk-play:hover{transform:translateY(-1px)}.dk-play i{font-style:normal;font-size:11px}
.dk-body3{grid-template-columns:184px minmax(0,1fr) 336px;transition:grid-template-columns .28s cubic-bezier(.2,.8,.2,1)}
.dk-ed.noL .dk-body3{grid-template-columns:0 minmax(0,1fr) 336px}.dk-ed.noR .dk-body3{grid-template-columns:184px minmax(0,1fr) 0}.dk-ed.noL.noR .dk-body3{grid-template-columns:0 minmax(0,1fr) 0}
.dk-ed.noL .dk-list,.dk-ed.noR .dk-insp{visibility:hidden;padding:0;border:0;overflow:hidden}
.dk-list,.dk-insp{background:var(--ed-panel);border-color:var(--ed-line)!important}
.dk-mid{align-items:center;padding:14px 22px;gap:12px;background:radial-gradient(80% 60% at 50% 0%,rgba(138,107,255,.06),transparent 70%)}
.dk-mid>*{width:100%;max-width:min(100%,calc((100vh - 230px) * 16 / 9))}
.dk-ed.noL.noR .dk-mid>*{max-width:min(100%,calc((100vh - 200px) * 16 / 9))}
.dk-stage{flex:none}
.dk-smbar{display:flex;align-items:center;gap:10px;padding:6px 8px 6px 6px;border-radius:14px;border:1px solid var(--ed-line);background:var(--ed-soft);color:inherit;cursor:pointer;text-align:left;font-family:'Geist',sans-serif;transition:border-color .15s}.dk-smbar:hover{border-color:rgba(255,210,122,.45)}
.dk-smbar .dk-smf{width:34px;height:34px}.dk-smbar b{font-size:13px;white-space:nowrap}.dk-smbar span:not(.dk-smf){flex:1;font-size:12.5px;color:var(--ed-mute);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dk-smbar i{font-style:normal;font-size:12px;font-weight:600;color:#FFD27A;padding:0 8px}
.dk-smh .dk-lpx{margin-left:auto;flex:none}
.dk-tb button{color:inherit}
.dk-shots{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}
.dk-shotc{position:relative}.dk-shotc .dk-rm{position:absolute;top:4px;right:4px;width:22px;height:22px;font-size:10px;background:rgba(0,0,0,.6);color:#fff}
.dk-shotb{position:relative;display:flex;flex-direction:column;justify-content:flex-end;gap:2px;aspect-ratio:9/16;border-radius:12px;padding:8px;border:1px dashed rgba(255,255,255,.22);background:var(--ed-soft) center/cover no-repeat;cursor:pointer;overflow:hidden}
.dk-shotb input{position:absolute;inset:0;opacity:0;cursor:pointer}.dk-shotb b{font-size:12px}.dk-shotb em{font-style:normal;font-size:10.5px;color:var(--ed-mute)}
.dk-shotb[style*="url("] b,.dk-shotb[style*="url("] em{color:#fff;text-shadow:0 1px 6px rgba(0,0,0,.8)}
.dk-vidrow{display:flex;gap:10px;align-items:center}.dk-vidth{width:72px;height:72px;flex:none;border-radius:16px;background:repeating-linear-gradient(135deg,#2A2A33 0 8px,#22222A 8px 16px) center/cover no-repeat;box-shadow:inset 0 0 0 1px var(--ed-line)}
.dk-recbtn{display:inline-flex!important;align-items:center;gap:8px}.dk-recbtn i,.dk-recgo i{width:10px;height:10px;border-radius:50%;background:#FF3B30;box-shadow:0 0 0 3px rgba(255,59,48,.25)}
/* recorder */
.dk-recscrim{z-index:2147483100!important}
.dk-recm{position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);z-index:2147483101;width:min(640px,calc(100vw - 32px));max-height:calc(100vh - 32px);overflow:auto;padding:24px;border-radius:26px;background:#FBFAF7;color:#141414;box-shadow:0 40px 100px -30px rgba(0,0,0,.6);display:flex;flex-direction:column;gap:12px;font-family:'Geist',sans-serif}
.dk-recm h3{margin:0;font:700 22px 'Morfy Neo','Geist',sans-serif}.dk-recm p{margin:0;font-size:14px;color:#5F5B54;line-height:1.5}
.dk-recm .mf-x{color:#141414;background:rgba(0,0,0,.06)}
.dk-recst{display:flex;justify-content:center;padding:8px 0}
.dk-recf{position:relative;overflow:hidden;background:#E9E6DF;border:8px solid #FFFFFF;box-shadow:0 20px 50px -24px rgba(0,0,0,.5)}
.dk-recst.sh-wide .dk-recf{width:100%;aspect-ratio:16/10;border-radius:24px}.dk-recst.sh-circle .dk-recf{width:min(340px,80%);aspect-ratio:1;border-radius:50%}.dk-recst.sh-portrait .dk-recf{width:min(240px,60%);aspect-ratio:9/16;border-radius:28px}
.dk-recv{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transform:scaleX(-1)}
.dk-recmsg{position:absolute;inset:0;display:grid;place-items:center;padding:24px;text-align:center;font-size:14px;color:#5F5B54}.dk-recmsg.err{color:#B4321F;background:#FBEDEA}
.dk-rectime{position:absolute;left:12px;top:12px;display:flex;align-items:center;gap:6px;padding:6px 10px;border-radius:99px;background:rgba(255,255,255,.92);font:600 13px 'Geist Mono',monospace}.dk-rectime i{width:8px;height:8px;border-radius:50%;background:#FF3B30;animation:dkTw 1.2s infinite}
.dk-recsh{justify-content:center}.dk-recm .bs-chip{color:#141414;border-color:rgba(0,0,0,.15)}.dk-recm .bs-chip.on{background:#141414;color:#fff}
.dk-reca{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;align-items:center}
.dk-recm .m-btn{color:#141414;border-color:rgba(0,0,0,.18);background:#fff}
.dk-recgo{display:inline-flex;align-items:center;gap:10px;height:46px;padding:0 22px;border-radius:99px;border:0;background:#141414;color:#fff;font:600 15px 'Geist',sans-serif;cursor:pointer}.dk-recgo.stop{background:#FF3B30}.dk-recgo.stop i{background:#fff;border-radius:3px;box-shadow:none}
/* presenter timer */
.dk-tbar{position:fixed;left:0;right:0;top:0;height:4px;background:rgba(255,255,255,.08);z-index:3}.dk-tbar i{display:block;height:100%;background:#5BD38A;transition:width .5s linear}.dk-tbar.late i{background:#FFD27A}.dk-tbar.over i{background:#FF5A4F}
.dk-tchip{position:fixed;right:16px;top:14px;z-index:3;display:flex;align-items:center;gap:10px;padding:8px 14px;border-radius:99px;background:rgba(20,20,26,.78);color:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);font:500 12.5px 'Geist',sans-serif}.dk-tchip b{font:600 14px 'Geist Mono',monospace}.dk-tchip span{color:#C9C9D2}.dk-tchip.late b{color:#FFD27A}.dk-tchip.over b{color:#FF7A6F}
/* two-minute pitch */
.dkh-two{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);gap:28px;align-items:center;padding:28px;border-radius:28px;background:radial-gradient(70% 90% at 0% 0%,rgba(255,210,122,.14),transparent 60%),radial-gradient(60% 80% at 100% 100%,rgba(138,107,255,.16),transparent 60%),#0E0E14;border:1px solid rgba(255,255,255,.1)}
.dkh-twoc{display:flex;flex-direction:column;gap:12px;align-items:flex-start}.dkh-twok{margin:0;font:500 11px 'Geist Mono',monospace;letter-spacing:.12em;text-transform:uppercase;color:#FFD27A}
.dkh-twoc h2{margin:0;font:700 34px/1.08 'Morfy Neo',sans-serif;letter-spacing:-.02em}.dkh-twoc>p{margin:0;font-size:14.5px;line-height:1.55;color:#A3A3AE}
.dkh-beats{display:grid;grid-template-columns:1fr 1fr;gap:10px 18px}
.dkh-bbar{grid-column:1/-1;display:flex;height:10px;border-radius:99px;overflow:hidden;gap:2px;margin-bottom:6px}.dkh-bbar i{display:block;height:100%}
.dkh-beat{display:grid;grid-template-columns:10px auto 1fr;align-items:baseline;gap:4px 8px}.dkh-beat>i{width:10px;height:10px;border-radius:3px;align-self:center}.dkh-beat b{font-size:14px}.dkh-beat em{font:500 11px 'Geist Mono',monospace;font-style:normal;color:#8C8C99;justify-self:end}.dkh-beat>span{grid-column:2/-1;font-size:12.5px;color:#A3A3AE;line-height:1.4}
.dk-twom{width:min(720px,calc(100vw - 32px))!important}.dk-twog{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.dk-thg4{grid-template-columns:repeat(4,1fr)!important}
.dk-tog{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:14px;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.03);color:inherit;cursor:pointer;text-align:left;font-family:'Geist',sans-serif}
.dk-tog>i{width:38px;height:22px;flex:none;border-radius:99px;background:rgba(255,255,255,.15);position:relative;transition:background .2s}.dk-tog>i::after{content:'';position:absolute;left:3px;top:3px;width:16px;height:16px;border-radius:50%;background:#fff;transition:transform .2s}
.dk-tog.on>i{background:#5BD38A}.dk-tog.on>i::after{transform:translateX(16px)}.dk-tog span{display:flex;flex-direction:column}.dk-tog b{font-size:14px}.dk-tog em{font-style:normal;font-size:12px;color:#8C8C99}
@media (max-width:820px){.dkh-two{grid-template-columns:1fr}.dk-twog{grid-template-columns:1fr}.dk-ed{overflow:auto}.dk-meta,.dk-back b{display:none}.dk-body3,.dk-ed.noL .dk-body3,.dk-ed.noR .dk-body3{grid-template-columns:1fr!important}.dk-mid>*{max-width:100%}}
/* ===== light editor ===== */
.dk-ed.lt{background:#F4F3EF;color:#141414;--ed-line:rgba(0,0,0,.09);--ed-soft:rgba(0,0,0,.035);--ed-mute:#6E6B65;--ed-panel:#FFFFFF}
.dk-ed.lt .dk-mid{background:radial-gradient(80% 60% at 50% 0%,rgba(138,107,255,.07),transparent 70%)}
.dk-ed.lt .dk-name:hover,.dk-ed.lt .dk-name:focus{border-color:rgba(0,0,0,.15)}
.dk-ed.lt .dk-meta,.dk-ed.lt .dk-th>.dk-thn,.dk-ed.lt .dk-f>span,.dk-ed.lt .dk-laybtn>span,.dk-ed.lt .dk-hint,.dk-ed.lt .dk-ck,.dk-ed.lt .dk-lh>span,.dk-ed.lt .dk-smh div>span,.dk-ed.lt .dk-lpt>span{color:#6E6B65}
.dk-ed.lt .dk-sq.on{background:rgba(0,0,0,.08)}
.dk-ed.lt .m-in{background:#FFFFFF;color:#141414;border-color:rgba(0,0,0,.14)}.dk-ed.lt .m-in::placeholder{color:#9B978F}
.dk-ed.lt .m-btn,.dk-ed.lt .m-chip,.dk-ed.lt .bs-chip{color:#141414;border-color:rgba(0,0,0,.14);background:#FFFFFF}
.dk-ed.lt .bs-chip.on,.dk-ed.lt .m-chip.on{background:#141414;color:#FFFFFF;border-color:#141414}
.dk-ed.lt .bs-tabs{background:rgba(0,0,0,.05)}.dk-ed.lt .bs-tab{color:#5F5B54}.dk-ed.lt .bs-tab.on{background:#141414;color:#FFFFFF}
.dk-ed.lt .lx-btn.lx-p{background:#141414;color:#FFFFFF}
.dk-ed.lt .lx-menu{background:#FFFFFF;border-color:rgba(0,0,0,.1);box-shadow:0 24px 60px -24px rgba(0,0,0,.35)}.dk-ed.lt .lx-it{color:#141414}.dk-ed.lt .lx-it span{color:#6E6B65}.dk-ed.lt .lx-it:hover{background:rgba(0,0,0,.04)}
.dk-ed.lt .dk-th .dk-frame,.dk-ed.lt .dk-lay .dk-frame{box-shadow:0 0 0 1px rgba(0,0,0,.12)}.dk-ed.lt .dk-th.on .dk-frame{box-shadow:0 0 0 2px #E0A21B}
.dk-ed.lt .dk-add{border-color:rgba(0,0,0,.2);color:#3E3B36}
.dk-ed.lt .dk-laybtn,.dk-ed.lt .dk-tb button,.dk-ed.lt .dk-thb{border-color:rgba(0,0,0,.12);background:#FFFFFF;color:#141414}
.dk-ed.lt .dk-laybtn i{color:#B7770C}
.dk-ed.lt .dk-lays,.dk-ed.lt .dk-thp{background:#FFFFFF;border-color:rgba(0,0,0,.1)}.dk-ed.lt .dk-lay{color:#3E3B36}
.dk-ed.lt .dk-stage{box-shadow:0 0 0 1px rgba(0,0,0,.08),0 30px 70px -36px rgba(0,0,0,.45)}
.dk-ed.lt .dk-smart{background:#FFFFFF;border-color:rgba(0,0,0,.1)}
.dk-ed.lt .dk-lens{background:#FFFFFF;border-color:rgba(0,0,0,.08)}.dk-ed.lt .dk-lq{color:#3E3B36}.dk-ed.lt .dk-ck.ok{color:#1F8A4C}
.dk-ed.lt .dk-cs{background:#FFF7E6;border-color:rgba(224,162,27,.35)}.dk-ed.lt .dk-cs div>span{color:#6E5A2E}
.dk-ed.lt .dk-vctl{background:rgba(0,0,0,.03);border-color:rgba(0,0,0,.08)}.dk-ed.lt .dk-vctl label>span{color:#3E3B36}.dk-ed.lt .dk-vctl em{color:#B7770C}.dk-ed.lt .dk-vctl input[type=range]{accent-color:#141414}
.dk-ed.lt .dk-rm,.dk-ed.lt .dk-up{background:rgba(0,0,0,.06);color:#3E3B36}
.dk-ed.lt .dk-shotb{border-color:rgba(0,0,0,.2)}.dk-ed.lt .dk-vidth{background:repeating-linear-gradient(135deg,#ECEAE4 0 8px,#E4E1DA 8px 16px) center/cover no-repeat}
.dk-ed.lt .dk-lpx{background:rgba(0,0,0,.06);color:#141414}
.dk-ed.lt .dk-undo{border-color:rgba(183,119,12,.4)!important;color:#9A630A!important}
.dk-modal{top:calc(50% + 34px);max-height:calc(100vh - 110px)}.dk-ed .dk-modal{top:50%;max-height:calc(100vh - 40px)}
.dk-ed.lt .dk-smbar i{color:#9A630A}
/* ===== Decks v4: add panel, mockup picker, logo + face controls, alignment guides ===== */
.dk-asrch{position:relative}.dk-asrch .dk-lpx{position:absolute;right:6px;top:50%;transform:translateY(-50%);width:26px;height:26px}
.dk-atabs{display:grid;grid-template-columns:repeat(3,1fr);gap:4px;padding:4px;border-radius:14px;background:var(--ed-soft,rgba(255,255,255,.04));border:1px solid var(--ed-line,rgba(255,255,255,.08))}
.dk-atab{height:32px;border:0;border-radius:10px;background:none;color:var(--ed-mute,#8C8C99);font:500 12.5px 'Geist',sans-serif;cursor:pointer;transition:background .15s,color .15s}.dk-atab:hover{color:inherit}.dk-atab.on{background:rgba(255,255,255,.1);color:inherit;font-weight:600}
.dk-ed.lt .dk-atab.on{background:#141414;color:#fff}
.dk-at{position:relative}.dk-at.dark{background:#F4F2EE;padding:4%}
.dk-atb{position:absolute;left:3px;bottom:3px;padding:1px 5px;border-radius:5px;background:rgba(17,17,17,.75);color:#fff;font:600 8.5px 'Geist',sans-serif;font-style:normal;letter-spacing:.02em}
.dk-devg{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}
.dk-devc{display:flex;flex-direction:column;align-items:center;gap:6px;padding:10px 6px 8px;border-radius:14px;border:1px solid var(--ed-line,rgba(255,255,255,.1));background:var(--ed-soft,rgba(255,255,255,.03));color:inherit;cursor:pointer;font:500 12px 'Geist',sans-serif;transition:border-color .15s,transform .15s}
.dk-devc:hover{transform:translateY(-2px)}.dk-devc.on{border-color:#FFD27A;box-shadow:0 0 0 1px #FFD27A}
.dk-devpw{display:flex;align-items:center;justify-content:center;width:100%;height:84px;overflow:hidden}
.dk-devprev{font-size:3.2px;display:flex;align-items:center;justify-content:center}.dk-devprev .dk-devs{height:auto;padding:0}.dk-devprev .dk-scrph b,.dk-devprev .dk-scrph em{display:none}
.dk-devpw svg{width:auto;height:auto}
.dk-anch{display:grid;grid-template-columns:repeat(3,1fr);gap:4px;width:132px;aspect-ratio:16/10;padding:6px;border-radius:12px;background:var(--ed-soft,rgba(255,255,255,.04));border:1px solid var(--ed-line,rgba(255,255,255,.1))}
.dk-anb{border:0;border-radius:6px;background:none;cursor:pointer;display:grid;place-items:center}.dk-anb i{width:8px;height:8px;border-radius:50%;background:rgba(255,255,255,.25);transition:transform .15s,background .15s}.dk-anb:hover i{transform:scale(1.3)}.dk-anb.on{background:rgba(255,210,122,.14)}.dk-anb.on i{background:#FFD27A;width:16px;height:10px;border-radius:3px}
.dk-ed.lt .dk-anb i{background:rgba(0,0,0,.25)}.dk-ed.lt .dk-anb.on{background:rgba(224,162,27,.15)}.dk-ed.lt .dk-anb.on i{background:#C98A10}
.dk-logop{height:84px;border-radius:14px;background:conic-gradient(#2A2A33 25%,#1F1F27 0 50%,#2A2A33 0 75%,#1F1F27 0) 0 0/16px 16px;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px var(--ed-line,rgba(255,255,255,.1))}
.dk-logop[style*="url("]{background:center/contain no-repeat,conic-gradient(#2A2A33 25%,#1F1F27 0 50%,#2A2A33 0 75%,#1F1F27 0) 0 0/16px 16px}
.dk-logop{background-origin:content-box;padding:12px}
.dk-ed.lt .dk-logop{background-color:#fff;background-image:conic-gradient(#EEE 25%,#FFF 0 50%,#EEE 0 75%,#FFF 0);background-size:16px 16px}
.dk-vidc{border-radius:50%}
.dk-logolink{align-self:flex-start}
.dk-stage{position:relative}
.dk-guides{position:absolute;z-index:20;pointer-events:none}
.dk-guides .gx,.dk-guides .gy{position:absolute;background:rgba(255,77,141,.0);transition:background .12s}
.dk-guides .gx{top:0;bottom:0;width:1px}.dk-guides .gy{left:0;right:0;height:1px}
.dk-guides .gx.l{left:5%}.dk-guides .gx.c{left:50%}.dk-guides .gx.r{left:95%}.dk-guides .gy.t{top:6.4%}.dk-guides .gy.m{top:50%}.dk-guides .gy.b{top:93.6%}
.dk-guides .gx,.dk-guides .gy{background:rgba(255,255,255,.14)}
.dk-guides[class*="on-"] .gx,.dk-guides[class*="on-"] .gy{background:rgba(255,255,255,.12)}
.dk-guides.on-tl .gx.l,.dk-guides.on-ml .gx.l,.dk-guides.on-bl .gx.l,.dk-guides.on-tc .gx.c,.dk-guides.on-mc .gx.c,.dk-guides.on-bc .gx.c,.dk-guides.on-tr .gx.r,.dk-guides.on-mr .gx.r,.dk-guides.on-br .gx.r,
.dk-guides.on-tl .gy.t,.dk-guides.on-tc .gy.t,.dk-guides.on-tr .gy.t,.dk-guides.on-ml .gy.m,.dk-guides.on-mc .gy.m,.dk-guides.on-mr .gy.m,.dk-guides.on-bl .gy.b,.dk-guides.on-bc .gy.b,.dk-guides.on-br .gy.b{background:#FF4D8D;box-shadow:0 0 6px rgba(255,77,141,.8)}
.dk-guides .gd{position:absolute;width:10px;height:10px;margin:-5px 0 0 -5px;border-radius:50%;border:2px solid rgba(255,255,255,.7);background:rgba(0,0,0,.35)}
.dk-guides .p-tl,.dk-guides .p-ml,.dk-guides .p-bl{left:5%}.dk-guides .p-tc,.dk-guides .p-mc,.dk-guides .p-bc{left:50%}.dk-guides .p-tr,.dk-guides .p-mr,.dk-guides .p-br{left:95%}
.dk-guides .p-tl,.dk-guides .p-tc,.dk-guides .p-tr{top:6.4%}.dk-guides .p-ml,.dk-guides .p-mc,.dk-guides .p-mr{top:50%}.dk-guides .p-bl,.dk-guides .p-bc,.dk-guides .p-br{top:93.6%}
.dk-guides.on-tl .p-tl,.dk-guides.on-tc .p-tc,.dk-guides.on-tr .p-tr,.dk-guides.on-ml .p-ml,.dk-guides.on-mc .p-mc,.dk-guides.on-mr .p-mr,.dk-guides.on-bl .p-bl,.dk-guides.on-bc .p-bc,.dk-guides.on-br .p-br{background:#FF4D8D;border-color:#fff;transform:scale(1.4)}
.dk-logop{display:flex;align-items:center;justify-content:center;padding:12px}.dk-logop img{max-width:100%;max-height:60px;object-fit:contain;display:block}.dk-logop span{font-size:12px;color:var(--ed-mute,#8C8C99);text-align:center;line-height:1.4}
.dk-devg>*{min-width:0}.dk-devc{min-width:0;overflow:hidden}
.dk-devpw{height:104px}.dk-devprev{font-size:2.3px}
.dk-devprev .dk-dev{box-shadow:0 0 0 1px #3A3A40,0 6px 14px -6px rgba(0,0,0,.6)}
/* ===== Decks v5: video pitch studio ===== */
.dk-vbtn{display:flex;align-items:center;gap:7px;height:40px;padding:0 14px;border-radius:99px;border:1px solid var(--ed-line,rgba(255,255,255,.14));background:var(--ed-soft,rgba(255,255,255,.04));color:inherit;font:600 13.5px 'Geist',sans-serif;cursor:pointer}.dk-vbtn svg{width:18px;height:18px}.dk-vbtn:hover{border-color:rgba(255,210,122,.6)}
.dk-itv b{color:#FFD27A}
.dk-vs{position:fixed;inset:0;z-index:2147483050;display:flex;flex-direction:column;background:#08080C;color:#F4F4F6;font-family:'Geist',sans-serif}
.dk-vsh{display:flex;align-items:center;gap:14px;min-height:64px;padding:10px 16px;border-bottom:1px solid rgba(255,255,255,.08);background:#0E0E14}
.dk-vst{display:flex;flex-direction:column;gap:2px;min-width:0}.dk-vst b{font:700 17px 'Morfy Neo','Geist',sans-serif}.dk-vst span{font-size:12.5px;color:#8C8C99;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.dk-vsa{margin-left:auto;display:flex;gap:8px;align-items:center}.dk-vsa .m-btn{min-height:40px}
.dk-vsb{flex:1;min-height:0;display:grid;grid-template-columns:minmax(0,1fr) 360px}
.dk-vsl{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;padding:20px;min-width:0;background:radial-gradient(70% 60% at 50% 30%,rgba(138,107,255,.08),transparent 70%)}
.dk-vstage{position:relative;border-radius:16px;overflow:hidden;background:#000;box-shadow:0 0 0 1px rgba(255,255,255,.1),0 40px 90px -40px rgba(0,0,0,.9)}
.dk-vstage.f16x9{width:min(100%,calc((100vh - 220px) * 16 / 9));aspect-ratio:16/9}.dk-vstage.f1x1{height:calc(100vh - 220px);max-width:100%;aspect-ratio:1}.dk-vstage.f9x16{height:calc(100vh - 220px);aspect-ratio:9/16}
.dk-vcan{display:block;width:100%;height:100%}
.dk-vov{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:24px;text-align:center;background:rgba(8,8,12,.86);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.dk-vov b{font-size:15px}.dk-vov em{font-style:normal;font-size:12.5px;color:#8C8C99}.dk-vov .dk-smf{width:64px;height:64px}
.dk-vpb{width:min(320px,70%);height:6px;border-radius:9px;background:rgba(255,255,255,.1);overflow:hidden}.dk-vpb i{display:block;height:100%;background:linear-gradient(90deg,#8A6BFF,#FF8FD3,#FFD27A);transition:width .3s}
.dk-vtl{display:flex;align-items:center;gap:12px;width:100%;max-width:min(100%,calc((100vh - 220px) * 16 / 9))}
.dk-vpp{flex:none;height:34px;padding:0 14px;border-radius:99px;border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.05);color:#fff;font:600 12.5px 'Geist',sans-serif;cursor:pointer;white-space:nowrap}
.dk-vbar{position:relative;flex:1;display:flex;height:34px;gap:2px;cursor:pointer;border-radius:10px;overflow:hidden}
.dk-vseg{position:relative;flex:none;height:100%;background:rgba(138,107,255,.22);display:flex;align-items:center;overflow:hidden;transition:background .15s}.dk-vseg:hover{background:rgba(138,107,255,.38)}.dk-vseg.intro,.dk-vseg.outro{background:rgba(255,210,122,.22)}
.dk-vseg em{font-style:normal;font-size:10.5px;color:#D6D6DE;padding:0 6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;pointer-events:none}
.dk-vhead{position:absolute;top:-2px;bottom:-2px;left:0;width:2px;margin-left:-1px;background:#FFD27A;box-shadow:0 0 8px #FFD27A;pointer-events:none}
.dk-vtime{flex:none;font:500 12.5px 'Geist Mono',monospace;color:#C9C9D2;min-width:92px;text-align:right}
.dk-vsr{overflow:auto;padding:16px;border-left:1px solid rgba(255,255,255,.08);background:#0E0E14;display:flex;flex-direction:column;gap:16px}
.dk-vs .bs-chip{font-size:12.5px}
.dk-warn{color:#FFB47E!important}
.dk-vscs{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.dk-vsc{position:relative;display:flex;flex-direction:column;gap:4px;padding:0;border:0;background:none;color:inherit;cursor:pointer;text-align:left;opacity:.45;transition:opacity .15s}.dk-vsc.on{opacity:1}
.dk-vsc .dk-frame{border-radius:8px;box-shadow:0 0 0 1px rgba(255,255,255,.12)}.dk-vsc.on .dk-frame{box-shadow:0 0 0 2px #FFD27A}
.dk-vsc>i{position:absolute;left:4px;top:4px;z-index:2;min-width:16px;height:16px;padding:0 4px;border-radius:5px;background:rgba(0,0,0,.65);color:#fff;font:600 10px/16px 'Geist Mono',monospace;font-style:normal;text-align:center}
.dk-vsc>em{font-style:normal;font-size:11px;color:#8C8C99}.dk-vsc.on>em{color:#FFD27A}
.dk-vrec{position:fixed;left:50%;bottom:28px;transform:translateX(-50%);z-index:2147483060;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:8px 14px;width:min(560px,calc(100vw - 32px));padding:14px 18px;border-radius:20px;background:#F7F6F2;color:#141414;box-shadow:0 30px 80px -20px rgba(0,0,0,.8)}
.dk-vrec b{font-size:14px}.dk-vrec .dk-vtime{color:#3E3B36;min-width:0}.dk-vrec em{flex-basis:100%;text-align:center;font-style:normal;font-size:12px;color:#6E6B65}.dk-vrec .m-chip{color:#141414;border-color:rgba(0,0,0,.15)}
.dk-vrdot{width:10px;height:10px;border-radius:50%;background:#FF3B30;animation:dkTw 1.2s infinite}
.dk-vrecbar{flex:1;min-width:120px;height:6px;border-radius:9px;background:rgba(0,0,0,.1);overflow:hidden}.dk-vrecbar i{display:block;height:100%;width:0;background:#FF3B30}
@media (max-width:900px){.dk-vsb{grid-template-columns:1fr;overflow:auto}.dk-vsr{border-left:0}.dk-vst span{display:none}.dk-vstage.f1x1,.dk-vstage.f9x16{height:auto;width:min(100%,420px)}}
/* ===== Landing v5: one search, calm sections (same palette and fonts) ===== */
.hx{padding-bottom:40px}
.hx-wrap{max-width:1180px;margin:0 auto;padding-left:clamp(16px,4vw,40px);padding-right:clamp(16px,4vw,40px);position:relative;z-index:1}
.hx-hero{padding:clamp(56px,9vh,104px) 0 24px}
.hx-top{display:flex;flex-direction:column;align-items:center;text-align:center;gap:18px}
.hx-h1{font-size:clamp(44px,7vw,92px)}.hx-h1 .m-word{white-space:nowrap}
.hx-lead{margin:0;max-width:560px;font-size:clamp(16px,1.6vw,19px);line-height:1.5;color:#A3A3AE}
.hx-sw{display:flex;flex-direction:column;align-items:center;gap:14px;margin-top:36px}
.hx-tabs{display:flex;gap:2px;padding:4px;border-radius:999px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);max-width:100%;overflow-x:auto;scrollbar-width:none}
.hx-tabs::-webkit-scrollbar{display:none}
.hx-tab{flex:none;height:36px;padding:0 16px;border:0;border-radius:999px;background:none;color:#A3A3AE;font:500 14px 'Geist',sans-serif;cursor:pointer;transition:background .2s,color .2s}
.hx-tab:hover{color:#F4F4F6}.hx-tab.on{background:#F4F4F6;color:#0B0B10;font-weight:600}
.hx-box{display:flex;align-items:center;gap:12px;width:min(820px,100%);height:68px;padding:0 8px 0 24px;border-radius:999px;background:rgba(20,19,28,.78);border:1px solid rgba(255,255,255,.12);box-shadow:0 30px 80px -30px rgba(0,0,0,.9),inset 0 1px 0 rgba(255,255,255,.06);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);transition:border-color .2s,box-shadow .2s;color:#8C8C99}
.hx-box:focus-within{border-color:rgba(138,107,255,.65);box-shadow:0 0 0 4px rgba(138,107,255,.16),0 30px 80px -30px rgba(0,0,0,.9)}
.hx-box input{flex:1;min-width:0;height:100%;border:0;background:none;outline:none;color:#F4F4F6;font:400 18px 'Geist',sans-serif}.hx-box input::placeholder{color:#6E6E7A}
.hx-box input::-webkit-search-cancel-button{display:none}
.hx-x{width:32px;height:32px;flex:none;border:0;border-radius:50%;background:rgba(255,255,255,.08);color:#C9C9D2;cursor:pointer}
.hx-go{flex:none;height:52px;padding:0 26px;border:0;border-radius:999px;background:linear-gradient(135deg,#8A6BFF,#FF8FD3);color:#fff;font:600 15px 'Geist',sans-serif;cursor:pointer;box-shadow:0 10px 30px -10px rgba(138,107,255,.7);transition:transform .15s}.hx-go:hover{transform:translateY(-1px)}
.hx-try{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:6px}.hx-try>span{font-size:13px;color:#6E6E7A;margin-right:4px}
.hx-chip{height:30px;padding:0 12px;border-radius:999px;border:1px solid rgba(255,255,255,.1);background:none;color:#C9C9D2;font:500 13px 'Geist',sans-serif;cursor:pointer;transition:border-color .15s,color .15s}.hx-chip:hover{border-color:rgba(255,255,255,.3);color:#fff}
.hx-res{margin-top:40px;display:flex;flex-direction:column;gap:28px}
/* today's Premium price on an LED sign under the search box (home/LedPromo.tsx) */
.hx-promo{display:flex;flex-direction:column;align-items:center;gap:16px;width:100%;margin:28px auto 0}
.hx-promosign{display:block;width:100%;border-radius:18px;-webkit-tap-highlight-color:transparent}
.hx-promosign:focus-visible{outline:2px solid #4FA6FF;outline-offset:2px}
.hx-promobox{display:block;width:100%}.hx-promobox canvas{display:block;width:100%;height:auto}
.hx-promogo{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-width:260px;height:54px;padding:0 28px;border-radius:999px;background:linear-gradient(180deg,#FF7A3D,#FF5A1A);color:#fff;font:700 17px 'Geist',sans-serif;text-decoration:none;white-space:nowrap;box-shadow:0 14px 34px -14px rgba(255,90,26,.9),inset 0 1px 0 rgba(255,255,255,.35);transition:transform .15s,box-shadow .15s}
.hx-promogo:hover{transform:translateY(-1px);box-shadow:0 18px 40px -14px rgba(255,90,26,1),inset 0 1px 0 rgba(255,255,255,.35)}
.hx-promogo:focus-visible{outline:2px solid #4FA6FF;outline-offset:3px}
@media (max-width:640px){.hx-promo{align-items:stretch;gap:10px;margin-top:20px}.hx-promogo{height:48px;font-size:16px}}
.hx-grp{animation:hxIn .45s cubic-bezier(.2,.8,.2,1) both}
@keyframes hxIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
.hx-gh{display:flex;align-items:baseline;gap:10px;margin-bottom:12px}.hx-gh b{font:600 17px 'Geist',sans-serif;color:#F4F4F6}.hx-gh>span{font-size:13px;color:#6E6E7A}
.hx-more{margin-left:auto;border:0;background:none;color:#B9A8FF;font:500 13.5px 'Geist',sans-serif;cursor:pointer}.hx-more:hover{color:#fff}
.hx-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(112px,1fr));gap:10px}
.g-decks .hx-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}
.g-illus .hx-grid,.g-fonts .hx-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}
.hx-t{position:relative;display:block;aspect-ratio:1;padding:0;border:0;border-radius:20px;overflow:hidden;cursor:pointer;background:#14131C;color:#F4F4F6;box-shadow:inset 0 0 0 1px rgba(255,255,255,.06);transition:transform .2s cubic-bezier(.2,.8,.2,1),box-shadow .2s}
.hx-t:hover{transform:translateY(-3px);box-shadow:inset 0 0 0 1px rgba(255,255,255,.18),0 18px 40px -20px rgba(0,0,0,.9)}
.hx-art{position:absolute;inset:0;display:flex;align-items:center;justify-content:center}
.hx-t.ic .hx-art{inset:30%}.hx-t.mo .hx-art{inset:10%}.hx-t.d3 .hx-art{inset:12%}.hx-t.lm .hx-art{inset:6%}.hx-t.lm .hx-art img{width:100%;height:100%;object-fit:contain;display:block}
.hx-t.d3{background:radial-gradient(80% 80% at 50% 30%,#22212D,#14131C)}
.hx-t.dk{aspect-ratio:16/9;border-radius:14px}.hx-t.dk .hx-art{inset:0;display:block}.hx-t.dk .hx-art>.dk-frame{border-radius:inherit}
.hx-t.il{aspect-ratio:4/3;background:#F4F2EE}.hx-t.il .hx-art{inset:4%}
.hx-t.ft{aspect-ratio:4/3}.hx-spec{font-size:72px;line-height:1;letter-spacing:-.02em;font-weight:700}
.hx-t em{position:absolute;left:8px;right:8px;bottom:6px;font-style:normal;font:500 11px 'Geist',sans-serif;color:#C9C9D2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:center;opacity:0;transform:translateY(4px);transition:opacity .2s,transform .2s;text-transform:capitalize}
.hx-t:hover em{opacity:1;transform:none}.hx-t.mo em,.hx-t.lm em,.hx-t.il em,.hx-t.ft em{color:#111116}.hx-t.dk em{color:#fff;text-shadow:0 1px 6px rgba(0,0,0,.6)}
.hx-none{margin:0;text-align:center;color:#8C8C99;font-size:15px}
/* sections */
.hx-sec{padding:clamp(80px,12vh,140px) 0 0}
.hx-head{display:flex;flex-direction:column;align-items:center;text-align:center;gap:14px;margin-bottom:44px}
.hx-k{margin:0;font:500 12px 'Geist Mono',monospace;letter-spacing:.14em;text-transform:uppercase;color:#8C8C99}
.hx-h2{margin:0;font:700 clamp(36px,5.2vw,68px)/1.04 'Morfy Neo','Outfit',sans-serif;letter-spacing:-.03em;color:#F4F4F6}
.hx-sub{margin:0;max-width:600px;font-size:clamp(16px,1.5vw,18px);line-height:1.55;color:#A3A3AE}
.hx-link{color:#B9A8FF;font:500 16px 'Geist',sans-serif;text-decoration:none}.hx-link:hover{color:#fff}
.hx-icons{display:grid;grid-template-columns:repeat(12,1fr);gap:clamp(6px,1vw,14px);padding:clamp(20px,3vw,40px);border-radius:32px;background:radial-gradient(80% 120% at 50% 0%,rgba(138,107,255,.12),transparent 70%),#0E0E14;border:1px solid rgba(255,255,255,.08)}
.hx-ic{display:block;aspect-ratio:1;padding:24%;border-radius:16px;color:#F4F4F6;transition:background .2s,color .2s}.hx-ic:hover{background:rgba(255,255,255,.06);color:#FFD27A}
.m-rv-ready .hx-icons.rv.in .hx-ic{animation:hxIn .6s cubic-bezier(.2,.8,.2,1) both}
.hx-reel,.hx-3d{display:grid;grid-template-columns:repeat(6,1fr);gap:14px}
.hx-reel .hx-t,.hx-3d .hx-t{border-radius:26px}
.hx-wall{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.hx-wall .hx-t{border-radius:26px}
.hx-fan{position:relative;height:clamp(240px,34vw,440px);display:flex;justify-content:center;align-items:center;perspective:1400px}
.hx-fd{position:absolute;width:min(62%,640px);aspect-ratio:16/9;padding:0;border:0;border-radius:18px;overflow:hidden;cursor:pointer;background:none;box-shadow:0 40px 90px -40px rgba(0,0,0,.95),0 0 0 1px rgba(255,255,255,.1);transition:transform .5s cubic-bezier(.2,.8,.2,1)}
.hx-fd>span{display:block;width:100%;height:100%}.hx-fd .dk-frame{border-radius:inherit}
.hx-fd:nth-child(1){transform:translateX(-30%) rotate(-6deg) scale(.86);z-index:1}.hx-fd:nth-child(2){z-index:3}.hx-fd:nth-child(3){transform:translateX(30%) rotate(6deg) scale(.86);z-index:2}
.hx-fan:hover .hx-fd:nth-child(1){transform:translateX(-36%) rotate(-8deg) scale(.86)}.hx-fan:hover .hx-fd:nth-child(3){transform:translateX(36%) rotate(8deg) scale(.86)}.hx-fd:nth-child(2):hover{transform:translateY(-6px)}
.hx-feats{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin-top:28px}.hx-feats span{font-size:13px;color:#C9C9D2;padding:7px 14px;border-radius:999px;border:1px solid rgba(255,255,255,.1)}
.hx-type{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:32px;padding:clamp(24px,4vw,56px);border-radius:32px;background:#0E0E14;border:1px solid rgba(255,255,255,.08)}
.hx-aa{font:700 clamp(140px,20vw,280px)/.9 'Morfy Neo',sans-serif;letter-spacing:-.04em;background:linear-gradient(135deg,#FFB47E,#FF8FD3 35%,#8A6BFF 65%,#4FA6FF);-webkit-background-clip:text;background-clip:text;color:transparent;transition:font-weight .6s;text-align:center}
.hx-wts p{margin:0;padding:12px 0;display:flex;justify-content:space-between;gap:12px;border-bottom:1px solid rgba(255,255,255,.07);font-family:'Morfy Neo',sans-serif;font-size:22px;color:#F4F4F6}.hx-wts b{font-weight:inherit}.hx-wts span{color:#8C8C99;font-size:16px}
.hx-ills{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.hx-ill{position:relative;display:block;aspect-ratio:4/3;border-radius:26px;overflow:hidden;background:#F4F2EE}.hx-ill .hx-art{inset:4%}
.hx-end .hx-head{margin-bottom:56px}
.hx-ctas{display:flex;gap:10px;flex-wrap:wrap;justify-content:center;margin-top:8px}
.hx-stats{display:flex;flex-wrap:wrap;justify-content:center;gap:clamp(20px,4vw,56px);margin-top:36px}.hx-stats div{display:flex;flex-direction:column;align-items:center;gap:2px}.hx-stats b{font:700 clamp(26px,3vw,36px) 'Morfy Neo',sans-serif;color:#F4F4F6}.hx-stats span{font-size:13px;color:#8C8C99}
.hx-faq{max-width:760px}.hx-q{border-bottom:1px solid rgba(255,255,255,.08)}
.hx-qh{width:100%;display:flex;justify-content:space-between;align-items:center;gap:12px;padding:18px 0;border:0;background:none;color:#F4F4F6;text-align:left;cursor:pointer;font:500 16px 'Geist',sans-serif}.hx-qh i{font-style:normal;color:#8C8C99;font-size:20px}
.hx-q p{margin:0 0 18px;color:#A3A3AE;font-size:15px;line-height:1.6}
@media (max-width:900px){.hx-icons{grid-template-columns:repeat(6,1fr)}.hx-reel,.hx-3d{grid-template-columns:repeat(3,1fr)}.hx-wall,.hx-ills{grid-template-columns:repeat(2,1fr)}.hx-type{grid-template-columns:1fr}.hx-box{height:58px;padding-left:18px}.hx-go{height:44px;padding:0 18px}.hx-h1 .m-word{white-space:normal}}
@media (max-width:520px){.hx-go{display:none}.hx-grid{grid-template-columns:repeat(auto-fill,minmax(90px,1fr))}}
.hx-t.d3{background:radial-gradient(90% 90% at 50% 25%,#FFFFFF,#ECE9F6)}
.hx-t.d3 em{color:#111116}
html.mf-home .m-us{visibility:hidden}

/* ===== Landing: 3D icon marquee ===== */
.hx-mq{position:relative;margin-top:44px;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 10%,#000 90%,transparent);mask-image:linear-gradient(90deg,transparent,#000 10%,#000 90%,transparent)}
.hx-mrows{display:flex;flex-direction:column;gap:16px;padding:6px 0 10px;-webkit-mask-image:linear-gradient(#000 52%,rgba(0,0,0,.18));mask-image:linear-gradient(#000 52%,rgba(0,0,0,.18))}
.hx-mrow{overflow:visible}
.hx-mrow:nth-child(2){padding-left:112px}
.hx-mtrack{display:flex;width:max-content;animation:hxmq 100s linear infinite;will-change:transform}
.hx-mrow.rev .hx-mtrack{animation-direction:reverse}
.hx-mq:hover .hx-mtrack{animation-play-state:paused}
@keyframes hxmq{from{transform:translateX(0)}to{transform:translateX(-50%)}}
.hx-mc{position:relative;flex:none;width:224px;aspect-ratio:3/2;margin-right:16px;padding:0;border:0;border-radius:24px;cursor:pointer;background:#F6F6F9;box-shadow:inset 0 0 0 1px rgba(255,255,255,.6);transition:transform .35s cubic-bezier(.2,.8,.2,1),background .35s,box-shadow .35s}
.hx-mc.t0{background:radial-gradient(75% 95% at 50% 35%,#FFFFFF,#EEF6F3)}
.hx-mc.t1{background:radial-gradient(75% 95% at 50% 35%,#FFFFFF,#F6EFF4)}
.hx-mc.t2{background:radial-gradient(75% 95% at 50% 35%,#FFFFFF,#F7F3EA)}
.hx-mc:hover{transform:translateY(-4px);box-shadow:inset 0 0 0 1px #fff,0 24px 50px -24px rgba(0,0,0,.85)}
.hx-mc:focus-visible{outline:2px solid #8A6BFF;outline-offset:3px}
.hx-mc>.hx-art{inset:8% 22%}
.hx-mc>.hx-art svg{width:100%;height:100%;display:block;overflow:visible}
.hx-mcta{position:absolute;white-space:nowrap;left:50%;bottom:30px;transform:translateX(-50%);z-index:2;height:50px;padding:0 26px;border-radius:999px;border:1px solid rgba(255,255,255,.14);background:rgba(18,17,26,.72);-webkit-backdrop-filter:blur(16px) saturate(1.4);backdrop-filter:blur(16px) saturate(1.4);color:#F4F4F6;font:inherit;font-size:15px;font-weight:600;letter-spacing:-.01em;cursor:pointer;box-shadow:0 18px 40px -18px rgba(0,0,0,.9);transition:background .25s,border-color .25s,transform .25s}
.hx-mcta:hover{background:rgba(30,28,42,.86);border-color:rgba(255,255,255,.26);transform:translateX(-50%) translateY(-2px)}
.hx-mcta span{opacity:.7;margin-left:4px}
@media (max-width:700px){.hx-mc{width:156px;border-radius:18px;margin-right:12px}.hx-mrows{gap:12px}.hx-mrow:nth-child(2){padding-left:70px}.hx-mcta{height:46px;font-size:14px;bottom:20px}}
@media (prefers-reduced-motion:reduce){.hx-mtrack{animation:none}.hx-mrow{overflow-x:auto}}
.hx-sw>.hx-tabs{margin-top:4px}
.hx-mc>.hx-art hairline-icon{display:block;width:100%;height:100%}.hx-mc>.hx-art hairline-icon svg{width:100%;height:100%}
/* line icons: no panel, animate on hover */
.hx-icons{background:none;border:0;padding:0;border-radius:0}
.hx-ic{cursor:default;transition:color .2s,transform .25s cubic-bezier(.2,.8,.2,1)}
.hx-ic:hover{background:none;color:#FFD27A;transform:scale(1.12)}

/* ===== Landing: editor walkthrough ===== */
.hx-eds .hx-link{background:none;border:0;cursor:pointer;font:inherit}
.hx-ed{position:relative;display:grid;grid-template-columns:1.1fr 1fr;margin-top:44px;border-radius:32px;overflow:hidden;border:1px solid rgba(255,255,255,.08);background:radial-gradient(70% 90% at 20% 10%,rgba(138,107,255,.16),transparent 60%),radial-gradient(60% 80% at 90% 100%,rgba(31,214,174,.08),transparent 60%),#0D0D13;box-shadow:0 60px 120px -60px rgba(0,0,0,.95)}
.hx-ed-stage{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:22px;padding:44px 36px 30px;background-image:radial-gradient(rgba(255,255,255,.07) 1px,transparent 1px);background-size:22px 22px;border-right:1px solid rgba(255,255,255,.07)}
.hx-ed-scene{width:min(100%,420px);height:500px;display:flex;align-items:center;justify-content:center;transition:opacity .24s ease,transform .24s ease,filter .24s ease}
.hx-ed-scene.swap{opacity:0;transform:scale(.97);filter:blur(4px)}
.hx-ed-host{display:flex;align-items:center;justify-content:center;width:100%;height:100%}
.hx-ed-host hairline-scene{display:block;width:100%;max-height:100%}
.hx-ed-steps{display:flex;flex-wrap:wrap;justify-content:center;gap:6px;margin:0;padding:0;list-style:none}
.hx-ed-steps li{display:flex;align-items:center;gap:7px;height:30px;padding:0 12px 0 5px;border-radius:999px;font-size:12.5px;color:#8C8C99;border:1px solid rgba(255,255,255,.07);transition:color .3s,background .3s,border-color .3s}
.hx-ed-steps li i{display:grid;place-items:center;width:20px;height:20px;border-radius:50%;font-style:normal;font-size:11px;background:rgba(255,255,255,.07)}
.hx-ed-steps li.on{color:#F4F4F6;background:rgba(138,107,255,.16);border-color:rgba(138,107,255,.45)}
.hx-ed-steps li.on i{background:#8A6BFF;color:#fff}
.hx-ed-ui{position:relative;padding:30px 30px 34px;display:flex;flex-direction:column;gap:12px;color:#C9C9D2;font-size:13px;user-select:none}
.hx-ed-top{display:flex;align-items:center;justify-content:space-between;padding-bottom:14px;border-bottom:1px solid rgba(255,255,255,.07)}
.hx-ed-top p,.hx-ed-lab{margin:0;font-family:'Geist Mono',ui-monospace,monospace;font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:#8C8C99}
.hx-ed-lab{margin-top:6px}
.hx-ed-dl{height:32px;padding:0 14px;display:inline-flex;align-items:center;border-radius:999px;background:#F4F4F6;color:#111116;font-weight:600;font-size:12.5px}
.hx-ed-seg{display:flex;padding:3px;border-radius:12px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08)}
.hx-ed-seg>span{flex:1;text-align:center;padding:8px 6px;border-radius:9px;color:#A0A0AD;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:background .3s,color .3s}
.hx-ed-seg span.on{background:#F4F4F6;color:#111116;font-weight:600}
.hx-ed-pals{display:grid;grid-template-columns:repeat(6,1fr);gap:6px}
.hx-ed-pal{display:flex;height:24px;border-radius:7px;overflow:hidden;box-shadow:0 0 0 1px rgba(255,255,255,.08);transition:box-shadow .3s,transform .3s}
.hx-ed-pal b{flex:1}
.hx-ed-pal.on{box-shadow:0 0 0 2px #0D0D13,0 0 0 4px #8A6BFF;transform:translateY(-1px)}
.hx-ed-cols{display:grid;grid-template-columns:1fr 1fr;gap:8px 14px}
.hx-ed-cols div{display:flex;align-items:center;gap:8px;min-width:0}
.hx-ed-cols b{flex:none;width:18px;height:18px;border-radius:6px;box-shadow:inset 0 0 0 1px rgba(255,255,255,.18);transition:background .45s}
.hx-ed-cols span{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.hx-ed-cols code{font-family:'Geist Mono',ui-monospace,monospace;font-size:11px;color:#8C8C99}
.hx-ed-chips{display:flex;flex-wrap:wrap;gap:6px}
.hx-ed-chip,.hx-ed-add{display:inline-flex;align-items:center;gap:6px;height:36px;padding:0 10px 0 6px;border-radius:10px;border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.04);color:#E4E4EA;animation:hxChip .35s cubic-bezier(.2,.8,.2,1) both}
.hx-ed-chip i{display:block;width:26px;height:26px}
.hx-ed-chip i svg{width:100%;height:100%}
.hx-ed-chip em{font-style:normal;color:#6E6E7A;margin-left:2px}
.hx-ed-add{padding:0 12px;border-style:dashed;color:#A0A0AD;animation:none}
.hx-ed-add.off{opacity:.35}
@keyframes hxChip{from{opacity:0;transform:scale(.85)}to{opacity:1;transform:none}}
.hx-ed-cur{position:absolute;left:0;top:0;z-index:3;pointer-events:none;transition:transform .7s cubic-bezier(.65,0,.25,1);filter:drop-shadow(0 4px 8px rgba(0,0,0,.55))}
.hx-ed-cur svg{display:block}
.hx-ed-tap{position:absolute;left:-12px;top:-12px;width:28px;height:28px;border-radius:50%;border:2px solid rgba(138,107,255,.9);opacity:0}
.hx-ed-tap.t0{animation:hxTap0 .55s ease-out .7s both}.hx-ed-tap.t1{animation:hxTap1 .55s ease-out .7s both}
@keyframes hxTap0{0%{opacity:.9;transform:scale(.3)}100%{opacity:0;transform:scale(1.4)}}
@keyframes hxTap1{0%{opacity:.9;transform:scale(.3)}100%{opacity:0;transform:scale(1.4)}}
@media (max-width:900px){.hx-ed{grid-template-columns:1fr}.hx-ed-stage{border-right:0;border-bottom:1px solid rgba(255,255,255,.07);padding:28px 18px 22px}.hx-ed-scene{height:400px}.hx-ed-ui{padding:22px 18px 26px}}
@media (prefers-reduced-motion:reduce){.hx-ed-cur{transition:none}.hx-ed-scene{transition:none}}
.hx-ed .hx-ed-seg>span.on{background:#F4F4F6;color:#111116 !important;font-weight:600}
.hx-ed-scene .hx-ed-host{transition:width .45s cubic-bezier(.2,.8,.2,1)}
.hx-ed-scene.f-phone .hx-ed-host{width:228px}
.hx-ed-scene.f-none .hx-ed-host{width:360px}
.hx-ed-chip i{border-radius:7px;background:#fff;overflow:hidden}
@media (max-width:900px){.hx-ed-scene.f-phone .hx-ed-host{width:182px}}
.hx-ed-seg>span span{color:inherit}

/* ===== Landing: pitch deck walkthrough ===== */
.hx-pds .hx-link{background:none;border:0;cursor:pointer;font:inherit}
.hx-pd{position:relative;margin-top:44px;border-radius:28px;overflow:hidden;border:1px solid rgba(255,255,255,.08);background:#0B0B10;box-shadow:0 60px 120px -60px rgba(0,0,0,.95);user-select:none;color:#C9C9D2;font-size:13px}
.pd-top{display:flex;align-items:center;gap:12px;height:56px;padding:0 14px;border-bottom:1px solid rgba(255,255,255,.07)}
.pd-back{padding:6px 10px;border-radius:9px;border:1px solid rgba(255,255,255,.1);font-size:12px}
.pd-top b{color:#F4F4F6;font-weight:600;font-size:14px}
.pd-top em{font-style:normal;color:#77778A;font-size:12px}
.pd-sp{flex:1}
.pd-btn{display:inline-flex;align-items:center;gap:6px;height:34px;padding:0 14px;border-radius:999px;border:1px solid rgba(255,255,255,.12);color:#E4E4EA;font-size:12.5px;font-weight:500}
.pd-play{background:#FFD27A;border-color:#FFD27A;color:#111116;font-weight:600}
.pd-share{background:#F4F4F6;border-color:#F4F4F6;color:#111116;font-weight:600}
.pd-body{display:grid;grid-template-columns:150px 1fr 250px;height:470px}
.pd-rail{display:flex;flex-direction:column;gap:10px;padding:14px 12px;overflow:hidden;border-right:1px solid rgba(255,255,255,.07)}
.pd-th{position:relative;display:flex;gap:6px;flex:none;animation:hxChip .4s cubic-bezier(.2,.8,.2,1) both}
.pd-th i{font-style:normal;font-size:10px;color:#6E6E7A;width:12px;padding-top:2px}
.pd-th>span{display:block;flex:1;border-radius:6px;overflow:hidden;box-shadow:0 0 0 1px rgba(255,255,255,.1);transition:box-shadow .3s}
.pd-th.on>span{box-shadow:0 0 0 2px #FFD27A}
.pd-th .dk-frame{border-radius:6px}
.pd-stage{display:flex;align-items:center;justify-content:center;padding:22px;background:radial-gradient(60% 70% at 50% 40%,rgba(255,210,122,.06),transparent 70%)}
.pd-slide{position:relative;width:100%;max-width:640px;border-radius:12px;overflow:hidden;box-shadow:0 30px 70px -30px rgba(0,0,0,.9),0 0 0 1px rgba(255,255,255,.08)}
.pd-sl{display:block}
.pd-sl .dk-frame{border-radius:12px}
.pd-face{position:absolute;right:4%;bottom:7%;width:21%;aspect-ratio:1;border-radius:50%;overflow:hidden;box-shadow:0 0 0 3px #fff,0 16px 30px -10px rgba(0,0,0,.6);animation:pdPop .55s cubic-bezier(.2,1.4,.3,1) both}
.pd-v{display:block;width:100%;height:100%;object-fit:cover}
@keyframes pdPop{from{opacity:0;transform:scale(.4)}to{opacity:1;transform:none}}
.pd-panel{display:flex;flex-direction:column;gap:10px;padding:16px 16px 20px;border-left:1px solid rgba(255,255,255,.07)}
.pd-tabs{display:flex;gap:2px;padding:3px;border-radius:999px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);margin-bottom:6px}
.pd-tabs span{flex:1;text-align:center;padding:6px 0;border-radius:999px;font-size:11.5px;color:#9A9AA8}
.pd-tabs span.on{background:#F4F4F6;color:#111116;font-weight:600}
.pd-tpls,.pd-adds{display:flex;flex-direction:column;gap:6px}
.pd-tpl{display:flex;align-items:center;gap:9px;padding:9px 10px;border-radius:10px;border:1px solid rgba(255,255,255,.09);transition:background .3s,border-color .3s}
.pd-tpl b{width:22px;height:14px;border-radius:3px}
.pd-tpl.on{background:rgba(255,210,122,.1);border-color:rgba(255,210,122,.55);color:#F4F4F6}
.pd-adds{display:grid;grid-template-columns:1fr 1fr}
.pd-add{padding:12px 10px;border-radius:10px;border:1px solid rgba(255,255,255,.09);font-size:12px;text-align:center;transition:background .3s,border-color .3s,color .3s}
.pd-add.on{background:rgba(138,107,255,.16);border-color:rgba(138,107,255,.6);color:#F4F4F6}
/* snapshot slide, drawn in the Paper theme */
.pd-snap{position:relative;width:100%;aspect-ratio:16/9;container-type:inline-size;background:#F6F2EA;color:#1B1A17;overflow:hidden;animation:pdIn .5s ease both}
.pd-bar{position:absolute;left:6%;top:7%;width:6%;height:.5cqw;background:#E2552D;border-radius:2px}
.pd-copy{position:absolute;left:6%;top:30%;width:44%}
.pd-k{margin:0 0 1.4cqw;font:600 1.3cqw/1 'Geist',sans-serif;letter-spacing:.2em;text-transform:uppercase;color:#E2552D}
.pd-snap h3{margin:0;font:400 5.2cqw/1 'Instrument Serif',serif;letter-spacing:-.01em}
.pd-who{margin:1.2cqw 0 0;font:400 1.9cqw/1.3 'Geist',sans-serif;color:#4A463F}
.pd-one{margin:2.6cqw 0 0;font:400 1.6cqw/1.4 'Geist',sans-serif;color:#6E685E}
.pd-cam{position:absolute;right:5%;top:22%;width:42%;aspect-ratio:16/10;border-radius:2.2cqw;overflow:hidden;box-shadow:0 0 0 .7cqw #fff,0 3cqw 5cqw -2cqw rgba(0,0,0,.35)}
.pd-rec{position:absolute;left:4%;top:6%;display:flex;align-items:center;gap:.7cqw;padding:.7cqw 1.2cqw;border-radius:99px;background:#fff;font:600 1.2cqw/1 'Geist',sans-serif}
.pd-rec b{width:1cqw;height:1cqw;border-radius:50%;background:#E5484D;animation:pdBlink 1s steps(2) infinite}
.pd-tag{position:absolute;left:4%;bottom:7%;padding:.9cqw 1.5cqw;border-radius:1cqw;background:rgba(27,26,23,.82);color:#fff;font:600 1.3cqw/1 'Geist',sans-serif}
.pd-wm{position:absolute;left:0;right:0;bottom:3%;text-align:center;font:400 .95cqw/1 'Geist',sans-serif;color:#9A9386}
.pd-wm b{font-weight:600}
@keyframes pdBlink{50%{opacity:.2}}
@keyframes pdIn{from{opacity:0;transform:scale(.98)}to{opacity:1;transform:none}}
/* export overlay */
.pd-ov{position:absolute;inset:56px 0 0;z-index:2;display:flex;align-items:center;justify-content:center;background:rgba(8,8,12,.62);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);animation:pdFade .35s ease both}
@keyframes pdFade{from{opacity:0}to{opacity:1}}
.pd-modal{width:min(480px,92%);padding:24px;border-radius:20px;background:#15141D;border:1px solid rgba(255,255,255,.1);box-shadow:0 40px 90px -30px rgba(0,0,0,.9);display:flex;flex-direction:column;gap:12px;animation:pdIn .4s cubic-bezier(.2,.8,.2,1) both}
.pd-modal h4{margin:0 0 4px;color:#F4F4F6;font-size:19px;font-weight:600;letter-spacing:-.01em}
.pd-row{display:flex;align-items:center;gap:6px;flex-wrap:wrap}
.pd-row>span:first-child{width:62px;color:#8C8C99;font-size:12px}
.pd-row i{font-style:normal;padding:6px 11px;border-radius:999px;border:1px solid rgba(255,255,255,.1);font-size:12px;color:#B5B5C0}
.pd-row i.on{background:#F4F4F6;border-color:#F4F4F6;color:#111116;font-weight:600}
.pd-prog div{height:6px;border-radius:99px;background:rgba(255,255,255,.08);overflow:hidden}
.pd-prog b{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#8A6BFF,#FF8FD3,#FFD27A);transition:width .19s linear}
.pd-prog>span{display:block;margin-top:8px;font-size:12px;color:#B5B5C0}
.pd-go{align-self:flex-start;display:inline-flex;align-items:center;height:38px;padding:0 18px;border-radius:999px;background:#FFD27A;color:#111116;font-weight:600;font-size:13px}
.pd-ghost{display:inline-flex;align-items:center;height:38px;padding:0 16px;border-radius:999px;border:1px solid rgba(255,255,255,.14);font-size:13px}
.pd-done{width:min(620px,94%);padding:16px}
.pd-player{position:relative;width:100%;aspect-ratio:16/9;border-radius:12px;overflow:hidden;background:#000}
.pd-pf{position:absolute;inset:0;opacity:0;animation:pdCycle 8s linear infinite}
.pd-pf .dk-frame{border-radius:0}
@keyframes pdCycle{0%{opacity:0;transform:scale(1.04)}3%{opacity:1}20%{opacity:1}23%{opacity:0;transform:scale(1)}100%{opacity:0}}
.pd-pip{position:absolute;right:3%;top:5%;width:17%;aspect-ratio:1;border-radius:50%;overflow:hidden;box-shadow:0 0 0 3px #fff;z-index:2}
.pd-cap{position:absolute;left:50%;bottom:11%;transform:translateX(-50%);z-index:2;max-width:80%;padding:6px 12px;border-radius:8px;background:rgba(0,0,0,.72);color:#fff;font-size:12.5px;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pd-time{position:absolute;left:3%;right:3%;bottom:5%;height:4px;border-radius:99px;background:rgba(255,255,255,.25);z-index:2;overflow:hidden}
.pd-time b{display:block;height:100%;background:#fff;animation:pdTime 8s linear infinite}
@keyframes pdTime{from{width:0}to{width:100%}}
.pd-fin{justify-content:space-between;margin-top:4px}
.pd-fin>span:first-child{width:auto;flex:1;color:#E4E4EA;font-size:13px}
.pd-steps{margin-top:22px}
@media (max-width:900px){.pd-body{grid-template-columns:1fr;height:auto}.pd-rail{display:none}.pd-panel{border-left:0;border-top:1px solid rgba(255,255,255,.07)}.pd-top em,.pd-play,.pd-back{display:none}.pd-stage{padding:14px}}
@media (prefers-reduced-motion:reduce){.pd-pf{animation:none}.pd-pf:first-child{opacity:1}.pd-time b{animation:none;width:40%}}
.pd-top b,.pd-btn{white-space:nowrap}@media (max-width:900px){.pd-share{display:none}}
/* landing hero: always visible, even where entrance animations are paused (canvas preview, exports) */
.hx-hero .m-up,.hx-hero .m-word{animation:none!important;opacity:1!important;filter:none!important;transform:none!important}

/* fixes: marquee driven by script; face video above slide content; player cycles by state */
.hx-mtrack{animation:none!important;will-change:transform}
.pd-face{z-index:20}
.pd-pf{animation:none!important;opacity:0;transform:scale(1.02);transition:opacity .5s ease,transform 1.1s ease}
.pd-pf.on{opacity:1;transform:none}
.pd-time b{animation:none!important;transition:width 1s linear}

/* line icons: every icon loops its own animation, in a soft left-to-right wave */
.hx-icons.uil-loop .hx-ic .uil-g,.hx-icons.uil-loop .hx-ic .uil-g .uil-p{animation-delay:var(--ad,0s)!important}
.hx-icons.uil-loop .hx-ic:hover{transform:scale(1.12)}

/* ===== Gallery: save sheet, menu shortcuts, page buttons ===== */
.gs-scrim{position:fixed;inset:0;z-index:180;background:rgba(4,4,8,.6);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);animation:mShow .2s ease both}
.gs-sheet{position:fixed;z-index:181;left:50%;top:50%;transform:translate(-50%,-50%);width:min(480px,calc(100vw - 24px));max-height:calc(100vh - 32px);overflow:auto;padding:22px;border-radius:24px;background:linear-gradient(180deg,#17151F,#0D0D13 55%);border:1px solid rgba(255,255,255,.1);box-shadow:0 40px 120px -20px rgba(0,0,0,.95);display:flex;flex-direction:column;gap:14px;color:#E4E4EA;font-family:'Geist',sans-serif;animation:gsIn .32s cubic-bezier(.2,.9,.3,1.15) both}
@keyframes gsIn{from{opacity:0;transform:translate(-50%,-46%) scale(.97)}to{opacity:1;transform:translate(-50%,-50%)}}
.gs-top{display:flex;gap:14px;align-items:center;padding-right:36px}
.gs-thumb{flex:none;width:88px;height:88px;border-radius:16px;overflow:hidden;position:relative;box-shadow:inset 0 0 0 1px rgba(255,255,255,.12)}
.gs-art{position:absolute;inset:0;display:flex;align-items:center;justify-content:center}
.gs-art>*{max-width:100%;max-height:100%}
.gs-art svg{width:100%;height:100%}
.gs-tt{flex:1;min-width:0;display:flex;flex-direction:column;gap:8px}
.gs-k{margin:0;font-family:'Geist Mono',ui-monospace,monospace;font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:#8C8C99}
.gs-name{width:100%;height:42px;font-size:15px}
.gs-ok{display:flex;align-items:center;gap:8px;color:#7EE6C2;font-size:16px}
.gs-lab{margin:2px 0 -4px;font-size:12px;color:#8C8C99}
.gs-folders{display:flex;flex-wrap:wrap;gap:6px}
.gs-f{display:inline-flex;align-items:center;gap:7px;height:38px;padding:0 12px;border-radius:12px;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.03);color:#D6D6DE;font:inherit;font-size:13px;cursor:pointer;transition:background .2s,border-color .2s,color .2s}
.gs-f em{font-style:normal;font-size:11px;color:#77778A}
.gs-f:hover{background:rgba(255,255,255,.07)}
.gs-f.on{background:#F4F4F6;border-color:#F4F4F6;color:#111116}.gs-f.on em{color:#55555F}
.gs-new{border-style:dashed;color:#A0A0AD}
.gs-mk{display:flex;gap:6px}.gs-mk input{flex:1;min-width:0;height:40px}
.gs-foot{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;padding-top:4px;border-top:1px solid rgba(255,255,255,.07);margin-top:2px}
.gs-foot>span:first-child{font-size:12.5px;color:#8C8C99}
.gs-foot .m-btn{min-height:40px}
.mf-lib{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-top:6px}
.mf-libb{display:flex;flex-direction:column;align-items:center;gap:2px;padding:10px 4px;border-radius:14px;border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.03);color:#C9C9D2;font-family:'Geist',sans-serif;cursor:pointer;transition:background .2s}
.mf-libb:hover{background:rgba(255,255,255,.07);color:#fff}
.mf-libb b{font-size:16px;color:#F4F4F6;line-height:1.2}.mf-libb span{font-size:11.5px}
/* Save + wishlist pair used in every editor */
.gb{display:flex;gap:8px;flex-wrap:wrap;align-items:center}
.gb-save,.gb-wish,.gb-share{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:40px;padding:0 14px;border-radius:999px;border:1px solid rgba(255,255,255,.16);background:rgba(255,255,255,.04);color:#F4F4F6;font:inherit;font-size:13px;font-weight:500;cursor:pointer;transition:background .2s,border-color .2s,color .2s,transform .15s}
.gb-canvas{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;flex:none;border-radius:999px;border:1px solid transparent;background:linear-gradient(#161620,#161620) padding-box,linear-gradient(120deg,#FFB47E,#FF8FD3 45%,#8A6BFF) border-box;color:#F4F4F6;cursor:pointer;padding:0;transition:transform .15s,box-shadow .15s}.gb-canvas:hover{box-shadow:0 8px 22px -10px rgba(138,107,255,.8);transform:translateY(-1px)}.gb-canvas:active{transform:scale(.95)}
.gb-save:hover,.gb-wish:hover,.gb-share:hover{background:rgba(255,255,255,.09)}
.gb-save:active,.gb-wish:active,.gb-share:active{transform:scale(.97)}
.gb-wish.on{color:#FF8FB1;border-color:rgba(255,143,177,.5);background:rgba(255,143,177,.1)}
.gb-wish.on svg path{fill:currentColor}
.gb.lt .gb-save,.gb.lt .gb-wish,.gb.lt .gb-share{border-color:rgba(17,17,22,.16);background:#fff;color:#111116}
.gb.lt .gb-wish.on{color:#E0457B;border-color:rgba(224,69,123,.45);background:#FFF0F5}

/* ===== Profile library: saved, wishlist, downloads ===== */
.ac-tabs{display:flex;gap:2px;padding:3px;border-radius:999px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.09)}
.ac-tab{display:inline-flex;align-items:center;gap:7px;height:36px;padding:0 14px;border-radius:999px;border:0;background:none;color:#A0A0AD;font:inherit;font-size:13px;cursor:pointer;transition:background .2s,color .2s}
.ac-tab em{font-style:normal;font-size:11px;padding:1px 7px;border-radius:99px;background:rgba(255,255,255,.08);color:#C9C9D2}
.ac-tab.on{background:#F4F4F6;color:#111116;font-weight:600}.ac-tab.on em{background:rgba(17,17,22,.1);color:#111116}
.ac-folders{display:flex;flex-wrap:wrap;gap:6px}
.ac-fold{display:inline-flex;align-items:center;gap:7px;height:36px;padding:0 12px;border-radius:12px;border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.03);color:#D6D6DE;font:inherit;font-size:13px;cursor:pointer;transition:background .2s,border-color .2s}
.ac-fold em{font-style:normal;font-size:11px;color:#77778A}
.ac-fold:hover{background:rgba(255,255,255,.07)}
.ac-fold.on{background:rgba(138,107,255,.16);border-color:rgba(138,107,255,.6);color:#fff}.ac-fold.on em{color:#C9BFFF}
.ac-fadd{border-style:dashed;color:#A0A0AD}
.ac-fform{display:flex;gap:6px;flex-wrap:wrap}.ac-fform input{flex:1;min-width:180px;height:40px}
.ac-fbar{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 12px;border-radius:14px;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.07)}
.ac-fbar b{font-size:15px;color:#F4F4F6}
.ac-ggrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:14px}
.ac-gi{position:relative;display:flex;flex-direction:column;gap:8px;padding:8px;border-radius:18px;background:rgba(255,255,255,.025);border:1px solid rgba(255,255,255,.07);transition:border-color .2s,background .2s}
.ac-gi:hover{border-color:rgba(255,255,255,.16);background:rgba(255,255,255,.045)}
.ac-gth{position:relative;display:block;width:100%;aspect-ratio:4/3;padding:0;border:0;border-radius:12px;overflow:hidden;cursor:pointer;box-shadow:inset 0 0 0 1px rgba(0,0,0,.06)}
.ac-gart{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;pointer-events:none}
.ac-gart>*{max-width:100%;max-height:100%}
.ac-gart svg{width:100%;height:100%}
.ac-gart .dk-frame{width:100%;border-radius:0}
.ac-gart hairline-icon{width:100%;height:100%;display:block}
.ac-gwait{position:absolute;inset:0;background:linear-gradient(100deg,rgba(255,255,255,0) 30%,rgba(255,255,255,.35) 50%,rgba(255,255,255,0) 70%) 0 0/200% 100%;animation:acShim 1.2s linear infinite}
@keyframes acShim{to{background-position:-200% 0}}
.ac-gmeta{display:flex;flex-direction:column;gap:2px;padding:0 4px;min-width:0}
.ac-gmeta b{font-size:14px;color:#F4F4F6;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ac-gmeta span{font-size:12px;color:#8C8C99;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ac-gacts{display:flex;gap:4px;flex-wrap:wrap;padding:0 2px 2px}
.ac-ga{display:inline-flex;align-items:center;gap:5px;height:30px;padding:0 10px;border-radius:999px;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.03);color:#D6D6DE;font:inherit;font-size:12px;cursor:pointer;transition:background .2s,color .2s}
.ac-ga:hover{background:rgba(255,255,255,.09);color:#fff}
.ac-gdel{margin-left:auto;color:#B4B4C0}.ac-gdel:hover{color:#FF8FB1;border-color:rgba(255,143,177,.5)}
.ac-gmove{display:flex;flex-wrap:wrap;align-items:center;gap:5px;padding:8px;border-radius:12px;background:rgba(0,0,0,.25)}
.ac-gmove>span{font-size:11.5px;color:#8C8C99;margin-right:2px}
.ac-mv{height:28px;padding:0 10px;border-radius:999px;border:1px solid rgba(255,255,255,.12);background:none;color:#D6D6DE;font:inherit;font-size:12px;cursor:pointer}
.ac-mv.on{background:#F4F4F6;color:#111116;border-color:#F4F4F6}
@media (max-width:640px){.ac-ggrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.ac-tabs{width:100%}.ac-tab{flex:1;justify-content:center;padding:0 8px}}

.ac-gi1{width:30px;padding:0;justify-content:center}
.ac-ga.ac-gdel{width:30px;padding:0;justify-content:center}
#ac-lib{scroll-margin-top:96px}
.ac-gth{color:#111116}
.gs-thumb{color:#111116}
@media (max-width:640px){.ac-gacts{flex-wrap:nowrap;gap:3px}.ac-ga{padding:0 9px;height:28px}.ac-gi1,.ac-ga.ac-gdel{width:28px}}
/* Library: icon set switcher (Morfy Line | Limeline) */
.ul-sets{display:flex;align-items:center;flex-wrap:wrap;gap:6px;margin-top:6px;padding:4px;border-radius:999px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.09);width:max-content;max-width:100%;box-sizing:border-box}
.ul-sets .ul-lab{padding:0 8px 0 10px}
.ul-set{display:inline-flex;align-items:center;gap:7px;min-height:38px;padding:0 14px;border-radius:999px;border:none;background:none;color:#A3A3B0;font:600 13px 'Geist',sans-serif;cursor:pointer;transition:background .2s,color .2s}
.ul-setn{font:500 11px 'Geist Mono',monospace;font-style:normal;color:#6A6A76}
.ul-set:hover{color:#FFFFFF;background:rgba(255,255,255,.06)}
.ul-set.on{color:#0B0B10;background:#F4F4F6}
.ul-set.on .ul-setn{color:#55555F}
.ul-big .lk,.ul-tile .lk,.ul-mini .lk,.ul-ht .lk{width:100%;height:100%;display:block}
@media (max-width:560px){.ul-sets .ul-lab{display:none}.ul-set{padding:0 11px}}
/* Characters: the studio runs in a frame under the header */
.cx-page{background:#0B0B10}
.cx-frame{display:block;width:100%;height:calc(100vh - var(--mhh,65px));height:calc(100dvh - var(--mhh,65px));min-height:560px;border:0;background:#0B0B10}
/* Motion · Icons & festivals (motion kit) */
.mk-tart .mk-svg,.mo-reltile .mk-svg{display:block;width:100%;height:100%}
.mk-tart .mk-svg svg,.mo-reltile .mk-svg svg,.mk-art svg{display:block;width:100%;height:100%}
.mk-tart .mk-svg{padding:9%;box-sizing:border-box}
.mo-reltile .mk-svg{padding:8%;box-sizing:border-box}
.mk-sub{display:block;margin-top:4px;font-size:12px;color:#8C8C99}
.mk-nav{display:flex;flex-wrap:wrap;gap:6px}
.mk-nav .m-chip,.mk-hist .m-chip,.mk-play .m-chip{min-height:32px;font-size:12px}
.mk-stage .mk-art{position:absolute;inset:6%}
.mk-stage.mk-paused *{animation-play-state:paused!important}
.mk-play{display:flex;align-items:center;justify-content:space-between;gap:10px;font:500 11px 'Geist Mono',monospace;color:#8C8C99;letter-spacing:.04em}
.mk-tl .mtl-row{grid-template-columns:minmax(0,48%) 1fr}
.mk-ai{gap:12px}
.mk-aihead{display:flex;align-items:center;justify-content:space-between;gap:10px}
.mk-badge{font:600 10px/1 'Geist Mono',monospace;letter-spacing:.08em;text-transform:uppercase;color:#BFF0D4;background:rgba(20,184,122,.12);border:1px solid rgba(20,184,122,.25);padding:5px 8px;border-radius:99px}
.mk-prof{border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.03);border-radius:16px;padding:10px 12px;display:flex;flex-direction:column;gap:10px}
.mk-knows{display:flex;flex-wrap:wrap;align-items:center;gap:6px;font-size:12px;color:#A3A3B0}
.mk-knows>span{font-weight:600;color:#E9E9EE;margin-right:2px}
.mk-knows b{font-weight:600;color:#F4F4F6;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);border-radius:99px;padding:4px 9px}
.mk-knows b i{font:500 9px 'Geist Mono',monospace;letter-spacing:.08em;text-transform:uppercase;color:#8C8C99;font-style:normal;margin-left:4px}
.mk-link{margin-left:auto;background:none;border:0;color:#CFC4FF;font:600 12px 'Geist',sans-serif;cursor:pointer;padding:4px 2px}
.mk-pbody{display:flex;flex-direction:column;gap:10px;font-size:12.5px;color:#A3A3B0;line-height:1.5}
.mk-pbody p{margin:0}
.mk-pbody>div>span{display:block;font:600 10px 'Geist Mono',monospace;letter-spacing:.1em;text-transform:uppercase;color:#6E6E7A;margin-bottom:5px}
.mk-caps{display:flex;flex-wrap:wrap;gap:5px}
.mk-caps i{font-style:normal;font-size:11.5px;color:#E9E9EE;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);border-radius:99px;padding:3px 9px}
.mk-caps i.prep{border-style:dashed;color:#F2D49B}
.mk-caps i.no{color:#6E6E7A;text-decoration:line-through;text-decoration-color:rgba(255,255,255,.2)}
.mk-caps i.gen{color:#FFD6EE;border-color:rgba(255,143,211,.35);background:rgba(255,143,211,.08)}
.mk-chips{display:flex;flex-wrap:wrap;gap:6px}
.mk-chip{display:inline-flex;align-items:center;gap:6px;padding:5px 6px 5px 11px;border-radius:99px;background:rgba(138,107,255,.14);border:1px solid rgba(138,107,255,.45);color:#E9E4FF;font-size:12px;font-weight:600}
.mk-chip.mk-gen{background:rgba(255,143,211,.12);border-color:rgba(255,143,211,.45);color:#FFE0F2}
.mk-chip button{width:22px;height:22px;border-radius:50%;border:0;background:rgba(255,255,255,.08);color:#fff;font-size:10px;cursor:pointer;display:grid;place-items:center;padding:0}
.mk-chip button:hover{background:rgba(255,255,255,.18)}
.mk-log{display:flex;flex-direction:column;gap:8px;max-height:300px;overflow-y:auto;padding-right:2px}
.mk-you{align-self:flex-end;margin:0;max-width:86%;padding:9px 13px;border-radius:16px 16px 4px 16px;background:linear-gradient(90deg,#8A6BFF,#FF8FD3);color:#fff;font-size:13px;font-weight:600;line-height:1.4}
.mk-re{align-self:flex-start;max-width:92%;display:flex;flex-direction:column;gap:6px;padding:10px 13px;border-radius:16px 16px 16px 4px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.08);font-size:13px;line-height:1.45}
.mk-re b{font-weight:600;color:#F4F4F6}
.mk-nd{color:#F2D49B}
.mk-notes{color:#8C8C99;font-size:12px}
.mk-busy{margin:0;font-size:12px;color:#CFC4FF}
.mk-ask{display:flex;gap:8px}
.mk-ask .m-in{flex:1;min-width:0}
.mk-hist{display:flex;gap:6px}
.mk-hist .off{opacity:.4;pointer-events:none}
.mk-try{margin:0;display:flex;flex-wrap:wrap;gap:4px 10px;font-size:12px;color:#8C8C99}
.mk-try button{background:none;border:0;padding:0;color:#CFC4FF;font:500 12px 'Geist',sans-serif;text-decoration:underline;text-underline-offset:3px;cursor:pointer;text-align:left}
@media (prefers-reduced-motion:reduce){.mk-tart *{animation:none!important}}

/* one switch for every icon set: Morfy Line · Limeline · 3D icons · Hearth */
button.hl-sw{border:0;background:none;cursor:pointer}
.hl-sw .ul-setn{font:500 11px 'Geist Mono',monospace;font-style:normal;color:#6A6A76}
.hl-sw.on .ul-setn{color:#55555F}
.hl-sets{max-width:100%;overflow-x:auto;scrollbar-width:none}.hl-sets::-webkit-scrollbar{display:none}
.ul-sub{font-size:15px;margin-top:2px}
@media (max-width:560px){.hl-sw{padding:8px 12px;font-size:13px}.hl-sw .ul-setn{display:none}}
.hl-sets .hl-sw{flex:none}
/* four sets on a phone: only the newest keeps its New */
@media (max-width:420px){.hl-sets .hl-sw{padding:8px 11px}.hl-sets .hl-sw:not(.hl-hearth) .hl-new{display:none}}

/* Hearth icons (/hearth-icons): white tiles like the Library's light ones; the icons bring their own colours */
.hz-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(var(--hz-t,120px),1fr));gap:10px}
.hz-t{background:#FFFFFF;color:#1D2759;border:1px solid rgba(127,127,140,.1)}
.hz-grid .hz-t{content-visibility:auto;contain-intrinsic-size:auto 120px}
.hz-ed{position:absolute;top:9px;right:9px;width:7px;height:7px;border-radius:50%;background:#8A6BFF;box-shadow:0 0 0 2px #FFFFFF}
.hz-sec{display:flex;flex-direction:column;gap:12px;margin-bottom:14px}
.hz-sh{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 12px}
.hz-sh h2{margin:0;font:700 22px/1.1 'Morfy Neo',sans-serif;letter-spacing:-.01em;color:#F4F4F6}
.hz-sh span{font-size:13px;color:#6A6A76}
.hz-sh p,.hz-blurb{flex-basis:100%;margin:0;font-size:13px;color:#8C8C99}
.hz-all{margin-left:auto;border:none;background:none;padding:0;color:#A3A3B0;font:500 13px 'Geist',sans-serif;cursor:pointer}
.hz-all:hover{color:#FFFFFF}
.hz-strip{display:flex;flex-wrap:wrap;justify-content:center;gap:8px}
.hz-st{width:56px;height:56px;border-radius:16px;display:flex;align-items:center;justify-content:center;padding:0;cursor:pointer}
.hz-big{position:relative;background:#FFFFFF;color:#1D2759}
.hz-chg{position:absolute;left:12px;bottom:10px;font:500 11px 'Geist',sans-serif;color:#55555F;background:#F1F0F6;border-radius:999px;padding:3px 9px}
.hz-pals{display:flex;flex-wrap:wrap;gap:10px}
.hz-pal{width:28px;height:28px;border-radius:50%;border:none;padding:0;cursor:pointer;box-shadow:0 0 0 2px #0B0B10,0 0 0 3.5px rgba(255,255,255,.16)}
.hz-pal.on{box-shadow:0 0 0 2px #0B0B10,0 0 0 3.5px #8A6BFF}
.hz-cust{background:conic-gradient(#FF6B6B,#FFD93D,#6BCB77,#4D96FF,#B76BFF,#FF6B6B)}
.hz-roles{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px 6px;padding-top:4px}
.hz-role{display:flex;flex-direction:column;align-items:center;gap:5px;font-size:10px;color:#8C8C99;cursor:pointer;min-width:0;overflow:hidden;text-overflow:ellipsis}
.hz-role i{position:relative;width:28px;height:28px;border-radius:50%;box-shadow:inset 0 0 0 1px rgba(255,255,255,.18)}
.hz-role input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}
.m-chip.hz-sug::after{content:'';width:5px;height:5px;margin-left:6px;border-radius:50%;background:#FF8FD3;display:inline-block;vertical-align:middle}
.hz-minis{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:6px}
.hz-mini{background:#FFFFFF}
.hz-mini[aria-current="true"]{box-shadow:0 0 0 2px #8A6BFF}
.hl-looks{display:inline-flex;margin:4px auto 0;width:max-content;max-width:100%}
.hl-looks .m-chip{display:inline-flex;align-items:center;gap:6px}
.hl-page .pf-frame{margin-top:8px}

/* ===== phone and tablet polish ===== */
.hx-box,.bs-card,.ac2-card,.ac2-row>*,.bs-say,.bs-step,.bs-f,.m-in{box-sizing:border-box;max-width:100%}
@media (max-width:820px){
  /* the home page has its own search, so the header search takes no room there */
  html.mf-home .m-us{display:none}
  /* every section stays visible in the header: it scrolls sideways and fades at the edge */
  .m-navrow{gap:18px;padding-right:28px;-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 36px),transparent);mask-image:linear-gradient(90deg,#000 calc(100% - 36px),transparent);scroll-snap-type:x proximity}
  .m-navrow .m-nl{scroll-snap-align:start}
  .hx-hero{padding-top:36px}
  .hx-sw{margin-top:24px}
  .hx-res:empty{display:none}
  /* studio frames fill the screen once scrolled to */
  .pf-frame{height:calc(100svh - 64px);min-height:560px}
}
@media (max-width:900px){.ac2-row{grid-template-columns:minmax(0,1fr)}.ac2-card{min-width:0}}
.m-scroll{max-width:100%;min-width:0}
@media (max-width:820px){.hx-sec{padding-top:64px}.hx-res{margin-top:20px}}

.hl-card{scroll-margin-top:96px}
@media (max-width:820px){.hl-card{scroll-margin-top:170px}}

/* LED banners studio frame (Motion) */
.mo-led{padding-top:8px}
.dh-frame{height:calc(100vh - 96px);min-height:760px}
.led-frame{background:#0B0B10;border:1px solid rgba(255,255,255,.08);border-radius:16px;height:calc(100vh - 110px);min-height:600px;margin-top:12px}
@media (max-width:820px){.led-frame{height:calc(100svh - 70px);min-height:680px;border-radius:12px}}

/* Home: LED banners showcase */
.hx-new{display:inline-block;margin-left:8px;padding:2px 8px;border-radius:999px;background:linear-gradient(135deg,#8A6BFF,#FF5A1A);color:#fff;font-size:10px;letter-spacing:.06em;vertical-align:1px}
.hx-led-card{margin-top:44px;border-radius:32px;overflow:hidden;border:1px solid rgba(255,255,255,.08);background:radial-gradient(60% 80% at 15% 20%,rgba(255,90,26,.14),transparent 60%),radial-gradient(60% 80% at 95% 90%,rgba(138,107,255,.16),transparent 60%),#0D0D13;box-shadow:0 60px 120px -60px rgba(0,0,0,.95)}
.hx-led-frame{display:block;width:100%;height:600px;border:0;background:transparent}
@media (max-width:860px){.hx-led-frame{height:1060px}.hx-led-card{border-radius:22px;margin-top:28px}}
.mo-seg .mo-newt{font-style:normal;margin-left:6px;padding:1px 7px;border-radius:999px;background:linear-gradient(135deg,#8A6BFF,#FF5A1A);color:#fff;font-size:10px;font-weight:600;letter-spacing:.04em}
.hx-led .hx-link{background:none;border:0;cursor:pointer;font:inherit}

/* search previews: UI components and LED banners */
.us-cta{display:inline-flex;align-items:center;justify-content:center;width:78%;height:30%;min-height:16px;padding:0 6%;border-radius:999px;color:#fff;font:600 clamp(7px,1.6vw,11px)/1 'Geist',sans-serif;white-space:nowrap;box-shadow:0 4px 14px -4px rgba(0,0,0,.6),inset 0 1px 0 rgba(255,255,255,.35)}
.us-uic{position:relative;display:block;width:80%;height:72%;border-radius:10px;overflow:hidden;box-shadow:0 6px 18px -8px rgba(0,0,0,.7)}
.us-uic i{position:absolute;left:12%;height:9%;border-radius:4px;background:rgba(255,255,255,.75)}
.us-uic i:nth-child(1){top:18%;width:46%}.us-uic i:nth-child(2){top:38%;width:68%;opacity:.6}.us-uic i:nth-child(3){top:62%;width:34%;height:16%;background:rgba(0,0,0,.35)}
.us-led{display:flex;align-items:center;justify-content:center;width:86%;height:56%;border-radius:8px;border:3px solid #FF5A1A;background:#0A0606 radial-gradient(circle,rgba(255,255,255,.08) 1px,transparent 1.4px) 0 0/5px 5px;box-shadow:0 0 14px rgba(255,90,26,.35)}
.us-led b{font:400 clamp(6px,1.4vw,9px)/1.1 'Geist Mono',monospace;letter-spacing:.06em;text-transform:uppercase;color:#FFE3B0;text-shadow:0 0 6px rgba(255,190,90,.8);text-align:center;padding:0 4px;overflow:hidden;max-height:100%}
.m-us-th .us-cta{width:100%;height:14px;padding:0;font-size:0}.m-us-th .us-uic{width:100%;height:100%;border-radius:6px}.m-us-th .us-led{width:100%;height:70%;border-width:2px;border-radius:4px}.m-us-th .us-led b{font-size:5px}
.hx-t.ui,.hx-t.led{display:flex;align-items:center;justify-content:center}
.hx-t.ui .hx-art,.hx-t.led .hx-art{display:flex;align-items:center;justify-content:center;width:100%;height:100%}
/* Motion: Diwali & festivals tab — the new festive set leads, then the Diwali collection and Icons & festivals */
.mo-fz{padding-top:18px;padding-bottom:8px;display:flex;flex-direction:column;gap:14px}
.mo-fzgrid{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
.mo-fzgrid .mo-tart{overflow:hidden}
.mo-fz .mo-libhead{align-items:center;gap:16px}
.mo-fzsearch{flex:0 1 340px;min-width:200px}
@media (max-width:1100px){.mo-fzgrid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:720px){.mo-fzgrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.mo-fz .mo-libhead{flex-direction:column;align-items:stretch}.mo-fzsearch{flex:none}}
.mo-fzgrid .mo-live-svg,.mo-rel .mo-reltile>span{display:block;width:100%;height:100%}
.mo-pager{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:6px;margin-top:10px}
.mo-pg{min-width:42px;height:42px;padding:0 12px;border-radius:12px;border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.04);color:#C9C9D2;font:600 14px 'Geist',sans-serif;cursor:pointer}
.mo-pg:hover{border-color:rgba(255,255,255,.25);color:#F4F4F6}
.mo-pg.on{background:#F4F4F6;color:#0B0B10;border-color:transparent}
.mo-pg.gap{border-color:transparent;background:none;cursor:default}
.mo-pg[aria-disabled="true"]{opacity:.35;pointer-events:none}
.mo-pg-n{font-size:18px}
.mo-pal{border:2px solid rgba(255,255,255,.18);cursor:pointer;padding:0}
.mo-pal.on{outline:2px solid #F4F4F6;outline-offset:2px}
.mo-fsub{display:flex;gap:8px;margin-top:22px;overflow-x:auto;scrollbar-width:none;padding-bottom:2px}
.mo-fsub::-webkit-scrollbar{display:none}
.mo-fsub button{flex:none;display:inline-flex;align-items:center;gap:8px;border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.03);color:#B4B4BF;font:600 13px 'Geist',sans-serif;padding:8px 14px;border-radius:999px;cursor:pointer;transition:background .2s,color .2s,border-color .2s}
.mo-fsub button i{font-style:normal;font-family:'Geist Mono',monospace;font-size:11px;opacity:.65}
.mo-fsub button:hover{color:#F4F4F6;border-color:rgba(255,255,255,.22)}
.mo-fsub button.on{background:#F4F4F6;border-color:transparent;color:#0B0B10}

/* ===== Landing: editor walkthrough rides over the last 30% of the 3D icon rows; Diwali motion marquee ===== */
.hx-eds{padding-top:0;margin-top:-64px;position:relative;z-index:3}
.hx-hl .hx-mcta{bottom:84px}
.hx-dwmq .hx-mc{width:200px;aspect-ratio:1;border-radius:26px;box-shadow:inset 0 0 0 1px rgba(255,255,255,.08)}
.hx-dwmq .hx-mc>.hx-art{inset:6%}
.hx-dwmq .hx-mc>.hx-art svg{width:100%;height:100%}
.hx-dwmq .hx-mrow:nth-child(2){padding-left:100px}
.hx-dw .m-grad-anim{background-image:linear-gradient(90deg,#FFD36A,#FF8A3D,#FF5C8A,#FFD36A)}
@media (max-width:820px){.hx-eds{margin-top:-40px}.hx-hl .hx-mcta{bottom:60px}.hx-dwmq .hx-mc{width:150px;border-radius:20px}}

/* festive & stars drawer: export and copy menus open inline under the buttons, never under the header */
.lx-inline .lx-dd{display:contents}
.lx-inline .lx-row>.lx-dd>.lx-btn{grid-row:2}
.lx-inline .lx-menu{position:static;grid-column:1/-1;grid-row:1;margin-bottom:2px;width:auto;left:auto;right:auto;bottom:auto;top:auto;margin-top:2px;max-height:none;transform:none}
/* Motion editors: one layout for every collection. The Copy / Export bar stays pinned at the bottom of the
   drawer and its menu opens upward, above the buttons. */
.mo-dr .mo-dr-foot{position:sticky;bottom:0;z-index:6;margin:4px -22px -22px;padding:14px 22px 18px;background:linear-gradient(to top,#0C0C12 72%,rgba(12,12,18,.94) 88%,rgba(12,12,18,0));border-top:1px solid rgba(255,255,255,.06)}
.m-drawer .mo-dr .mo-dr-foot,.m-drawer.mo-dr .mo-dr-foot{margin:4px -18px -18px;padding:12px 18px 16px}
@media (min-width:721px){.m-drawer.mo-dr .mo-dr-foot{margin:4px -22px -22px;padding:14px 22px 18px}}
.mo-dr-foot .lx-menu{max-height:min(52vh,460px);overflow:auto;background:#17161F}
.mo-dr-foot .lx-note{font-size:11px}
.mo-dr-in>.mo-dr-block+.mo-dr-block,.mo-dr-in>.mo-dr-specs{padding-top:14px;border-top:1px solid rgba(255,255,255,.06)}
.mo-dr .mo-dr-row{display:flex;flex-direction:row;flex-wrap:wrap;gap:10px 18px}
.mo-fold>summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:8px}
.mo-fold>summary::-webkit-details-marker{display:none}
.mo-fold>summary::after{content:'';margin-left:auto;width:8px;height:8px;border-right:2px solid #8C8C99;border-bottom:2px solid #8C8C99;transform:rotate(45deg);transition:transform .2s}
.mo-fold[open]>summary::after{transform:rotate(-135deg)}
.mo-fold:not([open]){gap:0}
/* universal search: UI components show as the component alone, with no tile behind them */
.hx-t.ui{background:none!important;border-color:transparent!important;box-shadow:none!important}
.hx-t.ui:hover{background:rgba(255,255,255,.04)!important}
.us-ui{display:flex;flex-direction:column;gap:7%;padding:9% 10%;box-sizing:border-box;border-radius:12px;box-shadow:0 10px 26px -12px rgba(0,0,0,.7),0 0 0 1px var(--l) inset;aspect-ratio:1.25}
.us-ui b{display:block}
.us-ln{height:7px;border-radius:4px;background:var(--l)}.us-ln.w4{width:40%}.us-ln.w5{width:50%}.us-ln.w6{width:60%}.us-ln.w7{width:70%}.us-ln.w8{width:80%}.us-ln.dim{opacity:.6}
.us-btn{height:16%;width:46%;border-radius:999px;background:linear-gradient(135deg,var(--a),var(--a2));margin-top:auto}
.us-in{height:18%;border-radius:8px;box-shadow:0 0 0 1px var(--l) inset}
.us-sl{position:relative;height:5px;border-radius:3px;background:var(--l);margin:6% 0}.us-sl i{position:absolute;left:0;top:0;bottom:0;width:62%;border-radius:3px;background:var(--a)}.us-sl i::after{content:'';position:absolute;right:-6px;top:50%;width:12px;height:12px;margin-top:-6px;border-radius:50%;background:#fff;box-shadow:0 1px 4px rgba(0,0,0,.4)}.us-sl.s2 i{width:34%}
.us-pr{height:8px;border-radius:4px;background:var(--l);overflow:hidden;margin-top:auto}.us-pr i{display:block;height:100%;width:68%;border-radius:4px;background:linear-gradient(90deg,var(--a),var(--a2))}
.us-bars{display:flex;align-items:flex-end;gap:7%;height:56%;margin-top:auto}.us-bars i{flex:1;border-radius:3px 3px 1px 1px;background:linear-gradient(to top,var(--a),var(--a2))}
.us-row{display:flex;align-items:center;gap:8%}.us-row>i{flex:none;width:12px;height:12px;border-radius:4px;background:var(--a)}.us-row>i.off{background:none;box-shadow:0 0 0 1.5px var(--l) inset}.us-row>i.av{width:16px;height:16px;border-radius:50%;background:linear-gradient(135deg,var(--a),var(--a2))}.us-row .us-ln{flex:1}
.us-bub{height:26%;width:74%;margin-left:auto;border-radius:12px 12px 3px 12px;background:linear-gradient(135deg,var(--a),var(--a2))}
.us-art{height:34%;border-radius:8px;background:linear-gradient(135deg,var(--a),var(--a2))}
.us-sw{position:relative;display:block;width:52%;aspect-ratio:1.8;border-radius:999px;background:var(--a);box-shadow:inset 0 1px 3px rgba(0,0,0,.35),0 8px 20px -8px var(--a)}.us-sw i{position:absolute;top:8%;right:6%;height:84%;aspect-ratio:1;border-radius:50%;background:#fff;box-shadow:0 2px 6px rgba(0,0,0,.35)}
.us-tabs{display:flex;gap:3px;padding:3px;border-radius:999px;width:82%;box-sizing:border-box;box-shadow:0 0 0 1px var(--l) inset,0 10px 24px -12px rgba(0,0,0,.7)}.us-tabs i{flex:1;height:18px;border-radius:999px}.us-tabs i.on{background:var(--a)}.us-tabs i:not(.on)::after{content:'';display:block;width:50%;height:4px;margin:7px auto 0;border-radius:2px;background:var(--l)}
.m-us-th .us-ui{width:100%;height:100%;aspect-ratio:auto;padding:12%;gap:10%;border-radius:6px}.m-us-th .us-ln{height:3px}.m-us-th .us-sw,.m-us-th .us-tabs{width:100%}.m-us-th .us-tabs i{height:8px}.m-us-th .us-tabs i::after{display:none!important}
.us-ui .us-bars,.us-ui .us-row{display:flex}
.mk-stage{cursor:grab;touch-action:none}.mk-stage.mk-dragging{cursor:grabbing}.mk-stage.mk-dragging .mk-art{transition:none}.mk-stage .mo-replay{cursor:pointer}
.mf-cp-open{box-shadow:0 0 0 2px #0C0C12,0 0 0 4px #fff!important}

/* ---- desktop fit: header stays one row, sticky bars sit flush and opaque, side panels never crop, popups hold the page still ---- */
@media (min-width:980px){
  .m-nav{flex-wrap:nowrap;gap:8px clamp(14px,2vw,28px)}
  .m-navrow{gap:clamp(14px,1.9vw,28px);flex:0 0 auto}
  .m-us{flex:1 1 180px;min-width:150px}
}
@media (min-width:980px) and (max-width:1180px){.m-us-kbd{display:none}.m-us-box input{font-size:14px}}
.ul-bar,.mo-bar,.mo-tabs,.hl-bar{top:var(--mhh,64px);background:rgba(9,9,13,.97)}
.hl-bar.ul-bar{padding-top:4px;padding-bottom:4px}
.hl-barwrap{gap:6px;padding-top:6px;padding-bottom:6px}
@media (min-width:901px){
  .hl-side{top:calc(var(--mhh,65px) + var(--sbh,110px) + 14px);max-height:calc(100vh - var(--mhh,65px) - var(--sbh,110px) - 28px);overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;border-radius:22px}
  .hl-stage{aspect-ratio:auto;height:clamp(120px,26vh,300px)}
  /* the actions come straight after the name, so download and edit are always in view */
  .hl-card>.hl-stage{order:0}.hl-card>.hl-meta{order:1}.hl-card>.hl-acts{order:2}.hl-card>.hl-desc{order:3}.hl-card>.hl-tags{order:4}.hl-card>.gb{order:5}.hl-card>.hl-fine{order:6}
}
@media (min-width:1081px){.mo-side{top:calc(var(--mhh,64px) + var(--sbh,64px) + 8px);max-height:calc(100vh - var(--mhh,64px) - var(--sbh,64px) - 20px)}}
.hl-ed{top:var(--mhh,65px)}
html.mf-modal{overflow:hidden}
.m-drawer,.mf-sheet,.gs-sheet,.dk-modal,.m-modal,.modal-panel,.insp-panel{overscroll-behavior:contain}


/* Open in Canvas (canvas/editor.js) */
.mfc-open{display:flex;align-items:center;justify-content:center;gap:9px;width:100%;min-height:44px;padding:0 16px;border-radius:14px;border:1px solid transparent;background:linear-gradient(#141420,#141420) padding-box,linear-gradient(92deg,#8A6BFF,#4FA6FF 50%,#FF8FD3) border-box;color:#F4F4F6;font:600 14px 'Geist',sans-serif;cursor:pointer;transition:transform .2s,box-shadow .25s}
.mfc-open:hover{box-shadow:0 10px 30px -12px rgba(138,107,255,.65);transform:translateY(-1px)}
.mfc-open i{font-style:normal;font:600 10px 'Geist Mono',monospace;letter-spacing:.08em;padding:2px 6px;border-radius:999px;color:#0B0B10;background:linear-gradient(120deg,#FFB47E,#FF8FD3 45%,#8A6BFF)}
.mo-dr-foot .mfc-open{margin-bottom:2px}
.pf-b.pf-cv{padding:0;width:38px;justify-content:center}
/* ===== Decks v3: industries, idea → deck ===== */
.dkh-inds{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;margin:-4px 0 16px;padding-bottom:2px;-webkit-mask-image:linear-gradient(90deg,#000 92%,transparent)}.dkh-inds::-webkit-scrollbar{display:none}.dkh-inds .m-chip{min-height:32px;font-size:12.5px;flex:none}
.dkh-more{display:flex;justify-content:center;margin-top:22px}
.dkh-idea{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:28px;align-items:center;padding:28px;border-radius:28px;background:radial-gradient(70% 90% at 100% 0%,rgba(91,91,247,.2),transparent 60%),radial-gradient(60% 80% at 0% 100%,rgba(255,90,54,.14),transparent 60%),#0E0E14;border:1px solid rgba(255,255,255,.08)}
.dkh-ideac{display:flex;flex-direction:column;gap:12px;align-items:flex-start}.dkh-ideac h2{margin:0;font:700 34px/1.08 'Morfy Neo',sans-serif;letter-spacing:-.02em}.dkh-ideac>p{margin:0;font-size:14.5px;line-height:1.55;color:#A3A3AE}
.dkh-ideab{display:flex;flex-wrap:wrap;gap:8px;margin-top:4px}
.dkh-ideav{display:grid;grid-template-columns:1fr auto 1fr;gap:14px;align-items:center}
.dkh-iin{display:flex;flex-direction:column;gap:4px;padding:16px;border-radius:18px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08)}
.dkh-iin p{margin:0 0 8px;font-size:13px;color:#D8D8E0;line-height:1.35}.dkh-iin span,.dk-itag{align-self:flex-start;font:600 10.5px 'Geist Mono',monospace;letter-spacing:.06em;text-transform:uppercase;padding:3px 8px;border-radius:99px;background:rgba(255,255,255,.08);color:#C9C9D6}
.r-comp{background:rgba(255,90,54,.18)!important;color:#FF9A80!important}.r-market{background:rgba(47,107,255,.2)!important;color:#8FB0FF!important}.r-price{background:rgba(255,200,61,.18)!important;color:#FFD86E!important}.r-claim{background:rgba(91,211,138,.18)!important;color:#8BE6AE!important}.r-problem{background:rgba(255,79,109,.18)!important;color:#FF95A8!important}.r-solution{background:rgba(184,166,255,.2)!important;color:#CBBEFF!important}.r-traction{background:rgba(0,224,164,.16)!important;color:#7EF0CF!important}.r-team{background:rgba(255,143,211,.16)!important;color:#FFB3E2!important}.r-ask{background:rgba(255,210,122,.2)!important;color:#FFD27A!important}.r-vision{background:rgba(61,224,255,.16)!important;color:#8CEBFF!important}
.dkh-iar{font-style:normal;font-size:22px;color:#6E6E7A;animation:dkhNudge 1.6s ease-in-out infinite}@keyframes dkhNudge{50%{transform:translateX(5px)}}
.dkh-iout{aspect-ratio:16/10;border-radius:16px;background:#F4F1EC;color:#151515;padding:18px;display:flex;flex-direction:column;justify-content:center;gap:4px;position:relative;overflow:hidden;box-shadow:0 24px 50px -24px rgba(0,0,0,.8)}
.dkh-iout b{font:800 54px/0.9 'Syne',sans-serif;letter-spacing:-.04em;color:#FF5A36}.dkh-iout em{font-style:normal;font-size:12.5px;color:#6B665E;max-width:13em}
.dkh-imx{position:absolute;right:12px;bottom:12px;display:grid;grid-template-columns:repeat(3,10px);gap:4px}.dkh-imx i{width:10px;height:10px;border-radius:3px;background:rgba(0,0,0,.12)}.dkh-imx i:nth-child(3n+1){background:#FF5A36}
.dk-ideam{width:min(680px,calc(100vw - 24px))!important}
.dk-eg{float:right;border:0;background:none;color:#FFD27A;font:500 11px 'Geist Mono',monospace;letter-spacing:.06em;text-transform:uppercase;cursor:pointer;padding:0}
.dk-f>span:has(.dk-eg){display:block}
.dk-ita{min-height:140px}
.dk-ipts{display:flex;flex-direction:column;gap:6px;max-height:210px;overflow:auto;padding:2px}
.dk-ipt{display:flex;gap:10px;align-items:flex-start;padding:8px 10px;border-radius:12px;background:rgba(255,255,255,.04)}.dk-ipt p{margin:0;font-size:13px;line-height:1.4;color:#D8D8E0}
.dk-itag{border:0;cursor:pointer;flex:none;min-width:92px;text-align:center;margin-top:1px}
.dk-iind{display:flex;justify-content:space-between;align-items:center;padding:12px 14px;border-radius:14px;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.03);color:#F2F2F5;cursor:pointer;font:600 14px 'Geist',sans-serif}.dk-iind em{font-style:normal;font-size:12px;color:#FFD27A}
.dk-iinds{display:flex;flex-wrap:wrap;gap:6px;max-height:180px;overflow:auto}.dk-iinds .m-chip{min-height:30px;font-size:12px}
.dk-iarcs{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}
.dk-iarc{display:flex;flex-direction:column;gap:2px;align-items:flex-start;padding:10px 12px;border-radius:12px;border:1px solid rgba(255,255,255,.12);background:transparent;color:#D8D8E0;cursor:pointer;text-align:left}.dk-iarc b{font:600 13px 'Geist',sans-serif}.dk-iarc em{font-style:normal;font-size:11.5px;color:#8C8C99}
.dk-iarc.on{border-color:#FFD27A;background:rgba(255,210,122,.08);color:#fff}
@media (max-width:760px){.dkh-idea{grid-template-columns:1fr;padding:20px}.dkh-ideac h2{font-size:28px}.dkh-ideav{grid-template-columns:1fr}.dkh-iar{transform:rotate(90deg);justify-self:center}.dk-iarcs{grid-template-columns:repeat(2,1fr)}}
/* ===== Decks: the Add library ===== */
.dk-hubhost{height:calc(100vh - 230px);min-height:360px}
.dkhub{position:fixed;z-index:60;display:flex;flex-direction:column;gap:10px;background:transparent;color:#EDEDF2;font-family:'Geist',sans-serif}
.dkhub-h{display:flex;flex-direction:column;gap:8px;flex:none}
.dkhub-s{display:flex;align-items:center;gap:8px;height:42px;padding:0 12px;border-radius:13px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.12)}.dkhub-s:focus-within{border-color:#FFD27A}
.dkhub-s svg{width:16px;height:16px;color:#8C8C99;flex:none}.dkhub-s input{flex:1;min-width:0;background:none;border:0;outline:0;color:#fff;font:500 13.5px 'Geist',sans-serif}.dkhub-s input::-webkit-search-cancel-button{display:none}
.dkhub-x{border:0;background:rgba(255,255,255,.1);color:#ccc;width:22px;height:22px;border-radius:50%;cursor:pointer;font-size:11px}
.dkhub-c,.dkhub-sub{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;padding-bottom:2px}.dkhub-c::-webkit-scrollbar,.dkhub-sub::-webkit-scrollbar{display:none}
.dkhub-sub{margin-bottom:6px}
.dkhub-chip{flex:none;border:1px solid rgba(255,255,255,.14);background:transparent;color:#A3A3B0;border-radius:99px;padding:0 12px;height:30px;font:500 12px 'Geist',sans-serif;cursor:pointer;white-space:nowrap}.dkhub-chip.on{background:#F4F4F6;color:#111;border-color:#F4F4F6}.dkhub-chip.sm{height:26px;font-size:11.5px}.dkhub-chip.ext{border-style:dashed}
.dkhub-b{flex:1;min-height:0;overflow:auto;padding:2px 2px 30px;scrollbar-width:thin}
.dkhub-sec{margin-bottom:18px}.dkhub-sh{display:flex;align-items:baseline;gap:8px;margin:2px 0 8px}.dkhub-sh b{font:600 13px 'Geist',sans-serif;color:#fff}.dkhub-n{font:500 11px 'Geist Mono',monospace;color:#7C7C88}
.dkhub-all{margin-left:auto;border:0;background:none;color:#FFD27A;font:500 12px 'Geist',sans-serif;cursor:pointer;padding:0}
.dkhub-g{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.dkhub-g.wide{grid-template-columns:repeat(2,1fr)}
.dkhub-t{position:relative;aspect-ratio:1;border-radius:12px;border:0;background:#F4F3EF;cursor:pointer;padding:10%;display:flex;align-items:center;justify-content:center;overflow:hidden;transition:transform .2s cubic-bezier(.2,.8,.2,1),box-shadow .2s}
.dkhub-t.wide{aspect-ratio:4/3;padding:6%}.dkhub-t.dark{background:#16161C;box-shadow:inset 0 0 0 1px rgba(255,255,255,.08)}
.dkhub-t img{max-width:100%;max-height:100%;object-fit:contain;display:block}
.dkhub-t em{position:absolute;left:6px;right:6px;bottom:4px;font:500 10px 'Geist',sans-serif;font-style:normal;color:#55555F;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;opacity:0;transition:opacity .15s}.dkhub-t.dark em{color:#9C9CA8}
.dkhub-t:hover{transform:translateY(-2px);box-shadow:0 10px 24px -12px rgba(0,0,0,.8),0 0 0 2px #FFD27A}.dkhub-t:hover em{opacity:1}
.dkhub-t.sk{background:linear-gradient(100deg,#ECEBE6 30%,#F8F7F3 50%,#ECEBE6 70%) 0 0/200% 100%;animation:dkhSk 1.2s linear infinite}.dkhub-t.dark.sk{background:linear-gradient(100deg,#15151B 30%,#1E1E26 50%,#15151B 70%) 0 0/200% 100%}@keyframes dkhSk{to{background-position:-200% 0}}
.dkhub-t.picked{box-shadow:0 0 0 2px #5BD38A}
.dkhub-ld{grid-column:1/-1;height:64px;border-radius:12px;background:linear-gradient(100deg,#15151B 30%,#1E1E26 50%,#15151B 70%) 0 0/200% 100%;animation:dkhSk 1.2s linear infinite;display:block}
.dkhub-e{grid-column:1/-1;margin:4px 0;font-size:12.5px;color:#8C8C99}.dkhub-sen{display:block;height:1px}
.dk-adl{display:flex;flex-direction:column;gap:8px}.dk-adr{display:flex;flex-direction:column;gap:6px;padding:10px;border-radius:12px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08)}.dk-adr>b{font:600 12.5px 'Geist',sans-serif}
.dk-adsz{display:flex;align-items:center;gap:8px}.dk-adsz em{font-style:normal;font-size:11.5px;color:#8C8C99}.dk-adsz input{flex:1;accent-color:#FFD27A}.dk-adb{display:flex;gap:6px;flex-wrap:wrap}.dk-adb .m-chip{min-height:28px;font-size:12px}
.dk-ed.lt .dkhub{color:#141414}
.dk-askp{position:fixed;z-index:2147483100;width:300px;padding:14px;border-radius:16px;background:#14141B;border:1px solid rgba(255,255,255,.14);box-shadow:0 30px 70px -20px rgba(0,0,0,.9);display:flex;flex-direction:column;gap:10px;color:#F2F2F5;font-family:'Geist',sans-serif}
.dk-askp b{font:600 12px 'Geist Mono',monospace;letter-spacing:.08em;text-transform:uppercase;color:#9C9CA8}
.dk-askp input{height:40px;border-radius:10px;border:1px solid rgba(255,255,255,.16);background:rgba(255,255,255,.05);color:#fff;padding:0 12px;font:500 14px 'Geist',sans-serif;outline:0}.dk-askp input:focus{border-color:#FFD27A}
.dk-askp div{display:flex;gap:6px}.dk-askp button{height:34px;border-radius:10px;border:1px solid rgba(255,255,255,.14);background:transparent;color:#ddd;padding:0 12px;font:600 12.5px 'Geist',sans-serif;cursor:pointer}.dk-askp .ok{background:#F4F4F6;color:#111;border-color:#F4F4F6}.dk-askp .rm{color:#FF8A8F}
.dk-askp em{font-style:normal;font-size:11.5px;color:#8C8C99;line-height:1.4}
.dk-hist{display:flex;gap:4px;align-items:center;margin-left:8px}
.dk-hb{height:34px;min-width:34px;padding:0 9px;border-radius:10px;border:1px solid rgba(255,255,255,.12);background:transparent;color:#E6E6EC;cursor:pointer;display:grid;place-items:center;font:500 12.5px 'Geist',sans-serif}.dk-hb svg{width:17px;height:17px}.dk-hb:hover{background:rgba(255,255,255,.08)}.dk-hb.off{opacity:.35;pointer-events:none}
.dk-hrv{color:#A3A3B0}
.dk-utip{position:fixed;left:50%;bottom:24px;transform:translateX(-50%);z-index:2147483050;display:flex;align-items:center;gap:6px;padding:6px 6px 6px 16px;border-radius:99px;background:#F4F4F6;color:#111;box-shadow:0 20px 50px -14px rgba(0,0,0,.8);font:500 13.5px 'Geist',sans-serif;animation:dkUtip .35s cubic-bezier(.2,.9,.3,1.2)}@keyframes dkUtip{from{opacity:0;transform:translate(-50%,12px)}}
.dk-utip .u{border:0;background:#111;color:#fff;border-radius:99px;height:32px;padding:0 14px;font:600 13px 'Geist',sans-serif;cursor:pointer}.dk-utip .x{border:0;background:none;color:#555;width:28px;height:28px;border-radius:50%;cursor:pointer}
.dk-ed.lt .dk-hb{border-color:rgba(0,0,0,.12);color:#222}
@media (max-width:760px){.dk-hrv{display:none}}
/* Decks: quick bar under the slide, fonts, focus flash */
.dk-qbar{display:flex;flex-wrap:wrap;align-items:center;gap:10px 18px;margin-top:14px;padding:10px 12px;border-radius:16px;background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.08)}
.dk-qg{display:flex;align-items:center;gap:5px;flex-wrap:wrap}
.dk-qb{position:relative;display:inline-flex;align-items:center;gap:7px;height:36px;padding:0 13px;border-radius:11px;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.04);color:#F2F2F5;font:600 13px 'Geist',sans-serif;cursor:pointer;overflow:hidden}.dk-qb:hover{background:rgba(255,255,255,.09);border-color:rgba(255,255,255,.22)}
.dk-qb b{font:800 16px/1 'Geist',sans-serif;width:16px;text-align:center}.dk-qb svg{width:17px;height:17px}.dk-qb input[type=file]{position:absolute;inset:0;opacity:0;cursor:pointer}
.dk-ql{font:500 10.5px 'Geist Mono',monospace;letter-spacing:.08em;text-transform:uppercase;color:#7C7C88;margin-right:3px}
.dk-qc{height:30px;padding:0 10px;border-radius:9px;border:1px solid rgba(255,255,255,.1);background:transparent;color:#C9C9D2;font:500 12.5px 'Geist',sans-serif;cursor:pointer}.dk-qc.on{background:#F4F4F6;color:#111;border-color:#F4F4F6}.dk-qc:hover:not(.on){background:rgba(255,255,255,.07)}
.dk-qv{font:500 12px 'Geist Mono',monospace;font-style:normal;color:#C9C9D2;min-width:38px;text-align:center}.dk-qs{width:1px;height:18px;background:rgba(255,255,255,.12);margin:0 4px}.dk-qall{color:#FFD27A}
.dk-ed.lt .dk-qbar{background:rgba(0,0,0,.03);border-color:rgba(0,0,0,.08)}.dk-ed.lt .dk-qb{color:#141414;border-color:rgba(0,0,0,.12);background:#fff}.dk-ed.lt .dk-qc{color:#333;border-color:rgba(0,0,0,.12)}.dk-ed.lt .dk-qc.on{background:#141414;color:#fff}.dk-ed.lt .dk-qv{color:#333}
.dk-flash{animation:dkFlash 1.4s ease}@keyframes dkFlash{0%,40%{box-shadow:0 0 0 2px #FFD27A,0 0 0 8px rgba(255,210,122,.18);border-radius:12px}100%{box-shadow:0 0 0 2px transparent}}
.dk-fpairs{display:grid;grid-template-columns:repeat(2,1fr);gap:6px}
.dk-fpair{display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;column-gap:10px;align-items:center;text-align:left;padding:10px 12px;border-radius:12px;border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.03);color:#F2F2F5;cursor:pointer}
.dk-fpair b{grid-row:1/3;font-size:26px;font-weight:700;line-height:1}.dk-fpair em{font-style:normal;font-size:14px}.dk-fpair i{font-style:normal;font-size:10.5px;color:#8C8C99;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dk-fpair.on{border-color:#FFD27A;background:rgba(255,210,122,.08)}
.dk-frow{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-top:4px}
.dk-fsel{display:flex;flex-direction:column;align-items:flex-start;gap:2px;padding:9px 12px;border-radius:12px;border:1px solid rgba(255,255,255,.12);background:transparent;color:#F2F2F5;cursor:pointer;position:relative;text-align:left}.dk-fsel em{font:500 10px 'Geist Mono',monospace;font-style:normal;letter-spacing:.08em;text-transform:uppercase;color:#8C8C99}.dk-fsel b{font:600 13.5px 'Geist',sans-serif}.dk-fsel i{position:absolute;right:10px;top:50%;transform:translateY(-50%);font-style:normal;color:#8C8C99}
.dk-flist{display:flex;flex-direction:column;max-height:260px;overflow:auto;border-radius:12px;border:1px solid rgba(255,255,255,.1);padding:4px}
.dk-fopt{text-align:left;border:0;background:none;color:#E6E6EC;padding:9px 10px;border-radius:8px;font-size:17px;cursor:pointer}.dk-fopt:hover{background:rgba(255,255,255,.06)}.dk-fopt.on{background:rgba(255,210,122,.14);color:#FFD27A}
.dk-ed.lt .dk-fpair,.dk-ed.lt .dk-fsel,.dk-ed.lt .dk-fopt{color:#141414}
.dk-qf{height:42px}.dk-qf span{display:flex;flex-direction:column;align-items:flex-start;line-height:1.1;max-width:130px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.dk-qf em{font:500 9.5px 'Geist Mono',monospace;font-style:normal;letter-spacing:.08em;text-transform:uppercase;color:#8C8C99}
.dk-fpop{position:fixed;z-index:2147483100;display:flex;flex-direction:column;border-radius:16px;background:#14141B;border:1px solid rgba(255,255,255,.14);box-shadow:0 30px 70px -20px rgba(0,0,0,.9);overflow:hidden;color:#F2F2F5;font-family:'Geist',sans-serif}
.dk-fph{display:flex;flex-direction:column;gap:8px;padding:12px 12px 8px;border-bottom:1px solid rgba(255,255,255,.08)}.dk-fph b{font:600 11px 'Geist Mono',monospace;letter-spacing:.08em;text-transform:uppercase;color:#9C9CA8}
.dk-fph input{height:36px;border-radius:10px;border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.05);color:#fff;padding:0 12px;font:500 13.5px 'Geist',sans-serif;outline:0}
.dk-fpl{overflow:auto;padding:6px;display:flex;flex-direction:column}.dk-fpl em{font:500 10px 'Geist Mono',monospace;font-style:normal;letter-spacing:.08em;text-transform:uppercase;color:#7C7C88;padding:10px 8px 4px}
.dk-fpo{display:flex;justify-content:space-between;align-items:center;text-align:left;border:0;background:none;color:#ECECF1;padding:9px 10px;border-radius:9px;font-size:18px;cursor:pointer}.dk-fpo:hover{background:rgba(255,255,255,.07)}.dk-fpo.on{background:rgba(255,210,122,.14);color:#FFD27A}
.dk-fpo i{font:500 10px 'Geist Mono',monospace;font-style:normal;color:#6E6E7A}.dk-fpo.th{font-size:15px}
.dk-fpo.pr{flex-direction:column;align-items:flex-start;gap:2px}.dk-fpo.pr b{font-size:19px;font-weight:700}.dk-fpo.pr span{font-size:12px;color:#9C9CA8}
.dk-inbar{position:fixed;z-index:2147483090;display:flex;gap:4px;padding:4px;border-radius:12px;background:#111116;box-shadow:0 12px 34px -8px rgba(0,0,0,.7),0 0 0 1px rgba(255,255,255,.1)}
.dk-inbar button{border:0;background:transparent;color:#fff;font:600 12px/1 'Geist',sans-serif;padding:8px 10px;border-radius:8px;cursor:pointer;white-space:nowrap}.dk-inbar button:hover{background:rgba(255,255,255,.12)}.dk-inbar button[data-a=del],.dk-inbar button[data-a=rmitem]{color:#FF9095}.dk-inbar .ok{background:#F4F4F6;color:#111}
.dk-ined{outline:2px solid #FFD27A!important;outline-offset:4px;border-radius:4px;cursor:text;caret-color:#FF5A36;animation:none!important;opacity:1!important;transform:none!important;filter:none!important;clip-path:none!important}
.dk-stage .dk-in [class]:not(.dk-in):not(.dk-std):not(.dk-two):not(.dk-cover){cursor:text}
.dk-selc{display:flex;flex-direction:column;gap:12px;padding:14px;border-radius:16px;background:linear-gradient(180deg,rgba(255,210,122,.08),rgba(255,255,255,.02));border:1px solid rgba(255,210,122,.35);margin-bottom:14px}
.dk-selh{display:flex;align-items:center;gap:8px}.dk-selh span{font:500 10.5px 'Geist Mono',monospace;letter-spacing:.08em;text-transform:uppercase;color:#FFD27A;padding:3px 8px;border-radius:99px;background:rgba(255,210,122,.12);white-space:nowrap}.dk-selh b{flex:1;min-width:0;font:600 14px 'Geist',sans-serif;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.dk-pals{display:flex;flex-wrap:wrap;gap:6px}.dk-pal{width:30px;height:30px;border-radius:50%;border:0;cursor:pointer;box-shadow:inset 0 0 0 1px rgba(255,255,255,.2)}.dk-pal.on{box-shadow:0 0 0 2px #0E0E14,0 0 0 4px #FFD27A}
.dk-del{color:#FF8A8F!important;border-color:rgba(255,138,143,.35)!important}
.dk-ed.lt .dk-selc{background:rgba(255,210,122,.12)}.dk-ed.lt .dk-selh b{color:#141414}
/* Decks editor: breathing room, preview, guides */
.dk-ed .dk-mid{padding:22px 32px 40px;gap:16px}
.dk-ed .dk-tools{gap:12px}
.dk-qbar{gap:12px 22px;padding:12px 14px;margin-top:4px}
.dk-qf b{width:auto!important;font-size:17px}.dk-qf{gap:9px;padding:0 12px 0 11px}.dk-qf span{font-size:12.5px;font-weight:600}
.dk-ed.prev .dk-body3{grid-template-columns:0 minmax(0,1fr) 0!important}
.dk-ed.prev .dk-list,.dk-ed.prev .dk-insp{visibility:hidden;padding:0;border:0;overflow:hidden}
.dk-ed.prev .dk-tools,.dk-ed.prev .dk-qbar,.dk-ed.prev .dk-lays{display:none!important}
.dk-ed.prev .dk-mid{justify-content:center;align-items:center;background:radial-gradient(70% 60% at 50% 40%,rgba(138,107,255,.08),transparent 70%)}
.dk-ed.prev .dk-stage{width:min(100%,calc((100vh - 230px) * 16 / 9));margin:0 auto}
.dk-pvbar{display:flex;align-items:center;gap:6px;padding:6px;border-radius:99px;background:rgba(20,20,26,.85);border:1px solid rgba(255,255,255,.1);align-self:center}
.dk-pvbar button{height:36px;min-width:36px;border:0;border-radius:99px;background:transparent;color:#F2F2F5;font:600 13px 'Geist',sans-serif;cursor:pointer;padding:0 12px}.dk-pvbar button:hover{background:rgba(255,255,255,.1)}.dk-pvbar span{font:500 12px 'Geist Mono',monospace;color:#9C9CA8;min-width:52px;text-align:center}.dk-pvbar .x{background:#F4F4F6;color:#111}.dk-pvbar .x:hover{background:#fff}
.dk-pvnotes{max-width:760px;margin:0 auto;text-align:center;font-size:13.5px;color:#9C9CA8;line-height:1.5}
.dk-prevb{gap:7px}
.dk-guides{position:absolute;inset:0;pointer-events:none;z-index:20}.dk-guides i{position:absolute;background:#FF3B8D}.dk-guides i.v{top:0;bottom:0;width:1px}.dk-guides i.h{left:0;right:0;height:1px}.dk-guides i.c{background:#FF3B8D;box-shadow:0 0 0 .5px #FF3B8D}.dk-guides i.m{background:#3DA5FF}
.dk-row2{display:grid;grid-template-columns:1fr 1fr;gap:8px}.dk-mono{font-family:'Geist Mono',monospace!important;font-size:12.5px!important;min-height:110px}
.dk-pvbar{width:max-content;max-width:100%;margin:0 auto}
.dk-grip{position:fixed;z-index:2147483080;display:flex;align-items:center;gap:4px;height:30px;padding:0 9px 0 5px;border-radius:9px;border:0;background:#111116;color:#F2F2F5;box-shadow:0 8px 24px -8px rgba(0,0,0,.7),0 0 0 1px rgba(255,255,255,.12);cursor:grab;opacity:0;pointer-events:none;transform:translateX(-4px);transition:opacity .12s,transform .12s;font:600 11.5px 'Geist',sans-serif}
.dk-grip svg{width:16px;height:16px;color:#9C9CA8}.dk-grip.on{opacity:1;pointer-events:auto;transform:none}.dk-grip:hover{background:#1E1E26}.dk-grip:active{cursor:grabbing}
.dk-grip span{display:inline}
.dk-inbar .mv{color:#FFD27A;cursor:grab}
.dk-blk .box{position:fixed;z-index:2147483060;border:2px solid #FFD27A;border-radius:10px;pointer-events:none;box-shadow:0 0 0 4px rgba(255,210,122,.15)}
.dk-blk .bar{position:fixed;z-index:2147483070;display:flex;align-items:center;gap:4px;padding:4px;border-radius:12px;background:#111116;box-shadow:0 12px 34px -8px rgba(0,0,0,.7),0 0 0 1px rgba(255,255,255,.1)}
.dk-blk .bar b{font:500 10.5px 'Geist Mono',monospace;letter-spacing:.08em;text-transform:uppercase;color:#FFD27A;padding:0 8px}
.dk-blk .bar button{border:0;background:transparent;color:#fff;font:600 12px/1 'Geist',sans-serif;padding:8px 10px;border-radius:8px;cursor:pointer;white-space:nowrap}.dk-blk .bar button:hover{background:rgba(255,255,255,.12)}.dk-blk .bar .del{color:#FF9095}.dk-blk .bar .ok{background:#F4F4F6;color:#111}.dk-blk .bar .mv{color:#FFD27A;cursor:grab}
.dk-cpop{position:fixed;z-index:2147483100;width:340px;max-height:370px;overflow:auto;display:grid;grid-template-columns:1fr 1fr;gap:6px;padding:8px;border-radius:16px;background:#14141B;border:1px solid rgba(255,255,255,.14);box-shadow:0 30px 70px -20px rgba(0,0,0,.9)}
.dk-cpop button{display:flex;flex-direction:column;gap:4px;align-items:stretch;padding:6px;border-radius:10px;border:1px solid rgba(255,255,255,.08);background:#F4F3EF;cursor:pointer}.dk-cpop button:hover{box-shadow:0 0 0 2px #FFD27A}.dk-cpop img{width:100%;aspect-ratio:4/3;object-fit:contain}.dk-cpop span{font:600 11px 'Geist',sans-serif;color:#333}
.dk-tilebar .bar button.on{background:#F4F4F6;color:#111}.dk-tilebar .bar .sep{width:1px;height:18px;background:rgba(255,255,255,.15);margin:0 3px}
/* ===== Decks · team (share, presence, comments) ===== */
.cx-st{display:inline-flex;align-items:center;gap:6px;font:500 12.5px 'Geist',sans-serif;opacity:.7;white-space:nowrap}.cx-st i{width:7px;height:7px;border-radius:50%;background:#3DDC97;box-shadow:0 0 0 3px rgba(61,220,151,.18)}
.cx-st.saving i{background:#FFD27A;box-shadow:0 0 0 3px rgba(255,210,122,.2)}.cx-st.offline i,.cx-st.denied i{background:#FF8A7A;box-shadow:0 0 0 3px rgba(255,138,122,.2)}
.cx-av{display:flex;align-items:center;padding-left:6px}.cx-av .cx-a{width:30px;height:30px;margin-left:-7px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;color:#fff;font:700 11px 'Geist',sans-serif;font-style:normal;box-shadow:0 0 0 2px var(--ed-bg,#0E0C12)}
.cx-cbtn{position:relative}.cx-cbtn.on{background:#FFD27A;color:#141018;border-color:transparent}.cx-cbtn .cx-n{min-width:19px;height:19px;padding:0 5px;border-radius:99px;background:#FF6A4D;color:#fff;font:700 11px 'Geist',sans-serif;display:inline-flex;align-items:center;justify-content:center;margin-left:2px}
.dkh-card .cx-badge{position:absolute;top:10px;left:10px;padding:3px 9px;border-radius:99px;background:rgba(20,16,26,.78);color:#fff;font:600 11px 'Geist',sans-serif;font-style:normal;backdrop-filter:blur(6px)}
.dk-thw .cx-tb{position:absolute;top:-6px;left:-6px;z-index:3;min-width:19px;height:19px;padding:0 5px;border-radius:10px 10px 10px 3px;background:#FF6A4D;color:#fff;font:700 10.5px 'Geist',sans-serif;font-style:normal;display:flex;align-items:center;justify-content:center;box-shadow:0 0 0 2px var(--ed-bg,#0E0C12)}
.dk-thw .cx-here{position:absolute;bottom:6px;right:6px;z-index:3;display:flex;gap:3px}.dk-thw .cx-here i{width:10px;height:10px;border-radius:50%;box-shadow:0 0 0 2px #fff}
.cx-home{padding-top:6px;padding-bottom:0}.cx-hrow{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:12px 16px;border-radius:16px;border:1px solid rgba(127,127,140,.22);font:500 14px 'Geist',sans-serif}.cx-hrow svg{width:20px;height:20px;opacity:.75}.cx-hrow span{flex:1;min-width:180px;opacity:.85}
.cx-hb{height:34px;padding:0 14px;border-radius:99px;border:1px solid rgba(127,127,140,.3);background:none;color:inherit;font:600 13px 'Geist',sans-serif;cursor:pointer}.cx-hb.on{background:#FFD27A;color:#141018;border-color:transparent}
@media (max-width:1180px){.cx-st{display:none}}
@media (max-width:900px){.cx-cbtn,.cx-sbtn{padding:0 11px}.cx-av{display:none}}
/* ===== Video studio · slides and timing ===== */
.dk-vseg.lock{background:rgba(255,210,122,.3)}.dk-vseg.lock:hover{background:rgba(255,210,122,.42)}.dk-vseg.drag{background:rgba(255,210,122,.55)}
.dk-vgrab{position:absolute;right:0;top:0;bottom:0;width:9px;cursor:ew-resize;z-index:2;font-style:normal}.dk-vgrab::after{content:'';position:absolute;right:3px;top:9px;bottom:9px;width:3px;border-radius:2px;background:rgba(255,255,255,.55);opacity:0;transition:opacity .15s}.dk-vseg:hover .dk-vgrab::after,.dk-vseg.drag .dk-vgrab::after{opacity:1}
body.dk-vdrag,body.dk-vdrag *{cursor:ew-resize!important;user-select:none}
.dk-vlens .bs-chip.rec{position:relative}.dk-vlens .bs-chip.rec::after{content:'★';position:absolute;top:-6px;right:-4px;font-size:10px;color:#FFD27A}
.dk-vrecl{display:flex;align-items:center;gap:6px}.dk-vrecl i{font-style:normal;color:#FFD27A}
.dk-vadv{margin-top:8px;padding:11px 12px;border-radius:12px;background:rgba(61,220,151,.09);border:1px solid rgba(61,220,151,.25);font-size:12.5px;line-height:1.45;color:#DDE9E2}
.dk-vadv.tip{background:rgba(138,107,255,.1);border-color:rgba(138,107,255,.32);color:#E4DEFF}
.dk-vadv.warn{background:rgba(255,166,77,.1);border-color:rgba(255,166,77,.38);color:#FFE3C4}
.dk-vadv p{margin:0}.dk-vadva{display:flex;gap:6px;flex-wrap:wrap;margin-top:9px}
.dk-vadvb{height:30px;padding:0 12px;border-radius:99px;border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.04);color:#F2F2F6;font:600 12px 'Geist',sans-serif;cursor:pointer;white-space:nowrap}.dk-vadvb:hover{border-color:rgba(255,210,122,.6)}.dk-vadvb.p{background:#FFD27A;color:#141018;border-color:transparent}
.dk-vall{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:10px 0 4px;padding:9px 10px;border-radius:12px;background:rgba(255,255,255,.035);font-size:12.5px;color:#C9C9D2}.dk-vall>span{flex:1;min-width:120px}
.dk-vstep{display:inline-flex;align-items:center;height:30px;border-radius:99px;border:1px solid rgba(255,255,255,.14);overflow:hidden;flex:none}.dk-vstep button{width:28px;height:100%;border:0;background:none;color:#E6E6EE;font:500 15px 'Geist',sans-serif;cursor:pointer}.dk-vstep button:hover{background:rgba(255,255,255,.08)}
.dk-vstep b{min-width:34px;text-align:center;font:600 12.5px 'Geist Mono',monospace;color:#fff}
.dk-vstep input{width:38px;height:100%;border:0;background:none;color:#fff;text-align:right;font:600 12.5px 'Geist Mono',monospace;outline:none;padding:0}.dk-vstep em{font-style:normal;font:500 11px 'Geist Mono',monospace;color:#8C8C99;padding:0 2px 0 2px}
.dk-vdur.lock{border-color:rgba(255,210,122,.7);background:rgba(255,210,122,.08)}.dk-vdur.lock input{color:#FFD27A}
.dk-vrows{display:flex;flex-direction:column;gap:4px;margin-top:8px}
.dk-vrow{display:grid;grid-template-columns:26px 74px 1fr auto;align-items:center;gap:9px;padding:7px 8px 7px 6px;border-radius:12px;transition:background .15s,opacity .15s}.dk-vrow:hover{background:rgba(255,255,255,.04)}
.dk-vrow.off{opacity:.5}.dk-vrow.off .dk-vrm{grid-column:3/5}
.dk-vck{width:24px;height:24px;border-radius:7px;border:1.5px solid rgba(255,255,255,.3);background:none;color:transparent;display:flex;align-items:center;justify-content:center;cursor:pointer;padding:0}.dk-vck svg{width:14px;height:14px}.dk-vrow.on .dk-vck{background:#FFD27A;border-color:#FFD27A;color:#141018}
.dk-vrth{position:relative;width:74px;padding:0;border:0;background:none;cursor:pointer;display:block}.dk-vrth .dk-frame{border-radius:6px;box-shadow:0 0 0 1px rgba(255,255,255,.14)}.dk-vrth:hover .dk-frame{box-shadow:0 0 0 2px rgba(255,210,122,.7)}
.dk-vrth>i{position:absolute;left:3px;top:3px;z-index:2;min-width:15px;height:15px;padding:0 3px;border-radius:4px;background:rgba(0,0,0,.65);color:#fff;font:600 9.5px/15px 'Geist Mono',monospace;font-style:normal;text-align:center}
.dk-vrm{min-width:0}.dk-vrm>b{display:block;font:600 12.5px 'Geist',sans-serif;color:#EDEDF2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dk-vrm>span{font-size:11.5px;color:#8C8C99}.dk-vrm>span.lock{color:#FFD27A}
.dk-vau{border:0;background:none;padding:0;color:#C9C9D2;font:inherit;text-decoration:underline;text-underline-offset:2px;cursor:pointer}
.dk-vq{display:flex;gap:4px;margin-top:5px}.dk-vq button{height:22px;padding:0 8px;border-radius:99px;border:1px solid rgba(255,255,255,.12);background:none;color:#B9B9C4;font:600 10.5px 'Geist Mono',monospace;cursor:pointer}.dk-vq button:hover{border-color:rgba(255,210,122,.6);color:#fff}.dk-vq button.on{background:#FFD27A;color:#141018;border-color:transparent}
.dk-vbkr{display:flex;align-items:center;gap:10px;margin-bottom:6px}.dk-vbkr>em{font-style:normal;font-size:12.5px;color:#C9C9D2;width:70px}
@media (max-width:520px){.dk-vrth{width:56px}.dk-vrow{grid-template-columns:24px 56px 1fr}.dk-vrow .dk-vdur{grid-column:2/4;justify-self:end}}
@media (min-width:1200px){.dk-vsb{grid-template-columns:minmax(0,1fr) 410px}}
.dk-vrth .dk-frame{display:block}
/* ===== Decks · card lists as a free grid ===== */
.dk-blk .bar .lb{font-style:normal;font:600 10px 'Geist Mono',monospace;letter-spacing:.08em;text-transform:uppercase;color:#8C8C99;padding:0 4px 0 6px}
.dk-blk .bar .sep{width:1px;height:18px;background:rgba(255,255,255,.15);margin:0 3px}
.dk-blk .bar button[data-c].on,.dk-blk .bar button[data-w].on{background:#F4F4F6;color:#111}
.dk-blk .tip{position:fixed;z-index:2147483069;padding:5px 10px;border-radius:99px;background:rgba(17,17,22,.86);color:#C9C9D2;font:500 11.5px 'Geist',sans-serif;pointer-events:none;white-space:nowrap}
.dk-cdrag{position:relative;z-index:40;box-shadow:0 30px 60px -18px rgba(0,0,0,.6),0 0 0 2px #FFD27A!important;opacity:.92;transition:none!important;cursor:grabbing}
body.dk-cdragging,body.dk-cdragging *{cursor:grabbing!important;user-select:none}
.dk-cdrop{position:fixed;z-index:2147483060;border-radius:14px;border:2px dashed #FFD27A;background:rgba(255,210,122,.12);pointer-events:none;transition:left .12s,top .12s,width .12s,height .12s}
.dk-cdrop.nr{background:rgba(255,210,122,.2)}
/* ===== Motion drawer: the essentials up front, the rest folded ===== */
.m-drawer.mo-dr{width:min(538px,100vw)}
.mo-dr .mo-dr-exp{margin:2px 0 4px}.mo-dr .mo-dr-exp .lx-note{margin-top:6px;font-size:11px}.mo-dr-exp .lx-menu{max-height:min(52vh,460px);overflow:auto;background:#17161F}
.mo-dr .mo-dr-bgb .mo-dr-line{margin:0}
.mo-dfold{padding-top:0;padding-bottom:0}.mo-dfold>summary{padding:12px 0;min-height:24px}.mo-dfold[open]>summary{padding-bottom:10px}
.mo-dfold>summary .mo-dr-lbl{margin:0}
.mo-fsum{font-style:normal;font-size:12px;color:#8C8C99;margin-left:auto;max-width:56%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mo-dfold[open]>summary .mo-fsum{display:none}
.mo-dfold+.mo-dfold{border-top:1px solid rgba(255,255,255,.06)}
.mo-dr-rel{margin-top:14px}
.mo-dr .mo-dfold{padding:0!important;margin:0!important;border-bottom:0}.mo-dr .mo-dfold>summary{padding:13px 0}.mo-dr .mo-dfold[open]{padding-bottom:12px!important}.mo-dfold>summary::after{margin-left:10px}
/* one-line timeline in the Motion drawer; every layer on request */
.mo-tlw{position:relative}
.mo-tl-dr.cmp .mtl-ruler,.mo-tl-dr.cmp .mtl-row~.mtl-row{display:none}
.mo-tl-dr.cmp .mtl-row{grid-template-columns:0 1fr;gap:0}.mo-tl-dr.cmp .mtl-row .mtl-name{display:none}
.mo-tl-dr.cmp .mtl{padding-right:96px}.mo-tl-dr.cmp .mtl-phw{left:12px;right:108px;top:6px;bottom:6px}
.mo-tlx{position:absolute;top:7px;right:8px;height:26px;padding:0 10px;border-radius:99px;border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.04);color:#C9C9D2;font:600 11.5px 'Geist',sans-serif;cursor:pointer}.mo-tlx:hover{border-color:rgba(255,210,122,.6);color:#fff}
.mo-tl-dr:not(.cmp)+.mo-tlx{top:auto;bottom:8px}
.mo-dr-relb .mo-dr-lbl{margin-bottom:8px}
.mo-tl-dr.cmp .mtl-row{grid-template-columns:1fr}.mo-tl-dr.cmp .mtl-lane{height:18px}.mo-tl-dr.cmp .mtl-lane b{left:0!important;width:100%!important}.mo-tl-dr.cmp .mtl-lane s{display:none}
.mo-dfold[open]>summary::after{margin-left:auto}

/* ===== Motion drawer · Elements (add icons and motion, remove parts) ===== */
.mo-parts button i{font-style:normal;opacity:.7;margin-right:4px}
.mo-els{display:flex;flex-direction:column;gap:6px;margin:4px 0 10px}
.mo-el{display:flex;align-items:center;gap:6px;border:1px solid rgba(255,255,255,.08);border-radius:12px;background:rgba(255,255,255,.03);transition:border-color .15s,background .15s}
.mo-el.on{border-color:rgba(138,107,255,.7);background:rgba(138,107,255,.12)}
.mo-el-pick{flex:1;display:flex;align-items:center;gap:10px;min-height:44px;padding:4px 8px;background:none;border:0;color:inherit;text-align:left;cursor:pointer;font:inherit}
.mo-el-pick b{font-size:13px;font-weight:600;text-transform:capitalize;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.mo-el-pick em{font-style:normal;font-size:11px;color:#8C8C99}
.mo-el-ic{width:34px;height:34px;flex:none;border-radius:9px;background:#F4F4F6;color:#111116;display:grid;place-items:center}
.mo-el-ic svg{max-width:28px;max-height:28px}
.mo-el-x{width:36px;height:36px;flex:none;margin-right:4px;border-radius:10px;border:0;background:transparent;color:#8C8C99;cursor:pointer}
.mo-el-x:hover{background:rgba(255,255,255,.06);color:#F4F4F6}
.mo-elctl{border-radius:14px;padding:10px 12px;margin-bottom:10px;background:rgba(138,107,255,.08);border:1px solid rgba(138,107,255,.25);display:flex;flex-direction:column;gap:8px}
.mo-elctl-h{display:flex;align-items:center;gap:8px}.mo-elctl-h b{font-size:13px;text-transform:capitalize}.mo-elctl-h span{flex:1;font-size:11px;color:#8C8C99}
.mo-eladd{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;min-height:44px;border-radius:12px;border:1px dashed rgba(255,255,255,.22);background:transparent;color:#F4F4F6;font:600 13px 'Geist',sans-serif;cursor:pointer;transition:border-color .15s,background .15s}
.mo-eladd span{font-size:18px;line-height:1;color:#8A6BFF}
.mo-eladd:hover,.mo-eladd.on{border-color:#8A6BFF;background:rgba(138,107,255,.08)}
.mo-pick{margin-top:10px;display:flex;flex-direction:column;gap:8px}
.mo-pick-q{width:100%}
.mo-pick-g{display:grid;grid-template-columns:repeat(auto-fill,minmax(54px,1fr));gap:6px;max-height:260px;overflow:auto;padding:2px}
.mo-pick-t{aspect-ratio:1;border-radius:12px;border:0;background:#F4F4F6;color:#111116;display:grid;place-items:center;cursor:pointer;transition:transform .15s,box-shadow .15s}
.mo-pick-t:hover{transform:translateY(-2px);box-shadow:0 0 0 2px #8A6BFF}
.mo-pick-t span{display:grid;place-items:center}.mo-pick-t svg{max-width:36px;max-height:36px}

/* tags: canvas part editing + text style */
.mo-sel{position:absolute;z-index:3;border:1.5px solid #8A6BFF;border-radius:8px;background:rgba(138,107,255,.07);box-shadow:0 0 0 1px rgba(255,255,255,.35) inset,0 6px 24px rgba(20,10,60,.25);cursor:move;touch-action:none;transition:left .08s,top .08s,width .08s,height .08s}
.mo-sel::before,.mo-sel::after{content:"";position:absolute;width:8px;height:8px;border-radius:2px;background:#fff;border:1.5px solid #8A6BFF;box-sizing:border-box}
.mo-sel::before{left:-5px;top:-5px}.mo-sel::after{right:-5px;top:-5px}
.mo-sel-rot{position:absolute;left:50%;top:-34px;width:24px;height:24px;margin-left:-12px;border-radius:50%;background:#fff;box-shadow:0 2px 10px rgba(0,0,0,.3);cursor:grab;touch-action:none}
.mo-sel-rot::before{content:"↻";position:absolute;inset:0;display:grid;place-items:center;font:700 14px/1 "Geist",sans-serif;color:#5B3BFF}
.mo-sel-rot::after{content:"";position:absolute;left:50%;top:24px;width:1.5px;height:10px;margin-left:-.75px;background:#8A6BFF}
.mo-sel-sc{position:absolute;right:-9px;bottom:-9px;width:18px;height:18px;border-radius:50%;background:#fff;border:2px solid #8A6BFF;box-sizing:border-box;box-shadow:0 2px 8px rgba(0,0,0,.3);cursor:nwse-resize;touch-action:none}
.mo-selbar{position:absolute;z-index:4;left:50%;top:10px;transform:translateX(-50%);display:flex;align-items:center;gap:2px;padding:4px;border-radius:999px;background:rgba(16,14,26,.86);border:1px solid rgba(255,255,255,.12);box-shadow:0 10px 30px rgba(0,0,0,.35);-webkit-backdrop-filter:blur(16px) saturate(1.4);backdrop-filter:blur(16px) saturate(1.4);white-space:nowrap;animation:moSelIn .22s cubic-bezier(.2,.9,.3,1.2)}
.mo-selbar b{font:600 12px "Geist",sans-serif;color:#fff;padding:0 8px 0 10px;max-width:110px;overflow:hidden;text-overflow:ellipsis}
.mo-selbar button{min-width:32px;height:32px;padding:0 9px;border:0;border-radius:999px;background:transparent;color:#EDEBFF;font:600 13px "Geist",sans-serif;cursor:pointer;display:inline-flex;align-items:center;gap:5px}
.mo-selbar button:hover{background:rgba(255,255,255,.1)}
.mo-selbar .mo-selbar-del{background:rgba(255,69,88,.16);color:#FF7A8A}.mo-selbar .mo-selbar-del:hover{background:rgba(255,69,88,.28)}
.mo-selbar .mo-selbar-ok{background:#8A6BFF;color:#fff}
.mo-undo{position:absolute;z-index:4;left:50%;bottom:12px;transform:translateX(-50%);display:flex;align-items:center;gap:10px;padding:5px 5px 5px 14px;border-radius:999px;background:rgba(16,14,26,.88);border:1px solid rgba(255,255,255,.12);color:#fff;font:600 12px "Geist",sans-serif;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);animation:moSelIn .22s cubic-bezier(.2,.9,.3,1.2)}
.mo-undo button{height:28px;padding:0 12px;border:0;border-radius:999px;background:#fff;color:#16131F;font:700 12px "Geist",sans-serif;cursor:pointer}
@keyframes moSelIn{from{opacity:0;transform:translateX(-50%) translateY(-4px) scale(.96)}to{opacity:1;transform:translateX(-50%) translateY(0) scale(1)}}
.mo-ftabs{margin-bottom:10px}
.mo-fonts{display:grid;grid-template-columns:repeat(auto-fill,minmax(104px,1fr));gap:6px;margin-bottom:12px}
.mo-font{height:46px;display:grid;place-items:center;padding:0 8px;border-radius:12px;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.035);cursor:pointer;transition:border-color .15s,background .15s,transform .15s}
.mo-font img{max-width:100%;height:20px;object-fit:contain;pointer-events:none;opacity:.86}
.mo-font:hover{background:rgba(255,255,255,.07)}.mo-font:active{transform:scale(.97)}
.mo-font.on{border-color:rgba(138,107,255,.9);background:rgba(138,107,255,.16);box-shadow:0 0 0 3px rgba(138,107,255,.18)}.mo-font.on img{opacity:1}
.mo-selbar.is-low{top:auto;bottom:10px;animation-name:moSelUp}
@keyframes moSelUp{from{opacity:0;transform:translateX(-50%) translateY(4px) scale(.96)}to{opacity:1;transform:translateX(-50%) translateY(0) scale(1)}}
.mo-selbar~.mo-replay,.mo-undo~.mo-replay{display:none}
.mo-dr-stage,.mo-selbar,.mo-undo{-webkit-user-select:none;user-select:none}

/* calmer drawer: compact text fields, folded sections, fewer fonts at first */
.mo-dr .mo-txt{display:grid;grid-template-columns:96px 1fr;align-items:center;gap:10px;margin-bottom:8px}
.mo-dr .mo-txt .m-in{min-height:40px;font-size:14px}
.mo-dr .mo-fold>summary{padding:4px 0}
.mo-dr .mo-dr-block{padding-top:14px;padding-bottom:14px}
.mo-fonts:not(.all) .mo-font:nth-child(n+9){display:none}
.mo-more{display:block;width:100%;height:36px;margin:-4px 0 12px;border:1px dashed rgba(255,255,255,.14);border-radius:12px;background:none;color:#B9B4D6;font:600 12px "Geist",sans-serif;cursor:pointer}
.mo-more:hover{background:rgba(255,255,255,.04)}
.mo-dr .mo-taphint{font-size:11px;padding:6px 10px;opacity:.85}
.mo-cols:not(.all) .mo-swatch:nth-of-type(n+10){display:none}
.mo-grid.mo-grid-tags{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
@media (max-width:900px){.mo-grid.mo-grid-tags{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:720px){.mo-grid.mo-grid-tags{grid-template-columns:repeat(2,minmax(0,1fr))}}
html.mf-drawer .mo-tile .mo-live-svg *{animation-play-state:paused!important}
/* ===== Profile (account) · header + side menu, after Freepik / LottieFiles dashboards ===== */
.ac3-wrap{max-width:1180px;margin:0 auto;padding:28px clamp(16px,3vw,32px) 110px;display:flex;flex-direction:column;gap:18px}
.ac3-head{position:relative;border-radius:28px;overflow:hidden;background:#0E0E14;border:1px solid rgba(255,255,255,.1)}
.ac3-cover{height:118px;background:radial-gradient(60% 140% at 12% 0%,rgba(138,107,255,.55),transparent 70%),radial-gradient(50% 140% at 88% 10%,rgba(255,92,170,.4),transparent 70%),radial-gradient(40% 120% at 55% 100%,rgba(255,196,80,.25),transparent 70%),#15121F}
.ac3-id{display:flex;flex-wrap:wrap;align-items:flex-end;gap:18px;padding:0 24px;margin-top:-46px}
.ac3-av{width:96px;height:96px;flex:none;border-radius:50%;display:grid;place-items:center;font:700 34px/1 'Morfy Neo',sans-serif;color:#fff;border:4px solid #0E0E14;box-shadow:0 10px 30px rgba(0,0,0,.4);letter-spacing:-.02em}
.ac3-avmf{background:#1A1626;overflow:hidden}.ac3-mf{display:block;width:120px;height:120px;margin:-4px}
.ac3-who{flex:1;min-width:220px;display:flex;flex-direction:column;gap:6px;padding-bottom:6px}
.ac3-nm{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.ac3-nm h1{margin:0;font:700 clamp(26px,3vw,34px)/1.05 'Morfy Neo',sans-serif;letter-spacing:-.02em}
.ac3-mail{color:#8C8C99;font-size:13.5px}
.ac3-plan{display:inline-flex;align-items:center;height:26px;padding:0 11px;border-radius:999px;font:600 12px 'Geist',sans-serif;background:rgba(255,255,255,.08);color:#D9D7E6;border:1px solid rgba(255,255,255,.14)}
.ac3-plan.pro{background:linear-gradient(90deg,#7B5CFF,#C25CFF);color:#fff;border-color:transparent}
.ac3-plan.gold{background:linear-gradient(90deg,#FFD66B,#FF9F3D);color:#2A1500;border-color:transparent}
.ac3-hacts{display:flex;gap:8px;flex-wrap:wrap;padding-bottom:6px}
.ac3-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;margin-top:18px;border-top:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.08)}
.ac3-stat{display:flex;flex-direction:column;gap:2px;align-items:flex-start;padding:14px 24px;background:#0E0E14;border:0;color:inherit;cursor:pointer;text-align:left;font:inherit}
.ac3-stat:hover{background:#14141C}.ac3-stat b{font:700 22px/1.1 'Morfy Neo',sans-serif}.ac3-stat>span{font-size:12px;color:#8C8C99}
.ac3-body{display:grid;grid-template-columns:232px minmax(0,1fr);gap:18px;align-items:start;scroll-margin-top:80px}
.ac3-nav{position:sticky;top:84px;display:flex;flex-direction:column;gap:2px;padding:8px;border-radius:20px;background:#0E0E14;border:1px solid rgba(255,255,255,.1)}
.ac3-ni{display:flex;align-items:center;gap:10px;height:42px;padding:0 12px;border:0;border-radius:12px;background:none;color:#C9C9D2;font:500 14px 'Geist',sans-serif;cursor:pointer;text-align:left}
.ac3-ni i{width:18px;font-style:normal;text-align:center;opacity:.8}.ac3-ni>span{flex:1}.ac3-ni em{font-style:normal;font:500 11px 'Geist Mono',monospace;color:#8C8C99}
.ac3-ni:hover{background:rgba(255,255,255,.05);color:#fff}.ac3-ni.on{background:rgba(138,107,255,.16);color:#fff}.ac3-ni.on i{opacity:1;color:#B9A6FF}
.ac3-main{display:flex;flex-direction:column;gap:14px;min-width:0}
.ac3-card{display:flex;flex-direction:column;gap:10px;padding:20px;border-radius:22px;background:#0E0E14;border:1px solid rgba(255,255,255,.1);min-width:0;box-sizing:border-box}
.ac3-sec{gap:16px;padding:24px}
.ac3-grid2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.ac3-ch{display:flex;justify-content:space-between;align-items:center;gap:10px}
.ac3-link{border:0;background:none;color:#B9A6FF;font:600 12.5px 'Geist',sans-serif;cursor:pointer;padding:0}.ac3-link:hover{color:#fff}
.ac3-join{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;padding:18px 20px;border-radius:20px;background:linear-gradient(90deg,rgba(138,107,255,.18),rgba(255,92,170,.12));border:1px solid rgba(138,107,255,.35)}
.ac3-join div{display:flex;flex-direction:column;gap:4px}.ac3-join div>b{font-size:15px}.ac3-join div>span{font-size:13px;color:#C9C9D2}
.ac3-plancard.pro{background:linear-gradient(160deg,rgba(123,92,255,.2),#0E0E14 60%)}.ac3-plancard.gold{background:linear-gradient(160deg,rgba(255,190,80,.18),#0E0E14 60%)}
.ac3-pname{display:flex;flex-direction:column;gap:2px}.ac3-pname b{font:700 28px/1.1 'Morfy Neo',sans-serif;letter-spacing:-.02em}.ac3-pname>span{font-size:13px;color:#C9C9D2}
.ac3-recent{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px}
.ac3-rc{display:flex;flex-direction:column;gap:5px;min-width:0;color:inherit;text-decoration:none}.ac3-rc>b{font-size:12.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ac3-rc>span:last-child{font-size:11px;color:#8C8C99;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ac3-th{display:grid;place-items:center;aspect-ratio:1;border-radius:14px;overflow:hidden;border:1px solid rgba(255,255,255,.08)}.ac3-th img{width:100%;height:100%;object-fit:contain;box-sizing:border-box;display:block}
.ac3-rc:hover .ac3-th{border-color:rgba(138,107,255,.6)}.ac3-gl{font:700 22px 'Morfy Neo',sans-serif;color:#8C8C99}
.ac3-sh{display:flex;justify-content:space-between;align-items:flex-end;gap:14px;flex-wrap:wrap}.ac3-sh h2{margin:0 0 4px;font:700 26px/1.1 'Morfy Neo',sans-serif;letter-spacing:-.02em}
.ac3-q{width:260px;max-width:100%;height:40px}
.ac3-chips button em{font-style:normal;opacity:.6;font-size:11px;margin-left:2px}
.ac3-grp{display:flex;flex-direction:column;gap:2px}
.ac3-gh{font:500 11px 'Geist Mono',monospace;letter-spacing:.1em;text-transform:uppercase;color:#8C8C99;padding:8px 2px}.ac3-gh em{font-style:normal;opacity:.6}
.ac3-row{display:grid;grid-template-columns:56px minmax(0,1fr) auto;align-items:center;gap:14px;padding:8px;border-radius:14px}.ac3-row:hover{background:rgba(255,255,255,.04)}
.ac3-row .ac3-th{width:56px;border-radius:12px}
.ac3-rm{display:flex;flex-direction:column;gap:3px;min-width:0}.ac3-rm>b{font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ac3-rm>span{font-size:12px;color:#8C8C99}
.ac3-kd{font-style:normal;display:inline-block;padding:1px 7px;margin-right:6px;border-radius:999px;background:rgba(255,255,255,.07);color:#C9C9D2;font-size:11px}
.ac3-again{display:inline-flex;align-items:center;gap:6px;height:34px;padding:0 13px;border-radius:999px;border:1px solid rgba(255,255,255,.14);color:#EDEBFF;text-decoration:none;font:600 12.5px 'Geist',sans-serif;white-space:nowrap}.ac3-again:hover{background:#fff;color:#16131F;border-color:#fff}
.ac3-cur{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:18px;padding:20px;border-radius:18px;background:#14141C;border:1px solid rgba(255,255,255,.08)}
.ac3-cur.pro{border-color:rgba(138,107,255,.45)}.ac3-cur.gold{border-color:rgba(255,190,80,.45)}
.ac3-curl{display:flex;flex-direction:column;gap:8px}.ac3-curb{grid-column:1/-1;display:flex;gap:8px;flex-wrap:wrap}
.ac3-feat{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px;font-size:13.5px}.ac3-feat li{display:flex;gap:9px;align-items:center}.ac3-feat i{font-style:normal;width:20px;height:20px;border-radius:50%;display:grid;place-items:center;font-size:11px;background:rgba(80,220,150,.16);color:#6BE3A4;flex:none}
.ac3-feat li.off{color:#6E6E7A}.ac3-feat li.off i{background:rgba(255,255,255,.06);color:#6E6E7A}
.ac3-tbl{display:flex;flex-direction:column;border:1px solid rgba(255,255,255,.08);border-radius:14px;overflow:hidden}
.ac3-tr{display:grid;grid-template-columns:minmax(0,1.6fr) 1fr 1.3fr .8fr;gap:12px;padding:12px 16px;font-size:13px;border-top:1px solid rgba(255,255,255,.06)}.ac3-tr:first-child{border-top:0}
.ac3-thd{background:#14141C;font:500 11px 'Geist Mono',monospace;letter-spacing:.08em;text-transform:uppercase;color:#8C8C99}.ac3-ok{color:#6BE3A4}
@media (max-width:900px){.ac3-body{grid-template-columns:minmax(0,1fr)}.ac3-nav{position:static;flex-direction:row;overflow-x:auto;scrollbar-width:none;border-radius:16px}.ac3-ni{flex:none}.ac3-ni em{display:none}.ac3-grid2{grid-template-columns:minmax(0,1fr)}.ac3-recent{grid-template-columns:repeat(3,minmax(0,1fr))}.ac3-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.ac3-cur{grid-template-columns:minmax(0,1fr)}.ac3-tr{grid-template-columns:minmax(0,1.4fr) 1fr .9fr}.ac3-tr>:nth-child(3){display:none}}
@media (max-width:560px){.ac3-row{grid-template-columns:48px minmax(0,1fr)}.ac3-row .ac3-th{width:48px}.ac3-again{grid-column:2;justify-self:start;height:30px}.ac3-id{padding:0 16px}.ac3-stat{padding:12px 16px}}
.ac3-chips{display:flex;flex-wrap:wrap;gap:6px;background:none;border:0;padding:0}
.ac3-chips button{height:32px;padding:0 13px;border-radius:999px;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.03);color:#C9C9D2;font:500 13px 'Geist',sans-serif;cursor:pointer}
.ac3-chips button:hover{background:rgba(255,255,255,.07);color:#fff}.ac3-chips button.on{background:#fff;color:#16131F;border-color:#fff}
/* ===== Decks: team sharing (main's decks/collab.js put these on the page itself; the share dialog, comments, pins) ===== */
.cx-root{--cx-bg:#16141c;--cx-bg2:#1f1c27;--cx-ln:rgba(255,255,255,.1);--cx-tx:#f3f1f7;--cx-mu:rgba(243,241,247,.6);--cx-ac:#ffd27a;--cx-in:#0f0d14;font:14px/1.45 Inter,system-ui,sans-serif;color:var(--cx-tx)}
.cx-root.lt{--cx-bg:#fff;--cx-bg2:#f5f4f7;--cx-ln:rgba(20,16,30,.12);--cx-tx:#17141f;--cx-mu:rgba(23,20,31,.6);--cx-in:#fff;--cx-ac:#17141f}
.cx-scrim{position:fixed;inset:0;z-index:2147483000;background:rgba(8,6,12,.55);backdrop-filter:blur(3px);display:flex;align-items:center;justify-content:center;padding:16px}
.cx-modal{width:min(520px,100%);max-height:calc(100vh - 32px);overflow:auto;background:var(--cx-bg);border:1px solid var(--cx-ln);border-radius:20px;box-shadow:0 30px 80px rgba(0,0,0,.45);padding:22px}
.cx-modal h3{margin:0 0 4px;font-size:19px;font-weight:650;letter-spacing:-.01em}
.cx-modal p{margin:0 0 14px;color:var(--cx-mu)}
.cx-x{float:right;background:none;border:0;color:var(--cx-mu);font-size:18px;cursor:pointer;padding:2px 6px;border-radius:8px}.cx-x:hover{background:var(--cx-bg2);color:var(--cx-tx)}
.cx-row{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.cx-in{flex:1;min-width:0;height:42px;padding:0 13px;border-radius:12px;border:1px solid var(--cx-ln);background:var(--cx-in);color:var(--cx-tx);font:inherit;outline:none}.cx-in:focus{border-color:var(--cx-ac)}
.cx-code{letter-spacing:.35em;font-size:20px;text-align:center;font-variant-numeric:tabular-nums}
.cx-sel{height:42px;padding:0 10px;border-radius:12px;border:1px solid var(--cx-ln);background:var(--cx-in);color:var(--cx-tx);font:inherit}
.cx-b{height:42px;padding:0 16px;border-radius:12px;border:1px solid var(--cx-ln);background:var(--cx-bg2);color:var(--cx-tx);font:inherit;font-weight:600;cursor:pointer;white-space:nowrap}.cx-b:hover{border-color:var(--cx-mu)}
.cx-b.p{background:var(--cx-ac);color:#17141f;border-color:transparent}.cx-root.lt .cx-b.p{color:#fff}
.cx-b[disabled]{opacity:.5;cursor:default}
.cx-b.s{height:34px;padding:0 12px;border-radius:10px;font-size:13px}
.cx-lnk{background:none;border:0;padding:0;color:var(--cx-tx);text-decoration:underline;text-underline-offset:3px;cursor:pointer;font:inherit}
.cx-err{color:#ff8a7a;font-size:13px;margin-top:8px;min-height:18px}
.cx-note{font-size:12.5px;color:var(--cx-mu);margin-top:12px}
.cx-ppl{margin:16px 0 4px;border-top:1px solid var(--cx-ln)}
.cx-p{display:flex;align-items:center;gap:10px;padding:10px 0;border-bottom:1px solid var(--cx-ln)}
.cx-a{width:30px;height:30px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;color:#fff;font-size:11.5px;font-weight:700;flex:none;font-style:normal;letter-spacing:.02em}
.cx-pm{flex:1;min-width:0}.cx-pm b{display:block;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cx-pm span{font-size:12.5px;color:var(--cx-mu)}
.cx-tag{font-size:12.5px;color:var(--cx-mu)}
.cx-rm{background:none;border:0;color:var(--cx-mu);cursor:pointer;font-size:15px;padding:4px 8px;border-radius:8px}.cx-rm:hover{background:var(--cx-bg2);color:var(--cx-tx)}
.cx-ft{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:16px;font-size:12.5px;color:var(--cx-mu);flex-wrap:wrap}
.cx-ok{margin-top:12px;padding:12px 14px;border-radius:12px;background:var(--cx-bg2);font-size:13px}
.cx-drawer{position:fixed;right:0;bottom:0;width:min(360px,100vw);z-index:60;background:var(--cx-bg);border-left:1px solid var(--cx-ln);display:flex;flex-direction:column;box-shadow:-20px 0 50px rgba(0,0,0,.18)}
.cx-dh{padding:14px 16px 10px;border-bottom:1px solid var(--cx-ln)}
.cx-dh h4{margin:0;font-size:15px;font-weight:650;display:flex;align-items:center;justify-content:space-between}
.cx-tabs{display:flex;gap:6px;margin-top:10px}.cx-tabs button{height:30px;padding:0 11px;border-radius:999px;border:1px solid var(--cx-ln);background:none;color:var(--cx-mu);font:inherit;font-size:12.5px;cursor:pointer}.cx-tabs button.on{background:var(--cx-tx);color:var(--cx-bg);border-color:transparent}
.cx-hint{margin:10px 16px 0;padding:10px 12px;border-radius:12px;background:var(--cx-bg2);font-size:12.5px;color:var(--cx-mu)}
.cx-list{flex:1;overflow:auto;padding:8px 10px 20px}
.cx-th{padding:12px;border-radius:14px;border:1px solid transparent;cursor:pointer;margin-bottom:6px}.cx-th:hover{background:var(--cx-bg2)}.cx-th.on{border-color:var(--cx-ac);background:var(--cx-bg2)}
.cx-th.done{opacity:.6}
.cx-mh{display:flex;align-items:center;gap:8px;margin-bottom:6px}.cx-mh .cx-a{width:24px;height:24px;font-size:10px}.cx-mh b{font-weight:600;font-size:13px}.cx-mh span{font-size:12px;color:var(--cx-mu)}
.cx-sl{margin-left:auto;font-size:11px;color:var(--cx-mu);border:1px solid var(--cx-ln);border-radius:999px;padding:1px 8px}
.cx-body{white-space:pre-wrap;word-break:break-word;font-size:13.5px}
.cx-rep{margin:10px 0 0 14px;padding-left:12px;border-left:2px solid var(--cx-ln)}
.cx-acts{display:flex;gap:6px;margin-top:10px;flex-wrap:wrap}
.cx-ta{width:100%;min-height:64px;resize:vertical;padding:10px 12px;border-radius:12px;border:1px solid var(--cx-ln);background:var(--cx-in);color:var(--cx-tx);font:inherit;font-size:13.5px;outline:none;box-sizing:border-box}.cx-ta:focus{border-color:var(--cx-ac)}
.cx-empty{padding:30px 18px;text-align:center;color:var(--cx-mu);font-size:13px}
.cx-pins{position:fixed;z-index:55;pointer-events:none}
.cx-pin{position:absolute;transform:translate(-4px,-100%);pointer-events:auto;cursor:pointer;border:0;padding:0;background:none}
.cx-pin i{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:14px 14px 14px 3px;color:#fff;font:700 11px Inter,system-ui,sans-serif;font-style:normal;box-shadow:0 4px 14px rgba(0,0,0,.3),0 0 0 2px #fff}
.cx-pin.on i{transform:scale(1.18);box-shadow:0 4px 14px rgba(0,0,0,.3),0 0 0 3px var(--cx-ac)}
.cx-pin.new i{background:var(--cx-ac)!important;color:#17141f}
.cx-new{position:fixed;z-index:61;width:280px;background:var(--cx-bg);border:1px solid var(--cx-ln);border-radius:16px;padding:12px;box-shadow:0 20px 50px rgba(0,0,0,.35)}
.cx-new .cx-acts{justify-content:flex-end}
.cx-tip{position:fixed;z-index:61;left:50%;transform:translateX(-50%);bottom:24px;padding:10px 16px;border-radius:999px;background:var(--cx-tx);color:var(--cx-bg);font-size:13px;font-weight:600;pointer-events:none}
.dk-stage.cx-cm{cursor:crosshair}
.dk-stage.cx-cm *{cursor:crosshair!important}
/* while Canvas is open, the Morfy sheet (join, daily limit) and toasts show above it */
html.mf-canvas .mf-scrim{z-index:2147482500}html.mf-canvas .mf-sheet{z-index:2147482501}html.mf-canvas .m-toast{z-index:2147482502}



@font-face{font-family:'Morfy Neo';src:url('assets/MorfyNeo-Light.woff2') format('woff2'),url('assets/MorfyNeo-Light.woff') format('woff');font-weight:300;font-style:normal;font-display:swap}
@font-face{font-family:'Morfy Neo';src:url('assets/MorfyNeo-Regular.woff2') format('woff2'),url('assets/MorfyNeo-Regular.woff') format('woff');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:'Morfy Neo';src:url('assets/MorfyNeo-Medium.woff2') format('woff2'),url('assets/MorfyNeo-Medium.woff') format('woff');font-weight:500;font-style:normal;font-display:swap}
@font-face{font-family:'Morfy Neo';src:url('assets/MorfyNeo-Bold.woff2') format('woff2'),url('assets/MorfyNeo-Bold.woff') format('woff');font-weight:700;font-style:normal;font-display:swap}
@font-face{font-family:'Morfy Neo';src:url('assets/MorfyNeo-Black.woff2') format('woff2'),url('assets/MorfyNeo-Black.woff') format('woff');font-weight:900;font-style:normal;font-display:swap}
@font-face{font-family:'Morfy Mono';src:url('assets/MorfyMono-Light.woff2') format('woff2'),url('assets/MorfyMono-Light.woff') format('woff');font-weight:300;font-style:normal;font-display:swap}
@font-face{font-family:'Morfy Mono';src:url('assets/MorfyMono-Regular.woff2') format('woff2'),url('assets/MorfyMono-Regular.woff') format('woff');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:'Morfy Mono';src:url('assets/MorfyMono-Bold.woff2') format('woff2'),url('assets/MorfyMono-Bold.woff') format('woff');font-weight:700;font-style:normal;font-display:swap}
body{margin:0}
.mf-dark{--bg:#07070A;--bg2:#0B0B10;--card:#0F0F15;--line:#1F1F28;--line2:#2C2C36;--ink:#F4F4F6;--mute:#A3A3B0;--dim:#74747F;--chip:#15151C;--inv:#0B0B10;--invbg:#F4F4F6;--paper:#F4F2EE;--paperink:#111116}
.mf-light{--bg:#F0F0F3;--bg2:#FFFFFF;--card:#FFFFFF;--line:#DEDEE6;--line2:#CFCFD9;--ink:#2E3036;--mute:#5C5E68;--dim:#8A8C96;--chip:#E6E6EE;--inv:#FFFFFF;--invbg:#2E3036;--paper:#2E3036;--paperink:#F4F2EE}
.mf-root a{color:var(--ink);text-decoration:none}
.mf-grad{background:linear-gradient(92deg,#8A6BFF 0%,#4FA6FF 38%,#FF8FD3 72%,#FFB47E 100%);-webkit-background-clip:text;background-clip:text;color:transparent}
.mf-ring{background:linear-gradient(92deg,#8A6BFF,#4FA6FF,#FF8FD3,#FFB47E)}
.mf-btn{font-family:'Geist',sans-serif;font-size:14px;font-weight:600;min-height:40px;padding:0 16px;border-radius:999px;border:1px solid var(--line2);background:transparent;color:var(--ink);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:8px;box-sizing:border-box;white-space:nowrap;transition:background .2s,border-color .2s,transform .2s}
.mf-btn:hover{background:var(--chip);border-color:var(--dim)}
.mf-btn:active{transform:scale(.97)}
.mf-btn:focus-visible,.mf-chip:focus-visible,.mf-g:focus-visible,.mf-in:focus-visible{outline:2px solid #4FA6FF;outline-offset:2px}
.mf-btn[disabled]{opacity:.38;cursor:not-allowed}
.mf-btn[disabled]:hover{background:transparent;border-color:var(--line2)}
.mf-pri{background:var(--invbg);color:var(--inv);border-color:var(--invbg)}
.mf-pri:hover{background:var(--invbg);opacity:.88}
.mf-chip{font-family:'Geist',sans-serif;font-size:13px;font-weight:500;min-height:34px;padding:0 14px;border-radius:999px;border:1px solid var(--line2);background:transparent;color:var(--mute);cursor:pointer;white-space:nowrap;transition:all .2s}
.mf-chip:hover{color:var(--ink);border-color:var(--dim)}
.mf-chip.mf-on{background:var(--invbg);color:var(--inv);border-color:var(--invbg)}
.mf-tab{font-family:'Geist',sans-serif;font-size:14px;font-weight:500;padding:14px 2px;border:none;border-bottom:2px solid transparent;background:transparent;color:var(--dim);cursor:pointer;white-space:nowrap}
.mf-tab:hover{color:var(--ink)}
.mf-tab.mf-on{color:var(--ink);border-bottom-color:var(--ink)}
.mf-card{border:1px solid var(--line);border-radius:24px;background:var(--card);transition:border-color .25s,transform .35s cubic-bezier(.34,1.56,.64,1)}
.mf-card:hover{border-color:var(--line2)}
.mf-lift:hover{transform:translateY(-3px)}
.mf-g{font-size:28px;height:64px;border:1px solid var(--line);border-radius:12px;background:var(--bg2);color:var(--ink);cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0;transition:all .15s}
.mf-g:hover{border-color:var(--dim);transform:scale(1.06)}
.mf-g.mf-on{background:var(--invbg);color:var(--inv);border-color:var(--invbg)}
.mf-in{font-family:'Geist',sans-serif;font-size:15px;min-height:44px;padding:0 16px;border-radius:999px;border:1px solid var(--line2);background:var(--bg2);color:var(--ink);box-sizing:border-box}
.mf-range{accent-color:#8A6BFF;width:100%}
.mf-pre{margin:0;font-family:'Geist Mono',monospace;font-size:12.5px;line-height:1.65;padding:18px 20px;border-radius:16px;background:var(--bg);border:1px solid var(--line);color:var(--mute);white-space:pre;overflow-x:auto}
.mf-scroll{overflow-x:auto;scrollbar-width:none}
.mf-scroll::-webkit-scrollbar{display:none}
.mf-fade{animation:mfFade .45s ease both}
.mf-pulse{animation:mfPulse 1.4s ease-in-out infinite}
.mf-toast{animation:mfToast .35s cubic-bezier(.34,1.56,.64,1) both}
.mf-skel{background:linear-gradient(90deg,var(--chip),var(--line),var(--chip));background-size:200% 100%;animation:mfSkel 1.2s linear infinite}
@keyframes mfFade{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
@keyframes mfPulse{0%,100%{opacity:1}50%{opacity:.35}}
@keyframes mfToast{from{opacity:0;transform:translate(-50%,16px)}to{opacity:1;transform:translate(-50%,0)}}
@keyframes mfSkel{to{background-position:-200% 0}}
@media (prefers-reduced-motion: reduce){.mf-fade,.mf-pulse,.mf-toast,.mf-skel,.mf-card,.mf-g,.mf-btn{animation:none;transition:none}}
@media (max-width: 760px){.mf-hide-sm{display:none}}


/* ==== Added after the rebuild ==== */
/* Google sign-in in the Morfy sheet */
.mf-google{height:48px;border-radius:999px;border:1px solid rgba(255,255,255,.16);background:#FFFFFF;color:#1F1F1F;font:600 15px 'Geist',sans-serif;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:10px;transition:transform .15s}
.mf-google:hover{transform:translateY(-1px)}
.mf-google:disabled{opacity:.6;cursor:default}
.mf-or{display:flex;align-items:center;gap:10px;font-size:12px;color:#8C8C99}
.mf-or::before,.mf-or::after{content:'';flex:1;height:1px;background:rgba(255,255,255,.1)}
/* Privacy (/privacy) */
.lg-wrap{max-width:720px;margin:0 auto;padding:72px 24px 96px;color:#C9C9D2;font-size:16px;line-height:1.7}
.lg-h1{margin:10px 0 6px;font:700 clamp(34px,6vw,48px)/1.1 'Geist',sans-serif;letter-spacing:-.02em;color:#F4F4F6}
.lg-date{margin:0 0 28px;font-size:14px;color:#8C8C99}
.lg-part{margin-top:36px}
.lg-part h2{margin:0 0 10px;font:600 20px/1.3 'Geist',sans-serif;color:#F4F4F6}
.lg-wrap p{margin:0 0 12px}
.lg-wrap ul{margin:0 0 12px;padding-left:20px;display:flex;flex-direction:column;gap:8px}
.lg-wrap b{color:#F4F4F6;font-weight:600}
.lg-wrap a{color:#F4F4F6;text-decoration:underline;text-underline-offset:3px}
/* The home page's editor demo opens its scene in the 3D editor (HomePage edGo) */
.hx-ed{cursor:pointer;transition:border-color .3s,box-shadow .3s,transform .3s}
.hx-ed:hover{border-color:rgba(165,148,255,.32);box-shadow:0 60px 120px -60px rgba(0,0,0,.95),0 0 0 1px rgba(165,148,255,.18)}
.hx-ed:focus-visible{outline:2px solid #A594FF;outline-offset:4px}
.hx-ed-open{position:absolute;z-index:3;left:24px;top:22px;display:inline-flex;gap:6px;align-items:center;padding:8px 14px;border-radius:999px;background:rgba(13,13,19,.78);border:1px solid rgba(255,255,255,.14);color:#F4F4F6;font:600 13px 'Geist',sans-serif;opacity:0;transform:translateY(-4px);transition:opacity .25s,transform .25s;pointer-events:none;backdrop-filter:blur(8px)}
.hx-ed-open b{font-weight:600;color:#A594FF}
.hx-ed:hover .hx-ed-open,.hx-ed:focus-visible .hx-ed-open{opacity:1;transform:none}
@media (hover:none){.hx-ed-open{opacity:1;transform:none}}
/* Home sections off screen hold their animations still (HomePage holdOffscreen) */
.hx-off,.hx-off *,.hx-off *::before,.hx-off *::after{animation-play-state:paused !important}
/* off screen: animations held still (offscreen.ts) */
.mf-off,.mf-off *,.mf-off *::before,.mf-off *::after{animation-play-state:paused !important}
/* landmark tiles off screen skip style, layout and paint (they clip their contents already) */
.m-tile{content-visibility:auto;contain-intrinsic-size:auto 240px}
/* home marquee tiles out of sight do the same, animations included: the Diwali marquee's are about 32,000 of the page's
   35,000 elements and 2,100 of its animations, and only a few tiles are on screen at once (each row is four copies) */
.hx-mc{content-visibility:auto;contain-intrinsic-size:auto 224px auto 150px}
/* the header's Morfy is a picture of itself until the character is drawn (on phones, until its sheet opens: morfyChar.ts) */
.m-mfhdr{background:url(/assets/morfy-still.png) center/contain no-repeat}.m-mfhdr.mf-3d{background:none}
/* ===== Decks: a text's own size (s.fz; engines.ts dkFzHtml, the text toolbar in DecksPage) ===== */
/* the wrapper draws nothing, so the text keeps its place in the layout; its entrance animation goes to the text */
.dk-fz{display:contents}
.dk-anim .dk-in>*>.dk-fz>*{animation:inherit}
.dk-inbar .dk-sz,.dk-blk .bar .dk-sz{display:flex;align-items:center;margin:0 2px;padding:0 2px;border-left:1px solid rgba(255,255,255,.12);border-right:1px solid rgba(255,255,255,.12)}
.dk-inbar .dk-sz input,.dk-blk .bar .dk-sz input,.dk-etb .dk-sz input{width:44px;height:28px;margin:0 2px;padding:0 4px;border:1px solid rgba(255,255,255,.14);border-radius:7px;background:rgba(255,255,255,.06);color:#fff;font:600 12px/1 'Geist Mono',monospace;text-align:center;-moz-appearance:textfield;appearance:textfield}
.dk-sz input::-webkit-inner-spin-button,.dk-sz input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}
.dk-sz input:focus{outline:none;border-color:#FFD27A;background:rgba(255,255,255,.1)}
.dk-inbar .dk-sz button,.dk-blk .bar .dk-sz button{min-width:28px;padding:8px 6px;font-size:15px}
.dk-etb .dk-sz{display:inline-flex;align-items:center}
/* ===== Home: the sections' links as the UI components' Spectrum Rim · Ember (Glass No. 007, uic-app's f-rim) ===== */
/* smoked charcoal fill in a hairline spectrum border; hover sets the border spinning and lifts a coloured halo */
@property --hx-rim{syntax:'<angle>';inherits:false;initial-value:270deg}
.hx-link{--c1:#ff9a5a;--c2:#ff4f81;--c3:#a855f7;position:relative;isolation:isolate;display:inline-flex;align-items:center;justify-content:center;gap:10px;height:52px;margin-top:6px;padding:0 26px;border:0;border-radius:999px;color:#fff;font:600 16px/1 'Geist',sans-serif;letter-spacing:-.012em;white-space:nowrap;text-decoration:none;cursor:pointer;-webkit-tap-highlight-color:transparent;background:radial-gradient(90% 160% at 50% 130%,rgba(255,255,255,.09),transparent 60%),linear-gradient(180deg,#1d1c1f,#121113);box-shadow:-10px 0 26px -16px var(--c1),10px 0 26px -16px var(--c3),0 12px 30px -14px #000;transition:transform .35s cubic-bezier(.2,.8,.2,1),box-shadow .35s cubic-bezier(.2,.8,.2,1)}
.hx-link::before,.hx-link::after{content:'';position:absolute;inset:0;border-radius:inherit;pointer-events:none;z-index:-1}
.hx-link::before{padding:1.5px;background:conic-gradient(from var(--hx-rim),var(--c1),var(--c2),var(--c3),var(--c1));-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask-composite:exclude}
.hx-link::after{background:linear-gradient(180deg,rgba(255,255,255,.07),transparent 50%)}
.hx-link:hover{transform:translateY(-1px);box-shadow:-14px 0 30px -12px var(--c1),14px 0 30px -12px var(--c3),0 14px 34px -14px #000}
.hx-link:hover::before{animation:hxRim 2.8s linear infinite}
.hx-link:active{transform:scale(.97)}
.hx-link:focus-visible{outline:2px solid #0a84ff;outline-offset:4px}
@keyframes hxRim{from{--hx-rim:0deg}to{--hx-rim:360deg}}
@media (prefers-reduced-motion:reduce){.hx-link,.hx-link::before{animation:none!important;transition-duration:.01ms!important}}
/* ===== Home: the icon grid on Safari ===== */
/* Safari doesn't resolve an icon's height:100% inside a cell sized by aspect-ratio, so each SVG fell back to its own
   height, which widened the columns past the screen and spilled the rows into the next section. The columns keep to
   their share, and each icon is as tall as it is wide */
.hx-icons{grid-template-columns:repeat(12,minmax(0,1fr))}
@media (max-width:900px){.hx-icons{grid-template-columns:repeat(6,minmax(0,1fr))}}
.hx-ic{min-width:0}
.hx-ic>svg{height:auto;aspect-ratio:1}
/* ===== Decks: open to anyone with the link, to view (the share dialog's switch, DecksPage cxShareModal) ===== */
.cx-pub{display:flex;align-items:flex-start;gap:10px;margin-top:14px;padding-top:12px;border-top:1px solid var(--cx-ln);cursor:pointer}
.cx-pub input{flex:none;width:16px;height:16px;margin:3px 0 0;accent-color:var(--cx-ac);cursor:pointer}
.cx-pub span{display:flex;flex-direction:column;gap:2px}
.cx-pub b{font-size:14px;font-weight:600;color:var(--cx-tx)}
.cx-pub em{font-style:normal;font-size:12.5px;color:var(--cx-mu)}
.cx-pub+.cx-row{margin-top:8px}
.cx-pub+.cx-row .cx-in{flex:1;min-width:0;font-size:12.5px}
.cx-pubst{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:8px;font-size:12.5px;color:var(--cx-mu)}
.cx-pubst .cx-b{height:34px;padding:0 14px}
/* the Share button: a dot while the open link shows an older copy */
.cx-sbtn{position:relative}.cx-sbtn.cx-unpub::after{content:'';position:absolute;top:6px;right:6px;width:8px;height:8px;border-radius:50%;background:#FFD27A;box-shadow:0 0 0 2px #0B0B10}