/* scoped from docs/saas-launch/design/static/Brand.html by app/tools/board_css.py — do not edit by hand */
.ex.pg-Brand{--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;
 font-family:'Geist',system-ui,sans-serif;color:var(--ink);background:var(--plane)}
.ex.pg-Brand.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}
.pg-Brand .disp{font-family:'Plus Jakarta Sans','Geist',sans-serif}
.pg-Brand .serif{font-family:'Instrument Serif',Georgia,serif;font-style:italic;font-weight:400}
.pg-Brand .mono{font-family:'Geist Mono',ui-monospace,monospace}
.pg-Brand .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-Brand:where(.dark) .glassbar{background:rgba(28,28,31,0.62);border:1px solid var(--border-strong)}
.ex.pg-Brand.dark .glassbar{background:rgba(28,28,31,0.7);border-color:var(--border-strong)}
.pg-Brand .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;transition:transform .12s ease-out,background .12s}
.pg-Brand .ibtn:hover{transform:translateY(-1px);background:var(--surface-2)}
.pg-Brand .chip{font:500 13px 'Geist',sans-serif;padding:7px 12px;border-radius:999px;border:1px solid var(--border);background:var(--surface);color:var(--ink-2);cursor:pointer;transition:transform .12s ease-out,border-color .12s}
.pg-Brand .chip:hover{transform:translateY(-1px);border-color:var(--border-strong)}
.pg-Brand .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;transition:transform .12s ease-out,box-shadow .2s}
.pg-Brand .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-Brand .btn-dark:hover{transform:translateY(-1px);box-shadow:0 10px 24px -12px rgba(15,15,15,.6)}
.pg-Brand .btn-dark:hover .arr{transform:translateX(3px) rotate(-45deg)}
.pg-Brand .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--Brand 5s ease-in-out infinite}
.ex.pg-Brand.dark .word{background-image:linear-gradient(100deg,#f2f2ef 0%,#f5dd1e 35%,#ff9a3d 50%,#f5dd1e 65%,#f2f2ef 100%)}
@keyframes shine--Brand{0%,100%{background-position:100% 0}50%{background-position:0 0}}
.pg-Brand .squig path{stroke-dasharray:220;stroke-dashoffset:220;animation:draw--Brand 1.2s .4s cubic-bezier(.2,.8,.2,1) forwards}
@keyframes draw--Brand{to{stroke-dashoffset:0}}
.pg-Brand .pulse{position:relative;width:8px;height:8px;border-radius:50%;background:var(--good);display:inline-block}
.pg-Brand .pulse::after{content:"";position:absolute;inset:-4px;border-radius:50%;border:2px solid var(--good);opacity:0;animation:ping--Brand 1.8s ease-out infinite}
@keyframes ping--Brand{0%{transform:scale(.6);opacity:.7}100%{transform:scale(1.6);opacity:0}}
.pg-Brand .rail{height:4px;border-radius:99px;background:var(--surface-3);position:relative;overflow:hidden}
.pg-Brand .rail i{position:absolute;inset:0 22% 0 0;border-radius:99px;background:linear-gradient(90deg,#f5dd1e,#ff9a3d,#2f5bff,#f5dd1e);background-size:300% 100%;animation:flow--Brand 4s linear infinite}
@keyframes flow--Brand{to{background-position:-300% 0}}
.pg-Brand .node{width:28px;height:28px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font:600 11px 'Geist Mono',monospace;border:2px solid var(--plane);flex:none}
.pg-Brand .col{display:flex;flex-direction:column;gap:10px;min-width:0}
.pg-Brand .cr{display:grid;grid-template-columns:44px 1fr;gap:12px;align-items:center;padding:10px;border-radius:16px;background:var(--surface);border:1px solid var(--border);box-shadow:0 1px 0 rgba(15,15,15,.03);transition:transform .16s cubic-bezier(.2,.8,.2,1),box-shadow .16s,border-color .16s;animation:rise--Brand .4s cubic-bezier(.2,.8,.2,1) both;cursor:pointer}
.pg-Brand .cr:hover{transform:translateY(-3px);box-shadow:0 16px 30px -18px rgba(15,15,15,.45);border-color:var(--border-strong)}
@keyframes rise--Brand{from{transform:translateY(8px);opacity:.001}}
.pg-Brand .th{position:relative;width:44px;height:72px;border-radius:10px;overflow:hidden;display:flex;align-items:center;justify-content:center}
.pg-Brand .th svg{opacity:0;transition:opacity .15s}
.pg-Brand .cr:hover .th svg{opacity:1}
.pg-Brand .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-Brand .bar{height:4px;border-radius:99px;background:var(--surface-3);overflow:hidden;margin-top:6px}
.pg-Brand .bar i{display:block;height:100%;border-radius:99px;background:linear-gradient(90deg,var(--commit),#7d97ff,var(--commit));background-size:200% 100%;animation:flow--Brand 1.6s linear infinite}
.pg-Brand .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-Brand .now{display:flex;align-items:center;gap:6px;font-size:12.5px;color:var(--ink-2);line-height:1.35}
.pg-Brand .now svg{flex:none}
.pg-Brand .meta{display:flex;align-items:center;gap:6px;font-size:11.5px;color:var(--ink-3)}
.pg-Brand .av{width:16px;height:16px;border-radius:50%;flex:none}
.pg-Brand .steps{display:flex;gap:3px}
.pg-Brand .steps i{width:14px;height:4px;border-radius:2px;background:var(--surface-3)}
.pg-Brand .steps i.d{background:#ff9a3d}
.pg-Brand .steps i.c{background:linear-gradient(90deg,#ff9a3d,#f5dd1e);background-size:200% 100%;animation:flow--Brand 1.4s linear infinite}
.pg-Brand .dock a{font:500 14px 'Geist',sans-serif;color:var(--ink-2);text-decoration:none;padding:10px 16px;border-radius:999px;transition:transform .2s cubic-bezier(.2,.8,.2,1)}
.pg-Brand .dock a:hover{transform:scale(1.08)}
.pg-Brand .dock a.on{background:var(--solid);color:var(--on-solid)}
.pg-Brand .dock a.new{background:var(--act);color:#0f0f0f;font-weight:700}
.pg-Brand .seg{display:inline-flex;padding:4px;gap:2px;border-radius:999px;background:var(--surface-3);border:1px solid var(--border)}
.pg-Brand .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;white-space:nowrap}
.pg-Brand .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-Brand .seg .n{font:600 11px 'Geist',sans-serif;padding:1px 6px;border-radius:99px;background:var(--surface-2);color:var(--ink-3)}
.pg-Brand .seg button.on .n{background:var(--act);color:#0f0f0f}
.pg-Brand .stats{display:flex;align-items:stretch;padding:4px;border-radius:14px;background:var(--surface);border:1px solid var(--border)}
.pg-Brand .stats>span{display:flex;flex-direction:column;gap:1px;padding:4px 14px;border-left:1px solid var(--border)}
.pg-Brand .stats>span:first-child{border-left:0}
.pg-Brand .stats small{font:500 11px 'Geist',sans-serif;color:var(--ink-3)}
.pg-Brand .stats b{font:700 16px 'Plus Jakarta Sans',sans-serif;letter-spacing:-.02em;font-variant-numeric:tabular-nums;color:var(--ink)}
.pg-Brand .kbd{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 5px;box-sizing:border-box;border-radius:6px;border:1px solid var(--border-strong);border-bottom-width:2px;background:var(--surface);font:600 11px 'Geist',sans-serif;color:var(--ink-2)}
.pg-Brand .q{display:grid;grid-template-columns:44px 1fr;gap:10px;align-items:center;padding:9px;border-radius:14px;border:1px solid transparent;cursor:pointer;transition:background .15s}
.pg-Brand .q:hover{background:var(--surface)}
.pg-Brand .q.on{background:var(--surface);border-color:var(--ink);box-shadow:0 0 0 3px rgba(245,221,30,.5)}
.pg-Brand .q .qt{width:44px;height:64px;border-radius:9px;background:linear-gradient(170deg,#8a8a96,#34343c);display:flex;align-items:center;justify-content:center}
.pg-Brand .q .qt.doc{background:var(--surface-2);border:1.5px dashed var(--border-strong);box-sizing:border-box}
.pg-Brand .q b{font-size:13px}
.pg-Brand .q .m{display:flex;align-items:center;gap:6px;font-size:11.5px;color:var(--ink-3);margin-top:3px;flex-wrap:wrap}
.pg-Brand .late{color:#c2410c;font-weight:600}
.pg-Brand .grp{font:600 10.5px 'Geist',sans-serif;color:var(--ink-3);text-transform:uppercase;letter-spacing:.06em;padding:8px 9px 2px}
.pg-Brand .player{position:relative;border-radius:24px;overflow:hidden;background:radial-gradient(120% 70% at 50% 0%,#3e3e48,#121214);padding:16px;display:flex;flex-direction:column;align-items:center;gap:12px;color:#fff}
.pg-Brand .vtabs{display:flex;gap:6px;align-self:stretch}
.pg-Brand .vtabs span{padding:5px 12px;border-radius:99px;background:rgba(255,255,255,.08);font:600 12px 'Geist',sans-serif;color:rgba(255,255,255,.7)}
.pg-Brand .vtabs span.on{background:#fff;color:#0f0f0f}
.pg-Brand:where(.dark) .vtabs span.on{background:var(--surface);color:var(--ink)}
.pg-Brand .frame916{position:relative;width:300px;aspect-ratio:9/16;border-radius:18px;overflow:hidden;background:linear-gradient(170deg,#8a8a96,#2a2a31);box-shadow:0 30px 60px -24px rgba(0,0,0,.8)}
.pg-Brand .scrub{position:relative;align-self:stretch;height:6px;border-radius:99px;background:rgba(255,255,255,.18)}
.pg-Brand .scrub i{position:absolute;left:0;top:0;bottom:0;width:24%;border-radius:99px;background:#fff}
.pg-Brand:where(.dark) .scrub i{background:var(--surface)}
.pg-Brand .scrub .mk{position:absolute;top:-7px;width:20px;height:20px;border-radius:50%;background:#ff8a3d;color:#fff;font:700 10px 'Geist',sans-serif;display:flex;align-items:center;justify-content:center;border:2px solid #121214;transform:translateX(-50%)}
.pg-Brand .btn-dark{display:inline-flex;align-items:center;gap:8px;padding:10px 10px 10px 18px;border-radius:999px;border:0;background:var(--solid);color:var(--on-solid);font:600 14px 'Geist',sans-serif;cursor:pointer;white-space:nowrap}
.pg-Brand .btn-ghost{display:inline-flex;align-items:center;gap:8px;padding:10px 16px;border-radius:999px;border:1px solid var(--border-strong);background:var(--surface);color:var(--ink);font:600 14px 'Geist',sans-serif;cursor:pointer;white-space:nowrap}
.pg-Brand .go{display:inline-flex;align-items:center;gap:8px;padding:10px 18px;border-radius:999px;border:0;background:var(--act);color:#0f0f0f;font:700 14px 'Geist',sans-serif;cursor:pointer;box-shadow:0 10px 26px -10px rgba(245,180,30,.9);white-space:nowrap}
.pg-Brand .pnl{background:var(--surface);border:1px solid var(--border);border-radius:20px;padding:16px;display:flex;flex-direction:column;gap:10px}
.pg-Brand .qa{display:grid;grid-template-columns:20px 1fr auto;gap:8px;align-items:center;font-size:12.5px;color:var(--ink-2)}
.pg-Brand .qa .ok{width:20px;height:20px;border-radius:50%;background:var(--good);color:#fff;display:inline-flex;align-items:center;justify-content:center}
.pg-Brand .qa .v{font:600 11.5px 'Geist',sans-serif;color:var(--ink-3);font-variant-numeric:tabular-nums}
.pg-Brand .rmk{display:flex;flex-direction:column;gap:4px;padding:10px 12px;border-radius:12px;border:1px solid var(--border);background:var(--surface-2);font-size:12.5px}
.pg-Brand .rmk .t{font:600 11px 'Geist',sans-serif;color:#c2410c}
.pg-Brand .strip{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:20px;background:var(--surface);border:1px solid var(--border)}
.pg-Brand .strip .ths{display:flex;gap:6px}
.pg-Brand .strip .ths i{width:34px;height:56px;border-radius:7px;position:relative}
.pg-Brand .strip .ths i::after{content:"";position:absolute;right:-4px;top:-4px;width:14px;height:14px;border-radius:50%;background:var(--good);border:2px solid var(--surface)}
@media (prefers-reduced-motion:reduce){.pg-Brand .word,.pg-Brand .squig path,.pg-Brand .pulse::after,.pg-Brand .rail i,.pg-Brand .bar i,.pg-Brand .cr{animation:none!important}
.pg-Brand .squig path{stroke-dashoffset:0}}
.pg-Brand .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--Brand .6s cubic-bezier(.34,1.56,.64,1) both}
@keyframes dkin--Brand{from{transform:translateX(-50%) translateY(24px);opacity:0}}
.pg-Brand .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-Brand .dk2 a svg{transition:transform .35s cubic-bezier(.34,1.56,.64,1)}
.pg-Brand .dk2 a:hover{color:#fff;background:rgba(255,255,255,.07)}
.pg-Brand .dk2 a:hover svg{transform:translateY(-3px) scale(1.15)}
.pg-Brand .dk2 a.on{color:#fff;background:rgba(255,255,255,.12);box-shadow:inset 0 1px 0 rgba(255,255,255,.1)}
.pg-Brand .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-Brand .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--Brand 2.4s ease-in-out infinite}
@keyframes bdp--Brand{0%,100%{transform:scale(1)}50%{transform:scale(1.12)}}
.pg-Brand .dk2 .sep{width:1px;height:30px;background:rgba(255,255,255,.12);margin:0 4px}
.pg-Brand .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-Brand .dk2 .newb:hover{background:none}
.pg-Brand .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-Brand .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--Brand 3.2s linear infinite}
@keyframes spin--Brand{to{transform:rotate(360deg)}}
.pg-Brand .dk2 .newb:hover .c{transform:translateY(-3px) scale(1.06)}
.pg-Brand .dk2 .newb svg{transition:transform .45s cubic-bezier(.34,1.56,.64,1)}
.pg-Brand .dk2 .newb:hover svg{transform:rotate(90deg)}
.pg-Brand .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-Brand .dk2,.pg-Brand .dk2 .bd,.pg-Brand .dk2 .newb .c::before{animation:none!important}
.pg-Brand .dk2 a svg,.pg-Brand .dk2 .newb svg,.pg-Brand .dk2 .newb .c{transition:none}}
.pg-Brand .card{background:var(--surface);border:1px solid var(--border);border-radius:20px;padding:18px;display:flex;flex-direction:column;gap:14px;min-width:0}
.pg-Brand .h3{margin:0;font:700 16px 'Plus Jakarta Sans',sans-serif;letter-spacing:-.02em}
.pg-Brand .hint{font-size:12px;color:var(--ink-3)}
.pg-Brand .urlbar{display:flex;align-items:center;gap:10px;padding:8px 8px 8px 16px;border-radius:18px;background:var(--surface);border:1.5px solid var(--ink);box-shadow:0 0 0 5px rgba(245,221,30,.35)}
.pg-Brand .urlbar input{flex:1;min-width:0;border:0;outline:none;background:transparent;font:500 16px 'Geist',sans-serif;color:var(--ink)}
.pg-Brand .go{display:inline-flex;align-items:center;gap:8px;padding:10px 18px;border-radius:999px;border:0;background:var(--act);color:#0f0f0f;font:700 14px 'Geist',sans-serif;cursor:pointer;box-shadow:0 10px 26px -10px rgba(245,180,30,.9);white-space:nowrap}
.pg-Brand .found{display:flex;gap:6px;flex-wrap:wrap}
.pg-Brand .found span{display:inline-flex;align-items:center;gap:6px;padding:5px 10px;border-radius:99px;background:var(--surface-2);border:1px solid var(--border);font-size:12px;color:var(--ink-2)}
.pg-Brand .found b{color:var(--ink);font-weight:600}
.pg-Brand .ck{width:16px;height:16px;border-radius:50%;background:var(--good);color:#fff;display:inline-flex;align-items:center;justify-content:center;flex:none}
.pg-Brand .sw-c{display:flex;gap:6px}
.pg-Brand .sw-c i{width:34px;height:34px;border-radius:10px;border:1px solid rgba(15,15,15,.1)}
.pg-Brand .kv{display:grid;grid-template-columns:110px 1fr;gap:8px;font-size:13px;align-items:baseline}
.pg-Brand .kv span:first-child{color:var(--ink-3);font-size:12px}
.pg-Brand .edit{margin-left:auto;font:600 12px 'Geist',sans-serif;padding:5px 11px;border-radius:99px;border:1px solid var(--border-strong);background:var(--surface);color:var(--ink);cursor:pointer}
.pg-Brand .ptab{display:grid;grid-template-columns:minmax(0,1.6fr) 80px 80px 80px 100px 110px;gap:10px;align-items:center;padding:11px 4px;border-bottom:1px solid var(--border);font-size:13px}
.pg-Brand .ptab:last-child{border-bottom:0}
.pg-Brand .ptab .th{font:600 10.5px 'Geist',sans-serif;color:var(--ink-3);text-transform:uppercase;letter-spacing:.06em}
.pg-Brand .num{font:600 13px 'Geist',sans-serif;font-variant-numeric:tabular-nums}
.pg-Brand .pimg{width:40px;height:40px;border-radius:10px;flex:none}
.pg-Brand .be{display:inline-flex;align-items:center;gap:5px;padding:3px 9px;border-radius:99px;background:var(--solid);color:var(--act);font:700 12px 'Geist',sans-serif;font-variant-numeric:tabular-nums;width:max-content}
.pg-Brand .src{display:inline-flex;align-items:center;gap:4px;font-size:10.5px;font-weight:600;padding:1px 6px;border-radius:5px;background:#e0ecff;color:#1e3a8a}
.pg-Brand:where(.dark) .src{background:#1b2640;color:#a9bcff}
.pg-Brand .conn{display:grid;grid-template-columns:40px 1fr auto;gap:12px;align-items:center;padding:12px;border-radius:16px;border:1px solid var(--border);background:var(--surface)}
.pg-Brand .logo{width:40px;height:40px;border-radius:12px;display:inline-flex;align-items:center;justify-content:center;color:#fff;font:800 15px 'Plus Jakarta Sans',sans-serif}
.pg-Brand .pill-ok{font-size:11px;font-weight:600;padding:3px 9px;border-radius:99px;background:#d9f2e3;color:#14532d}
.pg-Brand:where(.dark) .pill-ok{background:#173626;color:#8be0ad}
.pg-Brand .btn-dark{display:inline-flex;align-items:center;gap:8px;padding:8px 8px 8px 14px;border-radius:999px;border:0;background:var(--solid);color:var(--on-solid);font:600 12.5px 'Geist',sans-serif;cursor:pointer;white-space:nowrap}
.pg-Brand .btn-dark .arr{width:22px;height:22px;border-radius:50%;background:var(--act);color:#0f0f0f;display:inline-flex;align-items:center;justify-content:center}
.pg-Brand .lp{display:flex;flex-direction:column;border-radius:18px;border:1px solid var(--border);background:var(--surface);overflow:hidden;transition:transform .16s cubic-bezier(.2,.8,.2,1),box-shadow .16s}
.pg-Brand .lp:hover{transform:translateY(-3px);box-shadow:0 18px 34px -20px rgba(15,15,15,.45)}
.pg-Brand .lp .phone{position:relative;height:250px;background:var(--surface-2);display:flex;justify-content:center;padding-top:14px;overflow:hidden}
.pg-Brand .lp .scr{width:128px;border-radius:16px 16px 0 0;background:#fff;box-shadow:0 10px 24px -12px rgba(15,15,15,.4);overflow:hidden;display:flex;flex-direction:column}
.pg-Brand:where(.dark) .lp .scr{background:var(--surface)}
.pg-Brand .lp .scr .hero{height:90px;display:flex;align-items:flex-end;padding:8px;box-sizing:border-box;color:#fff;font:700 11px 'IBM Plex Sans Arabic',sans-serif;direction:rtl;text-align:right;line-height:1.35}
.pg-Brand .lp .scr .ln{height:6px;border-radius:3px;background:#ecece7;margin:6px 8px 0}
.pg-Brand:where(.dark) .lp .scr .ln{background:var(--surface-3)}
.pg-Brand .lp .scr .cta{margin:10px 8px;height:20px;border-radius:6px;background:#f5dd1e}
.pg-Brand .lp .who{display:flex;align-items:center;gap:8px;padding:12px 12px 4px}
.pg-Brand .lp .ava{width:28px;height:28px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font:700 10.5px 'Plus Jakarta Sans',sans-serif;color:#0f0f0f;flex:none}
.pg-Brand .lp .mt{display:flex;gap:12px;padding:4px 12px 12px;font-size:11.5px;color:var(--ink-3)}
.pg-Brand .lp .mt b{color:var(--ink);font:600 12.5px 'Geist',sans-serif;font-variant-numeric:tabular-nums}
.pg-Brand .lp.add{align-items:center;justify-content:center;gap:8px;border-style:dashed;background:transparent;min-height:330px;color:var(--ink-2);font-size:13px;text-align:center;padding:16px}
.pg-Brand .steps{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--ink-2);flex-wrap:wrap}
.pg-Brand .steps i{font-style:normal;display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:99px;background:var(--surface-2);border:1px solid var(--border)}
.pg-Brand .prog{height:6px;border-radius:99px;background:var(--surface-3);overflow:hidden}
.pg-Brand .prog i{display:block;height:100%;width:100%;border-radius:99px;background:linear-gradient(90deg,var(--good),#8be0ad)}
.pg-Brand .tm{display:flex;align-items:center;gap:8px;font-size:12.5px}
.pg-Brand .tm .a{width:28px;height:28px;border-radius:50%;flex:none}
.pg-Brand .role{margin-left:auto;font-size:11px;font-weight:600;padding:2px 8px;border-radius:99px;background:var(--surface-3);color:var(--ink-2)}
.pg-Brand .bfact{display:flex;flex-direction:column;gap:6px;min-width:0}
.pg-Brand .bfact .l{font:500 12px 'Geist',sans-serif;color:var(--ink-3)}
.pg-Brand .chipv{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border-radius:12px;background:var(--surface-2);border:1px solid var(--border);font:600 13.5px 'Geist',sans-serif;width:max-content}
.pg-Brand .sw2{display:flex;gap:6px;align-items:center}
.pg-Brand .sw2 i{width:30px;height:30px;border-radius:50%;border:2px solid var(--surface);box-shadow:0 0 0 1px var(--border)}
.pg-Brand .cgrid{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.pg-Brand .ct{display:grid;grid-template-columns:38px 1fr auto;gap:10px;align-items:center;padding:12px;border-radius:16px;border:1px solid var(--border);background:var(--surface);transition:transform .16s cubic-bezier(.2,.8,.2,1),border-color .16s}
.pg-Brand .ct:hover{transform:translateY(-2px);border-color:var(--border-strong)}
.pg-Brand .ct .lg{width:38px;height:38px;border-radius:11px;display:inline-flex;align-items:center;justify-content:center;color:#fff;font:800 14px 'Plus Jakarta Sans',sans-serif}
.pg-Brand .ct b{font-size:13.5px;display:block}
.pg-Brand .ct small{font-size:11.5px;color:var(--ink-3)}
.pg-Brand .ct .cbtn{font:600 12px 'Geist',sans-serif;padding:6px 12px;border-radius:99px;border:0;background:var(--solid);color:var(--on-solid);cursor:pointer;white-space:nowrap}
.pg-Brand .ct .dot{display:inline-flex;align-items:center;gap:5px;font:600 11.5px 'Geist',sans-serif;color:var(--good);white-space:nowrap}
.pg-Brand .ct .dot::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--good);box-shadow:0 0 0 3px rgba(31,138,76,.15)}
.pg-Brand .pt{display:grid;grid-template-columns:minmax(220px,1.6fr) repeat(3,minmax(70px,.6fr)) minmax(150px,1fr) minmax(110px,.7fr);gap:14px;align-items:center;padding:12px 14px;border-radius:14px}
.pg-Brand .pt.hd{padding-top:0;padding-bottom:6px;font:500 12px 'Geist',sans-serif;color:var(--ink-3);border-bottom:1px solid var(--border);border-radius:0}
.pg-Brand .pt.hd span:not(:first-child){text-align:right}
.pg-Brand .pt.row{transition:background .15s}
.pg-Brand .pt.row:hover{background:var(--surface-2)}
.pg-Brand .pt.row+.pt.row{border-top:1px solid var(--border);border-radius:0}
.pg-Brand .pt .r{text-align:right;font:600 14px 'Geist',sans-serif;font-variant-numeric:tabular-nums;color:var(--ink)}
.pg-Brand .pt .r small{display:block;font:500 11px 'Geist',sans-serif;color:var(--ink-3)}
.pg-Brand .mg{display:flex;flex-direction:column;align-items:flex-end;gap:5px}
.pg-Brand .mg .bar{width:100%;height:6px;border-radius:99px;background:var(--surface-3);overflow:hidden}
.pg-Brand .mg .bar i{display:block;height:100%;border-radius:99px;background:linear-gradient(90deg,#8be0ad,var(--good))}
.pg-Brand .cpa{justify-self:end;display:inline-flex;flex-direction:column;align-items:flex-end;gap:1px;padding:6px 12px;border-radius:12px;background:var(--solid);color:var(--act)}
.pg-Brand .cpa b{font:700 16px 'Plus Jakarta Sans',sans-serif;letter-spacing:-.02em;font-variant-numeric:tabular-nums}
.pg-Brand .cpa small{font:500 10.5px 'Geist',sans-serif;color:rgba(245,221,30,.7)}
.pg-Brand .lpk{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.pg-Brand .lpk div{display:flex;flex-direction:column;gap:3px;padding:12px 14px;border-radius:14px;background:var(--surface-2)}
.pg-Brand .lpk small{font:500 12px 'Geist',sans-serif;color:var(--ink-3)}
.pg-Brand .lpk b{font:700 24px 'Plus Jakarta Sans',sans-serif;letter-spacing:-.03em;font-variant-numeric:tabular-nums}
.pg-Brand .lpk em{font-style:normal;font:600 11.5px 'Geist',sans-serif;color:var(--good)}
.pg-Brand .lr{display:grid;grid-template-columns:minmax(240px,1.7fr) repeat(3,minmax(70px,.55fr)) minmax(150px,1fr) minmax(90px,.6fr) 110px;gap:14px;align-items:center;padding:12px 14px}
.pg-Brand .lr.hd{padding-top:4px;padding-bottom:6px;font:500 12px 'Geist',sans-serif;color:var(--ink-3);border-bottom:1px solid var(--border)}
.pg-Brand .lr.hd span:not(:first-child){text-align:right}
.pg-Brand .lr.row+.lr.row{border-top:1px solid var(--border)}
.pg-Brand .lr.row{transition:background .15s;border-radius:0}
.pg-Brand .lr.row:hover{background:var(--surface-2)}
.pg-Brand .lr .r{text-align:right;font:600 14px 'Geist',sans-serif;font-variant-numeric:tabular-nums}
.pg-Brand .mini-ph{width:34px;height:52px;border-radius:7px;overflow:hidden;background:#fff;box-shadow:0 0 0 1px var(--border);display:flex;flex-direction:column;flex:none}
.pg-Brand:where(.dark) .mini-ph{background:var(--surface)}
.pg-Brand .mini-ph i{height:22px}
.pg-Brand .mini-ph s{height:3px;margin:3px 4px 0;border-radius:2px;background:#ecece7;text-decoration:none}
.pg-Brand:where(.dark) .mini-ph s{background:var(--surface-3)}
.pg-Brand .cr2{display:flex;flex-direction:column;align-items:flex-end;gap:4px}
.pg-Brand .cr2 b{font:700 17px 'Plus Jakarta Sans',sans-serif;letter-spacing:-.02em;font-variant-numeric:tabular-nums}
.pg-Brand .cr2 .bar{width:100%;height:6px;border-radius:99px;background:var(--surface-3);overflow:hidden}
.pg-Brand .cr2 .bar i{display:block;height:100%;border-radius:99px;background:linear-gradient(90deg,#f5dd1e,#ff9a3d)}
.pg-Brand .cr2 .bar i.gen{background:var(--border-strong)}
.pg-Brand .dl{font:600 11px 'Geist',sans-serif;color:var(--good)}
.pg-Brand .dl.neg{color:#c2410c}
.pg-Brand .spk{width:100%;height:30px}
.pg-Brand .info{display:inline-flex;align-items:flex-start;gap:8px;max-width:460px;font-size:12.5px;line-height:1.45;color:var(--ink-2)}
.pg-Brand .info svg{flex:none;margin-top:2px;color:var(--ink-3)}
.pg-Brand .info b{color:var(--ink);font-weight:600}
.pg-Brand .fx{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.2fr) minmax(0,1fr);gap:16px}
.pg-Brand .fx-big{display:flex;flex-direction:column;gap:6px;padding:16px;border-radius:16px;background:var(--solid);color:var(--on-solid)}
.pg-Brand .fx-big .n{font:700 40px/1 'Plus Jakarta Sans',sans-serif;letter-spacing:-.04em;font-variant-numeric:tabular-nums;color:#f5dd1e}
.pg-Brand .fx-big .n small{font:600 15px 'Geist',sans-serif;letter-spacing:0;color:rgba(242,242,239,.7);margin-left:4px}
.pg-Brand .fx-big .s{font-size:12px;color:rgba(242,242,239,.7);line-height:1.45}
.pg-Brand .tu{display:grid;grid-template-columns:30px 1fr auto auto;gap:10px;align-items:center;padding:9px 4px;border-bottom:1px solid var(--border);font-size:12.5px}
.pg-Brand .tu:last-child{border-bottom:0}
.pg-Brand .tu .ic{width:30px;height:30px;border-radius:9px;display:inline-flex;align-items:center;justify-content:center}
.pg-Brand .tu .r{font:600 13px 'Geist',sans-serif;font-variant-numeric:tabular-nums;text-align:right}
.pg-Brand .tu .r small{display:block;font:500 11px 'Geist',sans-serif;color:var(--ink-3)}
.pg-Brand .est{font-size:10.5px;font-weight:600;padding:2px 7px;border-radius:99px;background:#fff4b8;color:#5e5400}
.pg-Brand:where(.dark) .est{background:#3d3712;color:#f3e08a}
.pg-Brand .okb{font-size:10.5px;font-weight:600;padding:2px 7px;border-radius:99px;background:#d9f2e3;color:#14532d}
.pg-Brand:where(.dark) .okb{background:#173626;color:#8be0ad}
.pg-Brand .ask{display:flex;flex-direction:column;gap:10px;padding:14px;border-radius:18px;background:var(--surface-2);border:1px solid var(--border)}
.pg-Brand .bub{display:flex;flex-direction:column;gap:8px;padding:12px;border-radius:14px 14px 14px 4px;background:var(--surface);border:1px solid var(--border);box-shadow:0 10px 24px -18px rgba(15,15,15,.5)}
.pg-Brand .amt{display:flex;align-items:center;gap:8px;padding:6px 6px 6px 12px;border-radius:12px;border:1.5px solid var(--ink);background:var(--surface)}
.pg-Brand .amt input{flex:1;min-width:0;border:0;outline:none;background:transparent;font:700 18px 'Plus Jakarta Sans',sans-serif;color:var(--ink);font-variant-numeric:tabular-nums}
.pg-Brand .amt .u{font:600 13px 'Geist',sans-serif;color:var(--ink-3)}
.pg-Brand .amt button{border:0;border-radius:9px;padding:8px 12px;background:var(--solid);color:var(--on-solid);font:600 12.5px 'Geist',sans-serif;cursor:pointer;white-space:nowrap}
.pg-Brand .rule2{display:grid;grid-template-columns:22px 1fr;gap:8px;font-size:12.5px;line-height:1.45;color:var(--ink-2)}
.pg-Brand .rule2 span:first-child{width:22px;height:22px;border-radius:50%;background:var(--surface-3);display:inline-flex;align-items:center;justify-content:center;font:600 11px 'Geist',sans-serif;color:var(--ink)}
.pg-Brand .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-Brand .p-sw a{text-decoration:none}
.pg-Brand .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-Brand .p-sw .b.pr{background:var(--surface,#fff);box-shadow:0 1px 2px rgba(15,15,15,.08)}
.pg-Brand .p-sw .sl{color:var(--ink-3,#6b6b66);font-weight:400}
.pg-Brand .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-Brand .p-sw .pm{width:24px;height:24px;border-radius:7px;display:inline-flex;align-items:center;justify-content:center;background:#fff4d6;overflow:hidden}
.pg-Brand:where(.dark) .p-sw .pm{background:#3a3220;color:var(--ink)}
.pg-Brand .p-sw .pm.bw{background:var(--surface-3,#ecece7);color:var(--ink-2,#52525b);font-size:12px}
.pg-Brand .p-sw.dk{background:rgba(255,244,230,.1);border-color:rgba(255,244,230,.22)}
.pg-Brand .p-sw.dk .b{color:#f4efe8}
.pg-Brand .p-sw.dk .b.pr{background:rgba(255,244,230,.16);box-shadow:none}
.pg-Brand .p-sw.dk .sl{color:rgba(244,239,232,.5)}