:root{--midnight:#070b14;--panel:#0b1320;--blue:#38d9ff;--yellow:#f3e600;--coral:#ff405c;--fog:#a9b9c9;--white:#edf8ff;--line:rgba(56,217,255,.24);--display:"Barlow Condensed","Arial Narrow",sans-serif;--mono:"IBM Plex Mono",Consolas,monospace}
*{box-sizing:border-box}
html,body{margin:0;min-height:100%;background:var(--midnight);color:var(--white);font-family:var(--mono)}
body{background:radial-gradient(circle at 74% 18%,rgba(56,217,255,.16),transparent 28rem),linear-gradient(135deg,#070b14 0 58%,#091523 58%);overflow-x:hidden}
body:before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.08;background:repeating-linear-gradient(0deg,transparent 0 3px,rgba(56,217,255,.32) 4px);mix-blend-mode:screen}
a{color:var(--blue);text-decoration:none}a:hover{text-decoration:underline}
.seo-shell{width:min(1180px,calc(100% - 36px));margin:0 auto;padding:28px 0 52px}
.seo-nav{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:54px}
.seo-logo{width:clamp(180px,18vw,260px);height:auto;filter:drop-shadow(0 0 20px rgba(56,217,255,.18))}
.seo-links{display:flex;gap:14px;flex-wrap:wrap;justify-content:flex-end}
.seo-links a{color:var(--fog);font-size:10px;text-transform:uppercase;letter-spacing:.12em}
.seo-hero{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(320px,.75fr);gap:clamp(28px,5vw,72px);align-items:center}
.eyebrow{margin:0 0 14px;color:var(--blue);font:700 10px var(--mono);text-transform:uppercase;letter-spacing:.2em}
h1{margin:0;font:800 clamp(58px,8vw,112px)/.76 var(--display);text-transform:uppercase;letter-spacing:-.045em}
h1 i,.outline{color:transparent;-webkit-text-stroke:1px var(--blue);font-style:normal}
.lead{max-width:760px;margin:24px 0;color:var(--fog);font-size:14px;line-height:1.9}
.seo-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}
.primary,.secondary{display:inline-block;padding:15px 22px;font-weight:700;font-size:11px;text-transform:uppercase;letter-spacing:.09em;clip-path:polygon(0 0,calc(100% - 11px) 0,100% 11px,100% 100%,11px 100%,0 calc(100% - 11px))}
.primary{background:var(--yellow);color:#070b14}.secondary{border:1px solid var(--blue);color:var(--blue);background:rgba(56,217,255,.08)}
.image-card{position:relative;border:1px solid var(--line);background:#050912;box-shadow:0 28px 90px rgba(0,0,0,.42);clip-path:polygon(0 0,calc(100% - 22px) 0,100% 22px,100% 100%,22px 100%,0 calc(100% - 22px));overflow:hidden}
.image-card img{display:block;width:100%;aspect-ratio:1;object-fit:cover;filter:saturate(1.05) contrast(1.08)}
.image-card span{position:absolute;left:14px;bottom:14px;padding:6px 8px;background:rgba(7,11,20,.84);color:var(--yellow);font:700 8px var(--mono);letter-spacing:.16em;text-transform:uppercase}
.seo-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:54px 0}
.seo-card,.seo-section{border:1px solid rgba(56,217,255,.18);background:rgba(7,16,27,.72);padding:22px}
.seo-card h2,.seo-section h2{margin:0 0 10px;font:700 28px var(--display);text-transform:uppercase}
.seo-card p,.seo-section p,.seo-section li{color:var(--fog);font-size:13px;line-height:1.75}
.seo-section{margin-top:18px}.seo-section ul{margin:12px 0 0;padding-left:20px}
.keyword-strip{display:flex;gap:8px;flex-wrap:wrap;margin-top:20px}.keyword-strip span{border:1px solid rgba(56,217,255,.2);padding:7px 9px;color:#7890a7;font-size:9px;text-transform:uppercase;letter-spacing:.1em}
.seo-footer{display:flex;justify-content:space-between;gap:18px;flex-wrap:wrap;margin-top:42px;padding-top:18px;border-top:1px solid rgba(56,217,255,.18);color:#60758a;font-size:10px;text-transform:uppercase;letter-spacing:.1em}
@media(max-width:820px){.seo-hero,.seo-grid{display:block}.image-card{margin-top:28px}.seo-card{margin-top:12px}.seo-nav{align-items:flex-start;flex-direction:column}.seo-links{justify-content:flex-start}h1{font-size:clamp(48px,16vw,82px)}}