:root{--obsidian:#080808;--indigo:#4f46e5;--sky:#0EA5E9;--slate:#94a3b8;--glass:rgba(255,255,255,0.03);--glass-border:rgba(255,255,255,0.08)}body{background-color:var(--obsidian);color:#e5e7eb;scroll-behavior:smooth;font-family:'Outfit',sans-serif}site-header header{background-color:#050505!important}.page-hero{position:relative;padding-top:10rem;padding-bottom:6rem;padding-left:1.5rem;padding-right:1.5rem;overflow:hidden;text-align:center}.page-hero-container{position:relative;z-index:10;max-width:80rem;margin-left:auto;margin-right:auto;display:flex;flex-direction:column;align-items:center;text-align:center}.page-title{font-size:2.25rem;line-height:2.5rem;font-weight:800;letter-spacing:-.025em;margin-bottom:1.5rem;color:#fff}@media (min-width:768px){.page-title{font-size:3.75rem;line-height:1}}.page-subtitle{font-size:1.25rem;color:var(--slate);margin-bottom:2.5rem;max-width:48rem;margin-left:auto;margin-right:auto;line-height:1.625}@media (min-width:768px){.page-subtitle{font-size:1.5rem}}.glass{background:var(--glass);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--glass-border)}.glass-indigo{background:rgba(99,102,241,0.05);border:1px solid rgba(99,102,241,0.15)}.bento-card{border-radius:2rem;padding:2rem;transition:all .4s cubic-bezier(0.4,0,0.2,1);border:1px solid rgba(255,255,255,0.05);background:#0c0c0c}.bento-card:hover{border-color:rgba(99,102,241,0.3);box-shadow:0 25px 50px -12px rgba(0,0,0,0.5),0 0 50px -12px rgba(99,102,241,0.15);transform:translateY(-4px) scale(1.01)}.shadow-premium{box-shadow:0 0 80px -20px rgba(99,102,241,0.3)}.gradient-text{background:linear-gradient(to right,#4f46e5,#0ea5e9,#4f46e5);-webkit-background-clip:text;background-clip:text;color:transparent;background-size:200% auto;animation:shine 4s linear infinite}@keyframes shine{to{background-position:200% center}}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--obsidian)}::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#4f46e5 0%,#0ea5e9 100%);border-radius:10px}::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#818cf8 0%,#38bdf8 100%);box-shadow:0 0 8px rgba(99,102,241,0.6)}*{scrollbar-width:thin;scrollbar-color:#4f46e5 #0d0d0d}#scroll-progress{position:fixed;top:0;left:0;width:100%;height:2px;background:linear-gradient(90deg,#4f46e5,#0ea5e9 60%,#38bdf8);z-index:9999;box-shadow:0 0 12px rgba(79,70,229,0.7);transform-origin:left;transform:scaleX(0);will-change:transform;border-radius:0 2px 2px 0}.hover-lift{transition:transform .3s cubic-bezier(0.175,0.885,0.32,1.275)}.hover-lift:hover{transform:translateY(-8px)}main{padding-top:4rem}h1,h2,h3,h4,h5,h6{letter-spacing:-.025em;font-family:Outfit,sans-serif}.font-fira{font-family:'Fira Code',monospace}.tool-helper-row{display:flex;gap:.75rem;align-items:center;margin-top:.5rem}.tool-sample-btn{display:inline-flex;align-items:center;gap:.35rem;border:1px solid rgba(99,102,241,.28);background:rgba(99,102,241,.1);color:#a5b4fc;border-radius:.75rem;padding:.45rem .75rem;font-size:.75rem;font-weight:800;transition:background .2s,border-color .2s,color .2s}.tool-sample-btn:hover,.tool-sample-btn:focus-visible{background:rgba(99,102,241,.18);border-color:rgba(99,102,241,.55);color:#fff;outline:none}.blog-content h2{margin-top:3rem}.blog-content p,.blog-content li{color:#cbd5e1}.blog-content a:not(.cta-link){color:#93c5fd;text-decoration:underline;text-underline-offset:.2em}.article-hero-image{width:100%;aspect-ratio:16/9;object-fit:cover;border:1px solid rgba(255,255,255,0.08);border-radius:1.5rem;box-shadow:0 24px 80px rgba(0,0,0,0.35)}.article-card-image{width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:1rem}.seo-note{background:rgba(14,165,233,0.06);border:1px solid rgba(14,165,233,0.18);border-radius:1rem;padding:1.25rem}