.portal-demo{--canvas:var(--color-canvas,#fff);--surface:var(--color-surface,#f5f5f5);--elev:var(--color-surface-elevated,#eee);--ink:var(--color-ink,#111);--ink-soft:var(--color-ink-soft,#3a3a3a);--muted:var(--color-muted,#6b7280);--line:var(--color-border,#00000014);--line2:var(--color-border-strong,#00000024);--pur:var(--color-accent-purple,#927afe);--cyan:var(--color-accent-cyan,#01e7ff);--ora:var(--color-accent-orange,#fe621c);--lime:var(--color-accent-lime,#dbe64c);--cyan-ink:#1b3645;--card:#fff;--side:#f5f5f5;--solid:#111;--inv:#111;--on-inv:#fff;--gray:#b4b4b4;--hover:#0000000a;--display:var(--font-display,"Clash Display", system-ui, sans-serif);--sans:var(--font-sans,Inter, system-ui, sans-serif);color:var(--ink-soft);font-family:var(--sans);text-align:left;--portal-frame:780px;--portal-screen:1240px;box-sizing:border-box;width:min(var(--portal-screen), 100%);max-width:var(--portal-screen);min-width:0;font-size:14px;line-height:1.5}.portal-demo .hero-embed-wrap{width:100%;max-width:none;margin:0 auto}.portal-demo .mw-window{box-sizing:border-box;width:100%;height:calc(48px + var(--portal-frame));background:var(--card);border:1px solid var(--line2);border-radius:20px;position:relative;overflow:hidden;box-shadow:0 0 0 1px #00000008,0 30px 80px -20px #00000059,0 12px 28px -10px #0003}.portal-demo .mw-window-bar{background:color-mix(in srgb, var(--surface) 85%, var(--card));border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;height:48px;padding:0 18px;display:flex}.portal-demo .mw-traffic{gap:7px;width:88px;display:flex}.portal-demo .mw-traffic i{border-radius:50%;width:11px;height:11px}.portal-demo .mw-traffic i.red{background:#ff5f56}.portal-demo .mw-traffic i.yel{background:#ffbd2e}.portal-demo .mw-traffic i.grn{background:#27c93f}.portal-demo .mw-window-title{font-family:var(--display);color:var(--muted);align-items:center;gap:8px;font-size:13px;font-weight:500;display:inline-flex}.portal-demo .title-brand{color:var(--ink);font-weight:600}.portal-demo .mw-window-actions{justify-content:flex-end;width:88px;display:flex}.portal-demo .mw-role{color:var(--muted);white-space:nowrap;font-size:12px}.portal-demo .mw-window-body{box-sizing:border-box;background:var(--canvas);width:100%;height:calc(100% - 48px);position:relative;overflow:hidden}.portal-demo .app{background-color:var(--canvas);background-image:radial-gradient(circle,#00000012 1px,#0000 1px);background-size:24px 24px;grid-template-columns:248px minmax(0,1fr);width:100%;min-width:0;height:100%;min-height:0;display:grid;position:relative;overflow:hidden}.portal-demo .app.has-board .main{background:var(--canvas);gap:0;padding:0}.portal-demo .mobile-bar,.portal-demo .menu-scrim,.portal-demo .menu-close{display:none}.portal-demo .app.has-board .main>:not(.mobile-bar){flex:1 0 auto;width:100%;min-height:100%}.portal-demo .side{background:var(--side);border-right:1px solid var(--line);text-align:left;flex-direction:column;gap:16px;min-height:0;padding:18px 14px 18px 16px;display:flex;overflow:auto}.portal-demo .logo,.portal-demo .brand-sw,.portal-demo .h1,.portal-demo .piece-title,.portal-demo .card-head{font-family:var(--display)}.portal-demo .logo{color:var(--ink);align-items:center;gap:10px;font-size:18px;font-weight:600;display:flex}.portal-demo .logo .tile,.portal-demo .avatar{color:#fff;flex:none;justify-content:center;align-items:center;font-weight:700;display:inline-flex}.portal-demo .logo .tile{background:var(--solid);border-radius:9px;width:32px;height:32px}.portal-demo .logo .tile img{object-fit:contain;width:18px;height:18px;display:block}.portal-demo .brand-sw{background:var(--card);border:1px solid var(--line);color:var(--ink);text-align:left;border-radius:12px;align-items:center;gap:10px;width:100%;padding:8px 10px;font-size:13px;font-weight:600;display:flex}.portal-demo .brand-sw>span:last-child{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.portal-demo .avatar{background:var(--ora);border-radius:8px;width:28px;height:28px;font-size:13px}.portal-demo .nav{text-align:left;flex-direction:column;gap:3px;display:flex}.portal-demo .nav .eyebrow{font-family:var(--display);letter-spacing:.16em;text-transform:uppercase;color:var(--muted);text-align:left;margin:10px 10px 4px;padding:0;font-size:11px}.portal-demo .nav button{height:40px;color:var(--muted);text-align:left;cursor:pointer;background:0 0;border:0;border-radius:10px;align-items:center;gap:10px;padding:0 12px;font-size:13.5px;font-weight:500;display:flex}.portal-demo .nav button:hover{background:var(--hover);color:var(--ink)}.portal-demo .nav button.on{background:var(--card);color:var(--ink);font-weight:600;box-shadow:0 1px 2px #0000000a}.portal-demo .cnt{background:var(--elev);color:var(--ink);border-radius:999px;margin-left:auto;padding:2px 7px;font-size:11px;font-weight:700}.portal-demo .cnt.pur{background:var(--pur);color:#fff}.portal-demo .cnt.ora{background:var(--ora);color:#fff}.portal-demo .cnt.cyan{background:var(--cyan);color:var(--cyan-ink)}.portal-demo .main{flex-direction:column;gap:22px;min-width:0;height:100%;min-height:0;padding:28px 28px 40px;display:flex;overflow:auto;container-type:inline-size}.portal-demo .main>*{flex-shrink:0;min-width:0}.portal-demo .h1{letter-spacing:-.03em;color:var(--ink);text-wrap:balance;margin:0;font-size:clamp(26px,2.5vw,36px);font-weight:600;line-height:1.12}.portal-demo .h1 .gray{color:var(--gray)}.portal-demo .kicker{align-items:center;gap:8px;margin-bottom:8px;display:flex}.portal-demo .badge{font-family:var(--display);letter-spacing:.12em;text-transform:uppercase;white-space:nowrap;background:var(--elev);color:var(--ink-soft);border-radius:999px;align-items:center;gap:6px;padding:6px 11px;font-size:11px;font-weight:600;line-height:1;display:inline-flex}.portal-demo .badge.sm{padding:5px 9px;font-size:10px}.portal-demo .b-ink{background:var(--inv);color:#fff}.portal-demo .b-pur{background:var(--pur);color:#fff}.portal-demo .b-ora{background:var(--ora);color:#fff}.portal-demo .b-cyan{background:var(--cyan);color:var(--cyan-ink)}.portal-demo .b-lime{background:var(--lime);color:#111}.portal-demo .b-grn{color:#111;background:#74c465}.portal-demo .b-red{color:#fff;background:#a91e23}.portal-demo .b-neu{background:var(--elev);color:var(--ink-soft)}.portal-demo .btn{border:1px solid var(--line2);background:var(--card);height:44px;color:var(--ink);font-family:var(--display);letter-spacing:.02em;white-space:nowrap;cursor:pointer;border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:0 20px;font-size:14px;font-weight:600;text-decoration:none;transition:transform .15s,box-shadow .15s,background .15s;display:inline-flex}.portal-demo .btn:hover{background:var(--surface)}.portal-demo .btn.sm{height:36px;padding:0 14px;font-size:13px}.portal-demo .btn.lg{height:48px;padding:0 24px;font-size:15px}.portal-demo .btn.full{width:100%}.portal-demo .btn.grow{flex:auto}.portal-demo .btn-p{background:linear-gradient(var(--solid), var(--solid)) padding-box, conic-gradient(from 200deg, #927afe, #01e7ff, #e8fbff, #927afe) border-box;color:#fff;border:1px solid #0000;box-shadow:0 0 16px #01e7ff33}.portal-demo .btn-p:hover{background:linear-gradient(#000,#000) padding-box padding-box,conic-gradient(from 200deg,#927afe,#01e7ff,#e8fbff,#927afe) border-box;transform:translateY(-1px);box-shadow:0 0 22px #01e7ff59}.portal-demo .btn-ink{border-color:var(--inv);background:var(--inv);color:var(--on-inv)}.portal-demo .btn-ink:hover{background:var(--inv);opacity:.88}.portal-demo .btn-g{color:var(--muted);background:0 0;border-color:#0000}.portal-demo .btn-g:hover{background:var(--surface);color:var(--ink)}.portal-demo .btn[disabled]{opacity:.35;pointer-events:none}.portal-demo .icon-btn{border:1px solid var(--line2);background:var(--card);width:40px;height:40px;color:var(--ink);cursor:pointer;border-radius:999px;flex:none;justify-content:center;align-items:center;transition:background .15s;display:inline-flex}.portal-demo .icon-btn:hover{background:var(--surface)}.portal-demo .icon-btn.sm{width:34px;height:34px}.portal-demo .icon-btn[disabled]{opacity:.35;pointer-events:none}.portal-demo .seg{background:var(--surface);border:1px solid #0000000f;border-radius:999px;flex-wrap:wrap;gap:2px;max-width:100%;padding:4px;display:inline-flex}.portal-demo .seg button{height:36px;color:var(--muted);white-space:nowrap;cursor:pointer;background:0 0;border:0;border-radius:999px;padding:0 15px;font-size:13px;font-weight:500;transition:all .15s}.portal-demo .seg button.on,.portal-demo .seg button.is-on{color:var(--ink);background:#fff;font-weight:600;box-shadow:0 1px 2px #00000014}.portal-demo .seg.dark button.on,.portal-demo .seg.dark button.is-on{background:var(--inv);color:#fff}.portal-demo .rvtop{border-bottom:1px solid var(--line);background:var(--canvas);flex-wrap:wrap;align-items:center;gap:12px;min-height:64px;padding:12px 20px;display:flex}.portal-demo .muted{color:var(--muted)}.portal-demo .small{font-size:12px}.portal-demo .band{background:#ffffff1f;border-radius:20px;grid-template-columns:repeat(3,minmax(0,1fr)) minmax(0,1.4fr);gap:1px;display:grid;overflow:hidden}.portal-demo .band button,.portal-demo .band .dl{background:var(--solid);color:#fff;text-align:left;cursor:pointer;border:0;flex-direction:column;align-items:flex-start;gap:8px;min-width:0;padding:18px 20px;display:flex}.portal-demo .band .lab{min-width:0;font-family:var(--display);letter-spacing:.08em;text-transform:uppercase;color:#ffffff9e;flex-wrap:wrap;align-items:center;gap:8px;font-size:11px;display:flex}.portal-demo .band .num{font-family:var(--display);letter-spacing:-.04em;flex-shrink:0;font-size:clamp(32px,4vw,42px);font-weight:600;line-height:1}.portal-demo .band .txt{color:#ffffffb8;font-size:14px}.portal-demo .dot{border-radius:999px;width:8px;height:8px}.portal-demo .band .dl{cursor:default;flex-direction:row;justify-content:space-between;align-items:center;gap:12px}.portal-demo .band .dl .badge{white-space:normal;letter-spacing:.04em}.portal-demo .band .dl .num{color:var(--lime);font-size:clamp(28px,4vw,42px)}.portal-demo .card{border:1px solid var(--line);background:#fff;border-radius:18px;overflow:hidden}.portal-demo .card-head{background:var(--solid);color:#fff;justify-content:space-between;align-items:center;gap:12px;padding:14px 18px;font-size:18px;font-weight:600;display:flex}.portal-demo .card-head.soft{background:var(--surface);color:var(--ink)}.portal-demo .card-head>strong span{font-family:var(--sans);opacity:.7;font-size:13px;font-weight:400}.portal-demo .band .dl>div{flex-direction:column;align-items:flex-start;gap:8px;min-width:0;display:flex}@container (width<=760px){.portal-demo .band{grid-template-columns:1fr 1fr}.portal-demo .band .dl{grid-column:1/-1}}@container (width<=420px){.portal-demo .band{grid-template-columns:1fr}.portal-demo .band .dl{grid-column:auto}}.portal-demo .lrow{text-align:left;cursor:pointer;background:#fff;border:0;border-top:1px solid #0000000f;grid-template-columns:120px minmax(0,1fr) auto 36px;align-items:center;gap:14px;width:100%;padding:13px 16px;display:grid}.portal-demo .lrow:hover{background:var(--hover)}.portal-demo .piece-title{color:var(--ink);font-size:16px;font-weight:600}.portal-demo .arrow{background:var(--inv);color:#fff;border:0;border-radius:999px;justify-content:center;align-items:center;width:34px;height:34px;display:inline-flex}.portal-demo .detail{flex-direction:column;align-items:flex-start;gap:16px;display:flex}.portal-demo .detail-actions{flex-wrap:wrap;gap:8px;display:flex}.portal-demo .detail-actions button,.portal-demo .back{border:1px solid var(--line2);cursor:pointer;background:#fff;border-radius:999px;height:40px;padding:0 16px;font-weight:600}.portal-demo .detail-actions .is-primary{background:var(--ink);color:#fff;border-color:#0000}.portal-demo .rrss-view{background:var(--canvas);height:auto;min-height:100%;color:var(--ink);flex-direction:column;display:flex}.portal-demo .rrss-view__bar{justify-content:space-between;align-items:center;gap:12px;padding:14px 16px 8px;display:flex}.portal-demo .rrss-back,.portal-demo .rrss-pill,.portal-demo .rrss-pager button,.portal-demo .rrss-download,.portal-demo .rrss-toggle button,.portal-demo .rrss-actions button{font:inherit;color:inherit;cursor:pointer}.portal-demo .rrss-back{color:var(--ink);background:0 0;border:0;align-items:center;gap:8px;font-weight:600;display:inline-flex}.portal-demo .rrss-view__tools{align-items:center;gap:8px;display:flex}.portal-demo .rrss-pill,.portal-demo .rrss-pager{border:1px solid var(--line2);background:var(--surface);height:32px;color:var(--ink-soft);border-radius:999px;align-items:center;padding:0 10px;font-size:12px;display:inline-flex}.portal-demo .rrss-pill.is-on{background:var(--ink);color:#fff}.portal-demo .rrss-pager{gap:6px;padding:0 4px}.portal-demo .rrss-pager button{width:24px;height:24px;color:var(--ink);background:0 0;border:0;border-radius:999px;justify-content:center;align-items:center;display:inline-flex}.portal-demo .rrss-pager button:disabled{opacity:.3;cursor:default}.portal-demo .rrss-history{color:var(--muted);margin:0 16px 8px auto;font-size:12px}.portal-demo .rrss-view__body{flex:1;grid-template-columns:minmax(0,1fr) 320px;min-height:0;display:grid}.portal-demo .rrss-stage{flex-direction:column;justify-content:center;align-items:center;gap:14px;padding:8px 20px 24px;display:flex}.portal-demo .rrss-toggle{background:var(--surface);border-radius:999px;padding:3px;display:inline-flex}.portal-demo .rrss-toggle button{height:28px;color:var(--muted);background:0 0;border:0;border-radius:999px;padding:0 14px;font-size:13px;font-weight:600}.portal-demo .rrss-toggle button.is-on{background:var(--ink);color:#fff}.portal-demo .rrss-phone{aspect-ratio:9/16;background:#0c0c0e;border-radius:32px;width:min(250px,72%);padding:7px;position:relative;box-shadow:0 24px 50px #00000073}.portal-demo .rrss-screen{background:#1a120e url(/images/portal-reel-still.jpg) 50% 20%/cover no-repeat;border-radius:26px;height:100%;overflow:hidden}.portal-demo .rrss-play{color:#111;cursor:pointer;background:#fffffff0;border:0;border-radius:999px;justify-content:center;align-items:center;width:54px;height:54px;margin:-27px 0 0 -27px;display:inline-flex;position:absolute;top:50%;left:50%}.portal-demo .rrss-dots{justify-content:center;gap:5px;display:flex;position:absolute;bottom:18px;left:0;right:0}.portal-demo .rrss-dots i{background:#ffffff73;border-radius:99px;width:6px;height:6px}.portal-demo .rrss-dots i.is-on{background:#fff}.portal-demo .rrss-scrub{width:min(250px,72%);height:28px;position:relative}.portal-demo .rrss-scrub:before{content:"";background:#0000001f;border-radius:99px;height:3px;position:absolute;top:0;left:0;right:0}.portal-demo .rrss-scrub i{background:var(--ink);border-radius:99px;width:8%;height:3px;position:absolute;top:0;left:0}.portal-demo .rrss-scrub.is-playing i{animation:8s linear forwards rrss-scrub}.portal-demo .rrss-scrub span{color:#a1a1aa;font-size:11px;position:absolute;top:10px}.portal-demo .rrss-scrub span:first-of-type{left:0}.portal-demo .rrss-scrub span:last-of-type{right:0}.portal-demo .rrss-download{border:1px solid var(--line2);height:36px;color:var(--ink);background:#fff;border-radius:999px;align-items:center;gap:8px;padding:0 16px;font-size:13px;font-weight:600;display:inline-flex}.portal-demo .rrss-side{border-left:1px solid var(--line);background:var(--surface);flex-direction:column;gap:10px;min-height:0;padding:18px 18px 16px;display:flex;overflow:auto}.portal-demo .rrss-badges{flex-wrap:wrap;gap:6px;display:flex}.portal-demo .rrss-fmt,.portal-demo .rrss-status{height:22px;font-family:var(--display);letter-spacing:.08em;text-transform:uppercase;border-radius:999px;align-items:center;padding:0 8px;font-size:10px;font-weight:600;display:inline-flex}.portal-demo .rrss-fmt{background:var(--pur);color:#fff}.portal-demo .rrss-status{color:#c2410c;background:#fe621c29}.portal-demo .rrss-status.is-ok{color:#4d5a12;background:#dbe64c2e}.portal-demo .rrss-side h2{font-family:var(--display);letter-spacing:-.03em;color:var(--ink);margin:4px 0 0;font-size:22px;font-weight:600;line-height:1.15}.portal-demo .rrss-date,.portal-demo .rrss-empty{color:var(--muted);margin:0;font-size:13px}.portal-demo .rrss-kicker{letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin:8px 0 0;font-size:11px;font-weight:700}.portal-demo .rrss-copy,.portal-demo .rrss-note{border:1px solid var(--line);color:var(--ink-soft);background:#fff;border-radius:14px;margin:0;padding:12px 14px;font-size:13px;line-height:1.45}.portal-demo .rrss-copy p{margin:0}.portal-demo .rrss-tags{color:var(--ink);margin-top:10px}.portal-demo .rrss-actions{justify-content:flex-end;gap:8px;margin-top:auto;padding-top:12px;display:flex}.portal-demo .rrss-actions button{border:1px solid var(--line2);height:36px;color:var(--ink);background:#fff;border-radius:999px;padding:0 14px;font-weight:600}.portal-demo .rrss-actions .is-primary{background:var(--ink);color:#fff;border-color:#0000}.portal-demo .rrss-actions .is-primary:disabled{opacity:.7;cursor:default}@keyframes rrss-scrub{0%{width:8%}to{width:100%}}.portal-demo .note{background:#fff7ed;border-radius:12px;margin:0;padding:12px 14px}.portal-demo .hero-coach-wrap{justify-content:center;margin-top:18px;display:flex}.portal-demo .hero-coach{background:linear-gradient(#fff,#f4f3ef);border:1px solid #0000001f;border-radius:999px;align-items:center;gap:10px;max-width:calc(100% - 16px);padding:6px 8px;font-size:13px;display:inline-flex;box-shadow:0 8px 24px #0000001f}.portal-demo .coach-icon{background:var(--lime);border-radius:999px;justify-content:center;align-items:center;width:28px;height:28px;font-size:11px;display:inline-flex}.portal-demo .coach-label{white-space:nowrap;font-weight:700}.portal-demo .coach-desc{opacity:.7;white-space:nowrap;text-overflow:ellipsis;max-width:280px;overflow:hidden}.portal-demo .coach-dots{gap:5px;display:inline-flex}.portal-demo .coach-dots i{opacity:.35;background:currentColor;border-radius:99px;width:5px;height:5px}.portal-demo .coach-dots i.on{opacity:1;width:14px}.portal-demo .coach-replay-btn{cursor:pointer;background:#00000014;border:0;border-radius:999px;padding:6px 10px;font-size:12px;font-weight:600}.portal-tour{z-index:30;border-radius:inherit;position:absolute;inset:0}.portal-tour.is-center{background:#1111118c}.portal-tour__spot{pointer-events:none;opacity:0;border-radius:16px;width:48px;height:48px;position:absolute;top:0;left:0;box-shadow:0 0 0 9999px #11111194}.portal-tour__ring{border-radius:inherit;border:2px solid var(--lime);animation:1.8s ease-out infinite portal-tour-pulse;position:absolute;inset:-5px}.portal-tour.is-center .portal-tour__spot,.portal-tour.is-sheet .portal-tour__ring{animation:none}.portal-tour__card{z-index:2;width:min(300px,100% - 24px);color:var(--ink);font-family:var(--sans);background:#fff;border-radius:18px;padding:16px 16px 14px;position:absolute;box-shadow:0 24px 60px #00000047}.portal-tour__card.is-center{top:50%;left:50%;transform:translate(-50%,-50%)}.portal-tour__card.is-sheet{width:auto;inset:auto 12px 12px;transform:none}.portal-tour__card[data-side=right]:before,.portal-tour__card[data-side=left]:before,.portal-tour__card[data-side=bottom]:before{content:"";background:#fff;width:12px;height:12px;position:absolute;transform:rotate(45deg)}.portal-tour__card[data-side=right]:before{top:22px;left:-6px}.portal-tour__card[data-side=left]:before{top:22px;right:-6px}.portal-tour__card[data-side=bottom]:before{top:-6px;left:22px}.portal-tour__card.is-center:before,.portal-tour__card.is-sheet:before{display:none}.portal-tour__card-top,.portal-tour__actions{justify-content:space-between;align-items:center;gap:8px;display:flex}.portal-tour__count{font-family:var(--display);letter-spacing:.08em;color:var(--muted);font-size:12px;font-weight:600}.portal-tour__close{color:var(--muted);cursor:pointer;background:0 0;border:0;font-size:12px;font-weight:600}.portal-tour__card h3{font-family:var(--display);letter-spacing:-.03em;margin:10px 0 6px;font-size:22px;font-weight:600;line-height:1.1}.portal-tour__card p{color:var(--ink-soft);margin:0;font-size:14px;line-height:1.45}.portal-tour__actions{justify-content:flex-end;margin-top:14px}.portal-tour__actions button{border:1px solid var(--line2);cursor:pointer;background:#fff;border-radius:999px;height:36px;padding:0 14px;font-weight:600}.portal-tour__actions .is-primary{background:var(--ink);color:#fff;border-color:#0000}@keyframes portal-tour-pulse{0%{opacity:.9;transform:scale(1)}to{opacity:0;transform:scale(1.08)}}.portal-demo.is-expanded .mw-window{height:auto}.portal-demo.is-expanded .mw-window-body{height:auto;min-height:var(--portal-frame)}.portal-demo .web-board,.portal-demo .web-view{background:var(--canvas);min-height:100%;color:var(--ink);font-family:var(--sans)}.portal-demo .web-board{padding:22px 28px 32px}.portal-demo .web-back,.portal-demo .web-seg button,.portal-demo .web-pill,.portal-demo .web-pager button,.portal-demo .web-filters button,.portal-demo .web-review,.portal-demo .web-note button,.portal-demo .web-approve{font:inherit;cursor:pointer}.portal-demo .web-back{color:var(--ink);background:0 0;border:0;align-items:center;gap:8px;font-weight:600;display:inline-flex}.portal-demo .web-back small{color:var(--muted);font-size:11px;font-weight:500;display:block}.portal-demo .web-board__head h2{font-family:var(--display);letter-spacing:-.03em;color:var(--ink);margin:10px 0 6px;font-size:clamp(28px,3vw,40px)}.portal-demo .web-board__head p,.portal-demo .web-empty,.portal-demo .web-quiet{color:var(--muted);margin:0}.portal-demo .web-kicker,.portal-demo .web-status,.portal-demo .web-round{height:24px;font-family:var(--display);letter-spacing:.06em;text-transform:uppercase;border-radius:999px;align-items:center;padding:0 10px;font-size:11px;font-weight:600;display:inline-flex}.portal-demo .web-kicker{background:var(--ora);color:#fff}.portal-demo .web-status{color:#c2410c;background:#fe621c29;margin-bottom:6px}.portal-demo .web-status.is-ok,.portal-demo .web-round{color:#fff;background:#fe621ce6}.portal-demo .web-status.is-ok{color:#3d4a10;background:#dbe64c73}.portal-demo .web-filters{background:var(--surface);border-radius:999px;flex-wrap:wrap;gap:4px;width:fit-content;max-width:100%;margin:18px 0;padding:4px;display:flex}.portal-demo .web-filters button{height:32px;color:var(--ink-soft);background:0 0;border:0;border-radius:999px;padding:0 12px}.portal-demo .web-filters button.is-on{background:var(--ora);color:#fff}.portal-demo .web-table{border:1px solid var(--line);background:#fff;border-radius:18px;overflow:hidden}.portal-demo .web-table header{color:var(--ink);grid-template-columns:1fr auto minmax(80px,140px) auto;align-items:center;gap:12px;padding:16px 18px;display:grid}.portal-demo .web-table header strong{font-family:var(--display);font-size:18px}.portal-demo .web-table header span,.portal-demo .web-table header em{color:var(--muted);font-size:12px;font-style:normal}.portal-demo .web-table header i{background:#e7e7ea;border-radius:99px;height:4px;display:block;overflow:hidden}.portal-demo .web-table header i b{background:var(--ink);height:100%;display:block}.portal-demo .web-row{border-top:1px solid var(--line);grid-template-columns:52px minmax(0,1fr) auto auto;align-items:center;gap:14px;padding:14px 18px;display:grid}.portal-demo .web-num{color:var(--muted);font-family:var(--display);font-size:18px}.portal-demo .web-row strong,.portal-demo .web-row small{display:block}.portal-demo .web-row strong{color:var(--ink);font-size:16px}.portal-demo .web-row small{color:var(--muted)}.portal-demo .web-devices{color:var(--muted);flex-direction:column;gap:4px;font-size:12px;display:flex}.portal-demo .web-review{color:#0e7490;background:#fff;border:1px solid #0891b2;border-radius:999px;align-items:center;gap:8px;height:36px;padding:0 14px;font-weight:600;display:inline-flex}.portal-demo .web-empty{padding:20px 18px}.portal-demo .web-view{flex-direction:column;display:flex}.portal-demo .web-view__bar{flex-wrap:wrap;align-items:center;gap:8px;padding:12px 14px 0;display:flex}.portal-demo .web-seg,.portal-demo .web-pager,.portal-demo .web-pill{border:1px solid var(--line2);background:var(--surface);border-radius:999px;align-items:center;gap:2px;height:34px;padding:3px;display:inline-flex}.portal-demo .web-seg button,.portal-demo .web-pager button,.portal-demo .web-pill{height:28px;color:var(--ink-soft);background:0 0;border:0;border-radius:999px;padding:0 10px;font-size:12px;font-weight:600}.portal-demo .web-seg button.is-on,.portal-demo .web-pill.is-on{background:var(--ink);color:#fff}.portal-demo .web-pager{gap:6px;padding:0 4px}.portal-demo .web-pager button{width:24px;color:var(--ink);justify-content:center;align-items:center;padding:0;display:inline-flex}.portal-demo .web-pager button:disabled{opacity:.3;cursor:default}.portal-demo .web-pager span{color:var(--muted);white-space:nowrap;font-size:12px}.portal-demo .web-history,.portal-demo .web-pin-hint{color:var(--muted);text-align:center;margin:8px 16px 0;font-size:12px}.portal-demo .web-view__body{flex:1;grid-template-columns:minmax(0,1fr) 280px;min-height:0;display:grid}.portal-demo .web-canvas{padding:10px 12px 16px;overflow:auto}.portal-demo .web-canvas.is-comment .web-frame{cursor:crosshair}.portal-demo .web-frame{background:#0d1524;border-radius:12px;position:relative;overflow:hidden;box-shadow:0 18px 40px #00000059}.portal-demo .web-frame.is-mobile{width:min(390px,100%);margin:0 auto}.portal-demo .web-svg{width:100%;height:auto;font-family:var(--display);display:block}.portal-demo .web-pin{background:var(--ora);border-radius:99px;width:18px;height:18px;position:absolute;top:48%;left:42%;box-shadow:0 0 0 6px #fe621c47}.portal-demo .web-notes{border-left:1px solid var(--line);background:var(--surface);flex-direction:column;gap:8px;min-height:0;padding:8px 14px 16px;font-size:13px;display:flex;overflow:auto}.portal-demo .web-notes h3{letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin:8px 0 0;font-size:11px}.portal-demo .web-note{border:1px solid var(--line);background:#fff;border-radius:12px;margin:0;padding:10px 12px}.portal-demo .web-note p{margin:0 0 8px}.portal-demo .web-note div{flex-wrap:wrap;gap:6px;display:flex}.portal-demo .web-note button{border:1px solid var(--line2);height:30px;color:var(--ink);background:#fff;border-radius:999px;padding:0 10px;font-size:12px}.portal-demo .web-note button.is-on{color:#0e7490;background:#e7fbff;border-color:#0891b2}.portal-demo .web-check{color:var(--ink-soft);align-items:center;gap:8px;display:flex}.portal-demo .web-approve{background:var(--ink);color:#fff;border:0;border-radius:999px;height:36px;margin-top:auto;font-weight:700}.portal-demo .web-approve:disabled{opacity:.6;cursor:default}.portal-demo .hl{background:var(--canvas);min-height:100%;color:var(--ink);padding:18px 22px 28px}.portal-demo .hl-top,.portal-demo .hl-body{gap:16px;display:grid}.portal-demo .hl-top{grid-template-columns:minmax(0,1fr) auto;align-items:end;margin-top:8px}.portal-demo .hl-body{grid-template-columns:minmax(0,1fr) 280px;align-items:start;margin-top:16px}.portal-demo .hl h2{font-family:var(--display);letter-spacing:-.03em;color:var(--ink);margin:8px 0 0;font-size:clamp(28px,3vw,40px)}.portal-demo .hl-badges{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.portal-demo .hl-badge,.portal-demo .hl-client{height:22px;font-family:var(--display);letter-spacing:.06em;text-transform:uppercase;border-radius:999px;align-items:center;padding:0 8px;font-size:11px;font-weight:700;display:inline-flex}.portal-demo .hl-badge{background:var(--surface);color:var(--ink-soft)}.portal-demo .hl-badge.is-lime{background:var(--lime);color:#111}.portal-demo .hl-badge.is-ok{color:#166534;background:#e7f8ef}.portal-demo .hl-client{color:var(--muted);background:0 0;padding:0}.portal-demo .hl-url{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;display:flex}.portal-demo .hl-url span,.portal-demo .hl-url small{display:block}.portal-demo .hl-url span{font-weight:600}.portal-demo .hl-url small{color:var(--muted);font-size:12px}.portal-demo .hl-url button,.portal-demo .hl-ghost,.portal-demo .hl-tabs button,.portal-demo .hl-chips button{font:inherit;cursor:pointer}.portal-demo .hl-url button,.portal-demo .hl-ghost{border:1px solid var(--line2);height:34px;color:var(--ink);background:#fff;border-radius:999px;padding:0 12px;font-weight:600}.portal-demo .hl-url button.is-save{background:var(--ink);color:#fff;border-color:#0000}.portal-demo .hl-card,.portal-demo .hl-preview{border:1px solid var(--line);background:#fff;border-radius:18px}.portal-demo .hl-card{padding:8px}.portal-demo .hl-tabs,.portal-demo .hl-chips{flex-wrap:wrap;gap:4px;display:flex}.portal-demo .hl-tabs{padding:6px}.portal-demo .hl-tabs button,.portal-demo .hl-chips button{height:32px;color:var(--ink-soft);background:0 0;border:0;border-radius:999px;padding:0 12px;font-weight:600}.portal-demo .hl-tabs button.is-on,.portal-demo .hl-chips button.is-on{background:var(--ink);color:#fff}.portal-demo .hl-form,.portal-demo .hl-clicks{flex-direction:column;gap:12px;padding:12px;display:flex}.portal-demo .hl-form label,.portal-demo .hl-label{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;flex-direction:column;gap:6px;font-size:11px;font-weight:700;display:flex}.portal-demo .hl-form input,.portal-demo .hl-form textarea{border:1px solid var(--line2);width:100%;color:var(--ink);font:inherit;letter-spacing:0;text-transform:none;background:#fff;border-radius:12px;padding:10px 12px;font-size:14px;font-weight:500}.portal-demo .hl-grid{grid-template-columns:1fr 140px;gap:12px;display:grid}.portal-demo .hl-switch{text-transform:none;letter-spacing:0;color:var(--ink);flex-direction:row;align-items:center;font-size:14px}.portal-demo .hl-switch input{opacity:0;width:1px;height:1px;position:absolute}.portal-demo .hl-switch i{background:#3a3a44;border-radius:99px;flex:none;width:42px;height:24px;position:relative}.portal-demo .hl-switch i:after{content:"";background:#fff;border-radius:99px;width:18px;height:18px;position:absolute;top:3px;left:3px}.portal-demo .hl-switch input:checked+i{background:#6d5efc}.portal-demo .hl-switch input:checked+i:after{left:21px}.portal-demo .hl-switch strong,.portal-demo .hl-switch small{letter-spacing:0;text-transform:none;display:block}.portal-demo .hl-switch small{color:var(--muted);font-weight:500}.portal-demo .hl-swatches{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.portal-demo .hl-swatches button{cursor:pointer;border:2px solid #0000;border-radius:99px;width:28px;height:28px}.portal-demo .hl-swatches button.is-on{border-color:var(--ink)}.portal-demo .hl-swatches span{color:var(--ink-soft);letter-spacing:.04em;font-size:12px}.portal-demo .hl-photo{grid-template-columns:auto 1fr 1fr;align-items:center;gap:14px;display:grid}.portal-demo .hl-avatar{width:64px;height:64px;font-family:var(--display);justify-content:center;align-items:center;font-weight:700;display:inline-flex}.portal-demo .hl-form input[type=range]{accent-color:#8eb6ff;background:0 0;border:0;padding:0}.portal-demo .hl-links{flex-direction:column;gap:8px;margin:0;padding:8px 12px 12px;list-style:none;display:flex}.portal-demo .hl-links li{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:12px;padding:10px 0;display:flex}.portal-demo .hl-links strong,.portal-demo .hl-links small{display:block}.portal-demo .hl-links strong{color:var(--ink)}.portal-demo .hl-links small{color:var(--muted)}.portal-demo .hl-clicks p{color:var(--muted);margin:0}.portal-demo .hl-clicks strong{color:var(--ink);font-family:var(--display);font-size:36px;display:block}.portal-demo .hl-bars{width:100%;height:auto}.portal-demo .hl-preview{padding:14px}.portal-demo .hl-preview>p{color:var(--muted);margin:0 0 8px;font-size:13px}.portal-demo .hl-svg{width:min(260px,100%);font-family:var(--display);margin:12px auto 0;display:block}.portal-demo .seo-board,.portal-demo .seo-read{background:var(--canvas);min-height:100%;color:var(--ink);padding:18px 22px 28px}.portal-demo .seo-kicker-row{color:var(--ink);align-items:center;gap:8px;margin:0;font-size:13px;font-weight:600;display:flex}.portal-demo .seo-kicker{background:var(--cyan);color:#07323a;height:22px;font-family:var(--display);letter-spacing:.06em;text-transform:uppercase;border-radius:999px;align-items:center;padding:0 8px;font-size:11px;font-weight:700;display:inline-flex}.portal-demo .seo-board h2,.portal-demo .seo-read h2{font-family:var(--display);letter-spacing:-.03em;color:var(--ink);margin:10px 0 0;font-size:clamp(28px,3vw,40px)}.portal-demo .seo-filters{background:var(--surface);border-radius:999px;flex-wrap:wrap;gap:4px;width:fit-content;max-width:100%;margin:16px 0;padding:4px;display:flex}.portal-demo .seo-filters button,.portal-demo .seo-read article>div button{font:inherit;cursor:pointer}.portal-demo .seo-filters button{height:32px;color:var(--ink-soft);background:0 0;border:0;border-radius:999px;padding:0 12px}.portal-demo .seo-filters button.is-on{background:var(--ink);color:#fff}.portal-demo .seo-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.portal-demo .seo-card{border:1px solid var(--line);color:inherit;text-align:left;cursor:pointer;background:#fff;border-radius:18px;flex-direction:column;align-items:flex-start;gap:8px;padding:10px;display:flex}.portal-demo .seo-cover-svg{width:100%;height:auto;font-family:var(--display);display:block}.portal-demo .seo-card>span{background:var(--ora);color:#fff;letter-spacing:.06em;text-transform:uppercase;border-radius:999px;height:22px;padding:0 8px;font-size:10px;font-weight:700;display:inline-flex}.portal-demo .seo-card strong{color:var(--ink);font-size:15px;line-height:1.3}.portal-demo .seo-card p,.portal-demo .seo-card small,.portal-demo .seo-empty,.portal-demo .seo-read small{color:var(--muted);margin:0}.portal-demo .seo-card p{-webkit-line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.portal-demo .seo-read article{flex-direction:column;gap:12px;max-width:640px;margin-top:16px;display:flex}.portal-demo .seo-read article>div{gap:8px;display:flex}.portal-demo .seo-read article>div button{border:1px solid var(--line2);height:36px;color:var(--ink);background:#fff;border-radius:999px;padding:0 14px;font-weight:600}.portal-demo .seo-read article>div .is-primary{background:var(--ink);color:#fff;border-color:#0000}.portal-demo .seo-read article>div .is-primary:disabled{opacity:.6;cursor:default}.portal-demo .seo-note{background:var(--surface);border-radius:14px;margin:0;padding:12px 14px}.portal-demo .seo-note span{color:var(--ora);letter-spacing:.06em;text-transform:uppercase;margin-bottom:6px;font-size:11px;font-weight:700;display:block}.portal-demo .rrss-board,.portal-demo .docs-board,.portal-demo .doc-read{flex-direction:column;gap:16px;display:flex}.portal-demo .rrss-board__head .kicker{margin:0}.portal-demo .rrss-kicker{background:var(--pur);color:#fff}.portal-demo .rrss-board__tools,.portal-demo .rrss-board__bar,.portal-demo .doc-read>header,.portal-demo .doc-card__actions,.portal-demo .doc-card__meta{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.portal-demo .rrss-board__bar h2,.portal-demo .rrss-cal header h2,.portal-demo .rrss-feed__note h2,.portal-demo .doc-card h2,.portal-demo .doc-read aside h2,.portal-demo .doc-sheet h2{font-family:var(--display);letter-spacing:-.03em;color:var(--ink);margin:0;font-size:22px;font-weight:600}.portal-demo .rrss-seg{background:var(--surface);border-radius:999px;flex-wrap:wrap;gap:2px;width:fit-content;max-width:100%;padding:4px;display:flex}.portal-demo .rrss-seg button,.portal-demo .rrss-ghost,.portal-demo .rrss-solid,.portal-demo .doc-icon,.portal-demo .rrss-cal__cell button,.portal-demo .rrss-ig__grid button,.portal-demo .rrss-pub__card{font:inherit;cursor:pointer}.portal-demo .rrss-seg button{height:34px;color:var(--ink-soft);background:0 0;border:0;border-radius:999px;padding:0 12px;font-weight:600}.portal-demo .rrss-seg button.is-on{color:var(--ink);background:#fff;box-shadow:0 1px 2px #0000000f}.portal-demo .rrss-seg.is-dark button.is-on{background:var(--ink);color:#fff}.portal-demo .rrss-list{flex-direction:column;gap:12px;display:flex}.portal-demo .rrss-piece{border:1px solid var(--line);background:#fff;border-radius:20px;grid-template-columns:90px minmax(0,1fr) auto;align-items:center;gap:16px;padding:16px 18px;display:grid}.portal-demo .rrss-thumb{width:90px;height:90px;color:var(--ora);background:#1c1410;border-radius:14px;justify-content:center;align-items:center;display:flex}.portal-demo .rrss-piece__body{flex-direction:column;gap:6px;min-width:0;display:flex}.portal-demo .rrss-piece__badges{flex-wrap:wrap;gap:6px;display:flex}.portal-demo .rrss-fmt-badge{background:var(--pur);color:#fff}.portal-demo .rrss-rev-badge{background:var(--ora);color:#fff}.portal-demo .rrss-piece__body strong{color:var(--ink);font-family:var(--display);letter-spacing:-.02em;text-overflow:ellipsis;white-space:nowrap;font-size:17px;font-weight:600;overflow:hidden}.portal-demo .rrss-piece__actions{gap:8px;display:flex}.portal-demo .rrss-ghost,.portal-demo .rrss-solid,.portal-demo .doc-icon{border-radius:999px;height:36px;font-weight:600}.portal-demo .rrss-ghost{border:1px solid var(--line2);color:var(--ink);background:#fff;padding:0 14px}.portal-demo .rrss-solid{background:var(--ink);color:#fff;border:0;padding:0 16px}.portal-demo .rrss-empty,.portal-demo .rrss-plan,.portal-demo .rrss-feed__note{border:1px solid var(--line);background:#fff;border-radius:18px;margin:0;padding:22px}.portal-demo .rrss-empty h2{color:var(--ink);font-family:var(--display);margin:0 0 6px}.portal-demo .rrss-empty p,.portal-demo .rrss-feed__note p{color:var(--muted);margin:0}.portal-demo .rrss-plan{color:var(--ink-soft);background:#f7f7f4}.portal-demo .rrss-pub{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.portal-demo .rrss-pub__card{border:1px solid var(--line);color:var(--ink);text-align:left;background:#fff;border-radius:18px;flex-direction:column;align-items:flex-start;gap:8px;padding:0 0 14px;display:flex;overflow:hidden}.portal-demo .rrss-pub__card .rrss-thumb{border-radius:0;width:100%;height:180px}.portal-demo .rrss-pub__card span,.portal-demo .rrss-pub__card small{padding:0 14px}.portal-demo .rrss-pub__card small{color:var(--muted)}.portal-demo .rrss-cal{border:1px solid var(--line);background:#fff;border-radius:18px;overflow:hidden}.portal-demo .rrss-cal header{border-bottom:1px solid var(--line);background:var(--surface);align-items:center;gap:14px;padding:14px 18px;display:flex}.portal-demo .rrss-cal header span{color:var(--muted);align-items:center;gap:6px;font-size:13px;display:inline-flex}.portal-demo .rrss-cal .dot{border-radius:999px;width:8px;height:8px}.portal-demo .rrss-cal .dot.pur{background:var(--pur)}.portal-demo .rrss-cal .dot.cyan{background:var(--cyan)}.portal-demo .rrss-cal__scroll{overflow-x:auto}.portal-demo .rrss-cal__grid{background:var(--line);grid-template-columns:repeat(7,minmax(108px,1fr));gap:1px;min-width:760px;display:grid}.portal-demo .rrss-cal__grid .eyebrow{background:var(--surface);margin:0;padding:10px}.portal-demo .rrss-cal__cell{background:#fff;flex-direction:column;gap:6px;min-height:96px;padding:8px;display:flex}.portal-demo .rrss-cal__cell b{font-family:var(--display);color:var(--ink)}.portal-demo .rrss-cal__close{background:var(--ink);color:var(--lime);border-radius:6px;padding:3px 6px;font-size:10px;font-weight:700}.portal-demo .rrss-cal__cell button{background:color-mix(in srgb, var(--pur) 22%, #fff);color:var(--ink);text-align:left;text-overflow:ellipsis;white-space:nowrap;border:0;border-radius:7px;padding:4px 7px;font-size:11px;font-weight:600;overflow:hidden}.portal-demo .rrss-feed{flex-wrap:wrap;justify-content:center;align-items:flex-start;gap:24px;display:flex}.portal-demo .rrss-ig{background:#111;border-radius:40px;width:min(340px,100%);padding:10px;box-shadow:0 18px 40px #0000002e}.portal-demo .rrss-ig__screen{color:#111;background:#fff;border-radius:32px;overflow:hidden}.portal-demo .rrss-ig__head,.portal-demo .rrss-ig__meta{justify-content:space-between;align-items:center;gap:10px;padding:16px 16px 0;display:flex}.portal-demo .rrss-ig__head span,.portal-demo .rrss-ig__screen>p{color:#6b7280;font-size:12px}.portal-demo .rrss-ig__screen>p{margin:10px 16px 14px;line-height:1.4}.portal-demo .rrss-ig__meta{grid-template-columns:auto repeat(3,1fr);padding-bottom:0;display:grid}.portal-demo .rrss-ig__meta span{color:#6b7280;text-align:center;font-size:11px}.portal-demo .rrss-ig__meta b{color:#111;font-size:15px;display:block}.portal-demo .rrss-ig__avatar{background:var(--ora);color:#fff;border-radius:999px;justify-content:center;align-items:center;width:52px;height:52px;font-weight:700;display:flex}.portal-demo .rrss-ig__grid{background:#f3f3f3;grid-template-columns:repeat(3,1fr);gap:2px;display:grid}.portal-demo .rrss-ig__grid button{aspect-ratio:1;background:#1c1410;border:0;justify-content:center;align-items:center;padding:0;display:flex;position:relative}.portal-demo .rrss-ig__grid .rrss-thumb{background:0 0;width:auto;height:auto}.portal-demo .rrss-ig__grid i{background:var(--ora);border-radius:999px;width:8px;height:8px;position:absolute;top:6px;right:6px}.portal-demo .rrss-feed__note{max-width:360px}.portal-demo .rrss-feed__note .eyebrow{margin:0 0 8px}.portal-demo .doc-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.portal-demo .doc-card{border:1px solid var(--line);background:#fff;border-radius:20px;flex-direction:column;display:flex;overflow:hidden}.portal-demo .doc-card__cover{background:#1c1410;justify-content:center;align-items:center;height:150px;display:flex}.portal-demo .doc-paper{background:#fff;border-radius:6px;flex-direction:column;gap:6px;width:78px;height:104px;padding:12px;display:flex;transform:rotate(-4deg);box-shadow:0 10px 24px #00000038}.portal-demo .doc-paper i{background:#e5e5e5;border-radius:2px;height:4px;display:block}.portal-demo .doc-paper i:first-child{background:var(--ora);width:58%;height:6px}.portal-demo .doc-paper i:nth-child(2){width:90%}.portal-demo .doc-paper i:nth-child(3){width:72%}.portal-demo .doc-paper i:last-child{background:#f3f3f3;width:100%;height:28px;margin-top:auto}.portal-demo .doc-card__body{flex-direction:column;flex:1;gap:10px;padding:16px;display:flex}.portal-demo .doc-card h2{font-size:17px;line-height:1.25}.portal-demo .doc-card__actions{margin-top:auto;padding-top:8px}.portal-demo .doc-card__actions .rrss-solid{flex:1}.portal-demo .doc-icon{border:1px solid var(--line2);width:36px;color:var(--ink);background:#fff;justify-content:center;align-items:center;padding:0;display:inline-flex}.portal-demo .docs-toast{color:var(--ink-soft);margin:0;font-weight:600}.portal-demo .doc-read>header strong{color:var(--ink);font-family:var(--display);display:block}.portal-demo .doc-read__body{grid-template-columns:minmax(0,1fr) 280px;align-items:start;gap:16px;display:grid}.portal-demo .doc-sheet{color:#111;background:#fff;border-radius:8px;flex-direction:column;gap:16px;padding:28px;display:flex;box-shadow:0 16px 40px #00000014}.portal-demo .doc-sheet>header{border-bottom:2px solid #111;justify-content:space-between;gap:12px;padding-bottom:12px;display:flex}.portal-demo .doc-sheet>header span{color:var(--ora);letter-spacing:.06em;text-transform:uppercase;font-size:12px;font-weight:700}.portal-demo .doc-sheet>p,.portal-demo .doc-read aside p{color:var(--muted);margin:0}.portal-demo .doc-kpis{background:#111;border-radius:14px;grid-template-columns:1fr 1fr;gap:2px;display:grid;overflow:hidden}.portal-demo .doc-kpis div{color:#fff;flex-direction:column;gap:4px;padding:14px;display:flex}.portal-demo .doc-kpis span{color:#ffffffa6;letter-spacing:.08em;text-transform:uppercase;font-size:11px}.portal-demo .doc-kpis b{font-family:var(--display);font-size:28px}.portal-demo .doc-kpis div:first-child b{color:var(--lime)}.portal-demo .doc-findings{border:1px solid var(--line);background:#f7f7f7;border-radius:12px;padding:14px}.portal-demo .doc-findings ul{color:var(--ink-soft);margin:8px 0 0;padding-left:18px}.portal-demo .doc-read aside{border:1px solid var(--line);background:#fff;border-radius:18px;flex-direction:column;gap:8px;padding:18px;display:flex}.portal-demo .site-board,.portal-demo .blog-board{flex-direction:column;gap:16px;display:flex}.portal-demo .site-view,.portal-demo .blog-read{flex-direction:column;gap:0;display:flex}.portal-demo .site-view__body,.portal-demo .blog-read__body{padding:18px 20px}.portal-demo .site-kicker{background:var(--ora);color:#fff}.portal-demo .blog-kicker{background:var(--cyan);color:#07323a}.portal-demo .site-ok{color:#166534;background:#d9f5e3}.portal-demo .site-rev{background:var(--ora);color:#fff}.portal-demo .site-board>header p{max-width:62ch;margin:8px 0 0}.portal-demo .site-table{border:1px solid var(--line);background:#fff;border-radius:22px;overflow:hidden}.portal-demo .site-band{color:#fff;background:#111;justify-content:space-between;align-items:flex-end;gap:16px;padding:20px 22px;display:flex}.portal-demo .site-band span{color:#ffffff9e;letter-spacing:.08em;text-transform:uppercase;font-size:11px;font-weight:700}.portal-demo .site-band strong{font-family:var(--display);letter-spacing:-.03em;margin-top:4px;font-size:22px;display:block}.portal-demo .site-progress{width:min(280px,100%)}.portal-demo .site-progress p{color:#ffffffb3;justify-content:space-between;gap:12px;margin:0 0 6px;font-size:12px;display:flex}.portal-demo .site-progress span{color:#ffffffb3;letter-spacing:0;text-transform:none;font-size:12px;font-weight:500}.portal-demo .site-progress i{background:#ffffff2e;border-radius:999px;height:8px;display:block;overflow:hidden}.portal-demo .site-progress b{background:linear-gradient(90deg, var(--pur), var(--cyan));height:100%;display:block}.portal-demo .site-row{border-top:1px solid var(--line);grid-template-columns:36px minmax(0,1fr) 180px auto;align-items:center;gap:12px;padding:16px 18px;display:grid}.portal-demo .site-row>b{font-family:var(--display);color:var(--ink);font-size:18px}.portal-demo .site-row__badges{flex-wrap:wrap;gap:6px;margin-bottom:4px;display:flex}.portal-demo .site-row>div strong,.portal-demo .site-view__bar strong,.portal-demo .blog-read>header strong{color:var(--ink);font-family:var(--display);text-overflow:ellipsis;white-space:nowrap;font-size:17px;display:block;overflow:hidden}.portal-demo .site-row__devices{color:var(--muted);flex-direction:column;gap:4px;font-size:13px;display:flex}.portal-demo .site-row__devices span{align-items:center;gap:6px;display:flex}.portal-demo .site-check{border:1.5px dashed #c8c8c8;border-radius:999px;width:16px;height:16px}.portal-demo .site-check.is-on{background:#22c55e;border:0;box-shadow:inset 0 0 0 4px #fff}.portal-demo .site-view__bar,.portal-demo .blog-read>header{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.portal-demo .site-view__bar>div,.portal-demo .blog-read>header>div{flex:1;min-width:0}.portal-demo .site-view__body,.portal-demo .blog-read__body{grid-template-columns:minmax(0,1fr) 280px;align-items:start;gap:16px;display:grid}.portal-demo .site-browser,.portal-demo .blog-read article{border:1px solid var(--line);background:#fff;border-radius:16px;overflow:hidden}.portal-demo .site-browser__bar{color:var(--muted);background:#f3f3f3;align-items:center;gap:6px;padding:10px 12px;font-size:12px;display:flex}.portal-demo .site-browser__bar i{background:#d0d0d0;border-radius:999px;width:8px;height:8px}.portal-demo .site-mock,.portal-demo .site-phone{color:#fff;cursor:crosshair;background:#171312;flex-direction:column;gap:14px;min-height:420px;padding:32px;display:flex;position:relative}.portal-demo .site-mock h2,.portal-demo .site-phone h2{color:#fff;max-width:16ch;font-family:var(--display);letter-spacing:-.03em;margin:0;font-size:32px;line-height:1.15}.portal-demo .site-mock p,.portal-demo .site-phone p{color:#ffffffbf;max-width:46ch;margin:0}.portal-demo .site-mock>div{flex-wrap:wrap;gap:8px;display:flex}.portal-demo .site-ghost{border:1px solid #ffffff59;border-radius:999px;align-items:center;height:36px;padding:0 14px;display:inline-flex}.portal-demo .site-phone{border:10px solid #111;border-radius:36px;width:min(280px,100%);min-height:520px;margin:8px auto}.portal-demo .site-phone h2{font-size:24px}.portal-demo .site-phone .rrss-solid{align-self:flex-start;margin-top:auto}.portal-demo .site-pin{background:var(--ora);color:#fff;border-radius:999px;justify-content:center;align-items:center;width:22px;height:22px;font-size:12px;font-weight:700;display:flex;position:absolute;transform:translate(-50%,-50%)}.portal-demo .site-view aside,.portal-demo .blog-read aside{border:1px solid var(--line);background:#fff;border-radius:18px;flex-direction:column;gap:10px;padding:16px;display:flex}.portal-demo .site-view aside label{color:var(--ink-soft);align-items:flex-start;gap:8px;font-size:13px;display:flex}.portal-demo .site-note{color:var(--ink);gap:8px;margin:0;display:flex}.portal-demo .site-note b{background:var(--ora);color:#fff;border-radius:999px;flex:none;justify-content:center;align-items:center;width:22px;height:22px;font-size:12px;display:flex}.portal-demo .site-note em{color:var(--muted);border-left:2px solid var(--ora);margin-bottom:4px;padding-left:6px;font-style:normal;display:block}.portal-demo .site-note.is-empty{color:var(--muted)}.portal-demo .site-view__actions{gap:8px;margin-top:8px;display:flex}.portal-demo .site-view__actions>*{flex:1}.portal-demo .rrss-solid:disabled,.portal-demo .rrss-ghost:disabled{opacity:.45;cursor:default}.portal-demo .blog-grid{grid-template-columns:1fr 1fr;gap:14px;display:grid}.portal-demo .blog-card{border:1px solid var(--line);color:inherit;font:inherit;text-align:left;cursor:pointer;background:#fff;border-radius:18px;flex-direction:column;gap:10px;padding:20px;display:flex}.portal-demo .blog-card>div{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.portal-demo .blog-card>div .small{margin-left:auto}.portal-demo .blog-card h2{color:var(--ink);font-family:var(--display);letter-spacing:-.03em;margin:0;font-size:20px}.portal-demo .blog-card p{color:var(--muted);margin:0;font-size:13.5px;line-height:1.5}.portal-demo .blog-card footer{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:10px;margin-top:auto;padding-top:12px;display:flex}.portal-demo .blog-sheet{color:#111;background:#fff;flex-direction:column;gap:14px;padding:28px;display:flex}.portal-demo .blog-sheet>span{color:var(--ora);letter-spacing:.06em;text-transform:uppercase;font-size:12px;font-weight:700}.portal-demo .blog-sheet h2{color:#111;font-family:var(--display);letter-spacing:-.03em;margin:0;font-size:clamp(24px,3vw,32px);line-height:1.15}.portal-demo .blog-sheet small{color:var(--muted)}.portal-demo .blog-sheet p{color:var(--ink-soft);margin:0;line-height:1.6}.portal-demo .blog-read article.is-comment .blog-sheet p{cursor:pointer;border-radius:8px}.portal-demo .blog-read article.is-comment .blog-sheet p:hover{background:#fff6ef}@container (width<=760px){.portal-demo .rrss-piece{grid-template-columns:72px minmax(0,1fr)}.portal-demo .rrss-piece__actions{grid-column:1/-1}.portal-demo .rrss-piece .rrss-thumb{width:72px;height:72px}.portal-demo .doc-grid,.portal-demo .doc-read__body,.portal-demo .rrss-pub,.portal-demo .site-view__body,.portal-demo .blog-read__body,.portal-demo .blog-grid{grid-template-columns:1fr}.portal-demo .site-row{grid-template-columns:36px minmax(0,1fr)}.portal-demo .site-row__devices{display:none}.portal-demo .site-row .rrss-solid{grid-column:1/-1;justify-self:start}.portal-demo .site-band{flex-direction:column;align-items:stretch}}@media (width<=860px){.portal-demo{--portal-frame:clamp(520px, 78vh, 780px)}.portal-demo .app{grid-template-columns:1fr}.portal-demo .side{display:none}.portal-demo .app.is-menu .side{z-index:6;background:#fff;width:min(300px,86%);display:flex;position:absolute;top:0;bottom:0;left:0;box-shadow:18px 0 40px #00000029}.portal-demo .app.is-menu .menu-scrim{z-index:5;cursor:pointer;background:#11111173;border:0;display:block;position:absolute;inset:0}.portal-demo .menu-close{background:var(--surface);width:32px;height:32px;color:var(--ink);cursor:pointer;border:0;border-radius:999px;justify-content:center;align-self:flex-end;align-items:center;display:inline-flex}.portal-demo .mobile-bar{border-bottom:1px solid var(--line);background:#fff;align-items:center;gap:10px;padding:12px 14px;display:flex}.portal-demo .mobile-bar .logo{flex:none}.portal-demo .mobile-bar .brand-name{min-width:0;color:var(--muted);white-space:nowrap;text-overflow:ellipsis;margin-left:auto;font-size:13px;font-weight:600;overflow:hidden}.portal-demo .menu-btn{border:1px solid var(--line2);width:36px;height:36px;color:var(--ink);cursor:pointer;background:#fff;border-radius:999px;justify-content:center;align-items:center;display:inline-flex}.portal-demo .app.has-board .mobile-bar{border-bottom-color:var(--line)}.portal-demo .rrss-view__body{grid-template-columns:1fr}.portal-demo .rrss-side{border-left:0;border-top:1px solid var(--line)}.portal-demo .rrss-phone,.portal-demo .rrss-scrub{width:min(210px,68%)}.portal-demo .web-view__body{grid-template-columns:1fr}.portal-demo .web-notes{border-left:0;border-top:1px solid var(--line)}.portal-demo .web-row{grid-template-columns:36px minmax(0,1fr)}.portal-demo .web-devices{display:none}.portal-demo .hl-top,.portal-demo .hl-body,.portal-demo .hl-photo,.portal-demo .seo-grid{grid-template-columns:1fr}.portal-demo .band{grid-template-columns:1fr 1fr}.portal-demo .band .dl{grid-column:1/-1}.portal-demo .lrow{grid-template-columns:minmax(0,1fr) 36px}.portal-demo .lrow .hide-m,.portal-demo .coach-desc,.portal-demo .mw-role{display:none}.portal-demo .h1{font-size:28px}}@media (prefers-reduced-motion:reduce){.portal-tour__ring{animation:none}.portal-demo .rrss-scrub.is-playing i{width:35%;animation:none}}.portal-hero-band{isolation:isolate;color:#f5f5f5;padding-top:calc(var(--hw-nav-top,1.5rem) + var(--hw-nav-min-height,4.5rem) + 2.5rem);background:radial-gradient(70% 55% at 12% 0,#927afe52,#0000 58%),radial-gradient(55% 50% at 92% 12%,#01e7ff2e,#0000 55%),radial-gradient(65% 45% at 50% 90%,#fe621c2e,#0000 60%),#111;padding-bottom:5rem;position:relative;overflow:hidden}.portal-hero__inner{z-index:10;text-align:center;flex-direction:column;align-items:center;max-width:1300px;margin:0 auto;padding:0 1.5rem;display:flex;position:relative}.portal-hero__title{font-family:var(--font-display,"Clash Display", system-ui, sans-serif);letter-spacing:-.035em;color:#fff;max-width:52rem;margin:1.25rem 0 0;font-size:clamp(2.4rem,4.8vw,4.25rem);font-weight:600;line-height:1.08}.portal-hero__title em{color:#ffffffa6;font-style:normal}.portal-hero__sub{font-family:var(--font-sans,Inter, system-ui, sans-serif);color:#ffffffb8;max-width:44rem;margin:1.25rem 0 0;font-size:clamp(1.05rem,1.3vw,1.25rem);line-height:1.55}.portal-hero__actions{flex-wrap:wrap;justify-content:center;align-items:center;gap:1rem;margin-top:2rem;display:flex}.portal-hero__demo-wrap{z-index:20;text-align:left;width:100%;max-width:1240px;margin:3.5rem auto 0;position:relative}.portal-hero__demo-wrap .mw-window{border:1px solid #ffffff24!important;box-shadow:0 0 0 1px #ffffff14,0 35px 90px -20px #000000bf,0 15px 35px -10px #00000080!important}.portal-strip-wrap{border-top:1px solid var(--color-border);border-bottom:1px solid var(--color-border);background:var(--color-canvas);padding:2.5rem 1.5rem}.portal-strip__kicker{text-align:center;font-family:var(--font-display,"Clash Display", system-ui, sans-serif);letter-spacing:.18em;color:var(--color-muted);text-transform:uppercase;margin-bottom:1.25rem;font-size:.72rem;font-weight:500}.portal-strip__pills{flex-wrap:wrap;justify-content:center;align-items:center;gap:.75rem;display:flex}.portal-strip__pill{border:1px solid var(--color-border);background:var(--color-surface);font-family:var(--font-sans,Inter, system-ui, sans-serif);color:var(--color-ink);border-radius:999px;align-items:center;gap:.5rem;padding:.45rem 1rem;font-size:.8rem;font-weight:500;display:inline-flex}.portal-strip__dot{background:var(--color-accent-orange);border-radius:999px;width:6px;height:6px}