/* RankGen.ai 2027 agency comparison. Scoped editorial CSS, no homepage/app selectors. */
.rgl-shell,.rgl-shell *{box-sizing:border-box}
.rgl-shell{--bg:#080d16;--panel:#121b28;--panel2:#182435;--border:#344052;--text:#f3f7fd;--muted:#b9c6d6;--accent:#ff962f;--mint:#a3f5dd;background:#080d16;color:var(--text);font:16px/1.7 Inter,system-ui,-apple-system,"Segoe UI",sans-serif;min-height:100vh;overflow-wrap:anywhere}
.rgl-shell a{color:#ffc08b;text-decoration-color:#df9856;text-underline-offset:3px}
.rgl-shell a:hover{color:#ffe0bb}
.rgl-shell :is(a,button,summary):focus-visible{outline:3px solid #ffba70;outline-offset:3px}
.rgl-shell h1,.rgl-shell h2,.rgl-shell h3{color:#f8fbff;text-transform:none;letter-spacing:-.035em}
.rgl-shell :is(p,h1,h2,h3){margin-top:0}
.rgl-shell [id]{scroll-margin-top:110px}
.rgl-shell .wrap{width:min(1200px,calc(100% - 54px));margin:0 auto}
.rgl-shell .eyebrow{font-size:11px;font-weight:850;letter-spacing:.16em;color:#ffa64f;text-transform:uppercase;margin:0 0 13px}
.rgl-shell .hero{position:relative;isolation:isolate;overflow:hidden;padding:35px 0 52px;background:radial-gradient(ellipse at 84% 16%,#ff8b2520,transparent 48%),radial-gradient(ellipse at 11% 80%,#2952822b,transparent 42%),linear-gradient(135deg,#090e17,#101825 65%,#101521);border-bottom:1px solid #293747}
.rgl-shell .hero:before{content:"";position:absolute;z-index:-1;inset:0;background-image:linear-gradient(#acbcd607 1px,transparent 1px),linear-gradient(90deg,#acbcd607 1px,transparent 1px);background-size:68px 68px;pointer-events:none}
.rgl-shell .hero-grid{display:grid;grid-template-columns:minmax(0,1.22fr) minmax(285px,.78fr);gap:clamp(25px,5vw,65px);align-items:start}
.rgl-shell .hero h1{font-weight:840;font-size:clamp(39px,5.15vw,68px);line-height:1.07;max-width:850px;margin:0 0 19px}
.rgl-shell .hero h1 em{font-style:normal;color:#ffa64d}
.rgl-shell .deck{font-size:clamp(17px,1.7vw,20px);line-height:1.64;color:#d1dbe8;max-width:730px;margin:0 0 15px}
.rgl-shell .meta{font-size:12px;color:#a9b9cc;display:flex;gap:13px;flex-wrap:wrap;margin:18px 0 22px}
.rgl-shell .pill{display:inline-flex;padding:6px 10px;border:1px solid #485464;background:#18212d;color:#ebf2fa;border-radius:6px;font-size:11px;font-weight:750}
.rgl-shell .disclose{font-size:13px;line-height:1.65;background:#202129;border:1px solid #a57546;border-radius:10px;padding:14px 17px;color:#e6d6c4;max-width:700px}
.rgl-shell .disclose strong{color:#ffd4ac}
.rgl-shell .cover{border:1px solid #61452a;border-radius:15px;min-height:340px;display:flex;flex-direction:column;justify-content:space-between;padding:23px;background:linear-gradient(145deg,#1c2634,#111823 65%,#261b19);box-shadow:0 22px 52px #0007}
.rgl-shell .cover-top{display:flex;align-items:center;justify-content:space-between;color:#c0cbd8;font:750 10px/1.5 system-ui,sans-serif;letter-spacing:.12em;text-transform:uppercase;gap:8px;border-bottom:1px solid #526070;padding-bottom:14px}
.rgl-shell .brand{display:flex;align-items:center;gap:8px;font-size:15px;letter-spacing:-.04em;color:#fff}
.rgl-shell .brand img{width:26px;height:26px}
.rgl-shell .brand strong{color:#ffa34d}
.rgl-shell .year{color:#f1f6fd;font-size:clamp(66px,7.3vw,113px);font-weight:850;line-height:.94;letter-spacing:-.08em}
.rgl-shell .year span{color:#ffa64f}
.rgl-shell .cover-tag{font-size:21px;font-weight:820;line-height:1.3;letter-spacing:-.03em;color:#fff}
.rgl-shell .cover-bottom{font-size:11px;color:#bac4d0;border-top:1px solid #526070;padding-top:14px}
.rgl-shell .jump{display:flex;gap:9px;flex-wrap:wrap;padding:23px 0;border-bottom:1px solid #28384b}
.rgl-shell .jump a{font-size:13px;font-weight:700;color:#e2edfa;text-decoration:none;padding:7px 12px;background:#192638;border:1px solid #3b5068;border-radius:22px}
.rgl-shell .jump a:hover{background:#293a50}
.rgl-shell .quick{margin:36px 0 35px;border:1px solid #7b623c;border-left:4px solid #ffa34d;background:linear-gradient(140deg,#1d2532,#131b28);border-radius:11px;padding:25px 28px}
.rgl-shell .quick h2{font-size:25px;line-height:1.25;margin:0 0 10px}
.rgl-shell .quick p{font-size:16px;line-height:1.68;color:#dce5ef;margin:0}
.rgl-shell .layout{display:grid;grid-template-columns:minmax(0,1fr) 253px;gap:44px;align-items:start;margin:34px 0}
.rgl-shell .article{min-width:0}
.rgl-shell .section{padding:0 0 40px;border-bottom:1px solid #263547;margin:0 0 42px}
.rgl-shell .section:last-child{border:0}
.rgl-shell .section h2{font-size:clamp(26px,3.3vw,39px);line-height:1.18;margin:0 0 15px}
.rgl-shell .section>p{color:#c2cddc;margin:0 0 15px;font-size:16px}
.rgl-shell .rank-table{width:100%;border-collapse:separate;border-spacing:0;border:1px solid #3b4b60;border-radius:11px;overflow:hidden;font-size:14px;line-height:1.5;background:#101b2a}
.rgl-shell .rank-table thead{background:#27364b}
.rgl-shell .rank-table th{color:#f6faff;text-align:left;font-weight:780}
.rgl-shell .rank-table th,.rgl-shell .rank-table td{padding:15px 12px;border-bottom:1px solid #324156;vertical-align:top}
.rgl-shell .rank-table tbody tr:last-child td{border-bottom:0}
.rgl-shell .rank-table td{color:#cdd7e4}
.rgl-shell .rank-table tbody tr:nth-child(even){background:#142235}
.rgl-shell .rank-table a{font-weight:790}
.rgl-shell .sort-note{font-size:12px!important;color:#a8b9ca!important;margin-top:11px!important}
.rgl-shell .provider-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:22px 0 10px}
.rgl-shell .provider{border:1px solid #34475c;border-radius:12px;padding:21px;background:linear-gradient(155deg,#172434,#111b2a);display:flex;flex-direction:column;gap:8px}
.rgl-shell .provider.affiliate{border-color:#b28149;background:linear-gradient(145deg,#28231d,#141c29)}
.rgl-shell .provider .small{font-size:11px;text-transform:uppercase;letter-spacing:.1em;font-weight:840;color:#b4c7e1;margin:0}
.rgl-shell .provider h3{font-size:22px;margin:0;color:#fff}
.rgl-shell .provider .best{font-size:14px;color:#ffd0a2;font-weight:780;margin:0}
.rgl-shell .provider p{font-size:14px;line-height:1.65;color:#c8d4e1;margin:0}
.rgl-shell .provider .sources{padding-top:13px;margin-top:auto;border-top:1px solid #364459;font-size:12px;line-height:1.7}
.rgl-shell .provider .sources a{font-weight:760}
.rgl-shell .callout{border:1px solid #3e5268;border-radius:11px;background:#172435;padding:21px;margin:23px 0}
.rgl-shell .callout p,.rgl-shell .callout li{color:#cdd9e7;font-size:14px}
.rgl-shell .callout h3{font-size:21px;margin-bottom:10px}
.rgl-shell .criteria{padding-left:23px;color:#c9d5e3}
.rgl-shell .criteria li{margin:8px 0}
.rgl-shell .aside{position:sticky;top:98px;border:1px solid #394a5e;border-radius:12px;padding:20px;background:#141f2d}
.rgl-shell .aside strong{color:#ffa85b;text-transform:uppercase;letter-spacing:.1em;font-size:11px}
.rgl-shell .aside a{display:block;color:#d7e2ef;text-decoration:none;padding:10px 0;border-bottom:1px solid #334155;font-size:13px}
.rgl-shell .aside a:last-child{border:0}
.rgl-shell .aside p{font-size:12px;color:#b2c1d2;line-height:1.7;margin:15px 0 0}
.rgl-shell .warp-section{padding:28px 0 36px;border-bottom:1px solid #334255}
.rgl-shell .warp-section h3{font-size:21px;line-height:1.25;margin:0 0 13px}
.rgl-shell .warp-answer{background:#192838;border-left:3px solid #ffa64f;padding:16px 19px;margin-bottom:15px;font-size:15px;color:#e2ebf5;line-height:1.6}
.rgl-shell .warp-meta{font-size:12px;font-weight:800;color:#ffa85e;margin-bottom:8px}
.rgl-shell details.warp-details{border:1px solid #485669;border-radius:10px;background:#131f2c;padding:14px 16px}
.rgl-shell details.warp-details>summary{cursor:pointer;font-size:14px;font-weight:770;color:#f8ceab;list-style:none}
.rgl-shell details.warp-details>summary::-webkit-details-marker,.rgl-shell details.fan>summary::-webkit-details-marker{display:none}
.rgl-shell details.warp-details>summary::before,.rgl-shell details.fan>summary::before{content:"+ ";font-weight:880;color:#ffae6d}
.rgl-shell details.warp-details[open]>summary::before,.rgl-shell details.fan[open]>summary::before{content:"− "}
.rgl-shell details.fan{border-top:1px solid #39485d;margin-top:12px;padding-top:12px}
.rgl-shell details.fan summary{cursor:pointer;list-style:none;color:#e6eef7;font-size:13px;font-weight:770}
.rgl-shell details.fan p{margin:9px 0 5px;font-size:13px;color:#c7d6e6}
.rgl-shell .evidence{border:1px solid #35485b;border-radius:9px;padding:14px 16px;margin:13px 0;background:#121f2d}
.rgl-shell .evidence:target{border-color:#ffa64f;background:#273025}
.rgl-shell .evidence strong{display:block;color:#f4f7ff;font-size:14px}
.rgl-shell .evidence p{font-size:13px;margin:4px 0 0;color:#bfcedc}
.rgl-shell .end{padding:32px;background:linear-gradient(115deg,#222632,#131c2b);border-radius:14px;border:1px solid #9a7044;margin:35px 0 43px}
.rgl-shell .end h2{font-size:28px;margin:0 0 13px}
.rgl-shell .end p{color:#d0ddeb}
.rgl-shell .btn{display:inline-flex;align-items:center;justify-content:center;background:#ff972d;color:#16120e!important;font-weight:840;text-decoration:none;border-radius:8px;padding:12px 19px;min-height:46px}
.rgl-shell .btn:hover{background:#ffc177;color:#16120e!important}
.rgl-shell .source-list{padding-left:20px;color:#c5d0de;font-size:14px}
.rgl-shell .source-list li{margin:10px 0}
@media(max-width:930px){.rgl-shell .layout{grid-template-columns:1fr}.rgl-shell .aside{position:static;display:none}.rgl-shell .hero-grid{grid-template-columns:1fr}.rgl-shell .cover{min-height:265px}.rgl-shell .provider-grid{grid-template-columns:1fr}}
@media(max-width:640px){.rgl-shell .wrap{width:calc(100% - 32px)}.rgl-shell .hero{padding:23px 0 38px}.rgl-shell .hero h1{font-size:clamp(36px,10vw,54px)}.rgl-shell .cover{padding:18px}.rgl-shell .provider{padding:17px}.rgl-shell .quick{padding:19px}.rgl-shell .rank-table{font-size:12px}.rgl-shell .rank-table th,.rgl-shell .rank-table td{padding:10px 7px}.rgl-shell .rank-table th:nth-child(3),.rgl-shell .rank-table td:nth-child(3){display:none}}
@media(prefers-reduced-motion:reduce){.rgl-shell *{scroll-behavior:auto!important}}