*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:Inter,system-ui,sans-serif;background-color:#09090b;color:#fff;-webkit-font-smoothing:antialiased}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#18181b}::-webkit-scrollbar-thumb{background:#3f3f46;border-radius:4px}::-moz-selection{background-color:rgba(212,168,83,.3);color:#fff}::selection{background-color:rgba(212,168,83,.3);color:#fff}.nav{position:fixed;top:0;left:0;right:0;z-index:1000;padding:1rem 1.5rem;transition:all .5s;background:rgba(9,9,11,.8);backdrop-filter:blur(12px)}.nav.scrolled{background:rgba(9,9,11,.95);border-bottom:1px solid rgba(212,168,83,.2)}.nav-inner{max-width:80rem;margin:0 auto;justify-content:space-between}.logo,.nav-inner{display:flex;align-items:center}.logo{gap:.75rem;cursor:pointer;text-decoration:none}.logo-icon{width:2.5rem;height:2.5rem;border-radius:.5rem;display:flex;align-items:center;justify-content:center;overflow:hidden}.logo-icon img{width:100%;height:100%;-o-object-fit:contain;object-fit:contain}.logo-icon span{color:#fff;font-weight:900;font-size:1.125rem}.logo-text{color:#fff;font-weight:700;font-size:1.25rem;letter-spacing:-.025em}.logo-text .dot{color:#d4a853}.nav-links{display:none;align-items:center;gap:2rem}@media (min-width:1024px){.nav-links{display:flex}}.nav-link{font-size:.875rem;font-weight:500;color:#a1a1aa;background:none;border:none;cursor:pointer;transition:all .3s;padding:.5rem 0;position:relative;text-decoration:none}.nav-link.active,.nav-link:hover{color:#fff}.nav-link:after{content:"";position:absolute;bottom:0;left:0;width:0;height:2px;background:linear-gradient(90deg,#d4a853,#c9973f);transition:width .3s}.nav-link.active:after,.nav-link:hover:after{width:100%}.nav-contact{background:linear-gradient(135deg,#d4a853,#c9973f);color:#09090b;padding:.6rem 1.25rem;border-radius:.5rem;font-size:.875rem;font-weight:600;border:none;cursor:pointer;transition:all .3s;box-shadow:0 4px 15px rgba(212,168,83,.3);margin-left:.5rem;text-decoration:none}.nav-contact:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(212,168,83,.4)}.mobile-menu-btn{display:flex;flex-direction:column;gap:5px;background:none;border:none;cursor:pointer;padding:.5rem;z-index:1001}@media (min-width:1024px){.mobile-menu-btn{display:none}}.mobile-menu-btn span{display:block;width:24px;height:2px;background:#d4a853;transition:all .3s;border-radius:2px}.mobile-menu-btn.active span:first-child{transform:rotate(45deg) translate(5px,5px)}.mobile-menu-btn.active span:nth-child(2){opacity:0}.mobile-menu-btn.active span:nth-child(3){transform:rotate(-45deg) translate(5px,-5px)}.mobile-nav{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(9,9,11,.98);backdrop-filter:blur(20px);z-index:999;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.5rem;opacity:0;pointer-events:none;transition:all .4s ease}.mobile-nav.active{opacity:1;pointer-events:auto}.mobile-nav .nav-link{font-size:1.5rem;color:#fff;padding:.75rem}.mobile-nav .nav-contact{font-size:1.125rem;padding:1rem 2rem;margin-top:1rem}.btn{padding:.75rem 1.5rem;border-radius:.75rem;font-weight:600;transition:all .3s;cursor:pointer;border:none;display:inline-block;text-decoration:none}.btn:hover{transform:scale(1.05)}.btn-primary{background:linear-gradient(90deg,#c9973f,#d4a853);color:#09090b;box-shadow:0 10px 25px -5px rgba(212,168,83,.25)}.btn-secondary{background:#27272a;color:#fff;border:1px solid #3f3f46}.badge{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border-radius:9999px;background:rgba(39,39,42,.5);border:1px solid rgba(63,63,70,.5);color:#d4d4d8;font-size:.875rem}.badge-icon{color:#d4a853}.section-title{margin-bottom:3rem}.section-title.center{text-align:center}.eyebrow{padding:.25rem .75rem}.section-title h2{font-size:2.25rem;font-weight:700;color:#fff;margin-bottom:1rem}.section-title p{color:#a1a1aa;font-size:1.125rem;max-width:42rem}.section-title.center p{margin:0 auto}.hero{position:relative;display:flex;align-items:center;overflow:hidden;min-height:auto;padding:2rem 0;background:linear-gradient(145deg,#09090b,#18181b 50%,#09090b)}.hero-bg,.hero-gradient{position:absolute;inset:0}.hero-gradient{background:radial-gradient(ellipse at top right,rgba(92,74,31,.2),transparent 50%)}.hero-orb-1{top:25%;right:25%;width:24rem;height:24rem;background:rgba(212,168,83,.1)}.hero-orb-1,.hero-orb-2{position:absolute;border-radius:50%;filter:blur(64px)}.hero-orb-2{bottom:25%;left:25%;width:16rem;height:16rem;background:rgba(139,92,246,.1)}.hero-content{position:relative;max-width:80rem;margin:0 auto;padding:4rem 1.5rem 2rem;width:100%}.hero-grid{display:grid;gap:2rem;align-items:center}@media (min-width:1024px){.hero-grid{grid-template-columns:1fr 1fr}}.hero-text{order:2}@media (min-width:1024px){.hero-text{order:1}}.badges{display:flex;flex-wrap:wrap;gap:.75rem;margin-bottom:2rem}.hero h1{font-size:2.5rem;font-weight:700;color:#fff;margin-bottom:1.5rem;line-height:1.1}@media (min-width:768px){.hero h1{font-size:3rem}}.hero h1 .gradient{background:linear-gradient(90deg,#d4a853,#c9973f);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-desc{color:#a1a1aa;font-size:1.125rem;margin-bottom:2rem;line-height:1.75}.hero-buttons{display:flex;flex-wrap:wrap;gap:1rem}.hero-bullets{display:flex;flex-wrap:nowrap;gap:.75rem;margin-top:1.25rem;font-size:.7rem;color:#a1a1aa}.hero-bullets span{display:flex;align-items:center;gap:.25rem;white-space:nowrap}.hero-bullets .bullet{color:#d4a853;font-size:.5rem}@media (max-width:768px){.hero-bullets{flex-wrap:wrap;font-size:.65rem}}.hero-logo{order:1;display:flex;justify-content:center}@media (min-width:1024px){.hero-logo{order:2}}section{padding:4rem 0}.container{max-width:80rem;margin:0 auto;padding:0 1.5rem}.bg-dark{background:#09090b}.bg-darker{background:rgba(24,24,27,.3)}.tools-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}@media (min-width:768px){.tools-grid{grid-template-columns:repeat(3,1fr)}}@media (min-width:1024px){.tools-grid{grid-template-columns:repeat(4,1fr)}}.tool-card{display:flex;flex-direction:column;align-items:center;text-align:center;transition:all .3s}.tool-card:hover{transform:scale(1.05)}.tool-card:hover .tool-icon{border-color:rgba(212,168,83,.5);box-shadow:0 8px 25px rgba(212,168,83,.2)}.tool-icon{width:170px;height:170px;border-radius:1rem;border:1px solid #27272a;background:rgba(24,24,27,.5);display:flex;align-items:center;justify-content:center;font-size:4rem;margin-bottom:.75rem;transition:all .3s}.tool-icon img{width:100%;height:100%;border-radius:1rem;-o-object-fit:cover;object-fit:cover}.tool-name{font-weight:500;font-size:.875rem;color:#fff}.card{padding:1.5rem;border-radius:1rem;background:rgba(24,24,27,.5);border:1px solid #27272a;transition:all .5s}.card:hover{border-color:rgba(212,168,83,.3);background:rgba(24,24,27,.8)}.card-icon{width:3rem;height:3rem;border-radius:.75rem;background:linear-gradient(to bottom right,rgba(212,168,83,.2),rgba(139,92,246,.2));display:flex;align-items:center;justify-content:center;margin-bottom:1rem;font-size:1.25rem;color:#d4a853}.card h3{color:#fff;font-weight:600;font-size:1.125rem;margin-bottom:.5rem}.card p{color:#a1a1aa;font-size:.875rem;line-height:1.625}.grid-4{display:grid;gap:1.5rem}@media (min-width:768px){.grid-4{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.grid-4{grid-template-columns:repeat(4,1fr)}}.steps-grid{display:grid;gap:1.5rem}@media (min-width:768px){.steps-grid{grid-template-columns:repeat(4,1fr)}}.step-card{padding:1.5rem;border-radius:1rem;background:rgba(24,24,27,.5);border:1px solid #27272a}.step-num{font-size:3rem;font-weight:900;color:hsla(0,0%,100%,.15)}.step-card:hover .step-num{color:rgba(212,168,83,.3)}.step-title{color:#fff;font-weight:600;margin-top:1rem;margin-bottom:.5rem}.step-desc{color:#a1a1aa;font-size:.875rem}.faq-section{background:linear-gradient(180deg,#09090b,#18181b);padding:4rem 0}.faq-container{max-width:800px;margin:0 auto}.faq-item{background:rgba(24,24,27,.6);border:1px solid #27272a;border-radius:1rem;margin-bottom:1rem;overflow:hidden;transition:all .3s ease}.faq-item:hover{border-color:rgba(212,168,83,.3)}.faq-question{display:flex;align-items:center;justify-content:space-between;padding:1.25rem 1.5rem;cursor:pointer;color:#f4f4f5;font-weight:600;font-size:1rem}.faq-icon,.faq-question:hover{color:#d4a853}.faq-icon{font-size:1.5rem;transition:transform .3s ease}.faq-item.open .faq-icon{transform:rotate(45deg)}.faq-answer{max-height:0;overflow:hidden;transition:max-height .3s ease,padding .3s ease}.faq-item.open .faq-answer{max-height:300px}.faq-answer-inner{padding:0 1.5rem 1.25rem;color:#a1a1aa;font-size:.95rem;line-height:1.7}@media (max-width:768px){.faq-section{padding:2.5rem 0}.faq-question{font-size:.95rem;padding:1rem 1.25rem}.faq-answer-inner{font-size:.9rem;padding:0 1.25rem 1rem}}footer{background:#09090b;border-top:1px solid #27272a;padding:2rem 1.5rem 1rem}.footer-grid{display:grid;gap:2rem;margin-bottom:1.5rem}@media (min-width:768px){.footer-grid{grid-template-columns:2fr 1fr 1fr 1fr}}.footer-desc{color:#94a3b8;font-size:.875rem;line-height:1.75;max-width:28rem;margin-top:1rem}.footer-email{margin-top:.75rem;font-size:.875rem}.footer-title{color:#fff;font-weight:600;margin-bottom:1rem}.footer-links{list-style:none}.footer-links li{margin-bottom:.5rem}.footer-links a{color:#d4a853;font-size:.875rem;text-decoration:none;transition:color .2s}.footer-links a:hover{color:#f5d78e}.footer-bottom{border-top:1px solid #27272a;padding-top:2rem;text-align:center}.footer-copy{color:#a1a1aa;font-size:.875rem}.demo-section{background:linear-gradient(180deg,rgba(15,23,42,.8),#09090b);padding:4rem 0}.vex-container{position:relative;width:400px;height:480px;display:flex;align-items:center;justify-content:center}.vex-speech-bubble{position:absolute;top:50px;left:50%;transform:translateX(-50%) scale(0);background:linear-gradient(135deg,#d4a853,#c9973f);color:#0a1628;padding:16px 28px;border-radius:24px;font-weight:700;font-size:18px;white-space:nowrap;box-shadow:0 4px 20px rgba(212,168,83,.5);opacity:0;transition:all .3s cubic-bezier(.34,1.56,.64,1);z-index:100}.vex-speech-bubble:after{content:"";position:absolute;bottom:-12px;left:50%;transform:translateX(-50%);border-left:12px solid transparent;border-right:12px solid transparent;border-top:14px solid #c9973f}.vex-speech-bubble.show{opacity:1;transform:translateX(-50%) scale(1)}.vex-glow{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:300px;height:300px;background:radial-gradient(circle,rgba(212,168,83,.15) 0,transparent 70%);border-radius:50%;animation:vexPulse 3s ease-in-out infinite;pointer-events:none;transition:all .5s ease}.vex-glow.bright{width:500px;height:500px;background:radial-gradient(circle,rgba(212,168,83,.4) 0,rgba(212,168,83,.15) 50%,transparent 70%)}@keyframes vexPulse{0%,to{opacity:.5;transform:translate(-50%,-50%) scale(1)}50%{opacity:.8;transform:translate(-50%,-50%) scale(1.1)}}.vex-sparkle{position:absolute;width:5px;height:5px;background:#d4a853;border-radius:50%;box-shadow:0 0 8px #d4a853;animation:vexSparkle 2s ease-in-out infinite;opacity:0;pointer-events:none}.vex-sparkle:first-child{top:120px;left:100px;animation-delay:0s}.vex-sparkle:nth-child(2){top:140px;right:120px;animation-delay:.5s}.vex-sparkle:nth-child(3){top:380px;left:120px;animation-delay:1s}.vex-sparkle:nth-child(4){top:360px;right:120px;animation-delay:1.5s}@keyframes vexSparkle{0%,to{opacity:0;transform:scale(0)}50%{opacity:1;transform:scale(1)}}.vex-capability-container{width:350px;height:350px;z-index:20}.vex-capability-container,.vex-website-blocks{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);pointer-events:none}.vex-website-blocks{width:180px;height:250px;opacity:0}.vex-website-blocks.active{opacity:1}.vex-web-block{position:absolute;background:linear-gradient(135deg,#d4a853,#b8862e);border-radius:4px;opacity:0;transform:translateY(-100px) scale(0);box-shadow:0 4px 15px rgba(212,168,83,.4)}.vex-web-block.header{top:0;left:0;width:100%;height:36px}.vex-web-block.nav{top:44px;left:0;width:100%;height:18px;background:linear-gradient(135deg,#c9973f,#a67c2e)}.vex-web-block.sidebar{top:70px;left:0;width:30%;height:130px;background:linear-gradient(135deg,#b8862e,#96701f)}.vex-web-block.content{top:70px;right:0;width:65%;height:85px}.vex-web-block.content2{top:163px;right:0;width:65%;height:37px;background:linear-gradient(135deg,#c9973f,#a67c2e)}.vex-web-block.footer{bottom:0;left:0;width:100%;height:28px;background:linear-gradient(135deg,#96701f,#7a5a16)}.vex-website-blocks.active .vex-web-block{opacity:1;transform:translateY(0) scale(1);transition:all .4s cubic-bezier(.34,1.56,.64,1)}.vex-website-blocks.active .vex-web-block.header{transition-delay:.1s}.vex-website-blocks.active .vex-web-block.nav{transition-delay:.2s}.vex-website-blocks.active .vex-web-block.sidebar{transition-delay:.3s}.vex-website-blocks.active .vex-web-block.content{transition-delay:.4s}.vex-website-blocks.active .vex-web-block.content2{transition-delay:.5s}.vex-website-blocks.active .vex-web-block.footer{transition-delay:.6s}.vex-image-particles{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:180px;height:180px;opacity:0;pointer-events:none}.vex-image-particles.active{opacity:1}.vex-particle{position:absolute;width:7px;height:7px;background:#d4a853;border-radius:50%;box-shadow:0 0 10px #d4a853}.vex-image-particles.active .vex-particle{animation:vexSwirl 1.5s ease-in-out forwards}@keyframes vexSwirl{0%{transform:rotate(0deg) translateX(130px) scale(1);opacity:1}50%{transform:rotate(1turn) translateX(70px) scale(1.5);opacity:1}to{transform:rotate(2turn) translateX(0) scale(0);opacity:0}}.vex-particle:first-child{animation-delay:0s}.vex-particle:nth-child(2){animation-delay:.1s}.vex-particle:nth-child(3){animation-delay:.2s}.vex-particle:nth-child(4){animation-delay:.3s}.vex-particle:nth-child(5){animation-delay:.4s}.vex-particle:nth-child(6){animation-delay:.5s}.vex-particle:nth-child(7){animation-delay:.6s}.vex-particle:nth-child(8){animation-delay:.7s}.vex-particle:nth-child(9){animation-delay:.8s}.vex-particle:nth-child(10){animation-delay:.9s}.vex-particle:nth-child(11){animation-delay:1s}.vex-particle:nth-child(12){animation-delay:1.1s}.vex-image-icon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) scale(0);font-size:54px;opacity:0;transition:all .5s cubic-bezier(.34,1.56,.64,1);filter:drop-shadow(0 0 20px rgba(212,168,83,.8))}.vex-image-particles.active .vex-image-icon{transform:translate(-50%,-50%) scale(1);opacity:1;transition-delay:1.2s}.vex-workflow-nodes{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:270px;height:180px;opacity:0;pointer-events:none}.vex-workflow-nodes.active{opacity:1}.vex-workflow-node{position:absolute;width:45px;height:45px;background:linear-gradient(135deg,#d4a853,#b8862e);border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:22px;opacity:0;transform:scale(0);box-shadow:0 4px 15px rgba(212,168,83,.5)}.vex-workflow-node:first-child{top:0;left:0}.vex-workflow-node:nth-child(2){top:0;left:50%;transform:translateX(-50%) scale(0)}.vex-workflow-node:nth-child(3){top:0;right:0}.vex-workflow-node:nth-child(4){bottom:0;left:50%;transform:translateX(-50%) scale(0)}.vex-workflow-nodes.active .vex-workflow-node{opacity:1;transform:scale(1);transition:all .4s cubic-bezier(.34,1.56,.64,1)}.vex-workflow-nodes.active .vex-workflow-node:first-child{transition-delay:.1s}.vex-workflow-nodes.active .vex-workflow-node:nth-child(2){transition-delay:.2s;transform:translateX(-50%) scale(1)}.vex-workflow-nodes.active .vex-workflow-node:nth-child(3){transition-delay:.3s}.vex-workflow-nodes.active .vex-workflow-node:nth-child(4){transition-delay:.4s;transform:translateX(-50%) scale(1)}.vex-workflow-lines{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}.vex-workflow-line{stroke:#d4a853;stroke-width:3;fill:none;stroke-dasharray:100;stroke-dashoffset:100;filter:drop-shadow(0 0 5px rgba(212,168,83,.5))}.vex-workflow-nodes.active .vex-workflow-line{animation:vexDrawLine .5s ease-out forwards}.vex-workflow-nodes.active .vex-workflow-line:first-child{animation-delay:.3s}.vex-workflow-nodes.active .vex-workflow-line:nth-child(2){animation-delay:.4s}.vex-workflow-nodes.active .vex-workflow-line:nth-child(3){animation-delay:.5s}@keyframes vexDrawLine{to{stroke-dashoffset:0}}.vex-seo-radar{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:220px;height:220px;opacity:0;pointer-events:none}.vex-seo-radar.active{opacity:1}.vex-radar-circle{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);border:2px solid rgba(212,168,83,.3);border-radius:50%}.vex-radar-circle:first-child{width:70px;height:70px}.vex-radar-circle:nth-child(2){width:135px;height:135px}.vex-radar-circle:nth-child(3){width:200px;height:200px}.vex-radar-sweep{position:absolute;top:50%;left:50%;width:50%;height:4px;background:linear-gradient(90deg,transparent,#d4a853);transform-origin:left center;border-radius:2px;box-shadow:0 0 15px #d4a853}.vex-seo-radar.active .vex-radar-sweep{animation:vexRadarSweep 2s linear infinite}@keyframes vexRadarSweep{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.vex-radar-ping{position:absolute;width:11px;height:11px;background:#d4a853;border-radius:50%;box-shadow:0 0 15px #d4a853;opacity:0}.vex-radar-ping:nth-child(5){top:20%;left:60%}.vex-radar-ping:nth-child(6){top:70%;left:30%}.vex-radar-ping:nth-child(7){top:40%;left:80%}.vex-seo-radar.active .vex-radar-ping{animation:vexPingBlink 1s ease-in-out infinite}.vex-seo-radar.active .vex-radar-ping:nth-child(5){animation-delay:.2s}.vex-seo-radar.active .vex-radar-ping:nth-child(6){animation-delay:.6s}.vex-seo-radar.active .vex-radar-ping:nth-child(7){animation-delay:1s}@keyframes vexPingBlink{0%,to{opacity:0;transform:scale(.5)}50%{opacity:1;transform:scale(1.2)}}.vex-domain-globe{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:180px;height:180px;opacity:0;pointer-events:none}.vex-domain-globe.active{opacity:1}.vex-globe-outline{position:absolute;top:0;left:0;width:100%;height:100%;border:3px solid #d4a853;border-radius:50%;box-shadow:0 0 20px rgba(212,168,83,.4),inset 0 0 20px rgba(212,168,83,.1)}.vex-globe-line{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);border:2px solid rgba(212,168,83,.5);border-radius:50%}.vex-globe-line.horizontal{width:100%;height:60%}.vex-globe-line.vertical{width:60%;height:100%}.vex-globe-line.equator{width:100%;height:2px;border:none;background:rgba(212,168,83,.5);border-radius:0}.vex-domain-globe.active .vex-globe-outline{animation:vexGlobeRotate 4s linear infinite}@keyframes vexGlobeRotate{0%{transform:rotateY(0deg)}to{transform:rotateY(1turn)}}.vex-globe-dots{position:absolute;top:0;left:0;width:100%;height:100%;animation:vexGlobeRotate 4s linear infinite}.vex-globe-dot{position:absolute;width:7px;height:7px;background:#d4a853;border-radius:50%;box-shadow:0 0 10px #d4a853}.vex-globe-dot:first-child{top:30%;left:20%}.vex-globe-dot:nth-child(2){top:50%;left:70%}.vex-globe-dot:nth-child(3){top:70%;left:40%}.vex-globe-dot:nth-child(4){top:20%;left:60%}.vex-utilities-icons{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:220px;height:220px;opacity:0;pointer-events:none}.vex-utilities-icons.active{opacity:1}.vex-util-icon{position:absolute;font-size:26px;opacity:0;filter:drop-shadow(0 0 10px rgba(212,168,83,.6))}.vex-util-icon:first-child{top:10%;left:20%}.vex-util-icon:nth-child(2){top:10%;right:20%}.vex-util-icon:nth-child(3){top:40%;left:5%}.vex-util-icon:nth-child(4){top:40%;right:5%}.vex-util-icon:nth-child(5){top:70%;left:15%}.vex-util-icon:nth-child(6){top:70%;right:15%}.vex-util-icon:nth-child(7){bottom:5%;left:40%}.vex-util-icon:nth-child(8){top:5%;left:45%}.vex-utilities-icons.active .vex-util-icon{animation:vexUtilFlicker .3s ease-in-out infinite alternate}.vex-utilities-icons.active .vex-util-icon:first-child{animation-delay:0s}.vex-utilities-icons.active .vex-util-icon:nth-child(2){animation-delay:.05s}.vex-utilities-icons.active .vex-util-icon:nth-child(3){animation-delay:.1s}.vex-utilities-icons.active .vex-util-icon:nth-child(4){animation-delay:.15s}.vex-utilities-icons.active .vex-util-icon:nth-child(5){animation-delay:.2s}.vex-utilities-icons.active .vex-util-icon:nth-child(6){animation-delay:.25s}.vex-utilities-icons.active .vex-util-icon:nth-child(7){animation-delay:.3s}.vex-utilities-icons.active .vex-util-icon:nth-child(8){animation-delay:.35s}@keyframes vexUtilFlicker{0%{opacity:.3;transform:scale(.9)}to{opacity:1;transform:scale(1.1)}}.vex-robot{position:relative;width:280px;height:320px;animation:vexFloat 4s ease-in-out infinite;cursor:pointer;transition:filter .3s ease;z-index:50}.vex-robot:active{filter:brightness(1.2)}.vex-robot.active{filter:drop-shadow(0 0 30px rgba(212,168,83,.7))}@keyframes vexFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-15px)}}@keyframes vexBounce{0%{transform:translateY(0) scale(1)}30%{transform:translateY(-20px) scale(1.03)}60%{transform:translateY(0) scale(.97)}to{transform:translateY(0) scale(1)}}.vex-robot.clicked{animation:vexBounce .4s ease-out}.vex-v-shape{position:absolute;width:100%;height:100%}.vex-v-left,.vex-v-right{position:absolute;width:35px;height:225px;background:linear-gradient(135deg,#d4a853,#c9973f 50%,#b8862e);border-radius:8px 8px 4px 4px;box-shadow:inset 2px 0 5px rgba(255,215,150,.4),inset -2px 0 5px rgba(0,0,0,.2),4px 8px 20px rgba(0,0,0,.4);transition:transform .3s ease}.vex-v-left{top:14px;left:32px;transform:rotate(-22deg);transform-origin:top center}.vex-v-right{top:14px;right:32px;transform:rotate(22deg);transform-origin:top center}.vex-robot:hover .vex-v-left{transform:rotate(-27deg)}.vex-robot:hover .vex-v-right{transform:rotate(27deg)}.vex-robot.active .vex-v-left{transform:rotate(-30deg)}.vex-robot.active .vex-v-right{transform:rotate(30deg)}.vex-serif-left,.vex-serif-right{position:absolute;width:22px;height:10px;background:linear-gradient(135deg,#d4a853,#c9973f);border-radius:3px;box-shadow:2px 2px 6px rgba(0,0,0,.3)}.vex-serif-left{top:5px;left:16px;transform:rotate(-22deg)}.vex-serif-right{top:5px;right:16px;transform:rotate(22deg)}.vex-face{top:92px;width:91px;height:78px}.vex-face,.vex-head-arc{position:absolute;left:50%;transform:translateX(-50%)}.vex-head-arc{top:-3px;width:70px;height:39px;border:10px solid #c9973f;border-bottom:none;border-radius:49px 49px 0 0;box-shadow:0 -3px 12px rgba(212,168,83,.5),inset 0 2px 6px rgba(255,215,150,.2);animation:vexHeadBob 3s ease-in-out infinite}@keyframes vexHeadBob{0%,to{transform:translateX(-50%) rotate(0deg)}25%{transform:translateX(-50%) rotate(-2deg)}75%{transform:translateX(-50%) rotate(2deg)}}.vex-eyes{position:absolute;top:39px;left:50%;transform:translateX(-50%);display:flex;gap:25px}.vex-eye{width:10px;height:10px;background:linear-gradient(135deg,#d4a853,#c9973f);border-radius:50%;box-shadow:0 0 10px rgba(212,168,83,.6);animation:vexBlink 4s ease-in-out infinite;transition:all .3s ease}.vex-eye.left{animation-delay:0s}.vex-eye.right{animation-delay:.1s}@keyframes vexBlink{0%,45%,55%,to{transform:scaleY(1);opacity:1}50%{transform:scaleY(.1);opacity:.8}}.vex-robot.active .vex-eye{box-shadow:0 0 30px #d4a853;transform:scaleY(.5) scaleX(1.2)}.vex-mouth{position:absolute;top:60px;left:50%;transform:translateX(-50%);width:20px;height:4px;background:linear-gradient(90deg,#c9973f,#d4a853,#c9973f);border-radius:3px;box-shadow:0 2px 6px rgba(0,0,0,.3);animation:vexTalk 2s ease-in-out infinite;transition:all .3s ease}@keyframes vexTalk{0%,40%,60%,to{width:20px;height:4px}45%,55%{width:16px;height:7px;border-radius:4px}}.vex-robot.active .vex-mouth{width:25px;height:13px;border-radius:0 0 13px 13px;animation:none}.vex-arm{position:absolute;top:137px;width:10px;height:63px;background:linear-gradient(180deg,#d4a853,#c9973f 50%,#b8862e);border-radius:5px;box-shadow:2px 4px 10px rgba(0,0,0,.4),inset 1px 0 2px rgba(255,215,150,.3);transition:transform .3s ease;transform-origin:top center}.vex-arm.left{left:51px;transform:rotate(25deg);animation:vexWaveLeft 2.5s ease-in-out infinite}.vex-arm.right{right:51px;transform:rotate(-25deg);animation:vexWaveRight 2.5s ease-in-out infinite}@keyframes vexWaveLeft{0%,to{transform:rotate(25deg)}50%{transform:rotate(35deg)}}@keyframes vexWaveRight{0%,to{transform:rotate(-25deg)}50%{transform:rotate(-35deg)}}.vex-robot.active .vex-arm.left{transform:rotate(50deg);animation:none}.vex-robot.active .vex-arm.right{transform:rotate(-50deg);animation:none}.vex-robot:hover .vex-arm.left{animation:vexWaveLeft .8s ease-in-out infinite}.vex-robot:hover .vex-arm.right{animation:vexWaveRight .8s ease-in-out infinite}.vex-robot:hover .vex-eye{animation:vexBlink 1.5s ease-in-out infinite;box-shadow:0 0 20px rgba(212,168,83,.8)}.vex-pin-head{bottom:-10px;width:23px;height:23px;background:radial-gradient(circle at 35% 35%,#f0d890 0,#d4a853 40%,#c9973f 70%,#b8862e 100%);border-radius:50%;box-shadow:inset 2px 2px 6px hsla(0,0%,100%,.4),inset -2px -2px 5px rgba(0,0,0,.2),2px 5px 10px rgba(0,0,0,.4)}.vex-pin-head,.vex-shadow{position:absolute;left:50%;transform:translateX(-50%)}.vex-shadow{bottom:55px;width:140px;height:14px;background:radial-gradient(ellipse,rgba(0,0,0,.4) 0,transparent 70%);animation:vexShadowPulse 4s ease-in-out infinite;z-index:5;pointer-events:none}@keyframes vexShadowPulse{0%,to{transform:translateX(-50%) scale(1);opacity:.6}50%{transform:translateX(-50%) scale(.85);opacity:.4}}.vex-menu-container{position:absolute;bottom:10px;left:50%;transform:translateX(-50%);display:flex;flex-wrap:wrap;gap:9px;justify-content:center;max-width:500px;opacity:0;pointer-events:none;transition:all .4s ease;z-index:100}.vex-menu-container.show{opacity:1;pointer-events:auto}.vex-menu-item{background:linear-gradient(135deg,rgba(30,41,59,.95),rgba(15,23,42,.95));border:2px solid rgba(212,168,83,.3);border-radius:11px;padding:9px 16px;color:#f1f5f9;font-size:12px;font-weight:500;cursor:pointer;display:flex;align-items:center;gap:7px;transition:all .3s ease;transform:translateY(20px);opacity:0}.vex-menu-container.show .vex-menu-item{transform:translateY(0);opacity:1}.vex-menu-container.show .vex-menu-item:first-child{transition-delay:.1s}.vex-menu-container.show .vex-menu-item:nth-child(2){transition-delay:.15s}.vex-menu-container.show .vex-menu-item:nth-child(3){transition-delay:.2s}.vex-menu-container.show .vex-menu-item:nth-child(4){transition-delay:.25s}.vex-menu-container.show .vex-menu-item:nth-child(5){transition-delay:.3s}.vex-menu-container.show .vex-menu-item:nth-child(6){transition-delay:.35s}.vex-menu-item:hover{transform:translateY(-3px);box-shadow:0 8px 25px rgba(212,168,83,.4)}.vex-menu-item.selected,.vex-menu-item:hover{background:linear-gradient(135deg,#d4a853,#b8862e);color:#0a1628;border-color:#d4a853}.vex-menu-item.selected{box-shadow:0 0 20px rgba(212,168,83,.5)}.vex-menu-icon{font-size:17px}.vex-hint{position:absolute;bottom:30px;left:50%;transform:translateX(-50%);color:#d4a853;font-size:14px;font-weight:600;letter-spacing:1px;text-transform:uppercase;display:flex;align-items:center;gap:8px;animation:vexHintPulse 2s ease-in-out infinite;transition:opacity .3s ease}.vex-hint:after,.vex-hint:before{content:"";width:8px;height:8px;background:#d4a853;border-radius:50%;box-shadow:0 0 10px #d4a853;animation:vexBlipPulse 1.5s ease-in-out infinite}.vex-hint:after{animation-delay:.75s}.vex-hint.hidden{opacity:0;pointer-events:none}@keyframes vexHintPulse{0%,to{opacity:.6}50%{opacity:1}}@keyframes vexBlipPulse{0%,to{transform:scale(1);opacity:.5}50%{transform:scale(1.5);opacity:1}}.wb-wrapper{max-width:1000px;margin:0 auto}.wb-controls{display:flex;justify-content:center;align-items:center;gap:15px;margin-bottom:20px;flex-wrap:wrap}.wb-lang-btn{background:hsla(0,0%,100%,.1);border:2px solid hsla(0,0%,100%,.2);border-radius:8px;padding:6px 12px;font-size:.7rem;font-weight:600;cursor:pointer;transition:all .3s ease;font-family:inherit;color:#94a3b8}.wb-lang-btn:hover{border-color:#d4a853;color:#fff}.wb-lang-btn.active{background:linear-gradient(135deg,#d4a853,#b8862e);border-color:#d4a853;color:#0a1628}.wb-audio-btn{background:linear-gradient(135deg,#f59e0b,#d97706);padding:8px 16px;font-size:.75rem;gap:6px}.wb-audio-btn,.wb-start-btn{color:#fff;border:none;border-radius:8px;font-weight:700;cursor:pointer;font-family:inherit;display:flex;align-items:center}.wb-start-btn{background:linear-gradient(135deg,#22c55e,#16a34a);padding:10px 24px;font-size:.85rem;gap:8px;animation:wbPulseStart 2s infinite}@keyframes wbPulseStart{0%,to{box-shadow:0 0 0 0 rgba(34,197,94,.7)}50%{box-shadow:0 0 0 10px rgba(34,197,94,0)}}.wb-start-btn:disabled{opacity:.5;animation:none;cursor:not-allowed}.wb-progress{max-width:600px;margin:0 auto 20px;display:flex;align-items:center;gap:10px}.wb-progress-bar{flex:1;height:6px;background:hsla(0,0%,100%,.1);border-radius:3px;overflow:hidden}.wb-progress-fill{height:100%;background:linear-gradient(90deg,#d4a853,#c9973f);border-radius:3px;width:0;transition:width .5s ease}.wb-progress-text{font-size:.7rem;color:#64748b;min-width:80px;text-align:right}.wb-browser{background:#1e293b;border-radius:12px;overflow:hidden;box-shadow:0 25px 80px rgba(0,0,0,.5);border:1px solid rgba(212,168,83,.2)}.wb-browser-chrome{background:#0f172a;padding:12px 15px;display:flex;align-items:center;gap:12px}.wb-browser-dots{display:flex;gap:6px}.wb-dot{width:12px;height:12px;border-radius:50%}.wb-dot.red{background:#ef4444}.wb-dot.yellow{background:#f59e0b}.wb-dot.green{background:#22c55e}.wb-browser-url{flex:1;background:hsla(0,0%,100%,.1);border-radius:6px;padding:8px 12px;font-size:.75rem;color:#94a3b8;display:flex;align-items:center;gap:8px}.wb-browser-content{height:500px;position:relative;overflow:hidden;background:linear-gradient(135deg,#1e1b4b,#312e81)}.wb-screen{position:absolute;top:0;left:0;right:0;bottom:0;opacity:0;transform:scale(.98);transition:all .5s ease;pointer-events:none;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:30px}.wb-screen.active{opacity:1;transform:scale(1);pointer-events:auto}.wb-welcome-logo{width:70px;height:70px;background:linear-gradient(135deg,#d4a853,#b8862e);border-radius:18px;display:flex;align-items:center;justify-content:center;font-size:2.2rem;margin-bottom:18px;box-shadow:0 10px 40px rgba(212,168,83,.4)}.wb-welcome-title{font-size:1.8rem;font-weight:800;margin-bottom:10px;background:linear-gradient(135deg,#d4a853,#c9973f);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.wb-welcome-subtitle{font-size:.95rem;color:#94a3b8;max-width:380px}.wb-describe-card{background:hsla(0,0%,100%,.05);border:1px solid hsla(0,0%,100%,.1);border-radius:16px;padding:28px;max-width:480px;width:100%}.wb-describe-label{font-size:.85rem;color:#d4a853;font-weight:600;margin-bottom:14px;text-align:left}.wb-textarea{width:100%;height:110px;background:hsla(0,0%,100%,.1);border:2px solid hsla(0,0%,100%,.2);border-radius:12px;padding:14px;color:#fff;font-size:.88rem;font-family:inherit;resize:none;transition:all .3s ease}.wb-textarea.typing{border-color:#d4a853}.wb-generate-btn{margin-top:18px;background:linear-gradient(135deg,#d4a853,#b8862e);border:none;color:#0a1628;padding:13px 26px;border-radius:12px;font-size:.95rem;font-weight:700;width:100%;display:flex;align-items:center;justify-content:center;gap:10px;cursor:pointer;font-family:inherit}.wb-generate-btn.highlight{animation:wbBtnGlow 1s ease infinite}@keyframes wbBtnGlow{0%,to{box-shadow:0 0 0 0 rgba(212,168,83,.7)}50%{box-shadow:0 0 0 15px rgba(212,168,83,0)}}.wb-spinner{width:70px;height:70px;border:4px solid rgba(212,168,83,.3);border-top-color:#d4a853;border-radius:50%;animation:wbSpin 1s linear infinite;margin-bottom:22px}@keyframes wbSpin{to{transform:rotate(1turn)}}.wb-generating-title{font-size:1.2rem;font-weight:700;color:#d4a853;margin-bottom:10px}.wb-gen-steps{display:flex;flex-direction:column;gap:7px;margin-top:18px}.wb-gen-step{display:flex;align-items:center;gap:10px;font-size:.82rem;color:#64748b;transition:all .3s ease}.wb-gen-step.active{color:#d4a853}.wb-gen-step.done{color:#22c55e}.wb-builder{display:flex;flex-direction:column;height:100%;background:#0f172a}.wb-builder-topbar{background:#1e293b;padding:10px 14px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid hsla(0,0%,100%,.1)}.wb-builder-logo{gap:9px;font-weight:700}.wb-builder-logo,.wb-builder-logo-icon{display:flex;align-items:center;font-size:.85rem}.wb-builder-logo-icon{width:26px;height:26px;background:linear-gradient(135deg,#d4a853,#b8862e);border-radius:6px;justify-content:center}.wb-builder-tabs{display:flex;gap:5px}.wb-tab{padding:7px 14px;border-radius:6px;font-size:.72rem;font-weight:600;color:#64748b;cursor:pointer;transition:all .3s ease}.wb-tab.active{background:#d4a853;color:#0a1628}.wb-tab.highlight{animation:wbTabPulse .8s ease infinite}@keyframes wbTabPulse{0%,to{box-shadow:0 0 0 0 rgba(212,168,83,.7)}50%{box-shadow:0 0 0 8px rgba(212,168,83,0)}}.wb-builder-main{display:flex;flex:1;overflow:hidden}.wb-sidebar{width:160px;background:#1e293b;padding:14px;overflow-y:auto;border-right:1px solid hsla(0,0%,100%,.1)}.wb-sidebar-section{margin-bottom:14px}.wb-sidebar-title{font-size:.62rem;font-weight:700;color:#64748b;text-transform:uppercase;letter-spacing:.5px;margin-bottom:7px}.wb-sidebar-item{display:flex;align-items:center;gap:7px;padding:5px 7px;border-radius:5px;font-size:.68rem;color:#94a3b8;cursor:pointer;transition:all .3s ease;margin-bottom:2px}.wb-sidebar-item:hover{background:hsla(0,0%,100%,.1)}.wb-sidebar-item.active{background:rgba(212,168,83,.2);color:#d4a853}.wb-sidebar-item.highlight{animation:wbItemGlow .6s ease infinite;background:rgba(212,168,83,.3)}@keyframes wbItemGlow{0%,to{transform:translateX(0)}50%{transform:translateX(5px)}}.wb-preview-area{flex:1;background:linear-gradient(180deg,#ec4899,#f97316);position:relative;overflow:hidden}.wb-preview-nav{background:rgba(0,0,0,.3);padding:9px 14px;display:flex;justify-content:space-between;align-items:center}.wb-preview-logo{font-weight:700;font-size:.82rem}.wb-preview-links{display:flex;gap:14px;font-size:.68rem;color:hsla(0,0%,100%,.8)}.wb-preview-cta{background:#d4a853;color:#0a1628;padding:5px 11px;border-radius:5px;font-size:.68rem;font-weight:600}.wb-preview-hero{padding:26px 22px;text-align:center}.wb-preview-headline{font-size:1.3rem;font-weight:800;line-height:1.2;margin-bottom:9px}.wb-preview-subtext{font-size:.78rem;color:hsla(0,0%,100%,.9);max-width:380px;margin:0 auto 14px;line-height:1.4}.wb-preview-buttons{display:flex;gap:9px;justify-content:center}.wb-preview-btn{padding:9px 18px;border-radius:7px;font-size:.78rem;font-weight:600}.wb-preview-btn.primary{background:#d4a853;color:#0a1628}.wb-preview-btn.secondary{background:rgba(0,0,0,.3)}.wb-right-panel{width:160px;background:#1e293b;padding:14px;overflow-y:auto;border-left:1px solid hsla(0,0%,100%,.1)}.wb-panel-header{margin-bottom:11px;font-weight:700;color:#fff;text-transform:uppercase}.wb-panel-header,.wb-section-item{display:flex;justify-content:space-between;align-items:center;font-size:.68rem}.wb-section-item{padding:7px 9px;background:hsla(0,0%,100%,.05);border-radius:7px;margin-bottom:5px;cursor:pointer;color:#94a3b8;transition:all .3s ease}.wb-section-item.highlight{animation:wbSecPulse .6s ease infinite;background:rgba(212,168,83,.3)}@keyframes wbSecPulse{0%,to{transform:scale(1)}50%{transform:scale(1.02)}}.wb-toggle{width:30px;height:16px;background:#334155;border-radius:8px;position:relative;cursor:pointer;transition:all .3s ease}.wb-toggle.active{background:#d4a853}.wb-toggle:after{content:"";position:absolute;width:12px;height:12px;background:#fff;border-radius:50%;top:2px;left:2px;transition:all .3s ease}.wb-toggle.active:after{left:16px}.wb-builder-bottom{background:#1e293b;padding:9px 14px;display:flex;justify-content:space-between;align-items:center;border-top:1px solid hsla(0,0%,100%,.1)}.wb-bottom-btn{padding:7px 14px;border-radius:7px;font-size:.72rem;font-weight:600;cursor:pointer;border:none;font-family:inherit;transition:all .3s ease}.wb-bottom-btn.secondary{background:transparent;color:#64748b;border:1px solid hsla(0,0%,100%,.2)}.wb-bottom-btn.primary{background:#d4a853;color:#0a1628}.wb-bottom-btn.deploy{background:linear-gradient(135deg,#22c55e,#16a34a);color:#fff}.wb-bottom-btn.highlight{animation:wbBtnPulse .8s ease infinite}@keyframes wbBtnPulse{0%,to{transform:scale(1);box-shadow:0 0 0 0 rgba(34,197,94,.7)}50%{transform:scale(1.05);box-shadow:0 0 0 10px rgba(34,197,94,0)}}.wb-success{background:linear-gradient(135deg,#064e3b,#065f46)}.wb-success-title{font-size:1.8rem;font-weight:800;margin-bottom:14px}.wb-success-url{background:hsla(0,0%,100%,.2);padding:14px 28px;border-radius:10px;font-size:.95rem;font-family:monospace;margin-bottom:18px}.wb-robot-container{position:absolute;z-index:100;pointer-events:none;width:70px;height:80px;transition:all .6s cubic-bezier(.34,1.56,.64,1);bottom:18px;right:18px}.wb-robot-container.flying{animation:wbRobotFloat 2s ease-in-out infinite}@keyframes wbRobotFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.wb-robot-container.scanning .wb-robot{animation:wbScanPulse .5s ease-in-out infinite}@keyframes wbScanPulse{0%,to{transform:scale(1)}50%{transform:scale(1.08)}}.wb-robot-container.thinking .wb-robot{animation:wbThinkTilt 1s ease-in-out infinite}@keyframes wbThinkTilt{0%,to{transform:rotate(0deg)}50%{transform:rotate(8deg)}}.wb-robot-container.excited .wb-robot{animation:wbExcitedBounce .3s ease-in-out infinite}@keyframes wbExcitedBounce{0%,to{transform:scale(1) rotate(-3deg)}50%{transform:scale(1.12) rotate(3deg)}}.wb-robot-container.celebrating .wb-robot{animation:wbCelebrateDance .4s ease-in-out infinite}@keyframes wbCelebrateDance{0%,to{transform:translateY(0) rotate(-5deg)}25%{transform:translateY(-10px) rotate(5deg)}50%{transform:translateY(0) rotate(-5deg)}75%{transform:translateY(-10px) rotate(5deg)}}.wb-robot-container.pointing .wb-robot-arm.right{transform:rotate(-80deg)!important}.wb-robot-container.waving .wb-robot-arm.right{animation:wbWaveArm .4s ease-in-out infinite!important}@keyframes wbWaveArm{0%,to{transform:rotate(-25deg)}50%{transform:rotate(-60deg)}}.wb-robot{position:relative;width:100%;height:100%;transition:all .3s ease}.wb-robot.happy .wb-robot-eye{box-shadow:0 0 6px #d4a853;transform:scaleY(.5) scaleX(1.2)}.wb-robot.happy .wb-robot-mouth{width:6px;height:4px;border-radius:0 0 4px 4px;animation:none}.wb-robot.happy .wb-robot-arm.left{transform:rotate(45deg);animation:none}.wb-robot.happy .wb-robot-arm.right{transform:rotate(-45deg);animation:none}.wb-robot-v-left,.wb-robot-v-right{position:absolute;width:9px;height:56px;background:linear-gradient(135deg,#d4a853,#c9973f 50%,#b8862e);border-radius:2px 2px 1px 1px;box-shadow:inset 1px 0 2px rgba(255,215,150,.4),inset -1px 0 2px rgba(0,0,0,.2),1px 2px 5px rgba(0,0,0,.4)}.wb-robot-v-left{top:3px;left:8px;transform:rotate(-22deg);transform-origin:top center}.wb-robot-v-right{top:3px;right:8px;transform:rotate(22deg);transform-origin:top center}.wb-robot-serif-left,.wb-robot-serif-right{position:absolute;width:5px;height:3px;background:linear-gradient(135deg,#d4a853,#c9973f);border-radius:1px}.wb-robot-serif-left{top:2px;left:4px;transform:rotate(-22deg)}.wb-robot-serif-right{top:2px;right:4px;transform:rotate(22deg)}.wb-robot-face{top:23px;width:23px;height:19px}.wb-robot-face,.wb-robot-head-arc{position:absolute;left:50%;transform:translateX(-50%)}.wb-robot-head-arc{top:-1px;width:18px;height:10px;border:3px solid #c9973f;border-bottom:none;border-radius:12px 12px 0 0;animation:wbHeadBob 3s ease-in-out infinite}@keyframes wbHeadBob{0%,to{transform:translateX(-50%) rotate(0deg)}25%{transform:translateX(-50%) rotate(-2deg)}75%{transform:translateX(-50%) rotate(2deg)}}.wb-robot-eyes{position:absolute;top:10px;left:50%;transform:translateX(-50%);display:flex;gap:6px}.wb-robot-eye{width:3px;height:3px;background:linear-gradient(135deg,#d4a853,#c9973f);border-radius:50%;box-shadow:0 0 4px rgba(212,168,83,.6);animation:wbBlink 4s ease-in-out infinite}@keyframes wbBlink{0%,45%,55%,to{transform:scaleY(1)}50%{transform:scaleY(.1)}}.wb-robot-mouth{position:absolute;top:15px;left:50%;transform:translateX(-50%);width:5px;height:1px;background:linear-gradient(90deg,#c9973f,#d4a853,#c9973f);border-radius:1px;animation:wbTalk 2s ease-in-out infinite}@keyframes wbTalk{0%,40%,60%,to{width:5px;height:1px}45%,55%{width:4px;height:2px}}.wb-robot-container.talking .wb-robot-mouth{animation:wbTalkFast .15s ease-in-out infinite}@keyframes wbTalkFast{0%,to{transform:translateX(-50%) scaleY(1)}50%{transform:translateX(-50%) scaleY(2.5)}}.wb-robot-arm{position:absolute;top:34px;width:3px;height:16px;background:linear-gradient(180deg,#d4a853,#c9973f 50%,#b8862e);border-radius:1px;transition:transform .3s ease;transform-origin:top center}.wb-robot-arm.left{left:12px;transform:rotate(25deg);animation:wbArmWaveLeft 2.5s ease-in-out infinite}.wb-robot-arm.right{right:12px;transform:rotate(-25deg);animation:wbArmWaveRight 2.5s ease-in-out infinite}@keyframes wbArmWaveLeft{0%,to{transform:rotate(25deg)}50%{transform:rotate(35deg)}}@keyframes wbArmWaveRight{0%,to{transform:rotate(-25deg)}50%{transform:rotate(-35deg)}}.wb-robot-pin-head{bottom:-3px;transform:translateX(-50%);width:5px;height:5px;background:radial-gradient(circle at 35% 35%,#f0d890 0,#d4a853 40%,#c9973f 70%,#b8862e 100%)}.wb-robot-glow,.wb-robot-pin-head{position:absolute;left:50%;border-radius:50%}.wb-robot-glow{top:50%;transform:translate(-50%,-50%);width:55px;height:55px;background:radial-gradient(circle,rgba(212,168,83,.15) 0,transparent 70%);animation:wbGlowPulse 3s ease-in-out infinite}@keyframes wbGlowPulse{0%,to{opacity:.5;transform:translate(-50%,-50%) scale(1)}50%{opacity:.8;transform:translate(-50%,-50%) scale(1.1)}}.wb-speech-bubble{bottom:calc(100% + 7px);background:#fff;color:#1a1a2e;padding:9px 12px;border-radius:11px;font-size:.72rem;font-weight:600;white-space:normal;opacity:0;transition:all .3s ease;box-shadow:0 4px 20px rgba(0,0,0,.2);max-width:220px;min-width:110px;text-align:center;line-height:1.4}.wb-speech-bubble,.wb-speech-bubble:after{position:absolute;left:50%;transform:translateX(-50%)}.wb-speech-bubble:after{content:"";bottom:-5px;border:5px solid transparent;border-top-color:#fff;border-bottom:none}.wb-robot-container.talking .wb-speech-bubble{opacity:1;transform:translateX(-50%) translateY(-4px)}.wb-confetti{position:absolute;pointer-events:none;z-index:90}.conv-wrapper{max-width:900px;margin:0 auto}.conv-card{background:linear-gradient(145deg,#1e293b,#334155);border-radius:20px;padding:22px;box-shadow:0 4px 6px rgba(0,0,0,.1),0 20px 50px rgba(0,0,0,.3),inset 0 1px 0 hsla(0,0%,100%,.05);border:1px solid hsla(0,0%,100%,.1)}.conv-header{margin-bottom:18px;display:flex;align-items:center;justify-content:space-between}.conv-header-text{text-align:left}.conv-title{font-size:1.2rem;font-weight:700;color:#f8fafc;margin-bottom:4px}.conv-subtitle{font-size:.8rem;color:#94a3b8}.conv-sound-toggle{background:linear-gradient(135deg,#f59e0b,#d97706);border:none;border-radius:10px;padding:9px 14px;color:#fff;font-size:.75rem;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:5px;transition:all .3s ease;font-family:inherit}.conv-sound-toggle:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(245,158,11,.4)}.conv-sound-toggle.on{background:linear-gradient(135deg,#22c55e,#16a34a)}.conv-workspace{position:relative;display:flex;gap:14px;height:300px;margin-bottom:18px}.conv-code-panel{flex:1;background:#0f172a;border-radius:11px;overflow:hidden;border:1px solid hsla(0,0%,100%,.1);display:flex;flex-direction:column}.conv-panel-header{height:30px;background:linear-gradient(180deg,#1e293b,#334155);display:flex;align-items:center;padding:0 11px;gap:7px;border-bottom:1px solid hsla(0,0%,100%,.1)}.conv-panel-dot{width:9px;height:9px;border-radius:50%}.conv-panel-dot.red{background:#f87171}.conv-panel-dot.yellow{background:#fbbf24}.conv-panel-dot.green{background:#4ade80}.conv-panel-title{margin-left:9px;font-size:.7rem;color:#94a3b8;font-family:JetBrains Mono,monospace}.conv-panel-badge{margin-left:auto;padding:2px 7px;border-radius:4px;font-size:.6rem;font-weight:600}.conv-html-panel .conv-panel-badge{background:#ea580c;color:#fff}.conv-nextjs-panel .conv-panel-badge{background:#000;color:#fff}.conv-code-content{flex:1;padding:11px;font-family:JetBrains Mono,monospace;font-size:.65rem;line-height:1.6;overflow:hidden;position:relative}.conv-code-line{display:flex;opacity:0;transform:translateX(-10px);transition:all .3s ease}.conv-code-line.visible{opacity:1;transform:translateX(0)}.conv-code-line.highlight{background:rgba(212,165,74,.1);border-radius:3px;animation:convHighlightPulse 1s ease}@keyframes convHighlightPulse{0%,to{background:rgba(212,165,74,.1)}50%{background:rgba(212,165,74,.25)}}.conv-line-number{color:#475569;width:22px;text-align:right;margin-right:11px;-webkit-user-select:none;-moz-user-select:none;user-select:none}.conv-line-content{flex:1}.conv-tag{color:#f87171}.conv-attr{color:#fbbf24}.conv-string{color:#4ade80}.conv-comment{color:#64748b;font-style:italic}.conv-keyword{color:#c084fc}.conv-function{color:#60a5fa}.conv-component{color:#2dd4bf}.conv-hook{color:#f472b6}.conv-import{color:#fb923c}.conv-scan-line{position:absolute;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,#d4a54a,transparent);opacity:0;transition:opacity .3s ease}.conv-code-panel.scanning .conv-scan-line{opacity:1;animation:convScanDown 2s ease-in-out infinite}@keyframes convScanDown{0%{top:0}to{top:100%}}.conv-robot-track{position:absolute;top:50%;left:0;right:0;transform:translateY(-50%);height:140px;pointer-events:none;z-index:10}.conv-robot-wrapper{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:88px;height:98px;transition:all .8s cubic-bezier(.68,-.15,.32,1.15);cursor:pointer;pointer-events:auto}.conv-robot-wrapper.pos-left{left:18%}.conv-robot-wrapper.pos-center{left:50%}.conv-robot-wrapper.pos-right{left:82%}.conv-robot{position:relative;width:100%;height:100%;animation:convRobotFloat 4s ease-in-out infinite;transition:filter .2s ease}.conv-robot:active{filter:brightness(1.2)}@keyframes convRobotFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}.conv-robot:hover{animation:convRobotFloat 2s ease-in-out infinite}.conv-robot-v-left,.conv-robot-v-right{position:absolute;width:11px;height:70px;background:linear-gradient(135deg,#d4a853,#c9973f 50%,#b8862e);border-radius:3px 3px 1px 1px;box-shadow:inset 1px 0 2px rgba(255,215,150,.4),inset -1px 0 2px rgba(0,0,0,.2),1px 3px 6px rgba(0,0,0,.4);transition:transform .2s ease}.conv-robot-v-left{top:4px;left:10px;transform:rotate(-22deg);transform-origin:top center}.conv-robot-v-right{top:4px;right:10px;transform:rotate(22deg);transform-origin:top center}.conv-robot:hover .conv-robot-v-left{transform:rotate(-27deg)}.conv-robot:hover .conv-robot-v-right{transform:rotate(27deg)}.conv-robot-serif-left,.conv-robot-serif-right{position:absolute;width:7px;height:3px;background:linear-gradient(135deg,#d4a853,#c9973f);border-radius:1px;box-shadow:1px 1px 2px rgba(0,0,0,.3)}.conv-robot-serif-left{top:2px;left:5px;transform:rotate(-22deg)}.conv-robot-serif-right{top:2px;right:5px;transform:rotate(22deg)}.conv-robot-face{top:29px;width:29px;height:24px}.conv-robot-face,.conv-robot-head-arc{position:absolute;left:50%;transform:translateX(-50%)}.conv-robot-head-arc{top:-1px;width:22px;height:12px;border:3px solid #c9973f;border-bottom:none;border-radius:16px 16px 0 0;box-shadow:0 -1px 4px rgba(212,168,83,.5),inset 0 1px 2px rgba(255,215,150,.2);animation:convHeadBob 3s ease-in-out infinite}@keyframes convHeadBob{0%,to{transform:translateX(-50%) rotate(0deg)}25%{transform:translateX(-50%) rotate(-2deg)}75%{transform:translateX(-50%) rotate(2deg)}}.conv-robot-eyes{position:absolute;top:12px;left:50%;transform:translateX(-50%);display:flex;gap:8px}.conv-robot-eye{width:3px;height:3px;background:linear-gradient(135deg,#d4a853,#c9973f);border-radius:50%;box-shadow:0 0 3px rgba(212,168,83,.6);animation:convBlink 4s ease-in-out infinite;transition:all .2s ease}.conv-robot-eye.left{animation-delay:0s}.conv-robot-eye.right{animation-delay:.1s}@keyframes convBlink{0%,45%,55%,to{transform:scaleY(1);opacity:1}50%{transform:scaleY(.1);opacity:.8}}.conv-robot:hover .conv-robot-eye{animation:convBlink 1.5s ease-in-out infinite;box-shadow:0 0 5px rgba(212,168,83,.8)}.conv-robot.happy .conv-robot-eye{box-shadow:0 0 7px #d4a853;transform:scaleY(.5) scaleX(1.2)}.conv-robot-mouth{position:absolute;top:18px;left:50%;transform:translateX(-50%);width:6px;height:2px;background:linear-gradient(90deg,#c9973f,#d4a853,#c9973f);border-radius:1px;box-shadow:0 1px 2px rgba(0,0,0,.3);animation:convTalk 2s ease-in-out infinite;transition:all .15s ease}@keyframes convTalk{0%,40%,60%,to{width:6px;height:2px}45%,55%{width:5px;height:2px;border-radius:1px}}.conv-robot.happy .conv-robot-mouth{width:8px;height:4px;border-radius:0 0 4px 4px;animation:none}.conv-robot-arm{position:absolute;top:43px;width:3px;height:20px;background:linear-gradient(180deg,#d4a853,#c9973f 50%,#b8862e);border-radius:2px;box-shadow:1px 1px 3px rgba(0,0,0,.4),inset 0 0 1px rgba(255,215,150,.3);transition:transform .2s ease;transform-origin:top center}.conv-robot-arm.left{left:16px;transform:rotate(25deg);animation:convArmWaveLeft 2.5s ease-in-out infinite}.conv-robot-arm.right{right:16px;transform:rotate(-25deg);animation:convArmWaveRight 2.5s ease-in-out infinite}@keyframes convArmWaveLeft{0%,to{transform:rotate(25deg)}50%{transform:rotate(35deg)}}@keyframes convArmWaveRight{0%,to{transform:rotate(-25deg)}50%{transform:rotate(-35deg)}}.conv-robot:hover .conv-robot-arm.left{animation:convArmWaveLeft .8s ease-in-out infinite}.conv-robot:hover .conv-robot-arm.right{animation:convArmWaveRight .8s ease-in-out infinite}.conv-robot.happy .conv-robot-arm.left{transform:rotate(45deg)}.conv-robot.happy .conv-robot-arm.right{transform:rotate(-45deg)}.conv-robot-pin-head{bottom:-3px;width:7px;height:7px;background:radial-gradient(circle at 35% 35%,#f0d890 0,#d4a853 40%,#c9973f 70%,#b8862e 100%);border-radius:50%;box-shadow:inset 1px 1px 2px hsla(0,0%,100%,.4),inset -1px -1px 2px rgba(0,0,0,.2),1px 2px 3px rgba(0,0,0,.4)}.conv-robot-pin-head,.conv-tool{position:absolute;left:50%;transform:translateX(-50%)}.conv-tool{bottom:-9px;font-size:11px}.conv-robot-glow{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:66px;height:66px;background:radial-gradient(circle,rgba(212,168,83,.15) 0,transparent 70%);border-radius:50%;animation:convGlowPulse 3s ease-in-out infinite;pointer-events:none;transition:all .3s ease}.conv-robot-glow.bright{background:radial-gradient(circle,rgba(212,168,83,.4) 0,transparent 70%)}@keyframes convGlowPulse{0%,to{opacity:.5;transform:translate(-50%,-50%) scale(1)}50%{opacity:.8;transform:translate(-50%,-50%) scale(1.1)}}.conv-robot-shadow{position:absolute;bottom:-4px;left:50%;transform:translateX(-50%);width:44px;height:4px;background:radial-gradient(ellipse,rgba(0,0,0,.4) 0,transparent 70%);animation:convShadowPulse 4s ease-in-out infinite}@keyframes convShadowPulse{0%,to{transform:translateX(-50%) scale(1);opacity:.6}50%{transform:translateX(-50%) scale(.85);opacity:.4}}.conv-flying-code{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;height:100%;pointer-events:none;z-index:5}.conv-code-particle{position:absolute;top:50%;left:25%;font-family:JetBrains Mono,monospace;font-size:.6rem;font-weight:600;padding:3px 6px;border-radius:4px;opacity:0;transition:all 1.5s cubic-bezier(.25,.46,.45,.94)}.conv-code-particle.html{background:rgba(234,88,12,.3);color:#fb923c}.conv-code-particle.react{background:rgba(45,212,191,.3);color:#2dd4bf}.conv-code-particle.flying{opacity:1;left:75%}.conv-stage-info{display:flex;align-items:center;justify-content:center;gap:11px;margin-bottom:14px}.conv-stage-icon{font-size:1.4rem;animation:convStageIconBounce 1s ease-in-out infinite}@keyframes convStageIconBounce{0%,to{transform:scale(1)}50%{transform:scale(1.15)}}.conv-stage-label{font-size:.88rem;font-weight:600;color:#d4a54a}.conv-progress-container{margin-bottom:14px}.conv-progress-bar{height:5px;background:hsla(0,0%,100%,.1);border-radius:3px;overflow:hidden}.conv-progress-fill{height:100%;background:linear-gradient(90deg,#d4a54a,#f59e0b);border-radius:3px;transition:width .8s cubic-bezier(.34,1.56,.64,1);width:0}.conv-stage-steps{display:flex;justify-content:space-between;gap:7px}.conv-stage-step{flex:1;text-align:center;padding:7px 5px;background:hsla(0,0%,100%,.05);border-radius:7px;font-size:.55rem;color:#64748b;transition:all .3s ease}.conv-stage-step.active{background:rgba(212,165,74,.2);color:#d4a54a;transform:scale(1.05)}.conv-stage-step.done{background:rgba(74,222,128,.2);color:#4ade80}.conv-stage-step-icon{font-size:1.1rem;margin-bottom:3px}.conv-stage-step-label{font-weight:500}.atm2-sound-toggle{background:linear-gradient(135deg,#f59e0b,#d97706);border:none;border-radius:10px;padding:10px 16px;color:#fff;font-size:.8rem;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:6px;transition:all .3s ease;font-family:inherit}.atm2-sound-toggle:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(245,158,11,.4)}.atm2-sound-toggle.on{background:linear-gradient(135deg,#22c55e,#16a34a)}.atm2-card{background:linear-gradient(145deg,#1e293b,#334155);border-radius:20px;padding:25px;box-shadow:0 4px 6px rgba(0,0,0,.1),0 20px 50px rgba(0,0,0,.4),inset 0 1px 0 hsla(0,0%,100%,.05);border:1px solid hsla(0,0%,100%,.1)}.atm2-header{margin-bottom:20px;display:flex;align-items:center;justify-content:space-between}.atm2-header-text{text-align:left}.atm2-title{font-size:1.3rem;font-weight:700;color:#f8fafc;margin-bottom:5px}.atm2-subtitle{font-size:.85rem;color:#94a3b8}.atm2-workspace{position:relative;display:flex;gap:15px;height:380px;margin-bottom:20px}.atm2-panel{flex:1;background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 10px 40px rgba(0,0,0,.2);display:flex;flex-direction:column}.atm2-panel-header{height:36px;background:linear-gradient(180deg,#f8fafc,#f1f5f9);display:flex;align-items:center;padding:0 12px;gap:8px;border-bottom:1px solid #e2e8f0}.atm2-panel-dot{width:10px;height:10px;border-radius:50%}.atm2-panel-dot.red{background:#f87171}.atm2-panel-dot.yellow{background:#fbbf24}.atm2-panel-dot.green{background:#4ade80}.atm2-panel-title{margin-left:8px;font-size:.75rem;color:#64748b;font-weight:500}.atm2-panel-badge{margin-left:auto;padding:3px 10px;border-radius:12px;font-size:.65rem;font-weight:600}.atm2-original-panel .atm2-panel-badge{background:#e2e8f0;color:#64748b}.atm2-medium-panel .atm2-panel-badge{background:#000;color:#fff}.atm2-panel-content{flex:1;padding:15px;overflow:hidden;position:relative}.atm2-original-panel .atm2-panel-content{background:#fafafa;font-size:.72rem;line-height:1.7;color:#374151;text-align:left}.atm2-original-text{opacity:0;transform:translateY(10px);transition:all .4s ease}.atm2-original-text.visible{opacity:1;transform:translateY(0)}.atm2-original-text.highlight{background:rgba(212,165,74,.2);border-radius:3px}.atm2-text-block{margin-bottom:12px}.atm2-text-block.atm2-title-block{font-weight:600;font-size:.85rem;color:#1e293b}.atm2-scan-overlay{position:absolute;inset:0;pointer-events:none;opacity:0;transition:opacity .3s ease}.atm2-panel.scanning .atm2-scan-overlay{opacity:1}.atm2-scan-line{position:absolute;left:0;right:0;height:3px;background:linear-gradient(90deg,transparent,#d4a54a,transparent);animation:atm2ScanDown 2s ease-in-out infinite}@keyframes atm2ScanDown{0%{top:0}to{top:100%}}.atm2-medium-panel .atm2-panel-content{background:#fff;text-align:left}.atm2-medium-article{font-family:Merriweather,Georgia,serif}.atm2-medium-element{opacity:0;transform:translateY(15px);transition:all .5s ease}.atm2-medium-element.visible{opacity:1;transform:translateY(0)}.atm2-medium-element.pop{animation:atm2PopIn .4s cubic-bezier(.68,-.55,.265,1.55)}@keyframes atm2PopIn{0%{transform:scale(.8) translateY(15px);opacity:0}to{transform:scale(1) translateY(0);opacity:1}}.atm2-medium-title{font-size:1.1rem;font-weight:700;color:#1a1a1a;line-height:1.3;margin-bottom:12px;font-family:Merriweather,Georgia,serif}.atm2-medium-meta{display:flex;align-items:center;gap:10px;margin-bottom:15px;padding-bottom:12px;border-bottom:1px solid #e5e5e5}.atm2-author-avatar{width:32px;height:32px;background:linear-gradient(135deg,#d4a54a,#c9973d);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:14px}.atm2-author-info{flex:1}.atm2-author-name{font-size:.75rem;font-weight:600;color:#1a1a1a;font-family:Inter,sans-serif}.atm2-article-stats{color:#757575}.atm2-article-stats,.atm2-follow-btn{font-size:.65rem;font-family:Inter,sans-serif}.atm2-follow-btn{padding:4px 12px;background:#1a8917;color:#fff;border-radius:20px;font-weight:500}.atm2-medium-hero{width:100%;height:80px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:4px;margin-bottom:12px;display:flex;align-items:center;justify-content:center;color:hsla(0,0%,100%,.5);font-size:24px}.atm2-medium-subtitle{font-size:.8rem;font-weight:600;color:#1a1a1a;margin:12px 0 8px;font-family:Inter,sans-serif}.atm2-medium-paragraph{font-size:.7rem;line-height:1.8;color:#292929;margin-bottom:10px}.atm2-medium-quote{border-left:3px solid #1a1a1a;padding-left:15px;margin:12px 0;font-style:italic;font-size:.8rem;color:#1a1a1a}.atm2-medium-tags{display:flex;gap:6px;flex-wrap:wrap;margin-top:12px;padding-top:12px;border-top:1px solid #e5e5e5}.atm2-medium-tag{padding:4px 10px;background:#f2f2f2;border-radius:20px;font-size:.6rem;color:#757575;font-family:Inter,sans-serif}.atm2-medium-claps{display:flex;align-items:center;gap:15px;margin-top:12px;padding-top:10px}.atm2-clap-btn{display:flex;align-items:center;gap:4px;font-size:.7rem;color:#757575}.atm2-robot-track{position:absolute;top:50%;left:0;right:0;transform:translateY(-50%);height:140px;pointer-events:none;z-index:10}.atm2-robot-wrapper{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:88px;height:99px;transition:all .8s cubic-bezier(.68,-.15,.32,1.15);cursor:pointer;pointer-events:auto}.atm2-robot-wrapper.pos-left{left:15%}.atm2-robot-wrapper.pos-center{left:50%}.atm2-robot-wrapper.pos-right{left:85%}.atm2-robot{position:relative;width:100%;height:100%;animation:atm2RobotFloat 4s ease-in-out infinite;transition:filter .2s ease}.atm2-robot:active{filter:brightness(1.2)}@keyframes atm2RobotFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}.atm2-robot:hover{animation:atm2RobotFloat 2s ease-in-out infinite}.atm2-v-shape{position:absolute;width:100%;height:100%}.atm2-v-left,.atm2-v-right{position:absolute;width:11px;height:70px;background:linear-gradient(135deg,#d4a853,#c9973f 50%,#b8862e);border-radius:2px 2px 1px 1px;box-shadow:inset 1px 0 2px rgba(255,215,150,.4),inset -1px 0 2px rgba(0,0,0,.2),1px 2px 6px rgba(0,0,0,.4);transition:transform .2s ease}.atm2-v-left{top:4px;left:10px;transform:rotate(-22deg);transform-origin:top center}.atm2-v-right{top:4px;right:10px;transform:rotate(22deg);transform-origin:top center}.atm2-robot:hover .atm2-v-left{transform:rotate(-27deg)}.atm2-robot:hover .atm2-v-right{transform:rotate(27deg)}.atm2-serif-left,.atm2-serif-right{position:absolute;width:7px;height:3px;background:linear-gradient(135deg,#d4a853,#c9973f);border-radius:1px;box-shadow:1px 1px 2px rgba(0,0,0,.3)}.atm2-serif-left{top:2px;left:5px;transform:rotate(-22deg)}.atm2-serif-right{top:2px;right:5px;transform:rotate(22deg)}.atm2-face{top:29px;width:28px;height:24px}.atm2-face,.atm2-head-arc{position:absolute;left:50%;transform:translateX(-50%)}.atm2-head-arc{top:-1px;width:22px;height:12px;border:3px solid #c9973f;border-bottom:none;border-radius:15px 15px 0 0;box-shadow:0 -1px 4px rgba(212,168,83,.5),inset 0 1px 2px rgba(255,215,150,.2);animation:atm2HeadBob 3s ease-in-out infinite}@keyframes atm2HeadBob{0%,to{transform:translateX(-50%) rotate(0deg)}25%{transform:translateX(-50%) rotate(-2deg)}75%{transform:translateX(-50%) rotate(2deg)}}.atm2-eyes{position:absolute;top:12px;left:50%;transform:translateX(-50%);display:flex;gap:8px}.atm2-eye{width:3px;height:3px;background:linear-gradient(135deg,#d4a853,#c9973f);border-radius:50%;box-shadow:0 0 4px rgba(212,168,83,.6);animation:atm2Blink 4s ease-in-out infinite;transition:all .2s ease}.atm2-eye.left{animation-delay:0s}.atm2-eye.right{animation-delay:.1s}@keyframes atm2Blink{0%,45%,55%,to{transform:scaleY(1);opacity:1}50%{transform:scaleY(.1);opacity:.8}}.atm2-robot:hover .atm2-eye{animation:atm2Blink 1.5s ease-in-out infinite;box-shadow:0 0 5px rgba(212,168,83,.8)}.atm2-robot.happy .atm2-eye{box-shadow:0 0 8px #d4a853;transform:scaleY(.5) scaleX(1.2)}.atm2-mouth{position:absolute;top:18px;left:50%;transform:translateX(-50%);width:6px;height:1px;background:linear-gradient(90deg,#c9973f,#d4a853,#c9973f);border-radius:1px;box-shadow:0 1px 2px rgba(0,0,0,.3);animation:atm2Talk 2s ease-in-out infinite;transition:all .15s ease}@keyframes atm2Talk{0%,40%,60%,to{width:6px;height:1px}45%,55%{width:5px;height:2px;border-radius:1px}}.atm2-robot.happy .atm2-mouth{width:8px;height:4px;border-radius:0 0 4px 4px;animation:none}.atm2-arm{position:absolute;top:43px;width:3px;height:20px;background:linear-gradient(180deg,#d4a853,#c9973f 50%,#b8862e);border-radius:2px;box-shadow:1px 1px 3px rgba(0,0,0,.4),inset 0 0 1px rgba(255,215,150,.3);transition:transform .2s ease;transform-origin:top center}.atm2-arm.left{left:16px;transform:rotate(25deg);animation:atm2WaveLeft 2.5s ease-in-out infinite}.atm2-arm.right{right:16px;transform:rotate(-25deg);animation:atm2WaveRight 2.5s ease-in-out infinite}@keyframes atm2WaveLeft{0%,to{transform:rotate(25deg)}50%{transform:rotate(35deg)}}@keyframes atm2WaveRight{0%,to{transform:rotate(-25deg)}50%{transform:rotate(-35deg)}}.atm2-robot:hover .atm2-arm.left{animation:atm2WaveLeft .8s ease-in-out infinite}.atm2-robot:hover .atm2-arm.right{animation:atm2WaveRight .8s ease-in-out infinite}.atm2-robot.happy .atm2-arm.left{transform:rotate(45deg)}.atm2-robot.happy .atm2-arm.right{transform:rotate(-45deg)}.atm2-pin-head{bottom:-3px;width:7px;height:7px;background:radial-gradient(circle at 35% 35%,#f0d890 0,#d4a853 40%,#c9973f 70%,#b8862e 100%);border-radius:50%;box-shadow:inset 1px 1px 2px hsla(0,0%,100%,.4),inset -1px -1px 1px rgba(0,0,0,.2),1px 1px 3px rgba(0,0,0,.4)}.atm2-pin-head,.atm2-tool{position:absolute;left:50%;transform:translateX(-50%)}.atm2-tool{bottom:-10px;font-size:11px}.atm2-robot-glow{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:66px;height:66px;background:radial-gradient(circle,rgba(212,168,83,.15) 0,transparent 70%);border-radius:50%;animation:atm2GlowPulse 3s ease-in-out infinite;pointer-events:none;transition:all .3s ease}.atm2-robot-glow.bright{background:radial-gradient(circle,rgba(212,168,83,.4) 0,transparent 70%)}@keyframes atm2GlowPulse{0%,to{opacity:.5;transform:translate(-50%,-50%) scale(1)}50%{opacity:.8;transform:translate(-50%,-50%) scale(1.1)}}.atm2-robot-shadow{position:absolute;bottom:-4px;left:50%;transform:translateX(-50%);width:44px;height:4px;background:radial-gradient(ellipse,rgba(0,0,0,.4) 0,transparent 70%);animation:atm2ShadowPulse 4s ease-in-out infinite}@keyframes atm2ShadowPulse{0%,to{transform:translateX(-50%) scale(1);opacity:.6}50%{transform:translateX(-50%) scale(.85);opacity:.4}}.atm2-flying-elements{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);pointer-events:none;z-index:20}.atm2-flying-item{position:absolute;padding:3px 8px;border-radius:4px;font-size:.6rem;opacity:0;white-space:nowrap;font-family:Inter,sans-serif}.atm2-flying-item.text{background:rgba(100,116,139,.2);color:#64748b;border:1px solid rgba(100,116,139,.3)}.atm2-flying-item.medium{background:rgba(26,137,23,.2);color:#1a8917;border:1px solid rgba(26,137,23,.3)}.atm2-flying-item.flying{animation:atm2FlyAcross 1.2s ease-in-out forwards}@keyframes atm2FlyAcross{0%{opacity:0;transform:translate(-120px) scale(.5) rotate(-10deg)}30%{opacity:1;transform:translate(-60px,-15px) scale(1) rotate(0deg)}70%{opacity:1;transform:translate(60px,-15px) scale(1) rotate(0deg)}to{opacity:0;transform:translate(120px) scale(.5) rotate(10deg)}}.atm2-conversion-arrow{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:28px;color:#d4a54a;opacity:.2;z-index:5}.atm2-status-section{margin-top:15px}.atm2-stage-indicator{display:flex;align-items:center;justify-content:center;gap:10px;margin-bottom:12px}.atm2-stage-icon{font-size:20px;animation:atm2IconBounce .6s ease infinite}@keyframes atm2IconBounce{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}.atm2-stage-label{font-size:.95rem;font-weight:600;color:#f8fafc}.atm2-progress-bar{width:100%;max-width:450px;height:6px;background:hsla(0,0%,100%,.1);border-radius:3px;overflow:hidden;margin:0 auto}.atm2-progress-fill{height:100%;width:0;background:linear-gradient(90deg,#d4a54a,#1a8917);border-radius:3px;transition:width .5s ease;box-shadow:0 0 10px rgba(212,165,74,.5)}.atm2-stage-steps{display:flex;justify-content:center;flex-wrap:wrap;gap:6px;margin-top:12px}.atm2-stage-step{display:flex;align-items:center;gap:4px;font-size:.65rem;color:#64748b;padding:4px 10px;background:hsla(0,0%,100%,.05);border-radius:12px;border:1px solid hsla(0,0%,100%,.1);transition:all .3s ease}.atm2-stage-step.active{background:linear-gradient(135deg,#d4a54a,#c9973d);color:#fff;border-color:#d4a54a;box-shadow:0 0 15px rgba(212,165,74,.3)}.atm2-stage-step.done{background:rgba(26,137,23,.2);color:#4ade80;border-color:rgba(26,137,23,.3)}.atm2-click-hint{font-size:.7rem;color:#64748b;margin-top:12px;text-align:center}@media (max-width:768px){.hero{min-height:auto;padding:1rem 0}.hero-content{padding:5rem 1rem 2rem}.hero-grid{gap:1.5rem}.hero h1{font-size:1.75rem;line-height:1.2}.hero-desc{font-size:.95rem}.badges,.hero-desc{margin-bottom:1.5rem}.badges{gap:.5rem}.badge{padding:.375rem .75rem;font-size:.75rem}.hero-buttons{flex-direction:column;gap:.75rem}.hero-buttons .btn{width:100%;text-align:center;justify-content:center}.hero-bullets{flex-direction:column;gap:.5rem;align-items:flex-start}.vex-container{width:300px;height:380px;margin:0 auto}.vex-speech-bubble{font-size:12px;padding:10px 16px;top:20px}.vex-menu-container{max-width:280px;bottom:0;gap:5px;padding:8px}.vex-menu-item{padding:6px 10px;font-size:10px}.vex-hint{font-size:11px;bottom:8px}.section-title{margin-bottom:2rem}.section-title h2{font-size:1.5rem}.section-title p{font-size:.95rem}section{padding:2.5rem 0}.container{padding:0 1rem}.tools-grid{grid-template-columns:repeat(2,1fr);gap:.75rem}.tool-icon{width:100px;height:100px;font-size:2.5rem}.tool-name{font-size:.75rem}.grid-4,.steps-grid{grid-template-columns:1fr;gap:1rem}.card{padding:1.25rem}.step-num{font-size:2rem}.demo-section{padding:2rem 0}.wb-wrapper{max-width:100%}.wb-controls{gap:8px;flex-direction:column}.wb-controls>div{width:100%;justify-content:center}.wb-browser-content{height:400px}.wb-right-panel,.wb-sidebar{display:none}.wb-builder-main{flex-direction:column}.wb-preview-area{min-height:300px}.wb-builder-tabs{flex-wrap:wrap;gap:4px}.wb-tab{padding:5px 10px;font-size:.65rem}.wb-builder-bottom{flex-wrap:wrap;gap:8px;justify-content:center}.wb-bottom-btn{flex:1;min-width:80px;text-align:center}.wb-welcome-title{font-size:1.3rem}.wb-welcome-subtitle{font-size:.85rem;max-width:90%}.wb-describe-card{padding:20px}.wb-textarea{height:90px;font-size:.82rem}.wb-preview-headline{font-size:1rem}.wb-preview-subtext{font-size:.7rem}.wb-preview-buttons{flex-direction:column;gap:6px}.wb-preview-btn{padding:7px 14px;font-size:.7rem}.wb-robot-container{bottom:10px;right:10px}.wb-speech-bubble{font-size:.65rem;max-width:150px;min-width:80px;padding:6px 8px}.conv-wrapper{max-width:100%}.conv-card{padding:15px;border-radius:14px}.conv-header{flex-direction:column;gap:12px;align-items:flex-start}.conv-title{font-size:1rem}.conv-workspace{flex-direction:column;height:auto;gap:10px}.conv-code-panel{height:180px}.conv-robot-track{position:relative;height:80px;margin:10px 0}.conv-robot-wrapper{position:relative;left:50%;top:50%}.conv-robot-wrapper.pos-center,.conv-robot-wrapper.pos-left,.conv-robot-wrapper.pos-right{left:50%}.conv-code-content{font-size:.65rem;padding:8px}.conv-status-section{margin-top:12px}.conv-stage-indicator{gap:6px}.conv-stage-icon{font-size:16px}.conv-stage-label{font-size:.8rem}.conv-stage-steps{gap:4px}.conv-stage-step{font-size:.6rem;padding:3px 8px}.atm2-card{padding:15px;border-radius:14px;max-width:100%}.atm2-header{flex-direction:column;gap:12px;align-items:flex-start}.atm2-title{font-size:1rem}.atm2-workspace{flex-direction:column;height:auto;gap:10px}.atm2-medium-panel,.atm2-original-panel{width:100%;height:200px}.atm2-robot-track{position:relative;height:90px;margin:10px 0}.atm2-robot-wrapper.pos-center,.atm2-robot-wrapper.pos-left,.atm2-robot-wrapper.pos-right{left:50%}.atm2-status-section{margin-top:12px}.atm2-stage-indicator{gap:6px}.atm2-stage-icon{font-size:16px}.atm2-stage-label{font-size:.8rem}.atm2-stage-steps{gap:4px}.atm2-stage-step{font-size:.6rem;padding:3px 8px}.footer-grid{grid-template-columns:1fr;gap:1.5rem;text-align:center}.footer-desc{max-width:100%}footer{padding:1.5rem 1rem 1rem}}@media (max-width:480px){.hero h1{font-size:1.5rem}.hero-desc{font-size:.875rem}.vex-container{width:280px;height:360px}.tools-grid{grid-template-columns:repeat(2,1fr);gap:.5rem}.tool-icon{width:80px;height:80px;font-size:2rem}.tool-name{font-size:.7rem}.section-title h2{font-size:1.25rem}.wb-browser-content{height:350px}.conv-code-panel{height:150px}.atm2-medium-panel,.atm2-original-panel{height:170px}.wb-welcome-title{font-size:1.1rem}.wb-describe-card{padding:15px}}@media (min-width:769px) and (max-width:1023px){.vex-container{width:350px;height:420px}.tools-grid{grid-template-columns:repeat(3,1fr)}.tool-icon{width:130px;height:130px}.grid-4,.steps-grid{grid-template-columns:repeat(2,1fr)}.wb-right-panel,.wb-sidebar{width:120px}.conv-workspace{height:280px}}@media (max-width:768px){.btn,.mobile-menu-btn,.nav-contact,.nav-link,.vex-menu-item,.wb-audio-btn,.wb-lang-btn,.wb-start-btn{min-height:44px;display:flex;align-items:center;justify-content:center}.mobile-menu-btn{min-width:44px}}body,html{overflow-x:hidden;max-width:100vw}@media (max-width:768px){.hero-orb-1{width:12rem;height:12rem;opacity:.5}.hero-orb-2{width:8rem;height:8rem;opacity:.5}}.aud-card{background:linear-gradient(145deg,#1e293b,#334155);border-radius:20px;padding:20px;box-shadow:0 4px 6px rgba(0,0,0,.1),0 20px 50px rgba(0,0,0,.4),inset 0 1px 0 hsla(0,0%,100%,.05);border:1px solid hsla(0,0%,100%,.1)}.aud-header{margin-bottom:15px;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px}.aud-header-text{text-align:left}.aud-title{font-size:1.2rem;font-weight:700;color:#f8fafc;margin-bottom:4px}.aud-subtitle{font-size:.75rem;color:#94a3b8}.aud-sound-toggle{background:linear-gradient(135deg,#f59e0b,#d97706);border:none;border-radius:10px;padding:10px 16px;color:#fff;font-size:.8rem;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:6px;transition:all .3s ease;font-family:inherit}.aud-sound-toggle:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(245,158,11,.4)}.aud-sound-toggle.on{background:linear-gradient(135deg,#22c55e,#16a34a)}.aud-workspace{position:relative;display:flex;gap:15px;min-height:420px;margin-bottom:15px}.aud-website-panel{width:280px;min-width:280px;background:#0f172a;border-radius:12px;overflow:hidden;border:1px solid hsla(0,0%,100%,.1);display:flex;flex-direction:column}.aud-url-bar{height:36px;background:linear-gradient(180deg,#1e293b,#334155);display:flex;align-items:center;padding:0 10px;gap:8px;border-bottom:1px solid hsla(0,0%,100%,.1)}.aud-url-dots{display:flex;gap:5px}.aud-url-dot{width:10px;height:10px;border-radius:50%}.aud-url-dot.red{background:#f87171}.aud-url-dot.yellow{background:#fbbf24}.aud-url-dot.green{background:#4ade80}.aud-url-input{flex:1;height:22px;background:#0f172a;border-radius:4px;display:flex;align-items:center;padding:0 8px;font-size:.6rem;color:#94a3b8}.aud-url-input .lock{color:#4ade80;margin-right:5px}.aud-website-preview{flex:1;background:#fff;position:relative;overflow:hidden}.aud-site-header-mock{height:28px;background:linear-gradient(90deg,#1e293b,#334155);display:flex;align-items:center;padding:0 10px}.aud-site-logo-mock{width:45px;height:12px;background:#d4a54a;border-radius:3px}.aud-site-nav-mock{margin-left:auto;display:flex;gap:6px}.aud-nav-item-mock{width:25px;height:6px;background:hsla(0,0%,100%,.3);border-radius:2px}.aud-site-hero-mock{height:70px;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px}.aud-hero-title-mock{width:100px;height:10px;background:hsla(0,0%,100%,.9);border-radius:3px}.aud-hero-btn-mock{width:50px;height:14px;background:#d4a54a;border-radius:4px}.aud-site-content-mock{padding:10px;display:flex;gap:8px}.aud-content-card-mock{flex:1;height:50px;background:#f1f5f9;border-radius:5px;padding:6px}.aud-card-line-mock{height:5px;background:#cbd5e1;border-radius:2px;margin-bottom:4px}.aud-card-line-mock:nth-child(2){width:80%}.aud-card-line-mock:nth-child(3){width:60%}.aud-site-footer-mock{position:absolute;bottom:0;left:0;right:0;height:22px;background:#1e293b}.aud-scan-overlay{position:absolute;inset:0;background:rgba(212,165,74,.05);opacity:0;transition:opacity .3s ease;pointer-events:none}.aud-website-preview.scanning .aud-scan-overlay{opacity:1}.aud-scan-line-h{position:absolute;left:0;right:0;height:3px;background:linear-gradient(90deg,transparent,#d4a54a,transparent);animation:audScanH 2s ease-in-out infinite}@keyframes audScanH{0%{top:0}to{top:100%}}.aud-checkpoint{position:absolute;width:18px;height:18px;border-radius:50%;background:rgba(212,165,74,.2);border:2px solid #d4a54a;display:flex;align-items:center;justify-content:center;font-size:9px;opacity:0;transform:scale(0);transition:all .3s cubic-bezier(.68,-.55,.265,1.55)}.aud-checkpoint.visible{opacity:1;transform:scale(1)}.aud-checkpoint.pass{background:rgba(34,197,94,.2);border-color:#22c55e}.aud-checkpoint.warn{background:rgba(251,191,36,.2);border-color:#fbbf24}.aud-checkpoint.fail{background:rgba(239,68,68,.2);border-color:#ef4444}.aud-cp1{top:6px;left:6px}.aud-cp2{top:6px;right:6px}.aud-cp3{top:50%;left:50%;transform:translate(-50%,-50%) scale(0)}.aud-cp3.visible{transform:translate(-50%,-50%) scale(1)}.aud-cp4{bottom:32px;left:16px}.aud-cp5{bottom:32px;right:16px}.aud-dashboard-panel{flex:1;background:#0f172a;border-radius:12px;border:1px solid hsla(0,0%,100%,.1);padding:15px;display:flex;flex-direction:column;gap:10px;overflow:hidden;min-width:0}.aud-dashboard-header{display:flex;align-items:center;justify-content:space-between}.aud-dashboard-title{font-size:.8rem;font-weight:700;color:#f8fafc}.aud-audit-badge{padding:4px 10px;background:linear-gradient(135deg,#d4a54a,#c9973d);border-radius:12px;font-size:.55rem;font-weight:600;color:#fff}.aud-score-section{display:flex;gap:12px;opacity:0;transform:translateY(10px);transition:all .5s ease}.aud-score-section.visible{opacity:1;transform:translateY(0)}.aud-main-score{position:relative;width:85px;height:85px;flex-shrink:0}.aud-score-ring{width:100%;height:100%;background:conic-gradient(#22c55e 0deg,#22c55e var(--score-deg,0deg),#334155 var(--score-deg,0deg),#334155 1turn);transition:all 1s ease}.aud-score-inner,.aud-score-ring{border-radius:50%;display:flex;align-items:center;justify-content:center}.aud-score-inner{width:65px;height:65px;background:#0f172a;flex-direction:column}.aud-score-value{font-size:1.3rem;font-weight:800;color:#22c55e}.aud-score-label{font-size:.5rem;color:#64748b}.aud-category-scores{flex:1;display:flex;flex-direction:column;gap:6px;min-width:0}.aud-category-item{display:flex;align-items:center;gap:8px;opacity:0;transform:translateX(10px);transition:all .4s ease}.aud-category-item.visible{opacity:1;transform:translateX(0)}.aud-category-icon{width:24px;height:24px;border-radius:5px;display:flex;align-items:center;justify-content:center;font-size:12px;flex-shrink:0}.aud-category-icon.seo{background:rgba(59,130,246,.2)}.aud-category-icon.speed{background:rgba(34,197,94,.2)}.aud-category-icon.tech{background:rgba(168,85,247,.2)}.aud-category-info{flex:1;min-width:0}.aud-category-name{font-size:.65rem;font-weight:600;color:#f8fafc}.aud-category-bar{height:5px;background:#334155;border-radius:3px;margin-top:3px;overflow:hidden}.aud-category-fill{height:100%;border-radius:3px;width:0;transition:width 1s ease}.aud-category-fill.seo{background:linear-gradient(90deg,#3b82f6,#60a5fa)}.aud-category-fill.speed{background:linear-gradient(90deg,#22c55e,#4ade80)}.aud-category-fill.tech{background:linear-gradient(90deg,#a855f7,#c084fc)}.aud-category-score{font-size:.7rem;font-weight:700;color:#f8fafc;min-width:28px;text-align:right}.aud-issues-section{background:hsla(0,0%,100%,.03);border-radius:8px;padding:10px;opacity:0;transform:translateY(10px);transition:all .5s ease}.aud-issues-section.visible{opacity:1;transform:translateY(0)}.aud-issues-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px;flex-wrap:wrap;gap:5px}.aud-issues-title{font-size:.7rem;font-weight:600;color:#f8fafc}.aud-issues-count{display:flex;gap:5px;flex-wrap:wrap}.aud-count-badge{padding:2px 6px;border-radius:8px;font-size:.55rem;font-weight:600}.aud-count-badge.critical{background:rgba(239,68,68,.2);color:#f87171}.aud-count-badge.warning{background:rgba(251,191,36,.2);color:#fbbf24}.aud-count-badge.passed{background:rgba(34,197,94,.2);color:#4ade80}.aud-issues-list{display:flex;flex-direction:column;gap:5px;max-height:85px;overflow:hidden}.aud-issue-item{display:flex;align-items:center;gap:6px;padding:5px 7px;background:hsla(0,0%,100%,.03);border-radius:5px;border-left:3px solid transparent;opacity:0;transform:translateX(-10px);transition:all .3s ease}.aud-issue-item.visible{opacity:1;transform:translateX(0)}.aud-issue-item.critical{border-left-color:#ef4444}.aud-issue-item.warning{border-left-color:#fbbf24}.aud-issue-item.passed{border-left-color:#22c55e}.aud-issue-icon{font-size:10px}.aud-issue-text{flex:1;font-size:.6rem;color:#cbd5e1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.aud-issue-severity{font-size:.5rem;padding:2px 5px;border-radius:4px;flex-shrink:0}.aud-issue-severity.critical{background:rgba(239,68,68,.2);color:#f87171}.aud-issue-severity.warning{background:rgba(251,191,36,.2);color:#fbbf24}.aud-issue-severity.passed{background:rgba(34,197,94,.2);color:#4ade80}.aud-rec-section{background:rgba(212,165,74,.05);border:1px solid rgba(212,165,74,.2);border-radius:8px;padding:10px;opacity:0;transform:translateY(10px);transition:all .5s ease}.aud-rec-section.visible{opacity:1;transform:translateY(0)}.aud-rec-header{display:flex;align-items:center;gap:6px;margin-bottom:8px}.aud-rec-icon{font-size:14px}.aud-rec-title{font-size:.7rem;font-weight:600;color:#d4a54a}.aud-rec-list{display:flex;flex-direction:column;gap:5px}.aud-rec-item{display:flex;align-items:flex-start;gap:6px;padding:5px;background:hsla(0,0%,100%,.03);border-radius:5px;opacity:0;transform:translateX(-10px);transition:all .3s ease}.aud-rec-item.visible{opacity:1;transform:translateX(0)}.aud-rec-bullet{width:14px;height:14px;background:linear-gradient(135deg,#d4a54a,#c9973d);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:7px;color:#fff;flex-shrink:0}.aud-rec-text{font-size:.6rem;color:#cbd5e1;line-height:1.4}.aud-robot-track{position:absolute;top:50%;left:280px;transform:translateY(-50%);width:70px;height:90px;z-index:10;pointer-events:none}.aud-robot-wrapper{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:65px;height:73px;transition:all .6s ease;cursor:pointer;pointer-events:auto}.aud-robot-wrapper.scanning{animation:audRobotScan 2s ease-in-out infinite}@keyframes audRobotScan{0%,to{transform:translate(-50%,-50%) translateY(0)}50%{transform:translate(-50%,-50%) translateY(-8px)}}.aud-robot{position:relative;width:100%;height:100%;animation:audRobotFloat 4s ease-in-out infinite;transition:filter .2s ease}.aud-robot:active{filter:brightness(1.2)}@keyframes audRobotFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}.aud-robot:hover{animation:audRobotFloat 2s ease-in-out infinite}.aud-v-shape{position:absolute;width:100%;height:100%}.aud-v-left,.aud-v-right{position:absolute;width:8px;height:52px;background:linear-gradient(135deg,#d4a853,#c9973f 50%,#b8862e);border-radius:2px 2px 1px 1px;box-shadow:inset 1px 0 1px rgba(255,215,150,.4),inset -1px 0 1px rgba(0,0,0,.2),1px 2px 5px rgba(0,0,0,.4);transition:transform .2s ease}.aud-v-left{top:4px;left:7px;transform:rotate(-22deg);transform-origin:top center}.aud-v-right{top:4px;right:7px;transform:rotate(22deg);transform-origin:top center}.aud-robot:hover .aud-v-left{transform:rotate(-27deg)}.aud-robot:hover .aud-v-right{transform:rotate(27deg)}.aud-serif-left,.aud-serif-right{position:absolute;width:5px;height:3px;background:linear-gradient(135deg,#d4a853,#c9973f);border-radius:1px;box-shadow:1px 1px 2px rgba(0,0,0,.3)}.aud-serif-left{top:1px;left:4px;transform:rotate(-22deg)}.aud-serif-right{top:1px;right:4px;transform:rotate(22deg)}.aud-face{top:21px;width:22px;height:18px}.aud-face,.aud-head-arc{position:absolute;left:50%;transform:translateX(-50%)}.aud-head-arc{top:-1px;width:16px;height:9px;border:3px solid #c9973f;border-bottom:none;border-radius:12px 12px 0 0;box-shadow:0 -1px 3px rgba(212,168,83,.5),inset 0 1px 2px rgba(255,215,150,.2);animation:audHeadBob 3s ease-in-out infinite}@keyframes audHeadBob{0%,to{transform:translateX(-50%) rotate(0deg)}25%{transform:translateX(-50%) rotate(-2deg)}75%{transform:translateX(-50%) rotate(2deg)}}.aud-eyes{position:absolute;top:9px;left:50%;transform:translateX(-50%);display:flex;gap:5px}.aud-eye{width:3px;height:3px;background:linear-gradient(135deg,#d4a853,#c9973f);border-radius:50%;box-shadow:0 0 3px rgba(212,168,83,.6);animation:audBlink 4s ease-in-out infinite;transition:all .2s ease}.aud-eye.left{animation-delay:0s}.aud-eye.right{animation-delay:.1s}@keyframes audBlink{0%,45%,55%,to{transform:scaleY(1);opacity:1}50%{transform:scaleY(.1);opacity:.8}}.aud-robot:hover .aud-eye{animation:audBlink 1.5s ease-in-out infinite;box-shadow:0 0 4px rgba(212,168,83,.8)}.aud-robot.happy .aud-eye{box-shadow:0 0 6px #d4a853;transform:scaleY(.5) scaleX(1.2)}.aud-mouth{position:absolute;top:14px;left:50%;transform:translateX(-50%);width:5px;height:1px;background:linear-gradient(90deg,#c9973f,#d4a853,#c9973f);border-radius:1px;box-shadow:0 1px 2px rgba(0,0,0,.3);animation:audTalk 2s ease-in-out infinite;transition:all .15s ease}@keyframes audTalk{0%,40%,60%,to{width:5px;height:1px}45%,55%{width:4px;height:2px;border-radius:1px}}.aud-robot.happy .aud-mouth{width:6px;height:3px;border-radius:0 0 3px 3px;animation:none}.aud-arm{position:absolute;top:32px;width:3px;height:14px;background:linear-gradient(180deg,#d4a853,#c9973f 50%,#b8862e);border-radius:1px;box-shadow:1px 1px 2px rgba(0,0,0,.4),inset 0 0 1px rgba(255,215,150,.3);transition:transform .2s ease;transform-origin:top center}.aud-arm.left{left:12px;transform:rotate(25deg);animation:audWaveLeft 2.5s ease-in-out infinite}.aud-arm.right{right:12px;transform:rotate(-25deg);animation:audWaveRight 2.5s ease-in-out infinite}@keyframes audWaveLeft{0%,to{transform:rotate(25deg)}50%{transform:rotate(35deg)}}@keyframes audWaveRight{0%,to{transform:rotate(-25deg)}50%{transform:rotate(-35deg)}}.aud-robot:hover .aud-arm.left{animation:audWaveLeft .8s ease-in-out infinite}.aud-robot:hover .aud-arm.right{animation:audWaveRight .8s ease-in-out infinite}.aud-robot.happy .aud-arm.left{transform:rotate(45deg)}.aud-robot.happy .aud-arm.right{transform:rotate(-45deg)}.aud-pin-head{bottom:-3px;width:5px;height:5px;background:radial-gradient(circle at 35% 35%,#f0d890 0,#d4a853 40%,#c9973f 70%,#b8862e 100%);border-radius:50%;box-shadow:inset 1px 1px 2px hsla(0,0%,100%,.4),inset -1px -1px 1px rgba(0,0,0,.2),1px 1px 2px rgba(0,0,0,.4)}.aud-pin-head,.aud-tool{position:absolute;left:50%;transform:translateX(-50%)}.aud-tool{bottom:-7px;font-size:8px}.aud-robot-glow{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:48px;height:48px;background:radial-gradient(circle,rgba(212,168,83,.15) 0,transparent 70%);border-radius:50%;animation:audGlowPulse 3s ease-in-out infinite;pointer-events:none;transition:all .3s ease}.aud-robot-glow.bright{background:radial-gradient(circle,rgba(212,168,83,.4) 0,transparent 70%)}@keyframes audGlowPulse{0%,to{opacity:.5;transform:translate(-50%,-50%) scale(1)}50%{opacity:.8;transform:translate(-50%,-50%) scale(1.1)}}.aud-robot-shadow{position:absolute;bottom:-4px;left:50%;transform:translateX(-50%);width:32px;height:4px;background:radial-gradient(ellipse,rgba(0,0,0,.4) 0,transparent 70%);animation:audShadowPulse 4s ease-in-out infinite}@keyframes audShadowPulse{0%,to{transform:translateX(-50%) scale(1);opacity:.6}50%{transform:translateX(-50%) scale(.85);opacity:.4}}.aud-status-section{margin-top:10px}.aud-stage-indicator{display:flex;align-items:center;justify-content:center;gap:10px;margin-bottom:10px}.aud-stage-icon{font-size:16px;animation:audIconBounce .6s ease infinite}@keyframes audIconBounce{0%,to{transform:translateY(0)}50%{transform:translateY(-2px)}}.aud-stage-label{font-size:.85rem;font-weight:600;color:#f8fafc}.aud-progress-bar{width:100%;max-width:450px;height:5px;background:hsla(0,0%,100%,.1);border-radius:3px;overflow:hidden;margin:0 auto}.aud-progress-fill{height:100%;width:0;background:linear-gradient(90deg,#d4a54a,#22c55e 50%,#3b82f6);border-radius:3px;transition:width .5s ease}.aud-stage-steps{display:flex;justify-content:center;flex-wrap:wrap;gap:5px;margin-top:10px}.aud-stage-step{display:flex;align-items:center;gap:3px;font-size:.55rem;color:#64748b;padding:3px 7px;background:hsla(0,0%,100%,.05);border-radius:8px;border:1px solid hsla(0,0%,100%,.1);transition:all .3s ease}.aud-stage-step.active{background:linear-gradient(135deg,#d4a54a,#c9973d);color:#fff;border-color:#d4a54a}.aud-stage-step.done{background:rgba(34,197,94,.2);color:#4ade80;border-color:rgba(34,197,94,.3)}.aud-click-hint{font-size:.65rem;color:#64748b;margin-top:8px;text-align:center}@media (max-width:900px){.aud-workspace{flex-direction:column;height:auto;min-height:auto}.aud-website-panel{width:100%;min-width:100%;height:200px}.aud-robot-track{width:100%;height:90px;margin:15px 0;display:flex;align-items:center;justify-content:center}.aud-robot-track,.aud-robot-wrapper{position:relative;top:auto;left:auto;transform:none}.aud-dashboard-panel{width:100%}}@media (max-width:600px){.aud-card{padding:15px}.aud-header{flex-direction:column;align-items:flex-start}.aud-title{font-size:1rem}.aud-score-section{flex-direction:column;align-items:center}.aud-main-score{margin-bottom:10px}.aud-stage-steps{gap:3px}.aud-stage-step{font-size:.5rem;padding:2px 5px}}.page-hero{padding:8rem 1.5rem 3rem;position:relative;overflow:hidden;text-align:center}.page-hero:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at top,rgba(212,168,83,.15),transparent 70%)}.page-hero .container{position:relative;max-width:900px;margin:0 auto}.page-hero h1{font-size:2.75rem;font-weight:800;color:#fff;margin-bottom:1.5rem;line-height:1.2}.page-hero p{font-size:1.25rem;color:#a1a1aa;max-width:700px;margin:0 auto}.section-dark{background:rgba(24,24,27,.5)}.section-header{text-align:center;margin-bottom:3rem}.section-header .eyebrow{margin-bottom:1rem}.section-header h2{font-size:2rem;font-weight:700;color:#fff;margin-bottom:1rem}.section-header p{color:#a1a1aa;font-size:1.125rem;max-width:600px;margin:0 auto}.text-content{max-width:800px;margin:0 auto}.text-content h2{color:#d4a853;font-size:1.5rem;font-weight:700;margin:2.5rem 0 1rem}.text-content h3{color:#fff;font-size:1.25rem;font-weight:600;margin:2rem 0 .75rem}.text-content p{color:#a1a1aa;margin-bottom:1.5rem;font-size:1.0625rem;line-height:1.8}.text-content ol,.text-content ul{color:#a1a1aa;margin-bottom:1.5rem;padding-left:1.5rem}.text-content li{margin-bottom:.75rem;line-height:1.7}.text-content a{color:#d4a853;text-decoration:underline}.text-content a:hover{color:#f5d78e}.text-content strong{color:#fff}.cards-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;margin-top:2rem}.feature-box{background:rgba(212,168,83,.1);border:1px solid rgba(212,168,83,.3);border-radius:1rem;padding:2rem;margin:2rem 0}.feature-box h3{color:#d4a853;font-size:1.25rem;margin-bottom:1rem}.feature-box p{color:#a1a1aa;margin:0}@media (max-width:768px){.page-hero h1{font-size:2rem}.section-header h2{font-size:1.5rem}}.comparison-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:1.5rem}.comparison-card{padding:1.5rem;border-radius:1rem;background:rgba(24,24,27,.5);border:1px solid #27272a}.comparison-card.vex{background:linear-gradient(135deg,rgba(212,168,83,.1),rgba(168,85,247,.1));border-color:rgba(212,168,83,.3)}.comparison-card h3{font-size:1.125rem;font-weight:600;margin-bottom:1rem}.comparison-card h3.vex-title{color:#d4a853}.comparison-list{list-style:none;margin-bottom:1rem}.comparison-list li{display:flex;align-items:flex-start;gap:.5rem;font-size:.875rem;margin-bottom:.5rem;color:#a1a1aa}.comparison-list .check{color:#10b981}.comparison-list .cross{color:#ef4444}.comparison-verdict{font-size:.875rem;font-weight:500}.comparison-verdict.vex-verdict{color:#d4a853}.diff-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:1.5rem}.diff-card{padding:1.5rem;border-radius:1rem;background:rgba(24,24,27,.5);border:1px solid #27272a;transition:all .3s}.diff-card:hover{border-color:rgba(212,168,83,.3)}.diff-header{gap:.75rem;margin-bottom:1rem}.diff-header,.diff-number{display:flex;align-items:center}.diff-number{width:2rem;height:2rem;border-radius:50%;background:rgba(212,168,83,.2);color:#d4a853;font-size:.875rem;font-weight:700;justify-content:center}.diff-card h3{color:#fff;font-size:1.125rem;font-weight:600}.diff-card p{color:#a1a1aa;font-size:.9375rem;margin-bottom:1rem}.diff-list{list-style:none}.diff-list li{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:#71717a;margin-bottom:.25rem}.diff-list li:before{content:"•";color:#d4a853}.special-card{padding:2rem;border-radius:1rem;background:linear-gradient(135deg,rgba(212,168,83,.1),rgba(168,85,247,.1));border:1px solid rgba(212,168,83,.2);margin-top:1.5rem}.special-card .category{font-size:1.5rem;font-weight:700;color:#d4a853;margin:1rem 0}.special-features{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:.75rem;margin:1.5rem 0}.special-features span{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:#a1a1aa}.special-features .check{color:#d4a853}.summary-list{display:flex;flex-direction:column;gap:1rem}.summary-item{padding:1rem 1.5rem;border-radius:.75rem;background:rgba(24,24,27,.5);border:1px solid #27272a;display:flex;flex-wrap:wrap;align-items:center;gap:.75rem}.summary-item.vex{background:linear-gradient(135deg,rgba(212,168,83,.1),rgba(168,85,247,.1));border-color:rgba(212,168,83,.3)}.summary-name{font-weight:500;color:#fff;min-width:160px}.summary-name.vex-name{color:#d4a853;font-weight:700}.summary-arrow{color:#71717a}.summary-arrow.vex-arrow{color:#d4a853}.summary-desc{color:#a1a1aa}.summary-desc.vex-desc{color:#fff;font-weight:500}.cta-section{text-align:center;padding:5rem 1.5rem}.cta-section h2{font-size:2rem;font-weight:700;color:#fff;margin-bottom:.75rem}.cta-section>p{color:#71717a;margin-bottom:2rem}.cta-buttons{display:flex;flex-wrap:wrap;justify-content:center;gap:1rem}@media (max-width:768px){.comparison-grid,.diff-grid{grid-template-columns:1fr}}.blog-hero{position:relative;padding:6rem 1.5rem 3rem;text-align:center;background:linear-gradient(145deg,#09090b,#18181b 50%,#09090b)}.blog-hero:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at top center,rgba(212,168,83,.1),transparent 60%)}.blog-hero h1{font-size:clamp(2rem,4vw,2.75rem);font-weight:800;color:#fff;margin-bottom:1rem;line-height:1.2;max-width:60rem;margin-left:auto;margin-right:auto}.blog-meta{display:flex;gap:1.5rem;justify-content:center;margin-top:1rem;color:#71717a;font-size:.875rem}.blog-hero-image{max-width:800px;margin:2rem auto 0;border-radius:1rem;overflow:hidden;box-shadow:0 10px 40px rgba(0,0,0,.4)}.blog-hero-image img{width:100%;height:auto;display:block}.eyebrow{display:inline-block;padding:.5rem 1rem;border-radius:9999px;background:rgba(212,168,83,.1);color:#d4a853;font-size:.875rem;font-weight:500;margin-bottom:1rem}.blog-card{background:rgba(39,39,42,.5);border:1px solid #27272a;border-radius:1rem;overflow:hidden;transition:all .3s;text-decoration:none;display:flex;flex-direction:column}.blog-card:hover{border-color:rgba(212,168,83,.3);transform:translateY(-2px);box-shadow:0 8px 25px rgba(0,0,0,.3)}.blog-card-image{width:100%;height:200px;position:relative;background:rgba(24,24,27,.5)}.blog-card-image img{-o-object-fit:contain;object-fit:contain}.blog-card-content{padding:1.5rem;flex-grow:1}.blog-card h3{color:#fff;font-size:1.125rem;font-weight:600;margin-bottom:.75rem;line-height:1.4}.blog-card p{color:#a1a1aa;font-size:.875rem;margin:0;line-height:1.6}.blog-card-date{color:#71717a;font-size:.75rem;margin-bottom:.5rem;text-transform:uppercase;letter-spacing:.05em}.blog-article{max-width:48rem;margin:0 auto}.blog-article h2{color:#fff;font-size:1.75rem;font-weight:700;margin:2.5rem 0 1rem}.blog-article h3{color:#fff;font-size:1.375rem;font-weight:600;margin:2rem 0 .75rem}.blog-article ol,.blog-article p,.blog-article ul{color:#a1a1aa;font-size:1.125rem;line-height:1.8;margin-bottom:1.5rem}.blog-article ol,.blog-article ul{padding-left:2rem}.blog-article li{margin-bottom:.75rem}.blog-article strong{color:#fff}.blog-article img{width:100%;height:auto;border-radius:12px;box-shadow:0 8px 25px rgba(0,0,0,.3)}