[hidden]{display:none!important} :root{ --bg:#07070d; --bg2:#0c0c16; --panel:rgba(255,255,255,.04); --panel2:rgba(255,255,255,.06); --line:rgba(255,255,255,.09); --line2:rgba(255,255,255,.16); --txt:#f2f2f7; --mut:#9aa0b4; --mut2:#6a7088; --i:#6e5bff; --p:#ff5da2; --a:#ffc24b; --c:#34e3d0; --good:#39d98a; --warn:#ffc24b; --bad:#ff6b81; --crit:#ff4d6d; --grad:linear-gradient(110deg,#7c6bff,#c95bff 38%,#ff5da2 70%,#ffb24b); --display:'Sora',system-ui,-apple-system,sans-serif; --body:'Manrope',system-ui,-apple-system,sans-serif; } /* ── Light theme (opt-in via data-theme="light" on ) ── */ [data-theme="light"]{ --bg:#f6f7fb; --bg2:#eceff6; --panel:rgba(18,20,45,.04); --panel2:rgba(18,20,45,.07); --line:rgba(18,22,55,.13); --line2:rgba(18,22,55,.22); --txt:#14151e; --mut:#555c6e; --mut2:#8a8fa2; } [data-theme="light"] .orbs{opacity:.2;mix-blend-mode:normal} [data-theme="light"] .panel{background:linear-gradient(180deg,rgba(18,20,45,.035),rgba(18,20,45,.015))} [data-theme="light"] .topbar{background:rgba(255,255,255,.74)} [data-theme="light"] .sitenav{background:rgba(255,255,255,.74)} [data-theme="light"] .sitenav .navlinks,[data-theme="light"] nav .navlinks,[data-theme="light"] nav .r{background:rgba(255,255,255,.98)} [data-theme="light"] a{color:#0e8c7e} .themetoggle{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;flex:none; border:1px solid var(--line);background:var(--panel2);border-radius:9px;color:var(--mut);transition:.2s} .themetoggle:hover{color:var(--txt);border-color:var(--line2)} .themetoggle svg{width:16px;height:16px} .langsel{flex:none;height:34px;border:1px solid var(--line);background:var(--panel2);color:var(--mut);border-radius:9px; padding:0 8px;font:inherit;font-size:13px;cursor:pointer} .langsel:hover{color:var(--txt)} .langsel option{background:var(--bg2);color:var(--txt)} [dir="rtl"]{text-align:right} [dir="rtl"] .topbar,[dir="rtl"] .sitenav .wrap{flex-direction:row-reverse} [dir="rtl"] .steps{margin:0 auto 0 0} *{box-sizing:border-box} html,body{margin:0;background:var(--bg);color:var(--txt);font-family:var(--body);font-size:14px;line-height:1.55;-webkit-font-smoothing:antialiased} h1,h2,h3,h4{font-family:var(--display);font-weight:800;letter-spacing:-.02em;line-height:1.08;margin:0} a{color:var(--c);text-decoration:none} button{font:inherit;cursor:pointer} .grad-txt,.grad{background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent} /* ambient orbs */ .orbs{position:fixed;inset:-15% -10% auto;height:560px;z-index:0;filter:blur(85px);opacity:.4;pointer-events:none} .orb{position:absolute;border-radius:50%;mix-blend-mode:screen} .orb.a{width:460px;height:460px;background:#6e5bff;left:6%;animation:drift 18s ease-in-out infinite} .orb.b{width:400px;height:400px;background:#ff5da2;right:8%;top:40px;animation:drift 22s ease-in-out infinite reverse} @keyframes drift{50%{transform:translate(36px,42px) scale(1.1)}} /* topbar */ .topbar{position:sticky;top:0;z-index:30;display:flex;align-items:center;flex-wrap:nowrap;gap:14px;padding:0 20px;min-height:60px; background:rgba(7,7,13,.7);backdrop-filter:blur(14px);border-bottom:1px solid var(--line)} .brandmark{flex:none;font-family:var(--display);font-weight:800;font-size:21px;letter-spacing:-.04em;color:var(--txt)} .brandmark span{background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent} .topnav{display:flex;flex:none;gap:2px;margin-left:6px} .navbtn{background:none;border:0;color:var(--mut);padding:7px 11px;border-radius:9px;font-weight:600;font-size:13.5px;white-space:nowrap;transition:.2s;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;font-family:inherit} .navbtn:hover{color:var(--txt)} .navbtn.on{background:var(--panel2);color:var(--txt)} .navdiv{flex:none;width:1px;align-self:center;height:18px;margin:0 6px;background:var(--line2,var(--line))} .steps{display:flex;flex:none;gap:2px;list-style:none;margin:0 0 0 auto;padding:0;counter-reset:s} .steps li{counter-increment:s;color:var(--mut2);font-size:12.5px;white-space:nowrap;padding:5px 10px 5px 28px;position:relative} .steps li::before{content:counter(s);position:absolute;left:7px;top:50%;transform:translateY(-50%); width:19px;height:19px;border-radius:50%;border:1px solid var(--line);display:grid;place-items:center;font-size:11px;font-weight:700} .steps li.on{color:var(--txt)} .subbar{position:sticky;top:60px;z-index:25;display:flex;align-items:center;gap:10px;padding:9px 20px; background:rgba(7,7,13,.55);backdrop-filter:blur(10px);border-bottom:1px solid var(--line)} .subbar[hidden]{display:none} /* Non-sticky: it's an intro banner and scrolls away. Sticking it below a nav whose height changes on wrap (60px desktop → ~101px ≤760px) caused it to collide with the view heading. Relative flow avoids the fragile sticky-offset chain entirely. */ .demobar{position:relative;z-index:1;display:flex;align-items:center;gap:12px;padding:9px 20px;flex-wrap:wrap; background:linear-gradient(90deg,rgba(124,107,255,.18),rgba(255,107,170,.14)),var(--bg2,#0c0c16);border-bottom:1px solid var(--line)} .demobar[hidden]{display:none} .demobar .demotag{flex:none;font-size:10.5px;font-weight:800;letter-spacing:.08em;color:#fff;background:var(--grad);padding:4px 9px;border-radius:999px} .demobar .demotext{color:var(--txt);font-size:13.5px} .demobar .demotext b{font-weight:700} .demobar .democtas{margin-left:auto;display:flex;gap:8px;flex:none} @media(max-width:620px){.demobar .demotext{flex:1 1 100%;order:3}.demobar .democtas{margin-left:0}} .subbar .steps{margin:0 auto} #back,#restart{flex:none;white-space:nowrap} .topctl{display:flex;flex:none;align-items:center;gap:10px;margin-left:auto} .langsel{height:34px;box-sizing:border-box} .acct{display:flex;align-items:center;gap:10px;font-size:13px;color:var(--mut)} .acct .email{max-width:190px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap} .acctbtn{background:none;border:0;color:var(--mut);font:inherit;font-size:13px;cursor:pointer;max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap} .acctbtn:hover{color:var(--txt)} @media(max-width:760px){.acct{margin-left:auto}.acctbtn{max-width:120px}} .agrid{display:grid;grid-template-columns:1fr 1fr;gap:14px} .afield{display:flex;flex-direction:column;gap:5px;margin:10px 0 0;font-size:13px;color:var(--mut)} .afield input,.afield select,.afield textarea{width:100%;box-sizing:border-box;background:var(--bg2);border:1px solid var(--line);border-radius:11px;padding:11px 13px;color:var(--txt);font:inherit;font-size:14px} .afield textarea{resize:vertical} .afield input:disabled{color:var(--mut2)} .afield input:focus,.afield select:focus,.afield textarea:focus{outline:0;border-color:var(--i)} .plancard{display:flex;align-items:center;justify-content:space-between;gap:12px;background:var(--panel2);border:1px solid var(--line);border-radius:13px;padding:14px 16px;margin-top:8px} .intgrid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:8px} .introw{display:flex;align-items:center;gap:10px;background:var(--panel2);border:1px solid var(--line);border-radius:11px;padding:10px 13px;font-size:13.5px} .introw .intdot{width:9px;height:9px;border-radius:50%;flex:none} .intdot.on{background:var(--good);box-shadow:0 0 8px var(--good)} .intdot.off{background:var(--mut2)} .introw .intstat{margin-left:auto;font-size:11.5px;font-weight:600} .intstat.on{color:var(--good)} .intstat.off{color:var(--mut2)} @media(max-width:560px){.intgrid{grid-template-columns:1fr}} @media(max-width:560px){.agrid{grid-template-columns:1fr}} .nextsteps{margin-top:16px;border:1px solid var(--line);border-radius:14px;background:var(--panel2);padding:16px 18px} .nshead{font-family:var(--display);font-weight:800;font-size:15px;margin-bottom:4px} .nextsteps .cta{margin-top:12px;justify-content:flex-start} .steps li.on::before{background:var(--grad);border:0;color:#0a0612} .restart{margin-left:14px} /* layout */ main{position:relative;z-index:1;max-width:1240px;margin:0 auto;padding:30px 32px 80px} .muted{color:var(--mut)} .small{font-size:12.5px} .center{text-align:center} .empty{color:var(--mut2);text-align:center;padding:70px 0;font-style:italic} /* buttons */ .btn{display:inline-flex;align-items:center;gap:8px;border:1px solid var(--line);background:var(--panel2);color:var(--txt); padding:9px 16px;border-radius:11px;font-size:14px;font-weight:600;transition:.2s} .btn:hover{transform:translateY(-1px);border-color:var(--line2)} .btn.primary{background:var(--grad);border:0;color:#0a0612;box-shadow:0 8px 26px -10px rgba(201,91,255,.6)} .btn.primary:hover{box-shadow:0 14px 40px -10px rgba(201,91,255,.85)} .btn.lg{padding:15px 26px;font-size:16px;border-radius:13px} .btn.sm{padding:6px 12px;font-size:12.5px} .btn.ghost{background:none} .btn.good{border-color:rgba(57,217,138,.4);color:var(--good)} .btn.good:hover{background:rgba(57,217,138,.08)} .btn.bad{border-color:rgba(255,107,129,.4);color:var(--bad)} .btn.bad:hover{background:rgba(255,107,129,.08)} .btn:disabled{opacity:.5;cursor:default;transform:none} /* hero / inputs (login + step 1) */ .hero{text-align:center;padding:64px 16px 30px;max-width:680px;margin:0 auto} .hero h1{font-size:clamp(34px,6vw,58px)} .sub{color:var(--mut);font-size:16px;max-width:580px;margin:16px auto 0} .btn.glogin{margin:30px auto 0;background:#fff;color:#1f1f1f;border:0;font-weight:600;justify-content:center;width:100%;max-width:360px;box-shadow:0 8px 26px -12px rgba(0,0,0,.5)} .btn.glogin:hover{background:#f4f4f6} .or{display:flex;align-items:center;gap:14px;max-width:360px;margin:20px auto 0;color:var(--mut);font-size:13px} .or::before,.or::after{content:"";flex:1;height:1px;background:var(--line)} .authbox{max-width:420px;margin:0 auto} /* Sign-in / sign-up = a clean, self-contained screen. Hide the app nav, demo banner and the Start-free/Log-in buttons so the login isn't layered over app chrome, and compact + vertically centre the form so it fits the viewport (scrolls gracefully if the window is very short). */ .authview .topnav, .authview #acct, .authview .demobar, .authview .subbar{display:none!important} .authview #app{min-height:calc(100vh - 60px);display:flex;align-items:center;justify-content:center} .authview .authbox{max-width:400px;padding:36px 16px;margin:auto} .authview .authbox h1{font-size:clamp(30px,4.4vw,40px);margin-bottom:4px} .authview .authbox .sub{margin-bottom:2px} .authview .btn.glogin{margin-top:12px} .authview .or{margin-top:14px} .authview .authform{margin-top:14px} .authview .authalt{margin-top:10px} .authview .authswap{margin-top:12px} .authview .demohint{margin-top:8px} .authform{display:flex;flex-direction:column;gap:10px;max-width:360px;margin:18px auto 0} .authform input{background:var(--panel);border:1px solid var(--line);border-radius:13px;padding:14px 16px;color:var(--txt);font:inherit;font-size:16px} .authform input:focus{outline:0;border-color:var(--i)} .authform .btn{justify-content:center} .authalt{display:flex;justify-content:space-between;gap:12px;max-width:360px;margin:12px auto 0} .authalt .linkbtn{font-size:13px} .authswap{max-width:360px;margin:16px auto 0;text-align:center} .authswap .linkbtn{font-size:13px} .entry{display:flex;gap:10px;margin:20px auto 0;max-width:560px} .entry input{flex:1;background:var(--panel);border:1px solid var(--line);border-radius:13px;padding:15px 17px;color:var(--txt);font-size:16px} .entry input:focus{outline:0;border-color:var(--i)} .loginmsg{margin:14px auto 0;max-width:560px;font-size:14px;color:var(--mut);transition:opacity .2s} .loginmsg.err{color:#ff8488} .loginmsg.ok{display:flex;align-items:center;gap:10px;justify-content:center;background:rgba(52,211,153,.1);border:1px solid rgba(52,211,153,.35);color:#6ee7b7;border-radius:12px;padding:13px 16px;font-size:15px;animation:okpop .25s ease} .loginmsg.ok strong{color:#a7f3d0;font-weight:600} .loginmsg .ok-tick{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;flex:none;border-radius:50%;background:#10b981;color:#04130d;font-weight:800;font-size:14px} @keyframes okpop{from{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}} .brandin{margin:12px auto 0;display:block;width:100%;max-width:560px;background:var(--panel);border:1px solid var(--line);border-radius:11px;padding:12px 15px;color:var(--txt);font-size:14px} .brandin:focus{outline:0;border-color:var(--i)} /* panels */ .panel{background:linear-gradient(180deg,rgba(255,255,255,.045),rgba(255,255,255,.02));border:1px solid var(--line); border-radius:20px;padding:30px 32px;margin:22px auto;box-shadow:0 30px 90px -50px rgba(124,107,255,.5)} .panel.narrow{max-width:640px} .panel.center{text-align:center;padding:64px 32px} .panel h1{font-size:28px} /* spinner */ .spin{display:inline-block;width:14px;height:14px;border:2px solid var(--mut2);border-top-color:var(--p);border-radius:50%;animation:spin .7s linear infinite;vertical-align:-2px} .spin.big{width:38px;height:38px;border-width:3px} @keyframes spin{to{transform:rotate(360deg)}} /* Live audit scan panel */ .scanpanel{max-width:760px;margin:24px auto} .scanerr{max-width:560px;margin:32px auto;text-align:center} .scanerr .scanerr-ico{font-size:44px;line-height:1;margin-bottom:8px} .scanerr .sub{margin:6px auto 4px;max-width:44ch} .scanerr .cta.col{margin-top:22px} .scanhead{display:flex;align-items:center;gap:18px;padding-bottom:18px;border-bottom:1px solid var(--line)} .scanhead .scanmeta{flex:1} .scanhead h2{font-size:22px;margin:0} .radar{position:relative;width:46px;height:46px;border-radius:50%;flex:none;background:radial-gradient(circle,rgba(124,107,255,.25),transparent 70%)} .radar::before,.radar::after{content:"";position:absolute;inset:0;border-radius:50%;border:2px solid var(--p);opacity:0;animation:radar 1.8s ease-out infinite} .radar::after{animation-delay:.9s} @keyframes radar{0%{transform:scale(.4);opacity:.8}100%{transform:scale(1.3);opacity:0}} .scancount{text-align:center;flex:none} .scancount b{display:block;font-family:var(--display,inherit);font-size:30px;line-height:1;background:var(--grad);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent} .scancount span{font-size:11px;color:var(--mut);text-transform:uppercase;letter-spacing:.08em} .scanlog{list-style:none;margin:16px 0 0;padding:0;max-height:340px;overflow:auto;display:flex;flex-direction:column;gap:2px} .scanlog li{display:flex;align-items:center;gap:10px;padding:7px 4px;font-size:14px;color:var(--mut);animation:scanin .25s ease} .scanlog li::before{content:"";width:15px;height:15px;flex:none;border-radius:50%} .scanlog li.done{color:var(--txt)} .scanlog li.done::before{content:"✓";display:flex;align-items:center;justify-content:center;font-size:10px;color:#0a0612;background:var(--good)} .scanlog li.active{color:var(--txt)} .scanlog li.active::before{border:2px solid var(--mut2);border-top-color:var(--p);animation:spin .7s linear infinite} @keyframes scanin{from{opacity:0;transform:translateY(4px)}} /* AI Visibility */ .promptlist{display:flex;flex-direction:column;gap:8px;margin:8px 0 14px} .prow{display:flex;gap:8px;align-items:flex-start} .prow textarea{flex:1;background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:10px 12px;color:var(--txt);font:inherit;font-size:14px;resize:vertical} .prow textarea:focus{outline:0;border-color:var(--i)} .iconbtn{flex:none;width:34px;height:34px;border:1px solid var(--line);background:var(--panel2);color:var(--mut);border-radius:9px;cursor:pointer} .iconbtn:hover{color:var(--bad);border-color:rgba(255,107,129,.4)} /* Buyer-prompt modification system */ .prow .prowmain{flex:1;display:flex;flex-direction:column;gap:3px} .prow .prowmain textarea{flex:1;background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:10px 12px;color:var(--txt);font:inherit;font-size:14px;resize:vertical} .prow .intent{padding-left:2px} .prow .stagesel{flex:none;display:block;width:128px;margin-top:0;align-self:flex-start;box-sizing:border-box;background:var(--panel2);border:1px solid var(--line);border-radius:9px;color:var(--txt);font:inherit;font-size:12px;padding:8px 6px;cursor:pointer} .pstage{margin:0 0 14px} .pstagehd{display:flex;align-items:center;gap:9px;margin:0 0 7px} .stagechip{font-size:11px;font-weight:600;letter-spacing:.02em;padding:3px 9px;border-radius:999px;border:1px solid var(--line);color:var(--txt)} .s-informational{background:rgba(96,165,250,.14);border-color:rgba(96,165,250,.35)} .s-commercial{background:rgba(52,211,153,.14);border-color:rgba(52,211,153,.35)} .s-comparison{background:rgba(251,191,36,.14);border-color:rgba(251,191,36,.35)} .s-transactional{background:rgba(244,114,182,.14);border-color:rgba(244,114,182,.35)} .grounded{margin:6px 0 14px;padding:11px 13px;border:1px solid var(--line);border-radius:11px;background:var(--panel2)} .groundedhd{display:flex;align-items:center;gap:8px;font-size:13px} .linkbtn{background:none;border:0;color:var(--i);cursor:pointer;font:inherit;font-size:12px;text-decoration:underline;padding:0} .seedchips{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px} .seedchip{font-size:11.5px;color:var(--mut);background:var(--panel);border:1px solid var(--line);border-radius:999px;padding:4px 10px} .prowadd{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:2px 0 16px} .prowadd select{background:var(--panel2);border:1px solid var(--line);border-radius:9px;color:var(--txt);font:inherit;font-size:13px;padding:8px 8px} /* Citations tab */ .citestats{display:flex;gap:22px;margin:4px 0 16px;font-size:14px;color:var(--mut)} .citestats strong{color:var(--txt);font-size:17px;margin-right:3px} .citesel{margin-left:auto;background:var(--panel2);border:1px solid var(--line);border-radius:8px;color:var(--txt);font:inherit;font-size:12px;padding:5px 7px;cursor:pointer} .srow[data-status="earned"]{border-color:rgba(52,211,153,.5);background:rgba(52,211,153,.06)} .srow[data-status="in_progress"]{border-color:rgba(251,191,36,.45)} .empty{text-align:center;padding:26px 16px;border:1px dashed var(--line);border-radius:12px;margin-top:10px} .empty .btn{margin-top:6px} .statgrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px;margin:18px 0} .stat{background:var(--panel2);border:1px solid var(--line);border-radius:13px;padding:16px} .stat b{display:block;font-family:var(--display,inherit);font-size:28px;line-height:1.1;background:var(--grad);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent} .stat span{font-size:12.5px;color:var(--mut)} .delta{font-size:12px;font-weight:700;-webkit-text-fill-color:initial} .delta.up{color:var(--good)}.delta.down{color:var(--bad)} .engbars{display:flex;flex-direction:column;gap:8px;margin-top:8px} .engrow{display:flex;align-items:center;gap:12px} .englbl{width:104px;flex:none;font-size:13.5px;color:var(--mut)} .engbar{flex:1;height:10px;border-radius:99px;background:rgba(255,255,255,.06);overflow:hidden} .engfill{height:100%;border-radius:99px;background:var(--grad)} .engval{width:46px;text-align:right;font-size:13px;font-weight:600} .vtable{display:flex;flex-direction:column;border:1px solid var(--line);border-radius:13px;overflow:hidden;margin-top:8px} .vtr{display:grid;grid-template-columns:1.4fr 1fr .7fr .8fr 1fr;gap:10px;padding:11px 14px;align-items:center;font-size:14px;border-top:1px solid var(--line)} .vtr:first-child{border-top:0} .vth{background:var(--panel2);color:var(--mut);font-size:12px;text-transform:uppercase;letter-spacing:.05em} .ok-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--good);margin-right:6px;vertical-align:1px} .sent{color:var(--mut);font-size:13px} .bars{display:flex;flex-direction:column;gap:9px;margin-top:8px} .barrow{display:grid;grid-template-columns:160px 1fr 36px;gap:10px;align-items:center;font-size:14px} .barlbl{color:var(--txt);overflow:hidden;text-overflow:ellipsis;white-space:nowrap} .bar{height:10px;background:var(--panel2);border-radius:6px;overflow:hidden} .bar i{display:block;height:100%;background:var(--grad);border-radius:6px} .barval{color:var(--mut);text-align:right} /* Competitor citation backtrack — clickable bars + drill-down modal */ .cbar{grid-template-columns:160px 1fr 36px 84px;cursor:pointer;border-radius:8px;transition:background .15s} .cbar:hover{background:var(--panel)} .barsee{color:var(--mut2);font-size:12px;text-align:right;opacity:.55;transition:.15s;white-space:nowrap} .cbar:hover .barsee{opacity:1;color:transparent;background:var(--grad);-webkit-background-clip:text;background-clip:text} .cmodal-ov{position:fixed;inset:0;z-index:200;background:rgba(4,4,10,.66);backdrop-filter:blur(6px);display:flex;align-items:flex-start;justify-content:center;padding:5vh 16px;overflow-y:auto} .cmodal{position:relative;width:100%;max-width:720px;background:var(--bg2);border:1px solid var(--line2);border-radius:16px;padding:26px 28px 30px;box-shadow:0 30px 90px -30px rgba(0,0,0,.7)} .cmodal-x{position:absolute;top:14px;right:14px;width:32px;height:32px;border-radius:8px;border:1px solid var(--line);background:var(--panel2);color:var(--mut);cursor:pointer;font-size:14px} .cmodal-x:hover{color:var(--txt);border-color:var(--line2)} .cmodal-hd h2{margin:0 0 4px;font-size:22px} .cmodal-hd .accent{background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent} .cmodal .csec{font-size:12px;text-transform:uppercase;letter-spacing:.06em;color:var(--mut2);margin:22px 0 8px} /* Upsell pop-up (free → paid) */ .upmodal{max-width:820px} .upplans{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:18px} .upplan{position:relative;display:flex;flex-direction:column;border:1px solid var(--line2);border-radius:14px;padding:18px 16px;background:var(--panel2)} .upplan.rec{border-color:transparent;background:linear-gradient(var(--bg2),var(--bg2)) padding-box,var(--grad) border-box;border:1.5px solid transparent;box-shadow:0 18px 50px -26px rgba(120,90,255,.55)} .uprec{position:absolute;top:-10px;left:50%;transform:translateX(-50%);font-size:10.5px;font-weight:800;letter-spacing:.05em;text-transform:uppercase;padding:3px 10px;border-radius:999px;background:var(--grad);color:#fff;white-space:nowrap} .uphd{display:flex;align-items:baseline;justify-content:space-between;gap:8px} .uphd b{font-size:17px} .upprice{font-size:19px;font-weight:800} .upmo{font-size:12px;font-weight:600;color:var(--mut)} .upsub{margin:6px 0 10px;font-size:12.5px;color:var(--mut)} .uplist{list-style:none;padding:0;margin:0 0 16px;display:flex;flex-direction:column;gap:7px;flex:1} .uplist li{position:relative;padding-left:20px;font-size:13px;color:var(--txt);line-height:1.35} .uplist li:before{content:"✓";position:absolute;left:0;top:0;color:var(--good);font-weight:800} .uplist li.perk{color:var(--mut)} .uplist li.perk:before{content:"+";color:var(--mut2)} .upgo{width:100%;margin-top:auto} .upplan.current{border-color:var(--line2);opacity:.9} .uprec.cur{background:var(--panel);color:var(--mut);border:1px solid var(--line2)} .upgo[disabled]{opacity:.55;cursor:default} .planhead{display:flex;align-items:baseline;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-top:14px;padding-top:16px;border-top:1px solid var(--line)} .planon{font-size:13px;color:var(--mut)} .planon b{color:var(--txt)} .billplans{margin-top:6px} @media(max-width:680px){.upplans{grid-template-columns:1fr}} /* Admin: pending upgrade requests */ .upreqbar{border:1.5px solid transparent;background:linear-gradient(var(--bg2),var(--bg2)) padding-box,var(--grad) border-box;border-radius:12px;padding:14px 16px;margin:0 0 16px} .upreqhd{font-weight:800;font-size:14px;margin-bottom:8px} .upreqlist{display:flex;flex-direction:column;gap:8px} .upreqrow{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:8px 10px;background:var(--panel2);border:1px solid var(--line);border-radius:8px} .planpill{display:inline-block;text-transform:capitalize;font-size:11.5px;font-weight:700;padding:2px 9px;border-radius:999px;background:var(--panel);border:1px solid var(--line2);color:var(--mut)} .planpill.p-starter,.planpill.p-growth,.planpill.p-scale,.planpill.p-enterprise{background:var(--grad);color:#fff;border-color:transparent} .wantpill{display:inline-block;font-size:10.5px;font-weight:700;color:#ffb454;text-transform:capitalize} .upreqrow .btn{text-transform:capitalize} /* Site crawl (AI-Readiness) */ .crhero{display:flex;align-items:center;gap:18px;padding:20px;border:1px solid var(--line);border-radius:16px;background:var(--panel2)} .crgrade{display:flex;align-items:center;justify-content:center;font-weight:800;border-radius:12px;width:44px;height:44px;font-size:22px;flex:none} .crgrade.big{width:72px;height:72px;font-size:38px;border-radius:16px} .crgrade.gA{background:rgba(16,185,129,.16);color:#10d39a} .crgrade.gB{background:rgba(52,197,158,.15);color:#3ad6a6} .crgrade.gC{background:rgba(245,158,11,.16);color:#f0a93a} .crgrade.gD{background:rgba(249,115,22,.16);color:#fb8a3c} .crgrade.gF{background:rgba(239,68,68,.16);color:#ff7a7a} .crscore{font-size:34px;font-weight:800;letter-spacing:-.02em;line-height:1} .crscore span{font-size:15px;font-weight:600;color:var(--mut)} .crstats{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;margin-top:14px} .crstat{border:1px solid var(--line);border-radius:12px;padding:14px 12px;background:var(--panel2);text-align:center} .crstat.warn{border-color:color-mix(in srgb,#f59e0b 34%,transparent)} .crstat-n{font-size:26px;font-weight:800;letter-spacing:-.02em} .crstat.warn .crstat-n{color:#f0a93a} .crstat-l{font-size:11.5px;color:var(--mut);margin-top:3px;line-height:1.25} .crh3{font-size:15px;margin:26px 0 12px;display:flex;align-items:center;gap:9px} .crh3-tag{font-size:10px;font-weight:800;letter-spacing:.04em;padding:3px 8px;border-radius:99px;background:var(--grad);color:#fff} .crtable td{vertical-align:middle} .crgrade.gA,.crgrade.gB,.crgrade.gC,.crgrade.gD,.crgrade.gF{font-size:13px} .crtable .crgrade{width:26px;height:26px;border-radius:7px} .crpath{font-family:ui-monospace,Menlo,monospace;font-size:12.5px;max-width:280px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap} .crissue{color:var(--mut);font-size:12.5px} .jspill{font-size:10.5px;font-weight:700;padding:3px 8px;border-radius:99px;white-space:nowrap} .jspill.low{background:rgba(16,185,129,.14);color:#10d39a} .jspill.medium{background:rgba(245,158,11,.15);color:#f0a93a} .jspill.high{background:rgba(239,68,68,.15);color:#ff7a7a} .crrecos{display:flex;flex-direction:column;gap:10px} .crreco{border:1px solid var(--line);border-radius:12px;padding:13px 15px;background:var(--panel2)} .crreco-head{font-size:13.5px;margin-bottom:4px} .crreco-head code{font-family:ui-monospace,Menlo,monospace;font-size:12.5px;background:var(--panel);padding:2px 7px;border-radius:6px;border:1px solid var(--line)} .crarrow{color:var(--accent,#a884ff);font-weight:700;font-size:12px;margin:0 4px} .crreco-anchor{font-size:12px;color:var(--txt);margin-bottom:4px} .crorphans{display:flex;flex-wrap:wrap;gap:8px} .crorphans code{font-family:ui-monospace,Menlo,monospace;font-size:12px;background:var(--panel2);border:1px solid var(--line);padding:4px 9px;border-radius:7px;color:var(--mut)} @media(max-width:640px){.crstats{grid-template-columns:repeat(2,1fr)}} /* Render-evidence card (page audit): why AI can't read this page */ .arevid{margin:16px 0 6px;border:1px solid color-mix(in srgb,#f59e0b 32%,transparent);background:rgba(245,158,11,.07);border-radius:12px;padding:14px 16px} .arevid-hd{display:flex;align-items:center;gap:10px;font-weight:700;font-size:14px;margin-bottom:8px} .arevid-pct{font-family:ui-monospace,Menlo,monospace;font-size:11px;font-weight:700;color:#f0a93a;background:rgba(245,158,11,.14);padding:3px 8px;border-radius:99px} .arevid ul{margin:0;padding-left:18px;display:flex;flex-direction:column;gap:6px} .arevid li{font-size:13px;color:var(--txt);line-height:1.5} /* GSC search-demand */ .gsconnect{display:flex;align-items:center;gap:16px;border:1px solid var(--line);border-radius:14px;padding:18px 20px;background:var(--panel2)} .gsc-g{flex:none;width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:20px;color:#fff;background:conic-gradient(from -45deg,#4285F4,#34A853,#FBBC05,#EA4335,#4285F4)} .gsconnect>div:not(.gsc-g){flex:1;min-width:0} .dempill{font-size:10.5px;font-weight:700;padding:3px 9px;border-radius:99px;text-transform:capitalize} .dempill.high{background:rgba(16,185,129,.15);color:#10d39a} .dempill.medium{background:rgba(245,158,11,.15);color:#f0a93a} .dempill.low{background:var(--panel);color:var(--mut);border:1px solid var(--line)} .gsctable tr.gopp td{background:rgba(124,83,255,.06)} .oppstar{font-size:13px} .gq{font-weight:600;max-width:220px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap} .greason{color:var(--mut);font-size:12px;max-width:300px} /* AI-referral traffic (log analyzer) */ .reftraffic{border:1.5px solid transparent;background:linear-gradient(var(--bg2),var(--bg2)) padding-box,var(--grad) border-box;border-radius:14px;padding:18px} .reftraffic-hd{display:flex;align-items:center;gap:10px;font-weight:800;font-size:15px} .reffloor{font-family:ui-monospace,Menlo,monospace;font-size:10px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:#f0a93a;background:rgba(245,158,11,.14);padding:3px 8px;border-radius:99px} .refgrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:10px} .refcard{border:1px solid var(--line);border-radius:11px;padding:12px 14px;background:var(--panel2)} .refeng{font-size:13px;font-weight:700} .refvis{font-size:26px;font-weight:800;letter-spacing:-.02em;background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent;line-height:1.1} @media(max-width:640px){.refgrid{grid-template-columns:repeat(2,1fr)}} /* Engine picker (Account settings) */ .engpick{display:grid;grid-template-columns:repeat(2,1fr);gap:8px} .engrow{display:flex;align-items:center;gap:9px;padding:9px 12px;border:1px solid var(--line);border-radius:10px;background:var(--panel2);cursor:pointer;font-size:14px} .engrow input{width:auto;margin:0;flex:none} .engrow.na{opacity:.5;cursor:not-allowed} .engname{font-weight:600} @media(max-width:640px){.engpick{grid-template-columns:1fr}} /* SFCC connect form */ .sfccform{display:flex;flex-direction:column;gap:8px;max-width:520px} .sfccform .ti{width:100%;box-sizing:border-box} .sfccform .btn{align-self:flex-start;margin-top:2px} .oknote{color:var(--good,#10d39a);font-size:13.5px;margin:10px 0 0;padding:10px 12px;border:1px solid color-mix(in srgb,var(--good,#10d39a) 30%,transparent);border-radius:10px;background:color-mix(in srgb,var(--good,#10d39a) 8%,transparent)} /* Gap tracker */ .gapsum{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:16px} .gapstat{border:1px solid var(--line);border-radius:12px;padding:14px;text-align:center;background:var(--panel2)} .gapstat .n{font-size:28px;font-weight:800;letter-spacing:-.02em}.gapstat>div:last-child{font-size:12px;color:var(--mut);margin-top:2px} .gapstat.open .n{color:#f0a93a}.gapstat.reop .n{color:#ff7a7a}.gapstat.done .n{color:#10d39a} .gaplist{display:flex;flex-direction:column;gap:8px} .gaprow{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;border:1px solid var(--line);border-radius:10px;background:var(--panel2)} .gaprow.closed{opacity:.72} .gaprow-l{display:flex;align-items:center;gap:11px;min-width:0} .gaprow-l b{display:block;font-size:14px}.gaprow-l .muted{display:block} .sevpill{flex:none;font-size:10px;font-weight:700;text-transform:uppercase;padding:3px 8px;border-radius:6px;letter-spacing:.03em} .sevpill.critical,.sevpill.high{background:rgba(239,68,68,.15);color:#ff7a7a}.sevpill.medium{background:rgba(245,158,11,.15);color:#f0a93a}.sevpill.low{background:var(--panel);color:var(--mut);border:1px solid var(--line)} .gstat{flex:none;font-size:11.5px;font-weight:700;padding:4px 10px;border-radius:99px;white-space:nowrap} .gstat.done{background:rgba(16,185,129,.14);color:#10d39a}.gstat.open{background:rgba(245,158,11,.14);color:#f0a93a}.gstat.reop{background:rgba(239,68,68,.14);color:#ff7a7a} @media(max-width:640px){.gapsum{grid-template-columns:1fr 1fr 1fr}} /* First-run activation (new signed-in user, no data yet) */ .ffwelcome{max-width:640px;margin:2px auto 16px;font-size:15px;line-height:1.5;color:var(--mut)} .ffwelcome b{color:var(--txt)} .ffsteps{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;max-width:720px;margin:0 auto 22px;padding:0;list-style:none;text-align:left} .ffsteps li{position:relative;padding:14px 14px 14px 44px;border:1px solid var(--line2);border-radius:12px;background:var(--panel2)} .ffsteps .ffn{position:absolute;left:12px;top:13px;width:22px;height:22px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:800;background:var(--grad);color:#fff} .ffsteps b{display:block;font-size:14px;margin-bottom:2px} .ffsteps em{font-style:normal;font-size:12px;color:var(--mut)} .fffree{color:var(--good);font-weight:700} .ffpaid{background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent;font-weight:800} @media(max-width:640px){.ffsteps{grid-template-columns:1fr}} tr.hasreq>td{background:rgba(255,180,84,.06)} .clist{display:flex;flex-direction:column;gap:6px} .cq,.cs{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:9px 12px;background:var(--panel);border:1px solid var(--line);border-radius:9px} .cq-t{color:var(--txt);min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap} .cq-m,.cs-meta{display:flex;gap:6px;align-items:center;flex:none} .echip{font-size:11px;color:var(--mut);background:var(--panel2);border:1px solid var(--line);border-radius:999px;padding:2px 8px} .tag{font-size:11px;font-weight:700;border-radius:999px;padding:2px 8px;white-space:nowrap} .tag.cited{color:#0a0612;background:var(--grad)} .tag.ment{color:var(--mut);background:var(--panel2);border:1px solid var(--line)} .tag.you{color:var(--good);background:rgba(57,217,138,.12);border:1px solid rgba(57,217,138,.35)} .tag.steal{color:var(--warn);background:rgba(255,194,75,.12);border:1px solid rgba(255,194,75,.35)} .cs{cursor:pointer} .cs.gap{border-color:rgba(255,194,75,.3)} .cs-h{color:var(--txt);font-weight:600;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap} .cs:hover .cs-h{color:transparent;background:var(--grad);-webkit-background-clip:text;background-clip:text} .cs-caret{color:var(--mut2);font-size:11px;transition:transform .15s;margin-left:2px} .cs.open .cs-caret{transform:rotate(180deg)} .cs-detail{display:flex;flex-direction:column;gap:1px;margin:2px 0 4px;padding-left:10px;border-left:2px solid var(--line2)} .cshit{display:flex;flex-direction:column;gap:1px;padding:7px 12px;border-radius:7px;text-decoration:none;background:var(--panel)} .cshit:hover{background:var(--panel2)} .cshit-t{color:var(--txt);font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap} .cshit-q{color:var(--mut2);font-size:11.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap} /* ── Visibility Radar ── */ .oppgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:14px} .oppcard{border:1px solid var(--line);background:var(--panel);border-radius:14px;padding:16px 16px 14px;display:flex;flex-direction:column;gap:9px} .oppcard:hover{border-color:var(--line2)} .opphd{display:flex;align-items:center;justify-content:space-between;gap:10px} .oppwho{display:flex;align-items:center;gap:10px;min-width:0} .oppscore{flex:none;display:inline-flex;align-items:center;justify-content:center;min-width:36px;height:28px;padding:0 8px;border-radius:8px;font-weight:800;font-size:14px;color:#fff} .oppscore.hot{background:linear-gradient(135deg,#ff2fd0,#ff7a3d)} .oppscore.warm{background:linear-gradient(135deg,#a24dff,#ff5fa8)} .oppscore.cool{background:rgba(255,255,255,.1);color:var(--mut)} .opphost{color:var(--txt);font-weight:700;text-decoration:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap} .opphost:hover{color:transparent;background:var(--grad);-webkit-background-clip:text;background-clip:text} .opphd .oppstatus{flex:none;width:auto;display:inline-block;margin-top:0;height:30px;border:1px solid var(--line);background:var(--panel2);color:var(--mut);border-radius:8px;padding:0 8px;font-size:12.5px} .oppwhy{color:var(--mut);font-size:13px;margin:0} .oppwhy b{color:var(--txt)} .oppq{display:flex;flex-wrap:wrap;gap:6px} .oppqchip{font-size:11.5px;color:var(--mut);background:var(--panel2);border:1px solid var(--line);border-radius:999px;padding:3px 9px;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap} .oppcta{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:2px} .oppdraft{margin-top:4px} .drafting{display:flex;align-items:center;gap:10px;color:var(--mut);font-size:13px;padding:6px 0} .draftbox{border:1px solid var(--line);background:var(--panel2);border-radius:11px;padding:12px;display:flex;flex-direction:column;gap:9px} .draftmeta{display:flex;align-items:center;gap:10px;flex-wrap:wrap} .draftrow{display:flex;flex-direction:column;gap:3px} .draftrow .dl{font-size:11px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--mut2)} .draftrow .dv{color:var(--txt);font-size:13.5px} .draftrow .dv.pre{white-space:pre-wrap;line-height:1.55} .draftrow.warn .dv{color:#f7b955} .opptags{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:-2px} .opptype{flex:none;font-size:11px;font-weight:700;letter-spacing:.02em;border-radius:6px;padding:2px 8px;border:1px solid var(--line2);color:var(--mut)} .opptype.t-gmb{color:#8ab4ff;border-color:rgba(138,180,255,.4)} .opptype.t-social{color:#ff7ac6;border-color:rgba(255,122,198,.4)} .opptype.t-review{color:#f7b955;border-color:rgba(247,185,85,.4)} .opptype.t-directory{color:#7ad0ff;border-color:rgba(122,208,255,.4)} .opptype.t-marketplace{color:#8affc0;border-color:rgba(138,255,192,.4)} .opptype.t-community{color:#c89bff;border-color:rgba(200,155,255,.4)} .opptype.t-reference{color:#b9c0d4;border-color:rgba(185,192,212,.4)} .opptype.t-editorial{color:var(--mut);border-color:var(--line2)} .fcard{background:var(--panel2)} /* Content — two-column: select topics (left) · generate (right) */ .ctlayout{display:grid;grid-template-columns:380px minmax(0,1fr);gap:22px;align-items:start} .ctmain{min-width:0} .ctside{border:1px solid var(--line);background:var(--panel);border-radius:14px;padding:14px 16px;position:sticky;top:16px} .ctideashd{display:flex;align-items:center;justify-content:space-between;gap:10px} .ctsidescroll{max-height:60vh;overflow-y:auto;display:flex;flex-direction:column;gap:8px;margin-top:12px;padding-right:2px} .idealist{display:flex;flex-direction:column;gap:8px} .ideachip{display:flex;flex-direction:column;gap:4px;text-align:left;width:100%;border:1px solid var(--line);background:var(--panel2);border-radius:10px;padding:10px 12px;cursor:pointer;transition:.15s} .ideachip:hover{border-color:var(--line2)} .ideachip.on{border-color:transparent;box-shadow:0 0 0 2px var(--p) inset} .ideatop{color:var(--txt);font-weight:600;font-size:13.5px;line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden} .ideawhy{color:var(--mut);font-size:12px;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden} .ideatags{display:flex;gap:6px;flex-wrap:wrap} .ideatag{font-size:10px;font-weight:700;letter-spacing:.02em;text-transform:uppercase;color:var(--mut2);border:1px solid var(--line2);border-radius:5px;padding:1px 6px} .ideatag.gap{color:#ff8fb0;border-color:rgba(255,143,176,.4)} .ideatag.lt{color:#8ab4ff;border-color:rgba(138,180,255,.4)} .ctlayout .ctform{max-width:none} @media (max-width:900px){.ctlayout{grid-template-columns:1fr}.ctside{position:static}.ctsidescroll{max-height:300px}} /* AI Readiness */ .arhead{display:flex;align-items:center;gap:18px;flex-wrap:wrap;border:1px solid var(--line);background:var(--panel);border-radius:14px;padding:16px 18px} .argrade{flex:none;width:82px;height:82px;border-radius:16px;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff} .argrade b{font-size:34px;line-height:1;font-weight:800} .argrade span{font-size:12px;opacity:.9;margin-top:3px} .argrade.ok{background:linear-gradient(135deg,#34d399,#10b981)} .argrade.mid{background:linear-gradient(135deg,#f7b955,#ff7a3d)} .argrade.low{background:linear-gradient(135deg,#ff5a8a,#ff3d5c)} .armeta{flex:1;min-width:220px;display:flex;flex-direction:column;gap:8px} .arjs{font-weight:700;font-size:15px} .arjs.ok{color:var(--good,#57d38c)}.arjs.mid{color:#f7b955}.arjs.low{color:#ff6b6b} .arbots{display:flex;flex-wrap:wrap;gap:6px} .arbot{font-size:11.5px;font-weight:600;border-radius:6px;padding:2px 8px;border:1px solid var(--line2);color:var(--mut)} .arbot.ok{color:#8affc0;border-color:rgba(138,255,192,.35)} .arbot.bad{color:#ff8fa0;border-color:rgba(255,143,160,.45);background:rgba(255,90,90,.08)} .archecks{display:flex;flex-direction:column;gap:2px;margin-top:16px} .archk{display:flex;gap:12px;align-items:flex-start;padding:11px 12px;border-radius:9px;background:var(--panel)} .archk div{display:flex;flex-direction:column;gap:2px;min-width:0} .archk-i{flex:none;width:22px;height:22px;border-radius:6px;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:13px} .archk.pass .archk-i{background:rgba(52,211,153,.15);color:#34d399} .archk.warn .archk-i{background:rgba(247,185,85,.15);color:#f7b955} .archk.fail .archk-i{background:rgba(255,90,90,.15);color:#ff6b6b} .archk.info .archk-i{background:var(--panel2);color:var(--mut)} .arfix{margin:8px 0 0;padding-left:20px;display:flex;flex-direction:column;gap:8px;color:var(--txt);font-size:14px} .arfix li{line-height:1.5} .arnotes{margin-top:16px;border-top:1px solid var(--line);padding-top:12px;display:flex;flex-direction:column;gap:6px} .arfixcard{border:1px solid var(--line);background:var(--panel2);border-radius:11px;padding:12px 14px;margin-bottom:10px} .arfixhd{display:flex;align-items:center;justify-content:space-between;gap:10px} .arsnip{margin:8px 0 0;background:var(--bg2);border:1px solid var(--line);border-radius:9px;padding:11px 13px;overflow-x:auto;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12.5px;color:var(--txt);white-space:pre;line-height:1.5} /* AR-P2 bot tracker */ .rdsub{display:flex;gap:8px;border-bottom:1px solid var(--line);margin:2px 0 16px} .rdsub button{background:none;border:0;border-bottom:2px solid transparent;color:var(--mut);padding:8px 4px;font:inherit;font-size:14px;font-weight:600;cursor:pointer} .rdsub button.on{color:var(--txt);border-bottom-color:var(--p)} .botrow{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 13px;border:1px solid var(--line);border-radius:10px;background:var(--panel);margin-bottom:8px} .botrow-l{display:flex;flex-direction:column;gap:2px;min-width:0} .botrow-hits{flex:none;font-weight:800;font-size:18px} .botclass{font-size:10.5px;font-weight:700;text-transform:uppercase;letter-spacing:.03em;border-radius:5px;padding:1px 6px;border:1px solid var(--line2);color:var(--mut2)} .botclass.retrieval{color:#8affc0;border-color:rgba(138,255,192,.35)} .botclass.training{color:#c89bff;border-color:rgba(200,155,255,.35)} .botclass.indexer{color:#8ab4ff;border-color:rgba(138,180,255,.35)} .inrow{display:flex;align-items:center;gap:10px;margin-top:8px;flex-wrap:wrap} .inlbl{flex:0 0 90px;font-size:12px;color:var(--mut2);font-weight:600} .insnip{flex:1;min-width:0;overflow-x:auto;background:var(--bg2);border:1px solid var(--line);border-radius:8px;padding:8px 11px;font-family:ui-monospace,Menlo,monospace;font-size:12.5px;color:var(--txt);white-space:nowrap} .shattrs{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px} /* Admin — manage user */ .mufield{display:flex;flex-direction:column;gap:6px;font-size:13px;color:var(--mut);font-weight:600;max-width:240px} .mufield select{background:var(--bg2);border:1px solid var(--line);border-radius:10px;padding:10px 12px;color:var(--txt);font:inherit;font-size:14px} .musvcs{display:flex;flex-direction:column;gap:8px} .musvc{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 12px;border:1px solid var(--line);border-radius:10px;background:var(--panel2)} .musvc-l{display:flex;align-items:center;gap:9px;min-width:0} .musvc-dot{flex:none;width:20px;height:20px;border-radius:6px;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:12px} .musvc.on .musvc-dot{background:rgba(52,211,153,.15);color:#34d399} .musvc.off .musvc-dot{background:rgba(255,90,90,.13);color:#ff6b6b} .musvc-ctl{display:flex;align-items:center;gap:8px;flex:none} .rdimpact{border:1px solid var(--line);background:var(--panel);border-radius:14px;padding:16px 18px;margin-bottom:20px} .rdimpacthd{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap} .rdimpactsov{display:flex;align-items:center;gap:8px} .rdimpactsov b{font-size:20px} .spark{display:flex;align-items:flex-end;gap:3px;height:44px;margin:12px 0 6px} .sparkbar{flex:1;min-width:3px;max-width:14px;background:var(--grad);border-radius:3px 3px 0 0;opacity:.85} .winlist{display:flex;flex-direction:column;gap:2px;margin-top:10px} .winrow{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:8px 10px;border-radius:8px;background:var(--panel2)} .winrow b{font-size:13.5px} .wdelta{font-size:12px;font-weight:700;border-radius:6px;padding:1px 7px;background:var(--panel2)} .wdelta.up,.rdimpactsov b.up,.up{color:var(--good,#57d38c)} .wdelta.down,.rdimpactsov b.down,.down{color:var(--bad,#ff6b6b)} .wdelta.flat,.flat{color:var(--mut)} @media (max-width:640px){.oppgrid{grid-template-columns:1fr}} .steal-box{margin:16px 0 4px;padding:16px;border:1px solid rgba(255,194,75,.3);background:rgba(255,194,75,.06);border-radius:12px} .steal-box h3{margin:0 0 4px;font-size:15px} .steal-list{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px} .steal-chip{display:inline-flex;gap:6px;align-items:center;font-size:13px;color:var(--txt);text-decoration:none;background:var(--panel2);border:1px solid var(--line2);border-radius:999px;padding:5px 12px} .steal-chip span{color:var(--mut2);font-size:11px} .steal-chip:hover{border-color:var(--warn);color:var(--warn)} @media(max-width:640px){.cbar{grid-template-columns:100px 1fr 26px 66px}.cmodal{padding:20px 16px 24px}.cq-t,.cs-h{max-width:52vw}} /* Stepwise publish results */ .sresult{margin-top:18px;border-top:1px solid var(--line);padding-top:16px} .sreshead{font-weight:600;margin-bottom:12px} .slist{display:flex;flex-direction:column;gap:8px} .srow{background:var(--panel2);border:1px solid var(--line);border-radius:11px;padding:11px 13px} .smeta{display:flex;align-items:center;gap:10px} .stitle{flex:1;font-size:14px;font-weight:500} .sreason{color:var(--mut);font-size:13px;margin-top:5px} .sbadge{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.04em;padding:3px 8px;border-radius:20px;flex:none} .sbadge.ok{background:rgba(57,217,138,.14);color:var(--good)} .sbadge.mid{background:rgba(255,194,75,.14);color:var(--warn)} .sbadge.low{background:rgba(255,107,129,.14);color:var(--bad)} .sbadge.mut{background:var(--panel);color:var(--mut)} /* Platform-aware connect cards + universal snippet */ .ccard{background:var(--panel2);border:1px solid var(--line);border-radius:14px;padding:18px;margin-top:14px} .ccard.creco{border-color:var(--i);box-shadow:0 0 0 1px var(--i) inset,0 10px 34px -16px rgba(124,107,255,.6)} .ccard h3{margin:0 0 4px;font-size:17px} .rectag{display:inline-block;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:#0a0612;background:var(--grad);padding:3px 9px;border-radius:20px;margin-bottom:8px} .ccard label{display:block;margin:10px 0 0;font-size:13px;color:var(--mut)} .ccard label input{margin-top:5px} .ccta{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-top:12px} .snip{background:#05050b;border:1px solid var(--line);border-radius:10px;padding:12px;font-size:12px;color:var(--c);overflow-x:auto;white-space:pre-wrap;word-break:break-all;margin:0 0 10px} .snipsteps{margin:12px 0 0;padding-left:20px;color:var(--mut);font-size:13.5px;display:flex;flex-direction:column;gap:6px} /* Causal proof loop (before → after lift) */ .liftgrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;margin:18px 0} .stat.lift{padding:16px} .liftnums{display:flex;align-items:baseline;gap:8px;margin-bottom:4px} .liftnums .lb{color:var(--mut);font-size:18px} .liftnums .arr{color:var(--mut2)} .liftnums b{font-family:var(--display,inherit);font-size:26px;background:var(--grad);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent} .delta{font-size:12px;font-weight:600;padding:2px 7px;border-radius:20px} .delta.up{background:rgba(57,217,138,.16);color:var(--good)} .delta.down{background:rgba(255,107,129,.16);color:var(--bad)} .delta.flat{background:var(--panel);color:var(--mut)} /* Sources-to-earn ranked targets */ .impact{flex:none;min-width:34px;text-align:center;font-family:var(--display,inherit);font-weight:700;font-size:15px;padding:3px 6px;border-radius:8px;background:var(--grad);color:#0a0612} .tbadge{font-size:10.5px;text-transform:uppercase;letter-spacing:.04em;padding:2px 8px;border-radius:20px;border:1px solid var(--line);color:var(--mut);flex:none} .tbadge.knowledge{color:var(--c);border-color:rgba(52,227,208,.4)} .tbadge.review{color:var(--good);border-color:rgba(57,217,138,.4)} .tbadge.community{color:var(--a);border-color:rgba(255,194,75,.4)} .tbadge.listicle{color:var(--p);border-color:rgba(255,93,162,.4)} /* token box (issue connect token) */ .tokbox{background:var(--panel2);border:1px solid var(--line);border-radius:12px;padding:14px;margin-top:12px} .kv{display:flex;gap:10px;align-items:baseline;margin-top:8px;flex-wrap:wrap} .kv > span{color:var(--mut);font-size:12.5px;min-width:104px} .tok{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12.5px;color:var(--c);background:#05050b;border:1px solid var(--line);border-radius:8px;padding:4px 9px;word-break:break-all;user-select:all;cursor:pointer} .tok:hover{border-color:var(--i)} /* legal pages + T&C gate */ .legal{max-width:760px} .legal p,.legal li{color:var(--mut);font-size:14.5px} .legal h3.sec{margin-top:22px} .legal ul{padding-left:20px;display:flex;flex-direction:column;gap:6px} .legal a{color:var(--c)} .tcgate{display:flex;gap:9px;align-items:flex-start;max-width:560px;margin:16px auto 0;text-align:left;font-size:13px;color:var(--mut)} .tcgate input{margin-top:3px;flex:none;width:16px;height:16px;accent-color:var(--i)} .tcgate a{color:var(--c)} /* Shared marketing header + footer (consistent across landing / pricing / demo / legal) */ .sitenav{position:sticky;top:0;z-index:50;backdrop-filter:blur(14px);background:rgba(7,7,13,.6);border-bottom:1px solid var(--line)} .sitenav .wrap{max-width:none;margin:0;padding:0 26px;display:flex;align-items:center;height:64px;gap:18px} .navlinks{margin-left:auto;display:flex;gap:24px;align-items:center} .navlinks a{color:var(--mut);font-size:14.5px;font-weight:500} .navlinks a:hover{color:var(--txt)} .navlinks a.btn{color:var(--txt)} .navlinks a.btn.primary{color:#0a0612} .navtoggle{display:none;margin-left:auto;width:42px;height:38px;align-items:center;justify-content:center;background:var(--panel2);border:1px solid var(--line);border-radius:10px;color:var(--txt);font-size:18px;line-height:1;cursor:pointer} @media(max-width:820px){ .navtoggle{display:inline-flex} .sitenav .navlinks{position:absolute;top:64px;left:0;right:0;margin:0;flex-direction:column;align-items:stretch;gap:0; background:rgba(8,8,15,.98);backdrop-filter:blur(16px);border-bottom:1px solid var(--line);padding:6px 18px 16px;display:none} .sitenav .navlinks.open{display:flex} .sitenav .navlinks a{padding:13px 2px;font-size:16px;border-bottom:1px solid var(--line)} .sitenav .navlinks a.btn{border:1px solid var(--line);border-radius:11px;justify-content:center;margin-top:10px} .sitenav .navlinks a.btn.primary{margin-top:8px} } .sitefoot{padding:48px 24px;border-top:1px solid var(--line);color:var(--mut2);font-size:14px;text-align:center;margin-top:70px} .sitefoot a{color:var(--mut)} .sitefoot a:hover{color:var(--txt)} .sitefoot .brandmark{font-size:18px;display:inline-block;margin-bottom:10px} .sitefoot p{margin:6px auto;max-width:680px} /* score ring */ .resulthead{display:flex;align-items:center;gap:22px;margin-bottom:8px} .ring{width:92px;height:92px;border-radius:50%;flex:none;display:grid;place-items:center;position:relative; background:conic-gradient(var(--i),var(--p),var(--a),var(--i));padding:3px} .ring::before{content:"";position:absolute;inset:3px;border-radius:50%;background:var(--bg2)} .ring b{position:relative;font-family:var(--display);font-size:30px;font-weight:800;line-height:1} .ring span{position:relative;font-size:11px;color:var(--mut)} .ring.ok b{color:var(--good)} .ring.mid b{color:var(--warn)} .ring.low b{color:var(--bad)} /* recommendations */ .sec{font-family:var(--display);font-weight:700;font-size:16px;margin:26px 0 12px} .reclist{display:flex;flex-direction:column;gap:9px} @media(min-width:860px){.reclist{display:grid;grid-template-columns:1fr 1fr;align-items:start;gap:10px}} .rec{display:flex;align-items:flex-start;gap:12px;background:var(--panel);border:1px solid var(--line);border-radius:13px;padding:13px 16px;transition:.2s} .rec:hover{border-color:var(--line2)} .rec .dot{width:9px;height:9px;border-radius:50%;margin-top:5px;flex:none} .recbody{flex:1}.rectitle{font-weight:600;font-size:14.5px}.recfix{color:var(--mut);font-size:13px;margin-top:3px} .pill{font-size:10.5px;text-transform:uppercase;letter-spacing:.05em;padding:4px 10px;border-radius:999px;border:1px solid var(--line);height:fit-content;flex:none} .pill.auto{color:var(--good);border-color:rgba(57,217,138,.3)} .pill.manual{color:var(--mut)} .bad{color:var(--bad)} .badge{display:inline-flex;align-items:center;gap:7px;border:1px solid var(--line);background:var(--panel2);border-radius:999px;padding:5px 13px;font-size:13px} .score{font-weight:700}.score.ok{color:var(--good)}.score.mid{color:var(--warn)}.score.low{color:var(--bad)} /* cta */ .cta{display:flex;align-items:center;gap:16px;margin-top:30px;flex-wrap:wrap} .cta.col{flex-direction:column;align-items:stretch;gap:10px} .cta.col .btn{width:100%;justify-content:center} /* draft proposals */ .previewToggle{display:flex;align-items:center;gap:12px;margin:6px 0 14px} .props{display:flex;flex-direction:column;gap:11px} .prop{border:1px solid var(--line);border-radius:13px;padding:14px 16px;background:var(--panel)} .prop.off{opacity:.45} .prop .ph{display:flex;align-items:center;gap:9px;flex-wrap:wrap} .prop .ph h4{font:700 14.5px var(--display)} .prop .why{font-size:12.5px;color:var(--mut);font-style:italic;margin-top:6px} .prop .src{font-size:12px;margin-top:8px;padding-left:12px;border-left:2px solid var(--line);color:var(--mut)} .prop .src a{word-break:break-all} .tag{font-size:10px;padding:3px 8px;border-radius:6px;text-transform:uppercase;letter-spacing:.05em;font-weight:700} .tag.det{background:rgba(57,217,138,.14);color:var(--good)} .tag.llm{background:rgba(124,107,255,.18);color:#b4a8ff} .tag.verify{background:rgba(255,107,129,.16);color:var(--bad)} .pstat{margin-left:auto;font-size:12px;font-weight:700} .pstat.approved{color:var(--good)}.pstat.rejected{color:var(--bad)}.pstat.pending{color:var(--mut)} .toggle{margin-left:auto;border:1px solid var(--line);background:var(--panel2);color:var(--mut);padding:4px 13px;border-radius:999px;font-size:12px} .toggle.on{border-color:rgba(57,217,138,.4);color:var(--good)} .propbtns{display:flex;gap:6px;margin-top:10px} /* before/after preview */ .ba{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:16px} @media(max-width:720px){.ba{grid-template-columns:1fr}} .balbl{font-size:11px;color:var(--mut);margin-bottom:5px;text-transform:uppercase;letter-spacing:.06em} iframe.preview,.ba iframe{width:100%;height:400px;border:1px solid var(--line);border-radius:12px;background:#fff} /* go-live form / generic inputs */ .panel label{display:block;margin:14px 0;font-size:13px;color:var(--mut)} .panel input,.panel select{display:block;width:100%;margin-top:6px;background:var(--bg2);border:1px solid var(--line);border-radius:11px;padding:12px 14px;color:var(--txt);font-size:14px} .panel input:focus,.panel select:focus{outline:0;border-color:var(--i)} .liveinfo{margin-top:16px;background:var(--panel2);border:1px solid var(--line);border-radius:12px;padding:13px 16px;font-size:13px;color:var(--mut)} .big-ok{width:68px;height:68px;border-radius:50%;background:rgba(57,217,138,.14);color:var(--good);font-size:36px;display:grid;place-items:center;margin:0 auto 18px;box-shadow:0 0 40px -8px rgba(57,217,138,.5)} /* sites/plugins view (cards + table) */ .grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:16px} .card{background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:18px 20px} table.snap,table{width:100%;border-collapse:collapse;font-size:13.5px} table th{text-align:left;color:var(--mut);font-weight:600;padding:9px 11px;border-bottom:1px solid var(--line)} table td{padding:11px 11px;border-bottom:1px solid var(--line)} /* toast */ .toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%) translateY(20px);opacity:0;z-index:60; background:var(--bg2);border:1px solid var(--line2);padding:12px 18px;border-radius:12px;transition:.25s;max-width:560px;font-size:13.5px;box-shadow:0 20px 60px -20px #000} .toast.show{opacity:1;transform:translateX(-50%)} .toast.err{border-color:var(--bad);color:#ffb4b4} /* login dialog leftovers */ dialog{background:var(--panel);color:var(--txt);border:1px solid var(--line);border-radius:16px;padding:22px;width:420px} dialog::backdrop{background:rgba(0,0,0,.6)} /* ── Mobile / responsive ─────────────────────────────────────────────── */ @media(max-width:760px){ main{padding:16px 14px 64px} .topbar{gap:12px;padding:10px 14px;flex-wrap:wrap} .topnav{margin-left:0;flex-wrap:wrap;gap:6px} .navbtn{padding:7px 11px;font-size:13px} .steps{display:none} /* step indicator hidden on small screens */ .panel{padding:18px 16px} .panel.narrow{max-width:100%} .hero{padding:34px 4px 16px} .entry{flex-direction:column} .entry input,.entry .btn{width:100%} .statgrid{grid-template-columns:1fr 1fr} .liftgrid{grid-template-columns:1fr} .reclist{grid-template-columns:1fr} /* override the 2-col on phones */ .resulthead{flex-wrap:wrap;gap:14px} .ring{width:76px;height:76px} .cta{flex-direction:column;align-items:stretch} .cta .btn,.btn.lg{width:100%;justify-content:center} .scanhead{flex-wrap:wrap;gap:12px} .barrow{grid-template-columns:108px 1fr 30px} /* dense tables → drop the lower-priority columns so rows stay readable */ .vtr{grid-template-columns:1.4fr .9fr .7fr;font-size:13px;gap:8px;padding:10px 12px} .vtr span:nth-child(4),.vtr span:nth-child(5){display:none} .smeta{flex-wrap:wrap} } @media(max-width:420px){ .statgrid{grid-template-columns:1fr} .hero h1{font-size:27px} .panel h1{font-size:24px} .navbtn{font-size:12.5px;padding:6px 9px} } /* ── Tier-1 features: risk banner, battlecards, fact-check, outreach, tracker ── */ .good{color:var(--good)} .btn.xs{padding:5px 10px;font-size:12px;border-radius:8px} .riskbanner{display:flex;align-items:center;gap:10px;margin:14px 0 2px;padding:12px 14px;border:1px solid var(--bad); background:rgba(255,107,129,.08);border-radius:12px;font-size:14px} .riskdot{flex:none;width:9px;height:9px;border-radius:50%;background:var(--bad);box-shadow:0 0 10px var(--bad)} .bcards{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:12px} .bcard{background:var(--panel2);border:1px solid var(--line);border-radius:13px;padding:14px} .bchead{display:flex;justify-content:space-between;align-items:baseline;gap:8px;margin-bottom:8px} .bcard ul{margin:6px 0;padding-left:18px;font-size:13px;display:flex;flex-direction:column;gap:4px} .bcard ul.bstr li{color:var(--txt)} .bcard ul.bstr li::marker{content:"▲ ";color:var(--good)} .bcard ul.bweak li{color:var(--mut)} .bcard ul.bweak li::marker{content:"▽ ";color:var(--warn)} .bmove{margin-top:10px;font-size:13px;color:var(--txt);border-top:1px solid var(--line);padding-top:10px} .movetag{display:inline-block;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.05em; color:#0a0612;background:var(--c);padding:2px 7px;border-radius:6px;margin-right:6px} .claimlist{display:flex;flex-direction:column;gap:10px} .claim{border:1px solid var(--line);border-left:3px solid var(--warn);border-radius:10px;padding:11px 13px;background:var(--panel)} .claim.bad{border-left-color:var(--bad)} .claimhead{display:flex;justify-content:space-between;gap:8px;margin-bottom:5px} .cv{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--warn)} .cv.bad{color:var(--bad)} .claimtext{font-size:14px;color:var(--txt);font-style:italic} .outreach{margin-top:8px;display:flex;align-items:flex-start;gap:10px;background:var(--panel);border:1px dashed var(--line); border-radius:9px;padding:9px 11px;font-size:12.5px;color:var(--mut)} .outreach span{flex:1} .outreach .btn{flex:none;white-space:nowrap} .trend{width:100%;height:120px;background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:6px} .qtable .qrow{cursor:pointer} .qtable .qrow:hover{background:var(--panel2)} .qclick{font-variant-numeric:tabular-nums} @media(max-width:560px){.bcards{grid-template-columns:1fr}} /* ── Reports controls ── */ .rephead{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;flex-wrap:wrap} .repctl{display:flex;align-items:center;gap:10px;flex:none} .repsel{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--mut)} .repsel select,.repsel input[type=date]{background:var(--panel2);border:1px solid var(--line);border-radius:9px;color:var(--txt);font:inherit;font-size:13px;padding:7px 10px;cursor:pointer} .repsel select:focus,.repsel input[type=date]:focus{outline:0;border-color:var(--i)} .repsel input[type=date]::-webkit-calendar-picker-indicator{filter:invert(.7)} /* ── Usage / billing ── */ .creditpill{flex:none;display:inline-flex;align-items:center;gap:5px;border:1px solid var(--line);background:var(--panel2); color:var(--mut);border-radius:999px;padding:5px 11px;font:inherit;font-size:12.5px;cursor:pointer;white-space:nowrap} .creditpill b{color:var(--txt);font-variant-numeric:tabular-nums} .creditpill:hover{color:var(--txt);border-color:var(--line2,var(--i))} .usegauge{margin:18px 0 6px;background:var(--panel2);border:1px solid var(--line);border-radius:16px;padding:20px} .usegnum .big{font-family:var(--display);font-size:34px;font-weight:800;letter-spacing:-.02em} .useprog{height:12px;border-radius:999px;background:var(--panel);border:1px solid var(--line);overflow:hidden;margin:12px 0 8px} .useprog>span{display:block;height:100%;border-radius:999px;transition:width .4s ease} .usestats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:14px 0 4px} .ustat{background:var(--panel2);border:1px solid var(--line);border-radius:14px;padding:14px;display:flex;flex-direction:column;gap:3px} .ustat .usk{color:var(--mut);font-size:12.5px} .ustat .usv{font-family:var(--display);font-size:24px;font-weight:700} .uselist{display:flex;flex-direction:column;gap:9px} .userow{display:grid;grid-template-columns:160px 1fr auto;gap:12px;align-items:center} .userow .uselabel{font-size:13.5px;color:var(--txt)} .userow .usebar{height:9px;border-radius:999px;background:var(--panel);border:1px solid var(--line);overflow:hidden} .userow .usebar>span{display:block;height:100%;background:var(--grad);border-radius:999px} .userow .usenums{font-size:12px;color:var(--mut);white-space:nowrap;font-variant-numeric:tabular-nums} .uschips{display:flex;flex-wrap:wrap;gap:8px} .uschip{background:var(--panel2);border:1px solid var(--line);border-radius:999px;padding:6px 12px;font-size:12.5px;color:var(--mut)} .uschip b{color:var(--txt)} .usetablewrap{overflow-x:auto} .usetable{width:100%;border-collapse:collapse;font-size:13px} .usetable th{text-align:left;color:var(--mut);font-weight:600;font-size:12px;padding:8px 10px;border-bottom:1px solid var(--line)} .usetable td{padding:9px 10px;border-bottom:1px solid var(--line);color:var(--txt)} .usetable td.num,.usetable th.num{text-align:right;font-variant-numeric:tabular-nums} .pnltbl td.r,.pnltbl th.r{text-align:right;font-variant-numeric:tabular-nums} @media(max-width:620px){.usestats{grid-template-columns:1fr}.userow{grid-template-columns:110px 1fr}.userow .usenums{display:none}} /* ── Content tab (article engine + internal links) ── */ .subtabs{display:flex;gap:8px;margin:0 0 16px;border-bottom:1px solid var(--line);flex-wrap:wrap} .subtab{background:none;border:0;border-bottom:2px solid transparent;color:var(--mut);font:inherit;font-weight:600;font-size:14px;padding:8px 4px;margin-bottom:-1px;cursor:pointer} .subtab:hover{color:var(--txt)} .subtab.on{color:var(--txt);border-bottom-color:var(--i)} .ctform{display:flex;flex-direction:column;gap:12px;max-width:680px} .ctform label{display:flex;flex-direction:column;gap:5px;font-size:13px;color:var(--mut);font-weight:600;flex:1} .ctform input,.ctform select{background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:11px 13px;color:var(--txt);font:inherit;font-size:14px;font-weight:400} .ctform input:focus,.ctform select:focus{outline:0;border-color:var(--i)} .ctrow{display:flex;gap:12px;flex-wrap:wrap} .ctnarrow{flex:0 0 160px} .ctform .btn.primary{align-self:flex-start} .ctresult{margin-top:18px} .ctmeta h2{font-size:20px;margin:0 0 4px} .ctcopyrow{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0} .ctpre{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:14px 16px;white-space:pre-wrap;word-break:break-word;font-size:13px;line-height:1.5;max-height:440px;overflow:auto} .ctdetails{margin-top:12px} .ctdetails summary{cursor:pointer;color:var(--mut);font-size:13px;font-weight:600;margin-bottom:8px} .ctbadge{display:inline-block;font-size:11px;font-weight:700;padding:2px 8px;border-radius:999px;white-space:nowrap} .ctbadge.unlinked-mention{background:rgba(110,91,255,.16);color:#a99bff} .ctbadge.orphan-rescue{background:rgba(247,185,85,.16);color:#f7b955} .errnote{background:rgba(255,90,90,.1);border:1px solid rgba(255,90,90,.3);color:#ff8488;border-radius:10px;padding:11px 14px;font-size:13.5px} @media(max-width:620px){.ctnarrow{flex:1 1 100%}} /* ── Citations: outreach asset drafts ── */ .oactions{margin-top:8px} .odraft{display:none;margin-top:10px} .odraft.show{display:block} .odraft .ctpre{margin-bottom:8px} .odisc:not(:empty){margin-top:8px} .discpages{border:1px solid var(--line);border-radius:10px;padding:8px 12px;background:var(--panel)} .discrow{padding:6px 0;border-top:1px solid var(--line)} .discrow:first-of-type{border-top:0} .discrow a{color:var(--i);font-size:13.5px;word-break:break-word} /* ── Admin: credit cap allocation ── */ .capedit{display:flex;gap:6px;align-items:center} .usetable .ok{color:#6ee7b7}.usetable .bad{color:#ff8488} /* ── Password show/hide toggle ── */ .pwwrap{position:relative;display:flex;align-items:center} .pwwrap input{width:100%;padding-right:44px} .pweye{position:absolute;right:4px;top:0;height:100%;display:flex;align-items:center;justify-content:center;background:none;border:0;color:var(--mut);cursor:pointer;padding:0 9px} .pweye:hover{color:var(--txt)} /* ── WP connect pre-flight warning ── */ .wpwarn{margin-top:10px;padding:10px 13px;border-radius:11px;font-size:13px;line-height:1.5;background:rgba(255,194,75,.1);border:1px solid rgba(255,194,75,.35);color:var(--txt)} .mono{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12.5px} /* ── Admin activity: per-website cards, two-column masonry ── */ .actgrid{columns:2 360px;column-gap:16px} @media (max-width:760px){.actgrid{columns:1}} .actcard{break-inside:avoid;display:block;margin:0 0 16px;padding:4px 16px 12px;border:1px solid var(--line);border-radius:16px;background:rgba(255,255,255,.02)} .actcard[open]{background:rgba(255,255,255,.035)} .acthead{display:block;padding:13px 2px 4px;cursor:pointer;list-style:none;user-select:none} .acthead::-webkit-details-marker{display:none} .acttop{display:flex;align-items:center;gap:11px} .actav{flex:none;width:30px;height:30px;border-radius:9px;display:grid;place-items:center;font-weight:800;font-size:14px;color:#fff;background:linear-gradient(135deg,#6d5efc,#b34ea6)} .actname{font-weight:700;font-size:15px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap} .actmeta{margin-left:auto;font-size:11.5px;color:var(--muted,#8b90a3);white-space:nowrap;flex:none} .actcaret{flex:none;font-size:11px;color:var(--muted,#8b90a3);transition:transform .18s} .actcard[open] .actcaret{transform:rotate(180deg)} .actchips{display:flex;flex-wrap:wrap;gap:6px;padding:0 2px 10px} .actchip{font-size:11px;font-weight:600;padding:3px 9px;border-radius:999px;background:rgba(255,255,255,.05);border:1px solid var(--line);white-space:nowrap} .actlist{display:flex;flex-direction:column} .actrow{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 2px;border-top:1px solid rgba(255,255,255,.055);font-size:13px} .actbadge{font-size:12px;font-weight:700;white-space:nowrap} .acttime{font-size:12px;color:var(--muted,#8b90a3);white-space:nowrap;font-variant-numeric:tabular-nums} .act-measure{color:#8ea2ff}.act-audit{color:#63d3c7}.act-fix{color:#f7b955}.act-lead{color:#c58bff} .actchip.act-measure{background:rgba(142,162,255,.12);border-color:rgba(142,162,255,.3)} .actchip.act-audit{background:rgba(99,211,199,.12);border-color:rgba(99,211,199,.3)} .actchip.act-fix{background:rgba(247,185,85,.12);border-color:rgba(247,185,85,.3)} .actchip.act-lead{background:rgba(197,139,255,.12);border-color:rgba(197,139,255,.3)}