:root{--bg-primary:#0a0a0f;--bg-secondary:#0f0f18;--bg-card:rgba(255, 255, 255, 0.05);--bg-card-hover:rgba(255, 255, 255, 0.08);--bg-nav:rgba(10, 10, 15, 0.9);--accent-purple:#9b59b6;--accent-purple-light:#c39bd3;--accent-purple-dark:#7d3c98;--accent-gold:#f1c40f;--accent-gold-dark:#d4ac0d;--accent-pink:#e74c8b;--accent-pink-light:#f06292;--text-primary:#e8e8e8;--text-secondary:#a0a0a0;--text-heading:#ffffff;--text-muted:#666666;--border-subtle:rgba(255, 255, 255, 0.08);--border-glow-purple:rgba(155, 89, 182, 0.3);--border-glow-gold:rgba(241, 196, 15, 0.3);--border-glow-pink:rgba(231, 76, 139, 0.3);--shadow-card:0 4px 24px rgba(0, 0, 0, 0.4);--shadow-glow:0 0 20px rgba(155, 89, 182, 0.15);--gradient-hero:linear-gradient(135deg, #0a0a0f 0%, #1a0a2e 50%, #0a0a0f 100%);--gradient-cta:linear-gradient(135deg, #9b59b6, #c39bd3);--gradient-gold:linear-gradient(135deg, #f1c40f, #f39c12);--space-xs:0.25rem;--space-sm:0.5rem;--space-md:1rem;--space-lg:2rem;--space-xl:4rem;--space-2xl:8rem;--font-body:system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;--font-size-sm:0.875rem;--font-size-base:1rem;--font-size-lg:1.125rem;--font-size-xl:1.5rem;--font-size-2xl:2rem;--font-size-3xl:2.5rem;--font-size-hero:clamp(2.5rem, 5vw, 4.5rem);--line-height-body:1.7;--line-height-heading:1.2;--max-width:1200px;--nav-height:64px;--border-radius:12px;--border-radius-sm:8px;--border-radius-lg:20px;--transition-fast:150ms ease;--transition-base:300ms ease;--transition-slow:500ms ease}*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;font-size:16px;-webkit-text-size-adjust:100%}body{background-color:var(--bg-primary);color:var(--text-primary);font-family:var(--font-body);font-size:var(--font-size-base);line-height:var(--line-height-body);overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body::before{content:'';position:fixed;top:0;left:0;width:100%;height:100%;opacity:.015;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");pointer-events:none;z-index:0}.hero,.section,.site-footer{position:relative;z-index:1}img{max-width:100%;height:auto;display:block}a{color:var(--accent-purple);text-decoration:none;transition:color var(--transition-base)}a:hover{color:var(--accent-purple-light)}h1,h2,h3,h4{color:var(--text-heading);line-height:var(--line-height-heading);letter-spacing:-.02em}h1{font-weight:900}h2{font-weight:800}h3{font-weight:700}h4{font-weight:700}ul,ol{list-style:none}button{font-family:inherit;cursor:pointer}::selection{background:rgba(155,89,182,.35);color:var(--text-heading)}.container{max-width:var(--max-width);margin:0 auto;padding:0 var(--space-lg)}.section{padding:var(--space-2xl)0}.section-alt{background:var(--bg-secondary)}.text-center{text-align:center}.text-gradient{background:linear-gradient(135deg,var(--accent-purple),var(--accent-pink));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.badge{display:inline-block;padding:.625em 1.5em;border-radius:50px;font-size:var(--font-size-sm);font-weight:500;background:linear-gradient(135deg,rgba(241,196,15,.12),rgba(241,196,15,5%));color:var(--accent-gold);border:1px solid rgba(241,196,15,.2);letter-spacing:.02em}.badge-gold{background:rgba(241,196,15,.15);color:var(--accent-gold)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@keyframes gradientShift{0%,100%{background-position:0}50%{background-position:100%}}@keyframes fadeInUp{from{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,100%{box-shadow:0 0 rgba(155,89,182,.4)}50%{box-shadow:0 0 0 12px rgba(155,89,182,0)}}@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}.fade-in{opacity:0;animation:fadeInUp .6s ease forwards}.fade-in-delay-1{animation-delay:.1s}.fade-in-delay-2{animation-delay:.2s}.fade-in-delay-3{animation-delay:.3s}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.site-nav{position:sticky;top:0;z-index:1000;background:rgba(10,10,15,.8);backdrop-filter:blur(20px)saturate(180%);-webkit-backdrop-filter:blur(20px)saturate(180%);height:var(--nav-height);border-bottom:1px solid rgba(255,255,255,4%);transition:background var(--transition-base)}.nav-inner{max-width:var(--max-width);margin:0 auto;padding:0 var(--space-lg);display:flex;align-items:center;justify-content:space-between;height:100%}.nav-logo{color:var(--text-heading);font-weight:800;font-size:1.25rem;text-decoration:none;letter-spacing:-.02em;flex-shrink:0}.nav-logo:hover{color:var(--text-heading)}.nav-links{display:flex;gap:var(--space-lg);list-style:none;align-items:center}.nav-links a{color:var(--text-secondary);font-size:var(--font-size-sm);font-weight:500;text-transform:uppercase;letter-spacing:.05em;text-decoration:none;transition:color var(--transition-base);position:relative;padding-bottom:2px}.nav-links a::after{content:'';position:absolute;bottom:-2px;left:0;width:0;height:2px;background:var(--accent-purple);transition:width var(--transition-base)}.nav-links a:hover{color:var(--text-heading)}.nav-links a:hover::after{width:100%}.menu-toggle{display:none}.menu-icon{display:none;cursor:pointer;width:28px;height:20px;position:relative;z-index:1001}.menu-icon span{display:block;width:24px;height:2px;background:var(--text-primary);transition:transform var(--transition-base),opacity var(--transition-fast);position:absolute;left:2px}.menu-icon span:nth-child(1){top:0}.menu-icon span:nth-child(2){top:9px}.menu-icon span:nth-child(3){top:18px}.menu-toggle:checked~.menu-icon span:nth-child(1){transform:translateY(9px)rotate(45deg)}.menu-toggle:checked~.menu-icon span:nth-child(2){opacity:0}.menu-toggle:checked~.menu-icon span:nth-child(3){transform:translateY(-9px)rotate(-45deg)}.hero{min-height:100vh;display:flex;align-items:center;justify-content:center;text-align:center;background:var(--gradient-hero);background-size:200% 200%;animation:gradientShift 20s ease infinite;position:relative;padding:var(--space-2xl)var(--space-lg);overflow:hidden}.hero::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(ellipse at 20% 50%,rgba(155,89,182,.1) 0%,transparent 50%),radial-gradient(ellipse at 80% 50%,rgba(231,76,139,8%) 0%,transparent 50%),radial-gradient(ellipse at 50% 0%,rgba(155,89,182,.12) 0%,transparent 40%),url(/images/generated/hero-bg.png);background-size:cover;background-position:50%;opacity:.6;pointer-events:none}.hero::after{content:'';position:absolute;bottom:0;left:0;right:0;height:200px;background:linear-gradient(to top,var(--bg-primary),transparent);pointer-events:none}.hero-content{max-width:800px;position:relative;z-index:1}.hero h1{font-size:var(--font-size-hero);font-weight:900;margin-bottom:var(--space-md);letter-spacing:-.03em;background:linear-gradient(135deg,#ffffff 0%,#c39bd3 50%,#e74c8b 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 30px rgba(155,89,182,.3))}.hero-subtitle{font-size:var(--font-size-lg);color:var(--text-secondary);max-width:600px;margin:0 auto var(--space-lg);line-height:1.6}.hero-badge{display:inline-block;padding:.625em 1.5em;border-radius:50px;background:rgba(241,196,15,.12);color:var(--accent-gold);font-size:var(--font-size-sm);font-weight:600;border:1px solid rgba(241,196,15,.2);margin-bottom:var(--space-lg)}.hero-cta{display:flex;gap:var(--space-md);justify-content:center;flex-wrap:wrap;margin-top:var(--space-lg)}.btn{display:inline-flex;align-items:center;justify-content:center;padding:.875rem 2.25rem;border-radius:50px;font-weight:600;font-size:var(--font-size-base);text-decoration:none;transition:all var(--transition-base);border:none;cursor:pointer;min-width:180px;letter-spacing:.02em;position:relative;line-height:1.2;font-family:inherit}.btn-primary{background:var(--gradient-cta);color:#fff;box-shadow:0 4px 16px rgba(155,89,182,.3)}.btn-primary:hover{transform:scale(1.05);box-shadow:0 6px 24px rgba(155,89,182,.45);color:#fff}.btn-purple{background:linear-gradient(135deg,#9b59b6,#7d3c98);color:#fff;box-shadow:0 4px 16px rgba(155,89,182,.25)}.btn-purple:hover{transform:scale(1.05);box-shadow:0 6px 24px rgba(155,89,182,.4);color:#fff}.btn-dark-purple{background:linear-gradient(135deg,#7d3c98,#5b2c6f);color:#fff;box-shadow:0 4px 16px rgba(125,60,152,.25)}.btn-dark-purple:hover{transform:scale(1.05);box-shadow:0 6px 24px rgba(125,60,152,.4);color:#fff}.btn-pink{background:linear-gradient(135deg,#e74c8b,#c0396b);color:#fff;box-shadow:0 4px 16px rgba(231,76,139,.25)}.btn-pink:hover{transform:scale(1.05);box-shadow:0 6px 24px rgba(231,76,139,.4);color:#fff}.btn-gold{background:var(--gradient-gold);color:#0a0a0f;box-shadow:0 4px 16px rgba(241,196,15,.25)}.btn-gold:hover{transform:scale(1.05);box-shadow:0 6px 24px rgba(241,196,15,.4);color:#0a0a0f}.btn-outline{background:0 0;border:1px solid var(--accent-purple);color:var(--accent-purple)}.btn-outline:hover{background:var(--accent-purple);color:#fff}.btn-pulse{animation:pulse 3s infinite}.btn-sm{padding:.625rem 1.25rem;font-size:var(--font-size-sm);min-width:auto}.section-header{text-align:center;max-width:600px;margin:0 auto var(--space-xl)}.section-header::before{content:'';display:block;width:60px;height:2px;background:linear-gradient(90deg,var(--accent-purple),var(--accent-pink));margin:0 auto var(--space-lg);border-radius:2px}.section-title{font-size:var(--font-size-3xl);font-weight:900;margin-bottom:var(--space-md);letter-spacing:-.03em}.section-subtitle{color:var(--text-secondary);font-size:var(--font-size-lg);line-height:1.6}.bots-grid{display:grid;grid-template-columns:1fr;gap:var(--space-lg)}.bot-card{background:linear-gradient(145deg,rgba(255,255,255,6%),rgba(255,255,255,2%));backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,6%);border-radius:var(--border-radius-lg);padding:var(--space-xl)var(--space-lg);transition:all var(--transition-base);display:flex;flex-direction:column;text-align:center;position:relative;overflow:hidden}.bot-card::before{content:'';position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(155,89,182,.5),transparent)}.bot-card:hover{background:linear-gradient(145deg,rgba(255,255,255,8%),rgba(255,255,255,3%));transform:translateY(-8px);border-color:rgba(255,255,255,.1)}.bot-card[data-accent=purple]:hover{box-shadow:0 20px 60px rgba(155,89,182,.15),0 0 0 1px rgba(155,89,182,.2)}.bot-card[data-accent=purple]::before{background:linear-gradient(90deg,transparent,rgba(155,89,182,.5),transparent)}.bot-card[data-accent=dark-purple]:hover{box-shadow:0 20px 60px rgba(125,60,152,.15),0 0 0 1px rgba(125,60,152,.2)}.bot-card[data-accent=dark-purple]::before{background:linear-gradient(90deg,transparent,rgba(125,60,152,.5),transparent)}.bot-card[data-accent=pink]:hover{box-shadow:0 20px 60px rgba(231,76,139,.15),0 0 0 1px rgba(231,76,139,.2)}.bot-card[data-accent=pink]::before{background:linear-gradient(90deg,transparent,rgba(231,76,139,.5),transparent)}.bot-card-image{margin:calc(-1 * var(--space-xl))calc(-1 * var(--space-lg))var(--space-lg);width:calc(100% + 2 * var(--space-lg));overflow:hidden;position:relative;border-radius:var(--border-radius-lg)var(--border-radius-lg)0 0}.bot-card-image img{width:100%;height:220px;object-fit:cover;object-position:top;transition:transform .6s ease,filter .6s ease;display:block}.bot-card:hover .bot-card-image img{transform:scale(1.06)}.bot-card-name{font-size:var(--font-size-xl);font-weight:800;margin-bottom:var(--space-xs);color:var(--text-heading)}.bot-card-tagline{color:var(--text-secondary);font-size:var(--font-size-sm);margin-bottom:var(--space-md)}.bot-card-description{color:var(--text-secondary);line-height:1.6;margin-bottom:var(--space-lg)}.bot-card-features{list-style:none;text-align:left;margin-bottom:var(--space-lg)}.bot-card-features li{padding:var(--space-xs)0;color:var(--text-secondary);position:relative;padding-left:1.5em}.bot-card-features li::before{content:"\2713";position:absolute;left:0;color:var(--accent-purple);font-weight:700}.bot-card[data-accent=dark-purple] .bot-card-features li::before{color:var(--accent-purple-dark)}.bot-card[data-accent=pink] .bot-card-features li::before{color:var(--accent-pink)}.bot-card-price{font-size:var(--font-size-xl);font-weight:800;background:linear-gradient(135deg,var(--accent-gold),var(--accent-gold-dark));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:var(--space-xs)}.bot-card-free{font-size:var(--font-size-sm);color:var(--text-muted);margin-bottom:var(--space-lg)}.bot-card .btn{width:100%}.features-grid{display:grid;grid-template-columns:1fr;gap:var(--space-lg)}.feature-item{text-align:center;padding:var(--space-xl)var(--space-lg);background:linear-gradient(145deg,rgba(255,255,255,4%),rgba(255,255,255,1%));border-radius:var(--border-radius-lg);border:1px solid rgba(255,255,255,4%);transition:all var(--transition-base)}.feature-item:hover{border-color:rgba(155,89,182,.15);background:linear-gradient(145deg,rgba(255,255,255,6%),rgba(255,255,255,2%));transform:translateY(-4px)}.feature-icon{width:56px;height:56px;margin:0 auto var(--space-md);display:flex;align-items:center;justify-content:center;border-radius:50%;background:linear-gradient(135deg,rgba(155,89,182,.15),rgba(155,89,182,5%));border:1px solid rgba(155,89,182,.2);color:var(--accent-purple-light);transition:all var(--transition-base)}.feature-icon svg{width:24px;height:24px}.feature-item:hover .feature-icon{background:linear-gradient(135deg,rgba(155,89,182,.25),rgba(155,89,182,.1));border-color:var(--accent-purple);box-shadow:0 0 20px rgba(155,89,182,.2);transform:scale(1.1)}.feature-title{font-size:var(--font-size-lg);font-weight:700;margin-bottom:var(--space-sm);color:var(--text-heading)}.feature-desc{color:var(--text-secondary);font-size:var(--font-size-sm);line-height:1.6}.faq-section{max-width:800px;margin:0 auto}.faq-item{margin-bottom:var(--space-sm);background:linear-gradient(145deg,rgba(255,255,255,4%),rgba(255,255,255,1%));border:1px solid rgba(255,255,255,4%);border-radius:var(--border-radius);overflow:hidden;transition:all var(--transition-base)}.faq-item[open]{border-color:rgba(155,89,182,.15);background:linear-gradient(145deg,rgba(255,255,255,6%),rgba(255,255,255,2%))}.faq-question{padding:var(--space-lg);cursor:pointer;font-weight:600;font-size:var(--font-size-lg);color:var(--text-heading);display:flex;justify-content:space-between;align-items:center;list-style:none;gap:var(--space-md)}.faq-question::-webkit-details-marker{display:none}.faq-question::marker{display:none;content:''}.faq-question::after{content:"+";font-size:1.5rem;color:var(--accent-purple);transition:transform var(--transition-base);flex-shrink:0;line-height:1}.faq-item[open] .faq-question::after{transform:rotate(45deg)}.faq-answer{padding:0 var(--space-lg)var(--space-lg);color:var(--text-secondary);line-height:1.7}.blog-grid{display:grid;grid-template-columns:1fr;gap:var(--space-lg)}.blog-card{background:linear-gradient(145deg,rgba(255,255,255,4%),rgba(255,255,255,1%));border:1px solid rgba(255,255,255,4%);border-radius:var(--border-radius-lg);overflow:hidden;transition:all var(--transition-base);text-decoration:none;display:block;color:inherit}.blog-card:hover{transform:translateY(-8px);border-color:rgba(155,89,182,.15);box-shadow:0 20px 60px rgba(0,0,0,.3);color:inherit}.blog-card-body{padding:var(--space-lg)}.blog-card-tags{display:flex;gap:var(--space-xs);flex-wrap:wrap;margin-bottom:var(--space-sm)}.blog-tag{display:inline-block;padding:.25em .75em;background:rgba(155,89,182,.15);color:var(--accent-purple-light);border-radius:50px;font-size:.75rem;font-weight:500}.blog-card-date{font-size:var(--font-size-sm);color:var(--text-muted);margin-bottom:var(--space-sm)}.blog-card-title{font-size:var(--font-size-lg);font-weight:700;color:var(--text-heading);margin-bottom:var(--space-sm);line-height:1.3}.blog-card-excerpt{color:var(--text-secondary);font-size:var(--font-size-sm);line-height:1.6;margin-bottom:var(--space-md)}.blog-card-link{color:var(--accent-purple);font-weight:600;font-size:var(--font-size-sm);transition:color var(--transition-base)}.blog-card:hover .blog-card-link{color:var(--accent-purple-light)}.blog-post{max-width:800px;margin:0 auto}.blog-post-header{margin-bottom:var(--space-xl);text-align:center;padding-top:var(--space-xl)}.blog-post-title{font-size:var(--font-size-3xl);font-weight:900;color:var(--text-heading)}.blog-post-meta{color:var(--text-muted);font-size:var(--font-size-sm);margin-top:var(--space-md)}.blog-post-content p{margin-bottom:1.5em;line-height:1.8}.blog-post-content h2{font-size:var(--font-size-2xl);margin-top:2em;margin-bottom:.75em}.blog-post-content h3{font-size:var(--font-size-xl);margin-top:1.5em;margin-bottom:.5em}.blog-post-content h4{font-size:var(--font-size-lg);margin-top:1.25em;margin-bottom:.5em}.blog-post-content blockquote{border-left:3px solid var(--accent-purple);padding-left:var(--space-lg);color:var(--text-secondary);font-style:italic;margin:1.5em 0}.blog-post-content code{background:rgba(155,89,182,.15);padding:.2em .5em;border-radius:4px;font-size:.9em}.blog-post-content pre{background:var(--bg-secondary);padding:var(--space-lg);border-radius:var(--border-radius-sm);overflow-x:auto;margin:1.5em 0;border:1px solid var(--border-subtle)}.blog-post-content pre code{background:0 0;padding:0;border-radius:0;font-size:.875rem}.blog-post-content ul,.blog-post-content ol{padding-left:1.5em;margin-bottom:1.5em;list-style:revert}.blog-post-content li{margin-bottom:.5em;color:var(--text-primary)}.blog-post-content img{border-radius:var(--border-radius-sm);margin:2em 0}.blog-post-content a{color:var(--accent-purple);border-bottom:1px solid transparent;transition:border-color var(--transition-base),color var(--transition-base)}.blog-post-content a:hover{color:var(--accent-purple-light);border-bottom-color:var(--accent-purple-light)}.blog-post-content hr{border:none;border-top:1px solid var(--border-subtle);margin:2em 0}.blog-post-content strong{color:var(--text-heading);font-weight:700}.bot-hero{padding:calc(var(--nav-height) + var(--space-2xl))0 var(--space-2xl);text-align:center;background:var(--gradient-hero);background-size:200% 200%;animation:gradientShift 20s ease infinite;position:relative}.bot-hero::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 50% 40%,rgba(155,89,182,6%) 0%,transparent 60%);pointer-events:none}.bot-hero h1{font-size:clamp(2rem,4vw,3.5rem);font-weight:900;position:relative}.bot-hero-tagline{font-size:var(--font-size-xl);color:var(--text-secondary);margin-top:var(--space-md);position:relative}.bot-detail{display:grid;grid-template-columns:1fr;gap:var(--space-xl);align-items:center;padding:var(--space-2xl)0}.bot-detail-image{border-radius:var(--border-radius);overflow:hidden;box-shadow:var(--shadow-card)}.bot-detail-image img{width:100%;height:auto}.bot-detail-info{display:flex;flex-direction:column;gap:var(--space-lg)}.bot-detail-description{font-size:var(--font-size-lg);color:var(--text-secondary);line-height:1.7}.bot-detail-features{list-style:none}.bot-detail-features li{padding:var(--space-sm)0;display:flex;align-items:center;gap:var(--space-sm);color:var(--text-primary)}.bot-detail-features li::before{content:"\2713";color:var(--accent-purple);font-weight:700;flex-shrink:0}.bot-detail-features.accent-dark-purple li::before{color:var(--accent-purple-dark)}.bot-detail-features.accent-pink li::before{color:var(--accent-pink)}.bot-detail-pricing{background:var(--bg-card);padding:var(--space-lg);border-radius:var(--border-radius);text-align:center;border:1px solid var(--border-subtle)}.bot-detail-price{font-size:var(--font-size-2xl);font-weight:800;color:var(--accent-gold)}.bot-detail-trial{color:var(--text-muted);margin:var(--space-sm)0 var(--space-lg);font-size:var(--font-size-sm)}.pagination{display:flex;justify-content:center;gap:var(--space-sm);margin-top:var(--space-xl)}.pagination a,.pagination span{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:var(--border-radius-sm);border:1px solid var(--border-subtle);color:var(--text-secondary);text-decoration:none;transition:all var(--transition-base);font-size:var(--font-size-sm)}.pagination a:hover{border-color:var(--accent-purple);color:var(--text-heading)}.pagination .active{background:var(--accent-purple);border-color:var(--accent-purple);color:#fff}.site-footer{background:linear-gradient(180deg,var(--bg-secondary),#060608);padding:var(--space-2xl)0 var(--space-lg);border-top:1px solid rgba(255,255,255,4%);margin-top:var(--space-2xl)}.footer-grid{display:grid;grid-template-columns:1fr;gap:var(--space-xl)}.footer-heading{font-size:var(--font-size-base);font-weight:700;color:var(--text-heading);margin-bottom:var(--space-md);text-transform:uppercase;letter-spacing:.05em}.footer-links{list-style:none}.footer-links a{color:var(--text-secondary);display:block;padding:var(--space-xs)0;transition:color var(--transition-base)}.footer-links a:hover{color:var(--accent-purple)}.footer-bottom{text-align:center;margin-top:var(--space-xl);padding-top:var(--space-lg);border-top:1px solid var(--border-subtle);color:var(--text-muted);font-size:var(--font-size-sm)}.steps-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-xl);counter-reset:step}.step-item{text-align:center;position:relative}.step-number{font-size:3.5rem;font-weight:900;letter-spacing:-.05em;background:linear-gradient(135deg,var(--accent-purple),transparent);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;opacity:.3;line-height:1;margin-bottom:var(--space-md)}.step-image{width:100%;max-width:280px;margin:0 auto var(--space-lg);border-radius:var(--border-radius-lg);overflow:hidden}.step-image img{width:100%;height:160px;object-fit:cover;display:block;transition:transform .6s ease}.step-item:hover .step-image img{transform:scale(1.05)}.step-title{font-size:var(--font-size-xl);font-weight:800;color:var(--text-heading);margin-bottom:var(--space-sm)}.step-desc{color:var(--text-secondary);font-size:var(--font-size-sm);line-height:1.6;max-width:300px;margin:0 auto}.smoke-divider{width:100%;overflow:hidden;line-height:0;margin:calc(-1 * var(--space-lg))0;position:relative;z-index:1;opacity:.5}.smoke-divider img{width:100%;height:120px;object-fit:cover;display:block}.testimonials-section{background:var(--bg-secondary);position:relative;overflow:hidden}.testimonials-section::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:url(/images/generated/testimonial-bg.png)50%/cover no-repeat;opacity:.08;pointer-events:none}.testimonials-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-lg);position:relative;z-index:1}.testimonial-card{background:linear-gradient(145deg,rgba(255,255,255,4%),rgba(255,255,255,1%));border:1px solid rgba(255,255,255,4%);border-radius:var(--border-radius-lg);padding:var(--space-xl)var(--space-lg);transition:all var(--transition-base)}.testimonial-card:hover{border-color:rgba(155,89,182,.15);transform:translateY(-4px)}.testimonial-stars{color:var(--accent-gold);font-size:var(--font-size-sm);letter-spacing:.1em;margin-bottom:var(--space-md)}.testimonial-text{color:var(--text-primary);font-size:var(--font-size-base);line-height:1.7;font-style:italic;margin-bottom:var(--space-lg)}.testimonial-author{color:var(--text-muted);font-size:var(--font-size-sm);font-weight:500}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:rgba(155,89,182,.35);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:rgba(155,89,182,.55)}*{scrollbar-width:thin;scrollbar-color:rgba(155,89,182,.35)var(--bg-primary)}@media(min-width:768px){.bots-grid{grid-template-columns:repeat(2,1fr)}.features-grid{grid-template-columns:repeat(2,1fr)}.blog-grid{grid-template-columns:repeat(2,1fr)}.bot-detail{grid-template-columns:1fr 1fr;gap:var(--space-2xl)}.footer-grid{grid-template-columns:repeat(3,1fr)}.section-title{font-size:var(--font-size-3xl)}.steps-grid{grid-template-columns:repeat(3,1fr);gap:var(--space-lg)}.testimonials-grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:1024px){.bots-grid{grid-template-columns:repeat(3,1fr)}.features-grid{grid-template-columns:repeat(3,1fr)}.blog-grid{grid-template-columns:repeat(3,1fr)}.testimonials-grid{grid-template-columns:repeat(3,1fr)}}@media(min-width:1440px){:root{--space-2xl:10rem}.container{padding:0 var(--space-xl)}}@media(max-width:767px){.menu-icon{display:block}.nav-links{display:none;position:absolute;top:var(--nav-height);left:0;right:0;flex-direction:column;background:var(--bg-primary);padding:var(--space-lg);border-bottom:1px solid var(--border-subtle);gap:0}.nav-links li{border-bottom:1px solid var(--border-subtle)}.nav-links li:last-child{border-bottom:none}.nav-links a{display:block;padding:var(--space-md)0;font-size:var(--font-size-base);min-height:48px;display:flex;align-items:center}.menu-toggle:checked~.nav-links{display:flex}.hero{padding:var(--space-xl)var(--space-md);min-height:90vh}.hero h1{font-size:clamp(2rem,8vw,3rem)}.hero-subtitle{font-size:var(--font-size-base)}.hero-cta{flex-direction:column;align-items:center}.hero-cta .btn{width:100%;max-width:320px}.section{padding:var(--space-xl)0}.section-title{font-size:var(--font-size-2xl)}.btn{min-width:0;width:100%;padding:.875rem 1.5rem;min-height:48px}.bot-hero{padding:calc(var(--nav-height) + var(--space-xl))0 var(--space-xl)}.bot-hero h1{font-size:clamp(1.75rem,6vw,2.5rem)}.bot-hero-tagline{font-size:var(--font-size-base)}.bot-detail{padding:var(--space-xl)0}.blog-post-title{font-size:var(--font-size-2xl)}.blog-post-content h2{font-size:var(--font-size-xl)}.blog-post-content h3{font-size:var(--font-size-lg)}.pagination a,.pagination span{width:48px;height:48px}.site-footer{padding:var(--space-xl)0 var(--space-lg)}.steps-grid,.testimonials-grid{grid-template-columns:1fr;gap:var(--space-lg)}.step-number{font-size:2.5rem}.container{padding:0 var(--space-md)}}