.seo-guide{--sg-ink: #0b1020;--sg-muted: #52607a;--sg-surface: #ffffff;--sg-line: rgb(15 23 42 / .08);--sg-shadow: 0 1px 2px rgb(15 23 42 / .04), 0 12px 32px -12px rgb(15 23 42 / .18)}html[data-theme=dark] .seo-guide{--sg-ink: #e8ecf6;--sg-muted: #98a4bd;--sg-surface: #10151f;--sg-line: rgb(148 163 184 / .16);--sg-shadow: 0 1px 2px rgb(0 0 0 / .4), 0 16px 40px -16px rgb(0 0 0 / .7)}.sg-hero{position:relative;isolation:isolate;overflow:hidden;background:linear-gradient(180deg,#f7f9ff,#fff 92%)}html[data-theme=dark] .sg-hero{background:linear-gradient(180deg,#0a0e17,#0d121c 92%)}.sg-orb{position:absolute;border-radius:50%;filter:blur(80px);opacity:.62;will-change:transform;pointer-events:none}html[data-theme=dark] .sg-orb{opacity:.4}.sg-orb--a{inset-block-start:-16rem;inset-inline-start:-12rem;width:clamp(26rem,44vw,52rem);height:clamp(26rem,44vw,52rem);background:radial-gradient(circle,#6366f1 0%,transparent 68%);animation:sg-drift-a 26s ease-in-out infinite}.sg-orb--b{inset-block-start:-10rem;inset-inline-end:-13rem;width:clamp(23rem,39vw,46rem);height:clamp(23rem,39vw,46rem);background:radial-gradient(circle,#a855f7 0%,transparent 68%);animation:sg-drift-b 31s ease-in-out infinite}.sg-orb--c{inset-block-end:-18rem;inset-inline-start:30%;width:clamp(21rem,36vw,44rem);height:clamp(21rem,36vw,44rem);background:radial-gradient(circle,#06b6d4 0%,transparent 70%);animation:sg-drift-c 23s ease-in-out infinite}@keyframes sg-drift-a{0%,to{transform:translateZ(0) scale(1)}50%{transform:translate3d(6rem,3rem,0) scale(1.12)}}@keyframes sg-drift-b{0%,to{transform:translateZ(0) scale(1.06)}50%{transform:translate3d(-5rem,4rem,0) scale(.94)}}@keyframes sg-drift-c{0%,to{transform:translateZ(0) scale(.96)}50%{transform:translate3d(4rem,-3rem,0) scale(1.1)}}.sg-grid{position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(rgb(99 102 241 / .09) 1px,transparent 1px),linear-gradient(90deg,rgb(99 102 241 / .09) 1px,transparent 1px);background-size:3rem 3rem;-webkit-mask-image:radial-gradient(ellipse 90% 60% at 50% 100%,#000 20%,transparent 78%);mask-image:radial-gradient(ellipse 90% 60% at 50% 100%,#000 20%,transparent 78%)}html[data-theme=dark] .sg-grid{background-image:linear-gradient(rgb(129 140 248 / .1) 1px,transparent 1px),linear-gradient(90deg,rgb(129 140 248 / .1) 1px,transparent 1px)}.sg-beam{position:absolute;inset-block:0;inline-size:40%;pointer-events:none;background:linear-gradient(90deg,transparent,rgb(255 255 255 / .5),transparent);animation:sg-sweep 9s ease-in-out infinite}html[data-theme=dark] .sg-beam{background:linear-gradient(90deg,transparent,rgb(148 163 184 / .09),transparent)}@keyframes sg-sweep{0%{transform:translate3d(-120%,0,0)}60%,to{transform:translate3d(320%,0,0)}}.sg-card{position:relative;isolation:isolate;overflow:hidden;border:1px solid var(--sg-line);border-radius:1rem;background:var(--sg-surface);box-shadow:var(--sg-shadow);transition:transform .22s cubic-bezier(.22,1,.36,1),box-shadow .22s ease,border-color .22s ease}.sg-card:before{content:"";position:absolute;inset:0;z-index:-1;opacity:0;background:radial-gradient(120% 80% at 0% 0%,var(--sg-accent-soft) 0%,transparent 62%);transition:opacity .22s ease}.sg-card:hover,.sg-card:focus-within{transform:translateY(-4px);border-color:var(--sg-accent);box-shadow:0 1px 2px #0f172a0d,0 22px 48px -20px var(--sg-accent-shadow)}.sg-card:hover:before,.sg-card:focus-within:before{opacity:1}.sg-card-num{display:inline-flex;align-items:center;justify-content:center;inline-size:2.25rem;block-size:2.25rem;border-radius:.7rem;font-variant-numeric:tabular-nums;font-weight:700;color:#fff;background:linear-gradient(135deg,var(--sg-accent) 0%,var(--sg-accent-2) 100%);transition:transform .22s cubic-bezier(.22,1,.36,1)}.sg-card:hover .sg-card-num{transform:rotate(-6deg) scale(1.06)}.sg-card-arrow{transition:transform .2s ease}.sg-card:hover .sg-card-arrow{transform:translate(3px)}html[data-sg-animate] .sg-reveal{opacity:0;transform:translate3d(0,14px,0)}html[data-sg-animate] .sg-reveal.is-in{opacity:1;transform:none;transition:opacity .52s ease,transform .52s cubic-bezier(.22,1,.36,1);transition-delay:var(--sg-delay, 0ms)}.sg-chip{border:1px solid var(--sg-line);background:var(--sg-surface);transition:transform .18s cubic-bezier(.22,1,.36,1),border-color .18s ease,box-shadow .18s ease}.sg-chip:hover{transform:translateY(-2px);border-color:#6366f1;box-shadow:0 10px 24px -14px #6366f199}@media(prefers-reduced-motion:reduce){.seo-guide *,.seo-guide *:before,.seo-guide *:after{animation:none!important;transition:none!important}html[data-sg-animate] .sg-reveal{opacity:1;transform:none}}.sg-eyebrow{border:1px solid rgb(199 210 254 / .7);background:#ffffffb3;color:#4338ca;backdrop-filter:blur(8px)}html[data-theme=dark] .sg-eyebrow{border-color:#818cf84d;background:#ffffff0d;color:#a5b4fc}.sg-title,.sg-h2{color:#030712}html[data-theme=dark] .sg-title,html[data-theme=dark] .sg-h2{color:#fff}.sg-lead,.sg-body{color:#4b5563}html[data-theme=dark] .sg-lead{color:#d1d5db}html[data-theme=dark] .sg-body{color:#9ca3af}.sg-btn{background:#030712;color:#fff;transition:background-color .18s ease}.sg-btn:hover{background:#4338ca}html[data-theme=dark] .sg-btn{background:#6366f1}html[data-theme=dark] .sg-btn:hover{background:#818cf8}.sg-btn-ghost{border:1px solid #d1d5db;background:#fffc;color:#1f2937;backdrop-filter:blur(8px);transition:border-color .18s ease,color .18s ease}.sg-btn-ghost:hover{border-color:#a5b4fc;color:#4338ca}html[data-theme=dark] .sg-btn-ghost{border-color:#ffffff26;background:#ffffff0d;color:#f3f4f6}html[data-theme=dark] .sg-btn-ghost:hover{color:#fff}.sg-band{border-block:1px solid rgb(229 231 235 / .7);background:#f9fafbb3}html[data-theme=dark] .sg-band{border-block-color:rgb(255 255 255 / .1);background:#ffffff05}.sg-card h3{color:#030712}html[data-theme=dark] .sg-card h3{color:#fff}.sg-card p{color:#4b5563}html[data-theme=dark] .sg-card p{color:#9ca3af}.sg-faq{border:1px solid rgb(229 231 235 / .8);background:#fff;transition:border-color .18s ease}.sg-faq:hover{border-color:#c7d2fe}.sg-faq summary{color:#111827}.sg-faq p{color:#4b5563}html[data-theme=dark] .sg-faq{border-color:#ffffff1a;background:#ffffff08}html[data-theme=dark] .sg-faq summary{color:#fff}html[data-theme=dark] .sg-faq p{color:#9ca3af}.sg-chip{color:#1f2937}html[data-theme=dark] .sg-chip{color:#f3f4f6}.sg-cta{border:1px solid rgb(199 210 254 / .6);background:linear-gradient(135deg,#eef2ff,#faf5ff,#ecfeff)}html[data-theme=dark] .sg-cta{border-color:#818cf833;background:linear-gradient(135deg,#141a29,#181328,#0d1f27)}
