.seo-page{color:#ede4cf;min-height:100vh;font-family:var(--font-sans),Arial,sans-serif;background:#0a0a0b}.seo-nav{z-index:20;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);font:800 .76rem var(--font-mono);letter-spacing:.05em;background:#0a0a0bf0;border-bottom:1px solid #ede4cf38;align-items:center;gap:1.4rem;padding:1rem 4vw;display:flex;position:sticky;top:0}.seo-nav .brand{align-items:center;gap:.65rem;margin-right:auto;display:flex}.seo-nav .brand b{color:#0a0a0b;background:#ff2b91;padding:.4rem;transform:rotate(-4deg)}:is(.seo-nav a:hover,.seo-nav a:focus-visible){color:#dfff00}.seo-nav .lang{color:#ff2b91;border:1px solid #ff2b91;padding:.45rem .6rem}.seo-hero{border-bottom:1px solid #ede4cf38;padding:clamp(5rem,11vw,10rem) 6vw 5rem;position:relative;overflow:hidden}.seo-hero:after{content:"";z-index:0;background:#ff2b91;width:24vw;height:86%;position:absolute;top:7%;right:-3vw;transform:rotate(3deg)}.seo-niko{z-index:1;filter:drop-shadow(12px 14px #ff2b9147);pointer-events:none;background:url(/cat-niko-coding.webp) bottom/contain no-repeat;width:min(38vw,520px);height:92%;position:absolute;bottom:-3%;right:-1vw}.seo-kicker,.seo-section-label{font:800 .76rem var(--font-mono);letter-spacing:.12em;color:#dfff00}.seo-hero h1{z-index:1;letter-spacing:-.07em;text-transform:uppercase;max-width:1100px;margin:.7rem 0 1.5rem;font-size:clamp(3.5rem,9vw,8.5rem);line-height:.82;position:relative}.seo-hero h1 em{color:#ff2b91;font-style:normal}.seo-lead{z-index:1;max-width:760px;font-size:clamp(1.15rem,2vw,1.55rem);font-weight:600;line-height:1.45;position:relative}.seo-actions{z-index:1;flex-wrap:wrap;gap:1rem;margin-top:2.2rem;display:flex;position:relative}.seo-button{color:#09090a;font:900 .8rem var(--font-mono);background:#ff2b91;border:2px solid #ede4cf;align-items:center;padding:1rem 1.25rem;display:inline-flex;box-shadow:6px 6px #ede4cf}.seo-button.secondary{color:#ede4cf;box-shadow:none;background:0 0}.seo-body{max-width:1180px;margin:auto;padding:5rem 6vw}.seo-grid{grid-template-columns:repeat(3,1fr);gap:1.2rem;margin:2rem 0 4rem;display:grid}.seo-card{background:#151416;border:1px solid #ede4cf59;padding:1.6rem}.seo-card:nth-child(2n){transform:rotate(-1deg)}.seo-card h2,.seo-card h3{margin:.3rem 0 1rem;font-size:clamp(1.35rem,2.4vw,2rem);line-height:1}.seo-card p,.seo-copy p,.seo-copy li{color:#c9c0ad;line-height:1.65}.seo-copy{max-width:820px}.seo-copy h2{letter-spacing:-.045em;text-transform:uppercase;margin:4rem 0 1rem;font-size:clamp(2.3rem,5vw,4.5rem);line-height:.9}.seo-copy h3{margin:2.5rem 0 .5rem;font-size:1.4rem}.seo-list{padding:0;list-style:none}.seo-list li{border-top:1px solid #ede4cf40;padding:1.1rem 0}.seo-list li:before{content:"→";color:#ff2b91;margin-right:.8rem}.seo-proof{color:#0a0a0b;background:#ede4cf;grid-template-columns:1.05fr .95fr;gap:2rem;margin:2rem 0 4rem;padding:clamp(1.5rem,4vw,3rem);display:grid;box-shadow:12px 12px #ff2b91}.seo-proof h2{letter-spacing:-.06em;text-transform:uppercase;margin:.3rem 0 1.5rem;font-size:clamp(2.6rem,6vw,5.8rem);line-height:.8}.seo-proof p{line-height:1.55}.proof-screen{background:linear-gradient(150deg,#0a0a0b 0 54%,#ff2b91 54% 76%,#dfff00 76%);border:3px solid #0a0a0b;flex-direction:column;justify-content:space-between;min-height:360px;padding:1.2rem;display:flex;transform:rotate(1.5deg)}.proof-screen span{color:#ede4cf;font:800 .72rem var(--font-mono)}.proof-screen strong{color:#ede4cf;max-width:9ch;font-size:clamp(2.2rem,5vw,5rem);line-height:.8}.faq details{border-top:1px solid #ede4cf4d;padding:1.25rem 0}.faq summary{cursor:pointer;font-size:1.12rem;font-weight:800}.faq details p{color:#c9c0ad;max-width:780px;line-height:1.6}.seo-cta{color:#0a0a0b;background:#ff2b91;margin-top:5rem;padding:3rem;transform:rotate(-.5deg)}.seo-cta h2{text-transform:uppercase;margin:0 0 1rem;font-size:clamp(2.3rem,6vw,5.5rem);line-height:.85}.seo-cta .seo-button{color:#ede4cf;background:#0a0a0b}.seo-page .seo-footer{color:#0a0a0b;min-height:0;font:700 .75rem var(--font-mono);gap:clamp(2rem,6vw,6rem);justify-content:initial;background:#ede4cf;border-top:10px solid #ff2b91;grid-template-columns:2fr 1fr 1fr;padding:4rem 6vw 2rem;display:grid;position:relative}.seo-footer>div{flex-direction:column;align-items:flex-start;gap:.8rem;display:flex}.seo-footer strong{font-size:.82rem}.seo-footer a{color:#0a0a0b;border-bottom:1px solid #0000}:is(.seo-footer a:hover,.seo-footer a:focus-visible){color:#d60067;border-bottom-color:#d60067}.seo-footer-brand b{background:#ff2b91;padding:.45rem;display:inline-block;transform:rotate(-4deg)}.seo-footer-brand p{color:#39353a;max-width:38ch;line-height:1.55}.seo-footer small{border-top:1px solid #0a0a0b40;grid-column:1/-1;margin-top:1.5rem;padding-top:1.5rem}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (max-width:800px){.seo-nav{grid-template-columns:1fr 1fr;gap:.65rem;padding:1rem 5vw;display:grid;position:relative}.seo-nav .brand{grid-column:1;margin:0}.seo-nav>a:not(.brand):not(.lang){background:#151416;border:1px solid #ede4cf38;padding:.7rem;display:block}.seo-nav .lang{grid-area:1/2;justify-self:end}.seo-hero{padding:4rem 6vw 18rem}.seo-hero:after{opacity:1;width:42vw;height:55%;top:auto;bottom:0;right:-10vw}.seo-niko{width:72vw;height:48%;bottom:-2%;right:-5vw}.seo-grid,.seo-proof{grid-template-columns:1fr}.seo-card:nth-child(2n){transform:none}.proof-screen{min-height:280px}.seo-body{padding:3.5rem 6vw}.seo-cta{padding:2rem}.seo-page .seo-footer{grid-template-columns:1fr 1fr;padding:3rem 6vw 2rem}.seo-footer-brand,.seo-footer small{grid-column:1/-1}}@media (prefers-reduced-motion:reduce){.seo-card,.seo-proof,.seo-cta,.proof-screen{transform:none}}
