/* SEORTP crawl demo (home page). Teaser card + "bot view" styles used by crawl-spider.js. */

/* hero layout with teaser */
.hero-grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:48px;align-items:center}
.hero-grid .sub{margin-bottom:0}
@media (max-width:900px){.hero-grid{grid-template-columns:1fr;gap:28px}}

/* teaser card */
.crawl-teaser{margin:0}
.crawl-teaser__media{display:block;position:relative;width:100%;padding:0;border:0;border-radius:14px;overflow:hidden;background:#07121F;cursor:pointer;aspect-ratio:16/10;box-shadow:0 22px 44px -22px rgba(30,58,95,.55);outline-offset:4px}
.crawl-teaser__media video,.crawl-teaser__media img{display:block;width:100%;height:100%;object-fit:cover}
.crawl-teaser__badge{position:absolute;left:12px;top:12px;font:600 11px/1 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.08em;text-transform:uppercase;color:#7DE8F5;background:rgba(7,18,31,.82);border:1px solid rgba(125,232,245,.55);padding:6px 8px;border-radius:4px}
.crawl-teaser__play{position:absolute;right:14px;bottom:14px;width:48px;height:48px;border-radius:50%;background:#7DE8F5;display:grid;place-items:center;box-shadow:0 0 0 6px rgba(125,232,245,.22);transition:transform .15s}
.crawl-teaser__play svg{width:18px;height:18px;margin-left:3px;fill:#07121F}
.crawl-teaser__media:hover .crawl-teaser__play,.crawl-teaser__media:focus-visible .crawl-teaser__play{transform:scale(1.08)}
.crawl-teaser__cta{display:flex;flex-wrap:wrap;align-items:center;gap:10px 16px;margin-top:18px}
.crawl-teaser__note{font-size:14px;color:var(--muted)}

/* ---------- bot view (while the crawl runs) ---------- */
html.sc-anim body,html.sc-anim body *{transition:background-color .7s ease,color .7s ease,border-color .7s ease,filter .7s ease,opacity .5s ease}
html.sc-on{
  --forest:#DCEBFA; --forest-2:#16304A; --forest-3:#4FA3E8;
  --lime:#4FA3E8; --lime-soft:#10263D;
  --sky-bg:#0B1A2B; --sky-line:#1F3D5E;
  --ink:#B8CADD; --muted:#7F96AE; --line:#1A3350; --bg:#07121F; --soft:#0E2033;
  --link:#8CC4F2;
}
html.sc-on body{background:#07121F}
html.sc-on .site-header{z-index:45} /* overlays slide under the sticky header like the page does */
html.sc-on .site-header{background:#0A1828}
html.sc-on .card a,html.sc-on .footer-social a,html.sc-on .social-row a{background:#0B1A2B}
html.sc-on .wp-block-cover,html.sc-on .wp-block-cover__background{background-color:#0D1E31!important}
html.sc-on main img,html.sc-on .crawl-teaser__media{filter:brightness(.62) saturate(.55)}

.sc-hit-link{outline:1.5px solid rgba(125,232,245,.9)!important;outline-offset:2px;background-color:rgba(125,232,245,.1)!important;border-radius:2px}
.sc-hit-head{color:#7DE8F5!important;outline:1.5px dashed rgba(125,232,245,.7);outline-offset:6px}
html.sc-on .sc-hit-img{filter:grayscale(1) brightness(.42) contrast(1.15)!important}
.sc-hit-text{color:#5C7590!important}
.sc-gone{visibility:hidden!important}

/* overlay layer (document coordinates) */
.sc-layer{position:absolute;left:0;top:0;width:100%;height:0;z-index:40;pointer-events:none;overflow:hidden}
.sc-layer>*{position:absolute;pointer-events:none}
.sc-tag{font:600 11px/1.3 ui-monospace,SFMono-Regular,Menlo,monospace;color:#7DE8F5;background:rgba(7,18,31,.9);border:1px solid rgba(125,232,245,.6);padding:1px 6px;border-radius:3px;white-space:nowrap;max-width:280px;overflow:hidden;text-overflow:ellipsis;animation:sc-pop .25s ease-out both}
.sc-tag--head{color:#07121F;background:#7DE8F5;border-color:#7DE8F5}
.sc-tag--warn{color:#fff;background:#FF5C8A;border-color:#FF5C8A}
.sc-bar{background:#7DE8F5;border-radius:2px;opacity:.9;transform-origin:left center;animation:sc-grow .28s ease-out both}
.sc-bar--pink{background:#FF5C8A}
.sc-box{border:1.5px solid #7DE8F5;border-radius:3px;animation:sc-pop .25s ease-out both}
.sc-pink{background:#FF5C8A;border-radius:2px;opacity:.92;animation:sc-pop .25s ease-out both}
.sc-scan{border:1.5px solid rgba(125,232,245,.85);border-radius:10px;overflow:hidden;background:repeating-linear-gradient(0deg,rgba(125,232,245,.12) 0 1px,transparent 1px 5px);animation:sc-pop .3s ease-out both}
.sc-scan::after{content:"";position:absolute;left:0;right:0;height:3px;top:0;background:#7DE8F5;box-shadow:0 0 14px 4px rgba(125,232,245,.55);animation:sc-sweep .9s ease-in-out 2 both}
.sc-layer--callouts{z-index:48} /* above the sticky header, below the line canvas */
.sc-callout{font:600 12.5px/1.3 ui-monospace,SFMono-Regular,Menlo,monospace;color:#EAF4FC;background:rgba(7,18,31,.95);border:1px solid rgba(125,232,245,.8);border-radius:6px;padding:5px 9px;white-space:nowrap;max-width:min(360px,calc(100vw - 24px));overflow:hidden;text-overflow:ellipsis;box-shadow:0 8px 22px rgba(0,0,0,.4);animation:sc-pop .22s ease-out both;transition:opacity .25s ease,transform .25s ease}
.sc-callout b{color:#7DE8F5;font-weight:700;text-transform:uppercase;letter-spacing:.06em;font-size:10.5px;margin-right:7px}
.sc-callout--warn{border-color:#FF5C8A}
.sc-callout--warn b{color:#FF5C8A}
.sc-callout--out{opacity:0;transform:scale(.92)}
.sc-carried{font:700 12px/1.3 ui-monospace,SFMono-Regular,Menlo,monospace;color:#07121F;background:#7DE8F5;padding:3px 8px;border-radius:3px;white-space:nowrap;max-width:260px;overflow:hidden;text-overflow:ellipsis;left:0;top:0;will-change:transform}
@keyframes sc-pop{from{opacity:0;transform:scale(.85)}to{opacity:1;transform:none}}
@keyframes sc-grow{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@keyframes sc-sweep{from{top:0}to{top:calc(100% - 3px)}}

/* canvas, status bar, results panel (viewport) */
.sc-canvas{position:fixed;inset:0;width:100%;height:100%;z-index:50;pointer-events:none}
.sc-hud{position:fixed;left:50%;bottom:18px;transform:translateX(-50%);z-index:60;display:flex;align-items:center;gap:12px;max-width:calc(100% - 32px);padding:8px 8px 8px 14px;border-radius:999px;background:rgba(7,18,31,.92);border:1px solid rgba(125,232,245,.45);color:#B8CADD;font:600 12px/1.2 ui-monospace,SFMono-Regular,Menlo,monospace;box-shadow:0 10px 30px rgba(0,0,0,.35)}
.sc-hud__dot{width:8px;height:8px;border-radius:50%;background:#FF5C8A;box-shadow:0 0 0 0 rgba(255,92,138,.6);animation:sc-pulse 1.2s infinite;flex:none}
.sc-hud__txt{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sc-hud__txt b{color:#7DE8F5;font-weight:700}
.sc-hud button{flex:none;font:600 12px/1 var(--sans,system-ui);color:#07121F;background:#7DE8F5;border:0;border-radius:999px;padding:8px 12px;cursor:pointer}
@keyframes sc-pulse{70%{box-shadow:0 0 0 8px rgba(255,92,138,0)}100%{box-shadow:0 0 0 0 rgba(255,92,138,0)}}
@media (max-width:600px){.sc-hud .sc-hud__words,.sc-hud .sc-hud__host{display:none}}

.sc-panel{position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);z-index:70;width:min(480px,calc(100% - 32px));max-height:calc(100% - 32px);overflow:auto;background:#0B1A2B;color:#A9BED3;border:1px solid #2B5F8A;border-radius:16px;padding:26px 26px 22px;box-shadow:0 30px 80px rgba(0,0,0,.55);font:16px/1.6 var(--sans,system-ui);animation:sc-panel .35s ease-out both}
@keyframes sc-panel{from{opacity:0;transform:translate(-50%,-46%)}to{opacity:1;transform:translate(-50%,-50%)}}
.sc-panel__eyebrow{margin:0 0 8px;font:600 11px/1 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.08em;text-transform:uppercase;color:#7DE8F5}
.sc-panel h2:focus{outline:none}
.sc-panel h2{margin:0 0 10px;font:700 24px/1.2 var(--display,system-ui);letter-spacing:-.015em;color:#EAF4FC}
.sc-panel p{margin:0 0 14px;font-size:15px}
.sc-stats{list-style:none;display:grid;grid-template-columns:repeat(4,1fr);gap:8px;padding:0;margin:4px 0 20px}
.sc-stats li{background:#0E2236;border:1px solid #1A3350;border-radius:10px;padding:8px 6px;text-align:center;font-size:12px;line-height:1.3;color:#7F96AE}
.sc-stats b{display:block;font:700 20px/1.2 var(--display,system-ui);color:#7DE8F5}
.sc-note{margin:-6px 0 14px;font:600 11px/1.2 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.06em;text-transform:uppercase;color:#7F96AE}
.sc-actions{display:flex;flex-wrap:wrap;gap:10px;align-items:center}
.sc-btn{display:inline-block;font:700 15px/1.3 var(--sans,system-ui);color:#07121F;background:#7DE8F5;border:0;border-radius:8px;padding:12px 16px;text-decoration:none;cursor:pointer}
.sc-btn:hover{background:#A6F0F9;color:#07121F}
.sc-btn--ghost{background:transparent;color:#DCEBFA;border:1.5px solid #2B5F8A}
.sc-btn--ghost:hover{background:#10263D;color:#fff}
.sc-soon{display:block;width:100%;font-size:14px;color:#DCEBFA;background:#0E2236;border:1px dashed #2B5F8A;border-radius:8px;padding:10px 12px}
.sc-soon b{color:#7DE8F5}
@media (max-width:600px){.sc-panel{top:auto;bottom:16px;transform:translate(-50%,0);animation:none;padding:20px 18px 18px}.sc-panel h2{font-size:20px}.sc-panel p{font-size:14px;margin-bottom:10px}.sc-stats{gap:6px;margin-bottom:14px}.sc-stats li{padding:6px 2px;font-size:11px}.sc-stats b{font-size:17px}.sc-btn{font-size:14px;padding:11px 14px}}

@media (prefers-reduced-motion:reduce){
  html.sc-anim body,html.sc-anim body *{transition:none}
  .sc-tag,.sc-bar,.sc-box,.sc-pink,.sc-scan,.sc-panel{animation:none}
  .sc-scan::after,.sc-hud__dot{animation:none}
}