.site-seo-hero{border-bottom:1px solid var(--border);padding-block:clamp(5rem,9vw,8rem);position:relative;overflow:hidden}.site-seo-hero:after{aspect-ratio:1;background:radial-gradient(circle, color-mix(in srgb, var(--content-link) 10%, transparent), transparent 68%);content:"";pointer-events:none;border-radius:50%;width:min(52rem,76vw);position:absolute;top:-18rem;right:-12rem}.site-seo-hero>div{z-index:1;position:relative}.site-seo-eyebrow{color:var(--content-link);font-family:var(--font-mono);letter-spacing:.11em;text-transform:uppercase;font-size:.6875rem;font-weight:650}.site-seo-hero h1{max-width:64rem;font-family:var(--font-heading);letter-spacing:-.055em;text-wrap:balance;margin-top:1.5rem;font-size:clamp(3rem,7vw,5.75rem);font-weight:650;line-height:.98}.site-seo-lede{max-width:52rem;color:var(--muted-foreground);text-wrap:pretty;margin-top:1.75rem;font-size:clamp(1rem,1.8vw,1.125rem);line-height:1.75}.site-seo-reviewed{color:var(--muted-foreground);font-family:var(--font-mono);letter-spacing:.05em;text-transform:uppercase;margin-top:1rem;font-size:.6875rem}.site-seo-actions{flex-wrap:wrap;gap:.75rem;margin-top:2.5rem;display:flex}.site-seo-proof-points{color:var(--muted-foreground);font-family:var(--font-mono);letter-spacing:.07em;text-transform:uppercase;flex-wrap:wrap;gap:.75rem 1.5rem;margin-top:3.5rem;font-size:.6875rem;display:flex}.site-seo-proof-points li{align-items:center;gap:.6rem;display:flex}.site-seo-proof-points li:before{aspect-ratio:1;background:var(--content-link);content:"";border-radius:50%;width:.35rem}.site-seo-proof-visual,.site-seo-game-case,.site-seo-product-proof{border:1px solid var(--border);border-radius:var(--radius-xl);background:var(--card);margin-top:3.5rem;overflow:hidden}.site-seo-product-proof img{width:100%;height:auto;display:block}.site-seo-product-proof figcaption{border-top:1px solid var(--border);justify-content:space-between;align-items:baseline;gap:1.5rem;padding:1.2rem 1.35rem;display:flex}.site-seo-product-proof figcaption span{max-width:44rem;color:var(--muted-foreground);font-size:.8125rem;line-height:1.6}.site-seo-proof-action{justify-content:space-between;align-items:center;gap:2rem;padding:1.5rem 0 0;display:flex}.site-seo-proof-action p{max-width:42rem;color:var(--muted-foreground);font-size:.875rem;line-height:1.7}.site-seo-proof-action a{flex:none}.site-seo-window-bar{border-bottom:1px solid var(--border);gap:.4rem;padding:.85rem 1rem;display:flex}.site-seo-window-bar span{aspect-ratio:1;background:var(--muted-foreground);opacity:.35;border-radius:50%;width:.45rem}.site-seo-proof-flow{grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.site-seo-proof-flow>div{border-right:1px solid var(--border);min-height:13rem;padding:clamp(1.5rem,4vw,3rem);position:relative}.site-seo-proof-flow>div:last-child{border-right:0}.site-seo-proof-flow span,.site-seo-proof-flow small{color:var(--muted-foreground);font-family:var(--font-mono);font-size:.6875rem;line-height:1.5;display:block}.site-seo-proof-flow strong{font-family:var(--font-heading);letter-spacing:-.04em;margin-block:2.8rem .75rem;font-size:clamp(1.4rem,3vw,2.2rem);display:block}.site-seo-proof-visual--codeReview .site-seo-proof-flow>div:nth-child(2),.site-seo-proof-visual--gpt6Alternative .site-seo-proof-flow>div:nth-child(2),.site-seo-proof-visual--handoff .site-seo-proof-flow>div:nth-child(2),.site-seo-proof-visual--lovable .site-seo-proof-flow>div:nth-child(2),.site-seo-proof-visual--screenshot .site-seo-proof-flow>div:nth-child(2){background:color-mix(in srgb, var(--content-link) 5%, transparent)}.site-seo-game-case{background:#081317}.site-seo-game-media{background:#ffffff1a;grid-template-columns:minmax(0,1fr) minmax(11rem,.28fr);gap:1px;display:grid}.site-seo-game-media video,.site-seo-game-media img{object-fit:contain;background:#081317;width:100%;max-height:44rem;display:block}.site-seo-game-media img{height:100%}.site-seo-game-case figcaption{color:#f1f4f2;border-top:1px solid #ffffff1a;justify-content:space-between;align-items:baseline;gap:1.5rem;padding:1.2rem 1.35rem;display:flex}.site-seo-game-case figcaption span{color:#a6b5b4;max-width:44rem;font-size:.8125rem;line-height:1.6}.site-seo-workflow{border-block:1px solid var(--border);grid-template-columns:repeat(3,minmax(0,1fr));margin-top:3.5rem;display:grid}.site-seo-workflow li{border-right:1px solid var(--border);min-width:0;padding:2rem}.site-seo-workflow li:last-child{border-right:0}.site-seo-workflow span{color:var(--content-link);font-family:var(--font-mono);font-size:.6875rem}.site-seo-workflow h3{font-family:var(--font-heading);letter-spacing:-.03em;margin-top:2.5rem;font-size:1.35rem}.site-seo-workflow p{color:var(--muted-foreground);margin-top:.75rem;font-size:.875rem;line-height:1.7}.site-seo-related .site-model-resource-grid a>p{color:var(--muted-foreground);font-family:var(--font-mono);letter-spacing:.09em;font-size:.625rem;font-weight:650}@media (width<=767px){.site-seo-proof-action{flex-direction:column;align-items:stretch}.site-seo-proof-flow,.site-seo-workflow{grid-template-columns:1fr}.site-seo-proof-flow>div,.site-seo-workflow li{border-right:0;border-bottom:1px solid var(--border);min-height:auto}.site-seo-proof-flow>div:last-child,.site-seo-workflow li:last-child{border-bottom:0}.site-seo-proof-flow strong{margin-top:1.5rem}.site-seo-game-case figcaption,.site-seo-product-proof figcaption{flex-direction:column;align-items:flex-start}.site-seo-game-media{grid-template-columns:1fr}.site-seo-game-media img{max-height:36rem}}
