/* ============================================================ */
/* AEO / LLM VISIBILITY PAGE — PAGE-SPECIFIC STYLES              */
/* Shared site-wide styles (tokens, header, hero, terminal,     */
/* client bar, scoreboard, results, compare, FAQ, contact,      */
/* footer, reveal animations) live in the root /style.css.      */
/* This file only holds rules unique to this page.              */
/* ============================================================ */

/* ===== HERO / ANSWER (spoke) ===== */
.sub-hero{padding:140px 0 40px;position:relative}
.sub-hero .eyebrow{margin-bottom:20px}
.sub-hero h1{font-family:var(--display);font-size:clamp(32px,4.6vw,60px);line-height:1.04;letter-spacing:-1px;max-width:20ch;margin-bottom:22px}
.sub-hero .lede{font-size:clamp(15px,1.5vw,18px);color:var(--text);max-width:60ch;line-height:1.6;margin-bottom:28px}
.sub-hero .hero-cta{display:flex;gap:14px;flex-wrap:wrap}
.hero-two{display:grid;grid-template-columns:1.1fr .9fr;gap:44px;align-items:center}
.machine-card{position:relative;display:block;background:linear-gradient(180deg,#141020,#0d0a16);border:1px solid var(--line);border-radius:14px;padding:16px 16px 14px;box-shadow:0 30px 70px -30px rgba(0,0,0,.85);max-width:300px;margin:0 auto;text-decoration:none}
.machine-card::before{content:"";position:absolute;inset:-2px;border-radius:16px;background:linear-gradient(120deg,rgba(255,184,77,.5),rgba(75,62,173,.55),rgba(62,224,138,.45));filter:blur(15px);opacity:.3;z-index:-1;animation:machineGlow 4.5s ease-in-out infinite}
@keyframes machineGlow{0%,100%{opacity:.2}50%{opacity:.48}}
.machine-bulbs{display:flex;justify-content:space-between;padding:2px 4px 12px}
.machine-bulbs i{width:8px;height:8px;border-radius:50%;background:var(--amber);box-shadow:0 0 8px var(--amber);animation:bulbBlink 1.1s steps(1) infinite}
.machine-bulbs i:nth-child(2n){animation-delay:.37s}
.machine-bulbs i:nth-child(3n){animation-delay:.73s}
@keyframes bulbBlink{0%,49%{opacity:1}50%,100%{opacity:.2}}
.machine-card img{width:100%;display:block;border-radius:8px}
.machine-cap{text-align:center;font-family:var(--mono);font-size:10px;letter-spacing:2px;text-transform:uppercase;color:var(--muted);margin-top:10px;transition:color .2s}
.machine-card:hover .machine-cap{color:var(--green)}
@media (max-width:900px){.hero-two{grid-template-columns:1fr;gap:30px}.machine-card{max-width:230px}}
.crumbs{font-family:var(--mono);font-size:11px;letter-spacing:.5px;color:var(--muted);margin-bottom:26px}
.crumbs a{color:var(--muted);text-decoration:none}.crumbs a:hover{color:var(--green)}
.answer{border:1px solid var(--line);border-left:3px solid var(--pur);border-radius:0 12px 12px 0;background:var(--panel);padding:26px 30px;max-width:900px}
.answer p{font-size:15px;line-height:1.65;color:var(--text)}.answer p b{color:#fff;font-weight:500}

/* ===== DELIVERABLES / PROCESS / CONTRAST ===== */
.del-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.del{border:1px solid var(--line);border-radius:12px;padding:26px 24px;background:var(--panel);transition:border-color .25s,box-shadow .25s}
.del:hover{border-color:var(--green);box-shadow:0 0 30px -16px rgba(62,224,138,.5)}
.del h4{font-family:var(--display);font-size:15px;margin-bottom:10px}
.del p{font-size:12.5px;color:var(--muted);line-height:1.55}
.del .dn{font-family:var(--mono);font-size:11px;color:var(--green);letter-spacing:1px;margin-bottom:12px}
.proc-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.proc-step{border:1px solid var(--line);border-radius:12px;padding:24px 20px;background:var(--panel)}
.proc-step .ps-n{font-family:var(--mono);font-size:12px;color:var(--red);letter-spacing:1px;margin-bottom:12px}
.proc-step h4{font-family:var(--display);font-size:14.5px;margin-bottom:8px}
.proc-step p{font-size:12px;color:var(--muted);line-height:1.5}
.two-col{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.pillar{border:1px solid var(--line);border-radius:12px;padding:26px;background:var(--panel)}
.pillar h4{font-family:var(--display);font-size:16px;margin-bottom:10px}
.pillar p{font-size:13px;color:var(--text);line-height:1.6}
.pillar.bad{border-left:3px solid var(--red)}.pillar.good{border-left:3px solid var(--green)}
.pillar .tagx{font-family:var(--mono);font-size:10px;letter-spacing:1.5px;text-transform:uppercase;margin-bottom:12px}
.pillar.bad .tagx{color:var(--red)}.pillar.good .tagx{color:var(--green)}
@media (max-width:900px){ .del-grid{grid-template-columns:1fr} .proc-grid{grid-template-columns:1fr 1fr} .two-col{grid-template-columns:1fr} }
@media (max-width:560px){ .proc-grid{grid-template-columns:1fr} }

/* ===== SIGNATURE: THE ORACLE ===== */
#oracle{background:var(--bg-2);border-block:1px solid var(--line);position:relative;overflow:hidden}
#oracle .container{position:relative;z-index:1}
.oracle-bg{position:absolute;top:0;bottom:0;right:-60px;width:440px;background:url('https://www.lynxseo.com/services/assets/oracle-cabinet.png') no-repeat center right;background-size:contain;opacity:.09;pointer-events:none;z-index:0}
@media (max-width:900px){.oracle-bg{opacity:.06;right:-120px;width:340px}}
.oracle-wrap{max-width:1080px;margin:0 auto}
.oracle-cab{background:linear-gradient(180deg,#0e0e16,#0b0b12);border:1px solid var(--line);border-radius:14px;padding:22px;box-shadow:0 40px 90px -40px rgba(0,0,0,.85);position:relative;overflow:hidden}
.oracle-marquee{display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid var(--line);padding-bottom:14px;margin-bottom:16px}
.oracle-marquee .om-title{font-family:var(--display);font-size:15px;letter-spacing:2px;color:#fff;display:flex;align-items:center;gap:10px}
.oracle-marquee .om-title .tcur{display:inline-block;width:11px;height:.9em;background:var(--pur);box-shadow:0 0 12px var(--pur);animation:blink 1.05s steps(1) infinite}
.oracle-marquee .om-sub{font-family:var(--mono);font-size:10px;letter-spacing:1.5px;text-transform:uppercase;color:var(--muted)}
.eng-row{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}
.eng-chip{display:flex;align-items:center;gap:8px;font-family:var(--mono);font-size:11px;letter-spacing:.3px;color:var(--muted);background:var(--panel);border:1px solid var(--line);border-radius:20px;padding:7px 13px;transition:border-color .3s,color .3s,box-shadow .3s}
.eng-chip .ed{width:7px;height:7px;border-radius:50%;background:#3a3a4c;transition:background .3s,box-shadow .3s}
.eng-chip.on{color:#fff;border-color:rgba(62,224,138,.55);box-shadow:0 0 16px -4px rgba(62,224,138,.5)}
.eng-chip.on .ed{background:var(--green);box-shadow:0 0 9px var(--green)}
.oracle-grid{display:grid;grid-template-columns:1.12fr .88fr;gap:18px;align-items:stretch}
.oracle-screen{background:#0a0a10;border:1px solid var(--line);border-radius:10px;padding:18px;font-family:var(--mono);min-height:288px;display:flex;flex-direction:column}
.osc-q{font-size:12.5px;color:var(--purt);margin-bottom:12px;line-height:1.5}
.osc-q b{color:#fff;font-weight:500}
.osc-a{font-size:13px;color:var(--text);line-height:1.7;flex:1}
.osc-a .cur{display:inline-block;width:8px;height:14px;background:var(--green);vertical-align:-2px;margin-left:2px;animation:blink 1s step-end infinite}
.osc-cites{display:flex;flex-wrap:wrap;gap:7px;margin-top:14px;padding-top:14px;border-top:1px solid var(--line);min-height:1px}
.cite-chip{font-size:10.5px;letter-spacing:.2px;color:var(--muted);background:var(--panel);border:1px solid var(--line);border-radius:5px;padding:5px 9px;display:flex;align-items:center;gap:6px;opacity:0;transform:translateY(4px);transition:opacity .3s,transform .3s,border-color .3s,color .3s}
.cite-chip.in{opacity:1;transform:none}
.cite-chip.you{border-color:var(--green);color:#eafff4;box-shadow:0 0 14px -3px rgba(62,224,138,.5)}
.cite-chip .cn{width:6px;height:6px;border-radius:50%;background:var(--blue);flex:0 0 auto}
.cite-chip.you .cn{background:var(--green)}
.som-board{background:#0a0a10;border:1px solid var(--line);border-radius:10px;padding:18px;display:flex;flex-direction:column}
.som-head{font-family:var(--display);font-size:12px;letter-spacing:1.5px;color:var(--amber);text-align:center;margin-bottom:4px}
.som-sub{font-family:var(--mono);font-size:9px;letter-spacing:1.5px;text-transform:uppercase;color:var(--muted);text-align:center;margin-bottom:16px}
.som-row{display:grid;grid-template-columns:26px 1fr auto;gap:12px;align-items:center;padding:9px 12px;border-bottom:1px dashed rgba(255,255,255,.06);border-radius:8px}
.som-row:last-child{border-bottom:0}
.som-rank{font-family:var(--display);font-size:12px;color:var(--muted);text-align:center}
.som-row.lead .som-rank{color:var(--amber)}
.som-name{font-family:var(--mono);font-size:12px;color:var(--text);display:flex;flex-direction:column;gap:6px;min-width:1px}
.som-row.you .som-name{color:#eafff4}
.som-row.lead .som-name{color:#fff}
.som-nm{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.som-tag{font-family:var(--mono);font-size:8px;letter-spacing:1px;color:var(--green);border:1px solid rgba(62,224,138,.5);border-radius:4px;padding:1px 5px;margin-left:7px;vertical-align:1px}
.som-row.you{background:rgba(62,224,138,.06);border:1px solid rgba(62,224,138,.28);border-bottom:1px solid rgba(62,224,138,.28)}
.som-bar{height:5px;border-radius:5px;background:#20202e;overflow:hidden}
.som-fill{height:100%;width:0;border-radius:5px;background:var(--blue);transition:width .8s cubic-bezier(.16,.8,.3,1)}
.som-row.lead .som-fill{background:var(--amber)}
.som-row.you .som-fill{background:var(--green)}
.som-pct{font-family:var(--display);font-size:13px;color:#fff;width:42px;text-align:right}
.scan-bar{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin-top:16px;background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:14px}
.scan-bar .sb-in{flex:1;min-width:150px;font-family:var(--mono);font-size:13px;background:var(--bg);border:1px solid var(--line);border-radius:4px;padding:11px 12px;color:#fff}
.scan-bar .sb-in::placeholder{color:#43435a}
.scan-bar .sb-in:focus,.scan-bar .sb-sel:focus{outline:none;border-color:var(--green)}
.scan-bar .sb-sel{font-family:var(--mono);font-size:12.5px;background:var(--bg);border:1px solid var(--line);border-radius:4px;padding:11px 12px;color:#fff;min-width:210px}
.scan-bar .sb-btn{font-family:var(--mono);font-size:12px;letter-spacing:.5px;text-transform:uppercase;padding:11px 20px;background:var(--red);border:1px solid var(--red);border-radius:4px;color:#fff;cursor:pointer;transition:transform .18s,box-shadow .18s}
.scan-bar .sb-btn:hover{transform:translateY(-2px);box-shadow:0 10px 26px -10px var(--red)}
.scan-bar .sb-btn:disabled{opacity:.55;cursor:default;transform:none;box-shadow:none}
.scan-mode{display:flex;gap:8px;margin-top:16px;margin-bottom:-6px}
.scan-mode button{font-family:var(--mono);font-size:11px;letter-spacing:.4px;text-transform:uppercase;padding:8px 14px;background:var(--panel);border:1px solid var(--line);border-radius:20px;color:var(--muted);cursor:pointer;transition:border-color .2s,color .2s,box-shadow .2s}
.scan-mode button:hover{color:#fff}
.scan-mode button.on{color:#fff;border-color:var(--green);box-shadow:0 0 14px -5px rgba(62,224,138,.6)}
.oracle-status{font-family:var(--mono);font-size:11.5px;color:var(--muted);margin-top:12px;text-align:center;line-height:1.5}
.oracle-status.live{color:var(--green)}
.oracle-status.err{color:var(--amber)}
.oracle-note{font-family:var(--mono);font-size:10.5px;color:var(--muted);text-align:center;margin-top:10px;opacity:.75}
.oracle-cta{text-align:center;margin-top:26px}
@media (max-width:860px){.oracle-grid{grid-template-columns:1fr}.scan-bar .sb-sel{min-width:100%}}

/* ===== METHODOLOGY RULES ===== */
.rules-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:14px}
.rule{background:none;border:0;padding:0;height:252px;perspective:1200px;cursor:pointer}
.rule-inner{position:relative;width:100%;height:100%;transition:transform .6s cubic-bezier(.2,.7,.2,1);transform-style:preserve-3d}
.rule:hover .rule-inner,.rule:focus-visible .rule-inner,.rule.flip .rule-inner{transform:rotateY(180deg)}
.rule-face{position:absolute;inset:0;backface-visibility:hidden;-webkit-backface-visibility:hidden;border:1px solid var(--line);border-radius:12px;padding:20px 16px;background:var(--panel);display:flex;flex-direction:column}
.rule-front .rn{font-family:var(--display);font-size:11px;color:var(--purt);letter-spacing:1px;margin-bottom:12px}
.rule-front h4{font-family:var(--display);font-size:14px;margin-bottom:9px;line-height:1.2}
.rule-front .rk{font-size:11.5px;color:var(--muted);line-height:1.5}
.rule-front .flip-hint{margin-top:auto;font-family:var(--mono);font-size:9px;letter-spacing:1.5px;text-transform:uppercase;color:var(--muted)}
.rule-back{transform:rotateY(180deg);border-color:rgba(157,144,234,.45);background:linear-gradient(180deg,#171226,#12101c)}
.rule-back p{font-size:11px;color:var(--text);line-height:1.5}
.rule-back .why{margin-top:auto;padding-top:10px;font-size:11px;color:#fff;line-height:1.45}
.rule-back .why b{color:var(--green)}
@media (max-width:900px){.rules-grid{grid-template-columns:1fr 1fr}.rule{height:auto;min-height:210px}}
@media (max-width:560px){.rules-grid{grid-template-columns:1fr}.rule{min-height:200px}}

/* ===== UTILITY CLASSES (extracted from inline styles) ===== */
.blk-flush-top{padding-top:6px}
.blk-alt{background:var(--bg-2);border-block:1px solid var(--line)}
.blk-alt-top{background:var(--bg-2);border-top:1px solid var(--line)}
.dot-blue{background:#60a5fa}
.dot-green{background:#3ee08a}
.u-white{color:var(--white)}
.hp-field{display:none}

/* ===== RESULT STAT: GREEN VARIANT (root only defines .rstat.blue/.purple) ===== */
.rstat.green{border-color:rgba(62,224,138,.4)}
.rstat.green .rv{color:var(--green)}