@property --p{syntax:"<number>";inherits:true;initial-value:0}@property --r{syntax:"<integer>";inherits:true;initial-value:6}.sv-hero--sys .sv-art:has(.seo){pointer-events:auto;aspect-ratio:auto;max-width:560px}.seo{--p:0;width:100%;font-family:var(--ff-text);position:relative}.seo.is-live{animation:9s cubic-bezier(.45,0,.25,1) infinite seo-climb}.seo.is-off,.seo.is-off *{animation-play-state:paused!important}.seo.is-static{--p:1}@keyframes seo-climb{0%,12%{--p:0}62%,to{--p:1}}.seo-win{background:linear-gradient(160deg,rgba(31,27,36,.88),rgba(13,12,16,.94));border:1px solid rgba(242,236,224,.13);border-radius:18px;box-shadow:0 40px 80px -40px rgba(0,0,0,.85),inset 0 1px rgba(255,255,255,.04)}.seo-ln{background:rgba(242,236,224,.12);border-radius:3px;height:6px;display:block}.seo-ln--q{background:rgba(242,236,224,.32);width:46%;height:7px}.seo-ln--url{background:rgba(242,236,224,.16);width:30%;height:5px}.seo-ln--t{background:rgba(242,236,224,.3);height:8px}.seo-ln--gold{background:var(--gold)}.seo-fav{background:rgba(242,236,224,.1);border:1px solid rgba(242,236,224,.12);border-radius:50%;flex-shrink:0;width:22px;height:22px}.seo-fav--you{background:var(--gold);border-color:var(--gold);box-shadow:0 0 16px rgba(217,178,99,.55)}.seo-row__txt{flex:1;gap:6px;min-width:0;display:grid}.seo-you{font-family:var(--ff-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--gold);font-size:.6875rem}.seo-serp{padding:14px 14px 16px;position:relative}.seo-bar{border:1px solid var(--line);height:40px;color:var(--paper-mute);background:rgba(242,236,224,.06);border-radius:999px;align-items:center;gap:10px;padding:0 16px;display:flex}.seo-list{--h:60px;--gap:6px;height:calc(var(--rows)*(var(--h) + var(--gap)) - var(--gap));margin:12px 0 0;padding:0;list-style:none;position:relative}.seo-row{--gold-slot:calc(5*(1 - var(--p)));--slot:calc(var(--i) + clamp(0,var(--i) + 1 - var(--gold-slot),1));height:var(--h);transform:translateY(calc(var(--slot)*(var(--h) + var(--gap))));opacity:.62;border-radius:12px;align-items:center;gap:12px;padding:0 14px;transition:opacity .4s;display:flex;position:absolute;top:0;left:0;right:0}.seo-row--you{--slot:var(--gold-slot);z-index:2;opacity:1;box-shadow:0 0 calc(10px + var(--p)*40px)-8px rgba(217,178,99,.6);background:linear-gradient(90deg,rgba(217,178,99,.16),rgba(217,178,99,.05));border:1px solid rgba(217,178,99,.55);transition:box-shadow .4s,border-color .4s}.seo-rank{--r:calc(var(--gold-slot) + 1);font-family:var(--ff-mono);letter-spacing:.06em;color:var(--gold);counter-reset:r var(--r);font-size:.75rem;position:absolute;top:10px;right:12px}.seo-rank__n:after{content:counter(r);font-weight:600}.seo-ai{--show:clamp(0,(var(--p) - .82)*6,1);z-index:3;width:78%;opacity:var(--show);transform:translateY(calc((1 - var(--show))*18px))scale(calc(.97 + var(--show)*.03));background:radial-gradient(120% 90% at 0 0,rgba(91,33,182,.28),transparent 60%),linear-gradient(160deg,rgba(31,27,36,.94),rgba(13,12,16,.96));border-color:rgba(217,178,99,.35);gap:9px;margin:-34px 0 0 auto;padding:16px 18px 18px;display:grid;position:relative}.seo-ai__head{font-family:var(--ff-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--paper-dim);align-items:center;gap:8px;margin-bottom:2px;font-size:.6875rem;display:flex}.seo-ai__head svg{color:var(--gold)}.seo-ai__pick{color:var(--paper-dim);background:rgba(217,178,99,.08);border:1px solid rgba(217,178,99,.45);border-radius:12px;align-items:center;gap:10px;margin-top:6px;padding:10px 12px;font-size:.8125rem;display:flex}.seo-ai__pick b{color:var(--paper);font-weight:600}.seo-ai__pick svg{color:var(--gold);margin-left:auto}.seo-ai__pick .seo-fav{width:16px;height:16px}@media (hover:hover){.seo--v1:hover .seo-row:not(.seo-row--you){opacity:.32}.seo--v1:hover .seo-row--you{border-color:var(--gold);box-shadow:0 0 60px -6px rgba(217,178,99,.75)}}@media (max-width:1024px){.sv-hero--sys .sv-art:has(.seo){max-width:440px}.seo-list{--h:54px}}
