/* scoped from docs/saas-launch/design/static/Remake.html by app/tools/board_css.py — do not edit by hand */
.ex.pg-Remake{--solid:#0f0f0f;--on-solid:#f2f2ef;--plane:#f2f2ef;--surface:#fff;--surface-2:#f7f7f4;--surface-3:#ecece7;--ink:#0f0f0f;--ink-2:#52525b;--ink-3:#6b6b66;--border:#e3e3dd;--border-strong:#cfcfc8;--act:#f5dd1e;--commit:#2f5bff;--good:#1f8a4c;--warn:#b45309;--no:#c2410c;
 font-family:'Geist',system-ui,sans-serif;color:var(--ink);background:var(--plane)}
.ex.pg-Remake.dark{--solid:#2c2c31;--on-solid:#f2f2ef;--plane:#121214;--surface:#1c1c1f;--surface-2:#242428;--surface-3:#2c2c31;--ink:#f2f2ef;--ink-2:#c4c4ca;--ink-3:#a3a39d;--border:#2c2c31;--border-strong:#3a3a40;--commit:#7d97ff;--good:#4cc283;--warn:#f0a050;--no:#ff8a5c}
.pg-Remake .disp{font-family:'Plus Jakarta Sans','Geist',sans-serif}
.pg-Remake .serif{font-family:'Instrument Serif',Georgia,serif;font-style:italic;font-weight:400}
.pg-Remake .mono{font-family:'Geist Mono',ui-monospace,monospace}
.pg-Remake .ar{font-family:'IBM Plex Sans Arabic','Geist',sans-serif}
.pg-Remake .glassbar{background:rgba(255,255,255,0.62);border:1px solid rgba(255,255,255,0.8);backdrop-filter:blur(16px) saturate(1.4)}
.pg-Remake:where(.dark) .glassbar{background:rgba(28,28,31,0.62);border:1px solid var(--border-strong)}
.ex.pg-Remake.dark .glassbar{background:rgba(28,28,31,0.7);border-color:var(--border-strong)}
.pg-Remake .ibtn{position:relative;width:38px;height:38px;border-radius:12px;border:1px solid var(--border);background:var(--surface);display:inline-flex;align-items:center;justify-content:center;color:var(--ink-2);cursor:pointer}
.pg-Remake .seg{display:inline-flex;padding:4px;gap:2px;border-radius:999px;background:var(--surface-3);border:1px solid var(--border)}
.pg-Remake .seg button{display:inline-flex;align-items:center;gap:7px;border:0;border-radius:999px;padding:7px 13px;font:500 13px 'Geist',sans-serif;background:transparent;color:var(--ink-2);cursor:pointer}
.pg-Remake .seg button.on{background:var(--surface);color:var(--ink);font-weight:600;box-shadow:0 1px 2px rgba(15,15,15,.08),0 4px 12px -6px rgba(15,15,15,.25)}
.pg-Remake .seg .n{font:500 11px 'Geist Mono',monospace;padding:1px 6px;border-radius:99px;background:var(--surface-2);color:var(--ink-3)}
.pg-Remake .seg button.on .n{background:var(--act);color:#0f0f0f}
.pg-Remake .tool{background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:14px;display:flex;align-items:center;gap:12px;text-align:left;cursor:pointer;font:inherit;color:inherit;position:relative;text-decoration:none}
.pg-Remake .tool.on{border-color:var(--ink);box-shadow:0 0 0 3px rgba(245,221,30,.55)}
.pg-Remake .tile{width:40px;height:40px;border-radius:11px;display:inline-flex;align-items:center;justify-content:center;color:#0f0f0f;flex:none}
.pg-Remake .card{background:var(--surface);border:1px solid var(--border);border-radius:20px;padding:18px;display:flex;flex-direction:column;gap:14px}
.pg-Remake .step{display:flex;align-items:center;gap:10px}
.pg-Remake .step .num{width:24px;height:24px;border-radius:50%;background:var(--solid);color:var(--on-solid);font:600 11px 'Geist Mono',monospace;display:inline-flex;align-items:center;justify-content:center;flex:none}
.pg-Remake .step .num.ok{background:var(--good);color:#fff}
.pg-Remake .step h3{margin:0;font:700 16px 'Plus Jakarta Sans',sans-serif;letter-spacing:-.02em}
.pg-Remake .step .hint{margin-left:auto;font-size:12px;color:var(--ink-3)}
.pg-Remake .tag{display:inline-flex;align-items:center;gap:5px;font-size:11px;font-weight:600;padding:2px 8px;border-radius:99px;width:max-content}
.pg-Remake .take{display:flex;align-items:center;gap:8px;padding:9px 12px;border-radius:12px;border:1px solid var(--border);background:var(--surface);font:500 13px 'Geist',sans-serif;color:var(--ink-2);cursor:pointer}
.pg-Remake .take .bx{width:16px;height:16px;border-radius:5px;border:1.6px solid var(--border-strong);box-sizing:border-box;flex:none;display:inline-flex;align-items:center;justify-content:center}
.pg-Remake .take.on{border-color:var(--ink);color:var(--ink);background:var(--surface-2)}
.pg-Remake .take.on .bx{background:var(--solid);border-color:var(--solid)}
.pg-Remake .orb{width:22px;height:22px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#fff7c2,#f5dd1e 60%,#ff9a3d);animation:breathe--Remake 2.4s ease-in-out infinite;flex:none}
@keyframes breathe--Remake{50%{transform:scale(1.12);box-shadow:0 0 0 6px rgba(245,221,30,.25)}}
.pg-Remake .cost{display:inline-flex;align-items:center;gap:5px;padding:5px 10px;border-radius:999px;background:rgba(15,15,15,.1);font:600 12px 'Geist',sans-serif}
.pg-Remake .go{display:inline-flex;align-items:center;gap:8px;padding:7px 7px 7px 18px;border-radius:999px;border:0;background:var(--act);color:#0f0f0f;font:700 15px 'Geist',sans-serif;cursor:pointer;box-shadow:0 10px 26px -10px rgba(245,180,30,.9)}
.pg-Remake .btn-dark{display:inline-flex;align-items:center;gap:8px;padding:9px 10px 9px 16px;border-radius:999px;border:0;background:var(--solid);color:var(--on-solid);font:600 13px 'Geist',sans-serif;cursor:pointer;text-decoration:none}
.pg-Remake .btn-dark .arr{width:24px;height:24px;border-radius:50%;background:var(--act);color:#0f0f0f;display:inline-flex;align-items:center;justify-content:center;transition:transform .2s cubic-bezier(.2,.8,.2,1)}
.pg-Remake .btn-dark:hover .arr{transform:translateX(3px) rotate(-45deg)}
.pg-Remake .btn-ghost{display:inline-flex;align-items:center;gap:8px;padding:9px 16px;border-radius:999px;border:1px solid var(--border-strong);background:var(--surface);color:var(--ink);font:600 13px 'Geist',sans-serif;cursor:pointer}
.pg-Remake .word{background:linear-gradient(100deg,#0f0f0f 0%,#c98a00 35%,#ff8a3d 50%,#c98a00 65%,#0f0f0f 100%);background-size:250% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:shine--Remake 5s ease-in-out infinite}
.ex.pg-Remake.dark .word{background-image:linear-gradient(100deg,#f2f2ef 0%,#f5dd1e 35%,#ff9a3d 50%,#f5dd1e 65%,#f2f2ef 100%)}
@keyframes shine--Remake{0%,100%{background-position:100% 0}50%{background-position:0 0}}
.pg-Remake .seg-t{height:30px;border-radius:7px;display:flex;align-items:center;padding:0 7px;font:600 10.5px 'Geist',sans-serif;color:#0f0f0f;overflow:hidden;white-space:nowrap}
.pg-Remake .head{position:absolute;top:-4px;bottom:-4px;width:2px;background:var(--ink);border-radius:2px;animation:scan--Remake 8s linear infinite}
@keyframes scan--Remake{from{left:0}to{left:100%}}
.pg-Remake .bd{display:grid;grid-template-columns:32px 1fr;gap:10px;align-items:start;padding:12px;border-radius:14px;background:var(--surface-2);animation:rise--Remake .4s cubic-bezier(.2,.8,.2,1) both}
@keyframes rise--Remake{from{transform:translateY(8px);opacity:.001}}
.pg-Remake .bd .ic{width:32px;height:32px;border-radius:10px;display:inline-flex;align-items:center;justify-content:center;color:#0f0f0f}
.pg-Remake .bd b{font-size:13.5px}
.pg-Remake .bd p{margin:3px 0 0;font-size:12.5px;line-height:1.5;color:var(--ink-2)}
.pg-Remake .kept{font-size:10.5px;font-weight:700;padding:1px 7px;border-radius:99px;background:var(--solid);color:var(--act);margin-left:6px;vertical-align:1px}
.pg-Remake .chk{display:grid;grid-template-columns:22px 1fr auto;gap:10px;align-items:center;padding:10px 12px;border-radius:12px;border:1px solid var(--border);background:var(--surface)}
.pg-Remake .dot{width:22px;height:22px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;color:#fff}
.pg-Remake .shot{display:grid;grid-template-columns:44px 1fr;gap:10px;align-items:center;padding:8px;border-radius:12px;background:var(--surface-2)}
.pg-Remake .frame{width:44px;height:60px;border-radius:8px;border:1.5px dashed var(--border-strong);display:flex;align-items:center;justify-content:center;font:600 11px 'Geist Mono',monospace;color:var(--ink-3)}
.pg-Remake .learn{border-radius:18px;padding:16px;background:linear-gradient(135deg,rgba(245,221,30,.22),rgba(255,154,61,.14) 60%,rgba(47,91,255,.08));border:1px solid rgba(245,180,30,.45);display:flex;flex-direction:column;gap:10px}
.pg-Remake .ver{display:inline-flex;align-items:center;gap:6px;font:600 12px 'Geist Mono',monospace}
.pg-Remake .ver .old{color:var(--ink-3);text-decoration:line-through}
.pg-Remake .ver .new{padding:2px 8px;border-radius:99px;background:var(--solid);color:var(--act);animation:bump--Remake 2.4s cubic-bezier(.2,.8,.2,1) infinite}
@keyframes bump--Remake{0%,70%,100%{transform:none}80%{transform:scale(1.12)}}
.pg-Remake .scrim{position:absolute;inset:0;background:rgba(15,15,15,.28);backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;z-index:5;animation:fade--Remake .32s ease-out both}
@keyframes fade--Remake{from{opacity:0}}
.pg-Remake .modal{width:min(520px,calc(100% - 32px));border-radius:24px;background:var(--surface);border:1px solid var(--border);box-shadow:0 40px 80px -30px rgba(15,15,15,.6);overflow:hidden;animation:up--Remake .4s cubic-bezier(.2,.8,.2,1) both}
@keyframes up--Remake{from{transform:translateY(24px) scale(.98);opacity:0}}
.pg-Remake .spark{position:absolute;width:6px;height:6px;border-radius:50%;background:#f5dd1e;animation:twinkle--Remake 2s ease-in-out infinite}
@keyframes twinkle--Remake{50%{transform:scale(1.8);opacity:.3}}
.pg-Remake .wa{display:inline-flex;align-items:center;gap:10px;padding:8px 8px 8px 18px;border-radius:999px;border:0;background:var(--solid);color:#fff;font:600 14px 'Geist',sans-serif;cursor:pointer}
.pg-Remake .wa .g{width:28px;height:28px;border-radius:50%;background:#25d366;display:inline-flex;align-items:center;justify-content:center}
.pg-Remake .dock a{font:500 14px 'Geist',sans-serif;color:var(--ink-2);text-decoration:none;padding:10px 16px;border-radius:999px}
.pg-Remake .dock a.new{background:var(--act);color:#0f0f0f;font-weight:700}
@media (prefers-reduced-motion:reduce){.pg-Remake .orb,.pg-Remake .head,.pg-Remake .bd,.pg-Remake .ver .new,.pg-Remake .word,.pg-Remake .spark,.pg-Remake .scrim,.pg-Remake .modal{animation:none!important}}
.pg-Remake .dk2{position:absolute;left:50%;bottom:26px;transform:translateX(-50%);display:flex;align-items:center;gap:2px;padding:6px;border-radius:26px;background:rgba(18,18,20,.82);border:1px solid rgba(255,255,255,.1);box-shadow:0 24px 50px -18px rgba(15,15,15,.6),inset 0 1px 0 rgba(255,255,255,.08);backdrop-filter:blur(18px) saturate(1.5);-webkit-backdrop-filter:blur(18px) saturate(1.5);z-index:8;animation:dkin--Remake .6s cubic-bezier(.34,1.56,.64,1) both}
@keyframes dkin--Remake{from{transform:translateX(-50%) translateY(24px);opacity:0}}
.pg-Remake .dk2 a{position:relative;display:flex;flex-direction:column;align-items:center;gap:4px;width:84px;box-sizing:border-box;padding:8px 10px 7px;border-radius:20px;text-decoration:none;color:rgba(242,242,239,.6);font:500 11.5px 'Geist',sans-serif;transition:color .2s,background .25s cubic-bezier(.2,.8,.2,1)}
.pg-Remake .dk2 a svg{transition:transform .35s cubic-bezier(.34,1.56,.64,1)}
.pg-Remake .dk2 a:hover{color:#fff;background:rgba(255,255,255,.07)}
.pg-Remake .dk2 a:hover svg{transform:translateY(-3px) scale(1.15)}
.pg-Remake .dk2 a.on{color:#fff;background:rgba(255,255,255,.12);box-shadow:inset 0 1px 0 rgba(255,255,255,.1)}
.pg-Remake .dk2 a.on::after{content:"";position:absolute;bottom:-3px;left:50%;width:18px;height:3px;border-radius:3px;transform:translateX(-50%);background:#f5dd1e;box-shadow:0 0 10px 2px rgba(245,221,30,.7)}
.pg-Remake .dk2 .bd{position:absolute;top:3px;right:16px;min-width:17px;height:17px;padding:0 4px;box-sizing:border-box;border-radius:99px;background:#ff8a3d;color:#fff;font:700 10px 'Geist',sans-serif;display:flex;align-items:center;justify-content:center;border:2px solid #18181a;animation:bdp--Remake 2.4s ease-in-out infinite}
@keyframes bdp--Remake{0%,100%{transform:scale(1)}50%{transform:scale(1.12)}}
.pg-Remake .dk2 .sep{width:1px;height:30px;background:rgba(255,255,255,.12);margin:0 4px}
.pg-Remake .dk2 .newb{position:relative;margin:-22px 6px 0;display:flex;flex-direction:column;align-items:center;gap:6px;min-width:0;padding:0;background:none;color:#f5dd1e;font-weight:600}
.pg-Remake .dk2 .newb:hover{background:none}
.pg-Remake .dk2 .newb .c{position:relative;width:58px;height:58px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#fff7c2,#f5dd1e 55%,#f0b400);color:#0f0f0f;display:flex;align-items:center;justify-content:center;box-shadow:0 12px 26px -8px rgba(245,180,30,.9),0 0 0 5px rgba(18,18,20,.9);transition:transform .35s cubic-bezier(.34,1.56,.64,1)}
.pg-Remake .dk2 .newb .c::before{content:"";position:absolute;inset:-9px;border-radius:50%;background:conic-gradient(from 0deg,transparent 0 60%,rgba(245,221,30,.9) 75%,rgba(255,154,61,.9) 85%,transparent 100%);-webkit-mask:radial-gradient(closest-side,transparent calc(100% - 2.5px),#000 calc(100% - 2px));mask:radial-gradient(closest-side,transparent calc(100% - 2.5px),#000 calc(100% - 2px));animation:spin--Remake 3.2s linear infinite}
@keyframes spin--Remake{to{transform:rotate(360deg)}}
.pg-Remake .dk2 .newb:hover .c{transform:translateY(-3px) scale(1.06)}
.pg-Remake .dk2 .newb svg{transition:transform .45s cubic-bezier(.34,1.56,.64,1)}
.pg-Remake .dk2 .newb:hover svg{transform:rotate(90deg)}
.pg-Remake .dk2 .newb.on .c{box-shadow:0 12px 30px -6px rgba(245,180,30,1),0 0 0 5px rgba(18,18,20,.9),0 0 0 7px #f5dd1e}
@media (prefers-reduced-motion:reduce){.pg-Remake .dk2,.pg-Remake .dk2 .bd,.pg-Remake .dk2 .newb .c::before{animation:none!important}
.pg-Remake .dk2 a svg,.pg-Remake .dk2 .newb svg,.pg-Remake .dk2 .newb .c{transition:none}}
.pg-Remake .p-sw{display:inline-flex;align-items:center;gap:2px;padding:3px;border-radius:12px;background:var(--surface-2,#f7f7f4);border:1px solid var(--border,#e3e3dd);vertical-align:middle}
.pg-Remake .p-sw a{text-decoration:none}
.pg-Remake .p-sw .b{display:inline-flex;align-items:center;gap:7px;padding:3px 8px 3px 3px;border-radius:9px;font:600 13px 'Geist',sans-serif;color:var(--ink,#0f0f0f);white-space:nowrap;cursor:pointer}
.pg-Remake .p-sw .b.pr{background:var(--surface,#fff);box-shadow:0 1px 2px rgba(15,15,15,.08)}
.pg-Remake .p-sw .sl{color:var(--ink-3,#6b6b66);font-weight:400}
.pg-Remake .p-sw .lg{width:24px;height:24px;border-radius:7px;background:linear-gradient(135deg,#7fd3ff,#2f5bff);display:inline-flex;align-items:center;justify-content:center;color:#fff;font:800 11px 'Plus Jakarta Sans',sans-serif}
.pg-Remake .p-sw .pm{width:24px;height:24px;border-radius:7px;display:inline-flex;align-items:center;justify-content:center;background:#fff4d6;overflow:hidden}
.pg-Remake:where(.dark) .p-sw .pm{background:#3a3220;color:var(--ink)}
.pg-Remake .p-sw .pm.bw{background:var(--surface-3,#ecece7);color:var(--ink-2,#52525b);font-size:12px}
.pg-Remake .p-sw.dk{background:rgba(255,244,230,.1);border-color:rgba(255,244,230,.22)}
.pg-Remake .p-sw.dk .b{color:#f4efe8}
.pg-Remake .p-sw.dk .b.pr{background:rgba(255,244,230,.16);box-shadow:none}
.pg-Remake .p-sw.dk .sl{color:rgba(244,239,232,.5)}