:root{--color-indigo: #6366f1;--color-cyan: #06b6d4;--color-emerald: #10b981;--color-emerald-neon: #00f898;--color-pink: #f43f5e;--gradient-primary: linear-gradient(135deg, var(--color-indigo) 0%, var(--color-cyan) 100%);--gradient-pm: linear-gradient(135deg, #4f46e5 0%, #818cf8 100%);--gradient-dev: linear-gradient(135deg, #0ea5e9 0%, #38bdf8 100%);--gradient-agents: linear-gradient(135deg, #059669 0%, var(--color-emerald-neon) 100%);--gradient-prospect: linear-gradient(135deg, #db2777 0%, var(--color-pink) 100%);--font-display: "Outfit", sans-serif;--font-body: "Inter", sans-serif;--transition-fast: .2s ease;--transition-normal: .3s cubic-bezier(.4, 0, .2, 1);--transition-slow: .5s cubic-bezier(.4, 0, .2, 1);--bg-dark: #070d19;--bg-darker: #040810;--bg-surface: rgba(15, 23, 42, .45);--bg-surface-solid: #0d1527;--bg-surface-hover: rgba(30, 41, 59, .6);--border-light: rgba(255, 255, 255, .08);--border-glow: rgba(99, 102, 241, .15);--text-primary: #f8fafc;--text-secondary: #cbd5e1;--text-muted: #64748b;--glow-indigo: 0 0 20px rgba(99, 102, 241, .3);--glow-cyan: 0 0 20px rgba(6, 182, 212, .3);--glow-emerald: 0 0 20px rgba(16, 185, 129, .3);--glow-pink: 0 0 20px rgba(244, 63, 94, .3)}html.dark{--bg-dark: #070d19;--bg-darker: #040810;--bg-surface: rgba(15, 23, 42, .45);--bg-surface-solid: #0d1527;--bg-surface-hover: rgba(30, 41, 59, .6);--border-light: rgba(255, 255, 255, .08);--border-glow: rgba(99, 102, 241, .15);--text-primary: #f8fafc;--text-secondary: #cbd5e1;--text-muted: #64748b;--glow-indigo: 0 0 20px rgba(99, 102, 241, .3);--glow-cyan: 0 0 20px rgba(6, 182, 212, .3);--glow-emerald: 0 0 20px rgba(16, 185, 129, .3);--glow-pink: 0 0 20px rgba(244, 63, 94, .3)}html.light{--bg-dark: #f8fafc;--bg-darker: #f1f5f9;--bg-surface: rgba(255, 255, 255, .7);--bg-surface-solid: #ffffff;--bg-surface-hover: rgba(255, 255, 255, .95);--border-light: rgba(15, 23, 42, .08);--border-glow: rgba(99, 102, 241, .08);--text-primary: #0f172a;--text-secondary: #334155;--text-muted: #64748b;--glow-indigo: 0 4px 20px rgba(99, 102, 241, .1);--glow-cyan: 0 4px 20px rgba(6, 182, 212, .1);--glow-emerald: 0 4px 20px rgba(16, 185, 129, .1);--glow-pink: 0 4px 20px rgba(244, 63, 94, .1)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;font-size:16px;background-color:var(--bg-dark);color:var(--text-primary);font-family:var(--font-body);overflow-x:hidden}body{min-height:100vh;line-height:1.6;overflow-x:hidden;position:relative}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:var(--bg-darker)}::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:5px}::-webkit-scrollbar-thumb:hover{background:var(--color-indigo)}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 24px}.max-w-4xl{max-width:896px}.max-w-3xl{max-width:768px}#hero-canvas{position:absolute;top:0;left:0;width:100%;height:950px;pointer-events:none;z-index:1;opacity:.65;mask-image:linear-gradient(to bottom,black 50%,transparent 95%);-webkit-mask-image:linear-gradient(to bottom,black 50%,transparent 95%)}h1,h2,h3,h4{font-family:var(--font-display);font-weight:700;line-height:1.2}.gradient-text-indigo{background:linear-gradient(135deg,#a5b4fc,#6366f1);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.gradient-text-cyan{background:linear-gradient(135deg,#22d3ee,#06b6d4);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.gradient-text-emerald{background:linear-gradient(135deg,#34d399,#10b981);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.gradient-text-pink{background:linear-gradient(135deg,#f43f5e,#f472b6);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.section-header{text-align:center;margin-bottom:64px}.section-tag{display:inline-block;font-size:.75rem;font-weight:700;letter-spacing:.1em;color:var(--color-indigo);text-transform:uppercase;margin-bottom:12px}.section-title{font-size:2.25rem;margin-bottom:18px;letter-spacing:-.02em}@media (min-width: 768px){.section-title{font-size:2.75rem}}.section-desc{font-size:1.05rem;color:var(--text-secondary);max-width:600px;margin:0 auto;font-weight:300}.btn{display:inline-flex;align-items:center;justify-content:center;padding:12px 24px;border-radius:12px;font-family:var(--font-body);font-weight:600;font-size:.95rem;text-decoration:none;cursor:pointer;transition:var(--transition-normal);border:1px solid transparent}.btn-primary{background:var(--gradient-primary);color:#fff;box-shadow:0 4px 15px #6366f133}.btn-primary:hover{transform:translateY(-2px);box-shadow:var(--glow-indigo)}.btn-secondary{background:#ffffff08;color:var(--text-primary);border-color:var(--border-light)}.btn-secondary:hover{background:#ffffff14;border-color:var(--text-muted);transform:translateY(-2px)}.btn-nav{padding:8px 18px;font-size:.85rem;background:#6366f11a;color:var(--text-primary);border-color:#6366f14d}.btn-nav:hover{background:var(--color-indigo);color:#fff}.btn-pillar-cta{background:#ffffff08;color:var(--text-primary);border-color:var(--border-light);font-size:.85rem;padding:8px 16px;gap:8px}.btn-pillar-cta:hover{border-color:currentColor;background:#ffffff12}.header{position:fixed;top:0;left:0;width:100%;z-index:100;background:#070d19bf;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border-light);transition:var(--transition-normal)}.header.scrolled{background:#040810f2;padding:4px 0}.header-container{display:flex;align-items:center;justify-content:space-between;height:72px;max-width:1240px;margin:0 auto;padding:0 24px}.logo-link{display:flex;align-items:center;text-decoration:none;color:inherit}.logo-img{height:38px;width:auto;display:block}.theme-toggle{background:none;border:none;color:var(--text-muted);cursor:pointer;padding:8px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:var(--transition-fast)}.theme-toggle:hover{background:#ffffff0d;color:var(--text-primary)}html.light .theme-toggle:hover{background:#0000000d}html.dark .sun-icon{display:block}html.dark .moon-icon,html.light .sun-icon{display:none}html.light .moon-icon{display:block}html.light .logo-img{filter:invert(.9) brightness(.2) contrast(1.2)}.nav-desktop{display:none;gap:32px}@media (min-width: 992px){.nav-desktop{display:flex}}.nav-link{font-size:.9rem;font-weight:500;color:var(--text-secondary);text-decoration:none;transition:var(--transition-fast);position:relative;padding:4px 0}.nav-link:after{content:"";position:absolute;bottom:0;left:0;width:0;height:2px;background:var(--gradient-primary);transition:var(--transition-fast)}.nav-link:hover{color:var(--text-primary)}.nav-link:hover:after{width:100%}.header-actions{display:flex;align-items:center;gap:16px}.lang-switcher{display:flex;align-items:center;gap:4px}.lang-btn{background:none;border:none;color:var(--text-muted);font-family:var(--font-body);font-weight:600;font-size:.8rem;cursor:pointer;padding:4px;transition:var(--transition-fast)}.lang-btn:hover,.lang-btn.active{color:var(--text-primary)}.lang-separator{color:var(--border-light);font-size:.8rem}.header-actions .btn-nav{display:none}@media (min-width: 640px){.header-actions .btn-nav{display:inline-flex}}.mobile-toggle{display:flex;flex-direction:column;justify-content:space-between;width:22px;height:16px;background:none;border:none;cursor:pointer}@media (min-width: 992px){.mobile-toggle{display:none}}.mobile-toggle .bar{width:100%;height:2px;background-color:var(--text-primary);transition:var(--transition-normal)}.mobile-toggle.active .bar:nth-child(1){transform:translateY(7px) rotate(45deg)}.mobile-toggle.active .bar:nth-child(2){opacity:0}.mobile-toggle.active .bar:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.nav-mobile{position:absolute;top:72px;left:0;width:100%;background:var(--bg-darker);border-bottom:1px solid var(--border-light);padding:24px;display:flex;flex-direction:column;gap:20px;max-height:0;opacity:0;overflow:hidden;transition:max-height .4s cubic-bezier(0,1,0,1),opacity .3s ease;z-index:99}.nav-mobile.active{max-height:500px;opacity:1;transition:max-height .4s cubic-bezier(1,0,1,0),opacity .3s ease}.mobile-nav-link{font-size:1.1rem;font-weight:500;color:var(--text-secondary);text-decoration:none;padding-bottom:10px;border-bottom:1px solid rgba(255,255,255,.05)}.mobile-lang-switcher{display:flex;gap:16px;margin-top:10px}.lang-btn-mobile{background:#ffffff0d;border:1px solid var(--border-light);border-radius:8px;color:var(--text-muted);font-family:var(--font-body);font-weight:600;padding:6px 16px;cursor:pointer;flex:1;text-align:center}.lang-btn-mobile.active{background:var(--color-indigo);color:#fff;border-color:var(--color-indigo)}.hero-section{position:relative;min-height:85vh;display:flex;align-items:center;padding-top:140px;padding-bottom:80px;z-index:2}.hero-container{display:flex;flex-direction:column;align-items:center;text-align:center}.hero-content{max-width:820px}.hero-badge{display:inline-flex;align-items:center;gap:8px;background:#6366f114;border:1px solid rgba(99,102,241,.3);border-radius:100px;padding:6px 16px;margin-bottom:24px;font-size:.78rem;font-weight:600;letter-spacing:.08em;color:var(--color-indigo)}.pulse-dot{width:6px;height:6px;border-radius:50%;background-color:var(--color-cyan);display:inline-block;animation:pulseGlow 2s ease-in-out infinite}@keyframes pulseGlow{0%{transform:scale(.9);opacity:.4;box-shadow:0 0 #06b6d4b3}50%{transform:scale(1.1);opacity:1;box-shadow:0 0 8px 3px #06b6d4b3}to{transform:scale(.9);opacity:.4;box-shadow:0 0 #06b6d400}}.hero-title{font-size:clamp(2.3rem,5.5vw,4.2rem);font-weight:800;line-height:1.1;letter-spacing:-.03em;margin-bottom:24px}.hero-subtitle{font-size:1.1rem;color:var(--text-secondary);line-height:1.75;margin-bottom:40px;font-weight:300;max-width:680px;margin-left:auto;margin-right:auto}@media (min-width: 768px){.hero-subtitle{font-size:1.25rem}}.hero-actions{display:flex;flex-wrap:wrap;gap:16px;justify-content:center}.ecosystem-section{padding:96px 0;border-top:1px solid var(--border-light);position:relative}.ecosystem-visualization{margin-top:48px;position:relative}.ecosystem-grid{display:grid;grid-template-columns:1fr;gap:24px}@media (min-width: 576px){.ecosystem-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width: 992px){.ecosystem-grid{grid-template-columns:repeat(4,1fr)}}.eco-step-card{background:var(--bg-surface);border:1px solid var(--border-light);border-radius:20px;padding:32px 24px;text-align:left;transition:var(--transition-normal);position:relative;overflow:hidden;cursor:pointer}.eco-step-card:before{content:"";position:absolute;top:0;left:0;width:100%;height:4px;background:var(--gradient-primary);opacity:0;transition:var(--transition-fast)}.eco-step-card:hover{transform:translateY(-6px);background:var(--bg-surface-hover);border-color:var(--border-glow);box-shadow:0 10px 30px #0003}.eco-step-card:hover:before{opacity:1}.eco-step-card.active{border-color:var(--color-indigo);background:#6366f10d;box-shadow:0 4px 20px #6366f11a}.eco-step-num{font-family:var(--font-display);font-weight:800;font-size:2.5rem;line-height:1;color:var(--border-light);margin-bottom:20px;transition:var(--transition-fast)}.eco-step-card:hover .eco-step-num,.eco-step-card.active .eco-step-num{color:var(--color-indigo);transform:scale(1.05)}.eco-step-card h3{font-size:1.15rem;font-weight:600;margin-bottom:12px}.eco-step-card p{font-size:.85rem;color:var(--text-secondary);line-height:1.6}.eco-step-icon{margin-top:24px;color:var(--text-muted);transition:var(--transition-fast)}.eco-step-card:hover .eco-step-icon,.eco-step-card.active .eco-step-icon{color:var(--color-cyan)}@media (min-width: 992px){.ecosystem-visualization:after{content:"";position:absolute;top:50px;left:12.5%;width:75%;height:2px;background:linear-gradient(to right,#6366f11a,#06b6d499,#00f89899,#f43f5e1a);z-index:-1}}.pillars-section{padding:96px 0;position:relative;background:var(--bg-darker)}.pillars-grid{display:grid;grid-template-columns:1fr;gap:32px}@media (min-width: 768px){.pillars-grid{grid-template-columns:repeat(2,1fr)}}.pillar-card{position:relative;background:var(--bg-surface-solid);border:1px solid var(--border-light);border-radius:24px;padding:40px;overflow:hidden;transition:var(--transition-slow);display:flex;flex-direction:column;min-height:480px}.card-glow-bg{position:absolute;top:-150px;right:-150px;width:300px;height:300px;border-radius:50%;filter:blur(80px);opacity:0;transition:var(--transition-slow);pointer-events:none}.pm-card .card-glow-bg{background:#4f46e51f}.dev-card .card-glow-bg{background:#0ea5e91f}.agents-card .card-glow-bg{background:#10b9811f}.prospect-card .card-glow-bg{background:#f43f5e1f}.pillar-card:hover{transform:translateY(-10px) scale(1.01);box-shadow:0 20px 40px #0000004d}.pillar-card:hover .card-glow-bg{opacity:1}.pm-card:hover{border-color:#4f46e566}.dev-card:hover{border-color:#0ea5e966}.agents-card:hover{border-color:#10b98166}.prospect-card:hover{border-color:#f43f5e66}.pillar-card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:28px}.pillar-badge{font-size:.72rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase;padding:4px 12px;border-radius:100px;background:#ffffff0a;border:1px solid var(--border-light)}.pillar-icon{width:52px;height:52px;border-radius:14px;display:flex;align-items:center;justify-content:center;transition:var(--transition-normal)}.pm-card .pillar-icon{background:#4f46e51a;color:#818cf8}.dev-card .pillar-icon{background:#0ea5e91a;color:#38bdf8}.agents-card .pillar-icon{background:#10b9811a;color:var(--color-emerald-neon)}.prospect-card .pillar-icon{background:#f43f5e1a;color:var(--color-pink)}.pillar-card:hover .pillar-icon{transform:scale(1.1)}.pillar-card:hover .pm-card .pillar-icon{box-shadow:var(--glow-indigo)}.pillar-card:hover .dev-card .pillar-icon{box-shadow:var(--glow-cyan)}.pillar-card:hover .agents-card .pillar-icon{box-shadow:var(--glow-emerald)}.pillar-card:hover .prospect-card .pillar-icon{box-shadow:var(--glow-pink)}.pillar-card-title{font-size:1.6rem;font-weight:700;margin-bottom:14px}.pillar-card-desc{font-size:.95rem;color:var(--text-secondary);line-height:1.6;margin-bottom:32px;font-weight:300}.pillar-bullets{list-style:none;display:flex;flex-direction:column;gap:14px;margin-bottom:auto}.pillar-bullets li{display:flex;align-items:flex-start;gap:12px;font-size:.9rem;color:var(--text-secondary)}.bullet-check{font-weight:900;flex-shrink:0}.pm-card .bullet-check{color:#818cf8}.dev-card .bullet-check{color:#38bdf8}.agents-card .bullet-check{color:var(--color-emerald-neon)}.prospect-card .bullet-check{color:var(--color-pink)}.pillar-card-cta{margin-top:36px}.stats-section{padding:96px 0;position:relative;background:var(--bg-dark);border-top:1px solid var(--border-light)}.stats-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px;margin-bottom:72px}@media (min-width: 992px){.stats-grid{grid-template-columns:repeat(4,1fr)}}.stat-card{background:var(--bg-surface);border:1px solid var(--border-light);border-radius:20px;padding:36px 24px;text-align:center;transition:var(--transition-normal)}.stat-card:hover{transform:scale(1.03);background:var(--bg-surface-hover);border-color:var(--border-glow)}.stat-value{font-family:var(--font-display);font-weight:800;font-size:2.2rem;line-height:1;margin-bottom:8px}@media (min-width: 768px){.stat-value{font-size:2.8rem}}.stat-label{font-size:.85rem;color:var(--text-secondary);font-weight:500}.tech-stack-container{border-top:1px solid var(--border-light);padding-top:48px;text-align:center}.tech-stack-title{font-size:.72rem;font-weight:700;letter-spacing:.12em;color:var(--text-muted);text-transform:uppercase;margin-bottom:24px}.tech-logos{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:24px 48px}.tech-logos span{font-family:var(--font-display);font-weight:600;font-size:1rem;color:var(--text-muted);transition:var(--transition-fast)}.tech-logos span:hover{color:var(--text-primary)}.faq-section{padding:96px 0;background:var(--bg-darker);border-top:1px solid var(--border-light)}.faq-accordion{display:flex;flex-direction:column;gap:16px}.faq-item{background:var(--bg-surface-solid);border:1px solid var(--border-light);border-radius:16px;overflow:hidden;transition:var(--transition-normal)}.faq-item:hover{border-color:var(--border-glow)}.faq-trigger{width:100%;display:flex;align-items:center;justify-content:space-between;padding:24px;background:none;border:none;color:var(--text-primary);font-family:var(--font-body);font-weight:600;font-size:1.05rem;text-align:left;cursor:pointer;transition:var(--transition-fast)}.faq-trigger:hover{background:#ffffff05}.faq-question{padding-right:24px;line-height:1.4}.faq-icon{display:flex;align-items:center;justify-content:center;color:var(--text-muted);transition:var(--transition-normal)}.faq-trigger[aria-expanded=true] .faq-icon{transform:rotate(180deg);color:var(--color-indigo)}.faq-content{max-height:0;overflow:hidden;transition:max-height .35s cubic-bezier(.4,0,.2,1)}.faq-answer-inner{padding:0 24px 24px;font-size:.95rem;color:var(--text-secondary);line-height:1.7;font-weight:300}.contact-section{padding:96px 0;background:var(--bg-dark);border-top:1px solid var(--border-light);position:relative}.contact-wrapper{background:var(--bg-surface-solid);border:1px solid var(--border-light);border-radius:24px;padding:40px;box-shadow:0 10px 40px #0003}.contact-form{display:flex;flex-direction:column;gap:24px}.form-grid{display:grid;grid-template-columns:1fr;gap:24px}@media (min-width: 768px){.form-grid{grid-template-columns:repeat(2,1fr)}}.form-group{display:flex;flex-direction:column;gap:8px}.form-label{font-size:.85rem;font-weight:600;color:var(--text-secondary);letter-spacing:.02em}.form-input,.form-select,.form-textarea{background:var(--bg-darker);border:1px solid var(--border-light);border-radius:12px;padding:14px 18px;font-family:var(--font-body);font-size:.95rem;color:var(--text-primary);transition:var(--transition-fast);outline:none}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:var(--color-indigo);box-shadow:0 0 0 3px #6366f126}.form-select{cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%2364748b' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 18px center;padding-right:48px}.form-textarea{resize:vertical;min-height:130px}.btn-submit{align-self:flex-start;padding:14px 32px;font-size:1rem;gap:12px}.loader-circle{width:18px;height:18px;border:2px solid rgba(255,255,255,.2);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}.hide{display:none}@keyframes spin{to{transform:rotate(360deg)}}.form-alert{padding:16px;border-radius:12px;font-size:.9rem;font-weight:500;display:none;animation:fadeIn .3s ease}.form-alert.success{display:block;background:#10b98114;border:1px solid rgba(16,185,129,.3);color:#34d399}.form-alert.error{display:block;background:#f43f5e14;border:1px solid rgba(244,63,94,.3);color:#f87171}@keyframes fadeIn{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.footer{background:var(--bg-darker);border-top:1px solid var(--border-light);padding:48px 0}.footer-container{display:flex;flex-direction:column;gap:24px}@media (min-width: 768px){.footer-container{flex-direction:row;justify-content:space-between;align-items:center}}.footer-logo{font-family:var(--font-display);font-weight:800;font-size:1.25rem;color:var(--text-primary);margin-bottom:8px}.footer-rights{font-size:.8rem;color:var(--text-muted)}.footer-right{display:flex;flex-direction:column;gap:12px;align-items:flex-start}@media (min-width: 768px){.footer-right{align-items:flex-end}}.footer-meta{display:flex;flex-wrap:wrap;gap:8px 16px;font-size:.85rem;color:var(--text-secondary)}.footer-dot{color:var(--border-light)}.footer-email{color:var(--text-secondary);text-decoration:none;transition:var(--transition-fast)}.footer-email:hover{color:var(--color-indigo)}.footer-cta{font-size:.85rem;font-weight:600;color:var(--color-cyan);text-decoration:none;transition:var(--transition-fast)}.footer-cta:hover{color:var(--text-primary);text-decoration:underline}.scroll-reveal{opacity:0;transform:translateY(30px);transition:opacity .8s ease,transform .8s cubic-bezier(.2,.8,.2,1)}.scroll-reveal.revealed{opacity:1;transform:translateY(0)}.pillar-card-content{display:flex;flex-direction:column;height:100%}@media (min-width: 992px){.featured-card{grid-column:span 2;display:grid!important;grid-template-columns:1.2fr 1fr;gap:40px;align-items:center;min-height:420px}}.pillar-animation-box{width:100%;height:280px;background:var(--bg-darker);border:1px solid var(--border-light);border-radius:20px;position:relative;overflow:hidden;box-shadow:inset 0 0 20px #00000080;margin-top:24px}@media (min-width: 992px){.pillar-animation-box{margin-top:0;height:100%;min-height:320px}}.agents-anim-box{display:flex;flex-direction:column}.agent-nodes-wrapper{flex:1;position:relative;width:100%;height:100%}.agent-node{position:absolute;padding:8px 14px;background:var(--bg-surface-solid);border:1px solid var(--border-light);border-radius:12px;font-family:var(--font-display);font-weight:600;font-size:.72rem;z-index:10;box-shadow:0 4px 12px #0000004d;white-space:nowrap;transition:var(--transition-normal)}.center-node{top:50%;left:50%;transform:translate(-50%,-50%);border-color:#10b98166;background:#10b9810d;font-size:.8rem;padding:10px 18px;box-shadow:0 0 15px #10b98126}.center-node:after{content:"";position:absolute;top:-4px;right:-4px;bottom:-4px;left:-4px;border-radius:14px;border:1px solid var(--color-emerald);opacity:.3;animation:pulseGlowCircle 2s infinite ease-in-out}@keyframes pulseGlowCircle{0%,to{transform:scale(1);opacity:.1}50%{transform:scale(1.08);opacity:.4}}.node-1{top:20%;left:20%;transform:translate(-50%,-50%)}.node-2{top:20%;left:80%;transform:translate(-50%,-50%)}.node-3{top:82%;left:50%;transform:translate(-50%,-50%)}.agent-lines-svg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;z-index:1;pointer-events:none}.flow-line{stroke:#ffffff0f;stroke-width:1.5;stroke-linecap:round;stroke-dasharray:4 4}.pulse-particle{position:absolute;width:6px;height:6px;border-radius:50%;background:var(--color-emerald-neon);box-shadow:0 0 8px var(--color-emerald-neon);z-index:5;pointer-events:none}.pulse-1{animation:pulsePath1 3s infinite linear}.pulse-2{animation:pulsePath2 3s infinite linear 1s}.pulse-3{animation:pulsePath3 3s infinite linear 2s}@keyframes pulsePath1{0%{top:50%;left:50%;opacity:0}10%{opacity:1}45%{opacity:1}50%{top:20%;left:20%;opacity:0}to{opacity:0}}@keyframes pulsePath2{0%{top:50%;left:50%;opacity:0}10%{opacity:1}45%{opacity:1}50%{top:20%;left:80%;opacity:0}to{opacity:0}}@keyframes pulsePath3{0%{top:50%;left:50%;opacity:0}10%{opacity:1}45%{opacity:1}50%{top:82%;left:50%;opacity:0}to{opacity:0}}.agent-terminal{height:100px;background:#030712f2;border-top:1px solid var(--border-light);font-family:Courier New,Courier,monospace;padding:12px;font-size:.72rem;overflow:hidden;z-index:15;display:flex;flex-direction:column;gap:6px}.terminal-header{display:flex;align-items:center;gap:5px;margin-bottom:4px}.term-dot{width:6px;height:6px;border-radius:50%}.term-dot.red{background:#ef4444}.term-dot.yellow{background:#f59e0b}.term-dot.green{background:#10b981}.term-title{color:var(--text-muted);font-size:.65rem;margin-left:6px}.terminal-body{flex:1;display:flex;flex-direction:column;gap:4px;overflow-y:hidden;color:#a7f3d0}.log-line{line-height:1.4;opacity:.85;animation:logSlide .25s ease-out;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@keyframes logSlide{0%{transform:translateY(6px);opacity:0}to{transform:translateY(0);opacity:.85}}.vektor-anim-box{display:flex;align-items:center;justify-content:center}.vektor-anim-wrapper{display:flex;align-items:center;justify-content:space-around;width:100%;height:100%;padding:24px;flex-direction:column;gap:24px}@media (min-width: 480px){.vektor-anim-wrapper{flex-direction:row;gap:0}}.vektor-dial-container{position:relative;width:100px;height:100px;display:flex;align-items:center;justify-content:center}.vektor-dial-svg{width:100%;height:100%;transform:rotate(-90deg)}.dial-track{fill:none;stroke:#ffffff0a;stroke-width:6}.dial-progress{fill:none;stroke:url(#vektorGlowGrad);stroke-width:6;stroke-dasharray:264;stroke-dashoffset:264;stroke-linecap:round;animation:loadDial 2.5s cubic-bezier(.4,0,.2,1) forwards infinite}@keyframes loadDial{0%{stroke-dashoffset:264}45%{stroke-dashoffset:12}to{stroke-dashoffset:12}}.dial-center{position:absolute;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.dial-num{font-family:var(--font-display);font-weight:800;font-size:1.1rem;color:var(--text-primary);line-height:1}.dial-lbl{font-size:.55rem;color:var(--text-muted);text-transform:uppercase;margin-top:2px;font-weight:600;letter-spacing:.02em}.vektor-outbound-flow{position:relative;width:160px;height:60px;display:flex;align-items:center;justify-content:space-between}.flow-node{width:32px;height:32px;border-radius:50%;background:var(--bg-surface-solid);border:1px solid var(--border-light);display:flex;align-items:center;justify-content:center;color:var(--text-muted);z-index:10;box-shadow:0 4px 10px #0003;position:relative}.sender-node{color:var(--color-indigo);border-color:#6366f14d}.shield-node{color:var(--color-emerald);border-color:#10b9814d;animation:shieldPulse 3s infinite linear}@keyframes shieldPulse{0%,40%,to{background:var(--bg-surface-solid)}50%{background:#10b9811a;border-color:var(--color-emerald)}}.shield-check{position:absolute;top:-4px;right:-4px;width:12px;height:12px;background:var(--color-emerald);color:#fff;font-size:.5rem;font-weight:900;border-radius:50%;display:flex;align-items:center;justify-content:center;border:1px solid var(--bg-darker);opacity:0;animation:shieldBadge 3s infinite linear}@keyframes shieldBadge{0%,40%,to{opacity:0;transform:scale(.6)}48%,70%{opacity:1;transform:scale(1)}}.target-node{color:var(--color-pink);border-color:#f43f5e4d;animation:targetPulse 3s infinite linear}@keyframes targetPulse{0%,55%,to{transform:scale(1);box-shadow:none;background:var(--bg-surface-solid)}60%{transform:scale(1.1);box-shadow:0 0 10px #f43f5e4d;background:#f43f5e14;border-color:var(--color-pink)}}.lead-pop{position:absolute;top:-12px;left:50%;transform:translate(-50%);background:var(--color-pink);color:#fff;font-family:var(--font-display);font-weight:700;font-size:.55rem;padding:2px 6px;border-radius:100px;white-space:nowrap;opacity:0;animation:leadPopup 3s infinite linear}@keyframes leadPopup{0%,58%,to{opacity:0;transform:translate(-50%)}63%{opacity:1;transform:translate(-50%,-14px)}75%{opacity:0;transform:translate(-50%,-20px)}}.flow-line-outbound{position:absolute;top:50%;left:16px;width:128px;height:2px;background:#ffffff0d;transform:translateY(-50%);z-index:1}.flying-mail-icon{position:absolute;top:50%;left:16px;transform:translateY(-50%);z-index:5;pointer-events:none;animation:outboundMail 3s infinite cubic-bezier(.4,0,.2,1);opacity:0;display:flex}@keyframes outboundMail{0%{left:16px;opacity:0;transform:translateY(-50%) scale(.7)}5%{opacity:1}45%{left:80px;transform:translateY(-50%) scale(1)}48%{transform:translateY(-50%) scale(.9) rotate(2deg)}58%{left:144px;opacity:1;transform:translateY(-50%) scale(1)}63%,to{left:144px;opacity:0;transform:translateY(-50%) scale(.7)}}.presentation-section{padding:100px 0;position:relative;background:radial-gradient(circle at 70% 30%,rgba(99,102,241,.05) 0%,transparent 50%)}.deck-widget{display:grid;grid-template-columns:260px 1fr;background:var(--bg-surface);border:1px solid var(--border-light);border-radius:20px;overflow:hidden;height:600px;box-shadow:0 20px 40px #0000004d;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);position:relative;transition:var(--transition-slow)}.deck-widget.fullscreen{position:fixed!important;top:0!important;left:0!important;width:100vw!important;height:100vh!important;max-width:100vw!important;max-height:100vh!important;z-index:99999!important;border-radius:0!important;border:none!important;background:#040810}.deck-sidebar{background:#04081080;border-right:1px solid var(--border-light);overflow-y:auto;padding:20px 10px;scrollbar-width:thin}.deck-sidebar::-webkit-scrollbar{width:4px}.deck-toc-list{list-style:none;display:flex;flex-direction:column;gap:6px}.toc-item{display:block;text-decoration:none;padding:10px 14px;font-size:.85rem;color:var(--text-muted);border-radius:8px;cursor:pointer;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;transition:var(--transition-fast)}.toc-item:hover{background:var(--bg-surface-hover);color:var(--text-secondary)}.toc-item.active{background:#6366f126;color:var(--color-indigo);font-weight:600;border-left:3px solid var(--color-indigo);padding-left:11px}.deck-main{display:flex;flex-direction:column;height:100%;position:relative;overflow:hidden}.slides-container{flex:1;position:relative;overflow:hidden;padding:40px}.slide{position:absolute;top:40px;left:40px;right:40px;bottom:40px;opacity:0;pointer-events:none;transform:translate(30px);transition:opacity .5s ease,transform .5s ease;display:flex;flex-direction:column;justify-content:center}.slide.active{opacity:1;pointer-events:auto;transform:translate(0)}.deck-controls{padding:18px 40px;border-top:1px solid var(--border-light);background:#0408104d;display:flex;justify-content:space-between;align-items:center;z-index:10}.controls-left,.controls-right{display:flex;align-items:center;gap:16px}.deck-btn{background:var(--bg-surface-solid);border:1px solid var(--border-light);color:var(--text-secondary);padding:8px 16px;border-radius:8px;cursor:pointer;display:flex;align-items:center;gap:8px;font-size:.85rem;font-weight:500;transition:var(--transition-fast)}.deck-btn:hover:not(:disabled){background:var(--bg-surface-hover);color:var(--text-primary);border-color:var(--color-indigo)}.deck-btn:disabled{opacity:.4;cursor:not-allowed}.slide-counter{font-size:.9rem;color:var(--text-muted);font-family:monospace}.current-slide{color:var(--text-primary);font-weight:600}.deck-progress-bar-bg{position:absolute;bottom:0;left:0;width:100%;height:4px;background:#ffffff0d}.deck-progress-bar-fill{height:100%;background:var(--gradient-primary);width:0;transition:width .3s ease}.icon-play-pause{display:inline-flex;align-items:center}.hidden{display:none!important}.company-logo-large{font-family:var(--font-display);font-size:3.5rem;font-weight:800;letter-spacing:-2px;background:linear-gradient(135deg,#fff,#cbd5e1);-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:24px}.slide-layout-cover{text-align:center;align-items:center}.slide-title{font-family:var(--font-display);font-size:2.8rem;font-weight:700;line-height:1.2;margin-bottom:16px}.slide-subtitle{color:var(--text-secondary);font-size:1.25rem;max-width:600px;margin:0 auto}.slide-tag{display:inline-block;background:#6366f126;color:var(--color-indigo);padding:4px 12px;border-radius:100px;font-size:.75rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase;margin-bottom:12px}.slide-section-title{font-family:var(--font-display);font-size:1.8rem;font-weight:700;margin-bottom:16px;border-left:4px solid var(--color-indigo);padding-left:12px}.slide-section-subtitle{color:var(--text-secondary);font-size:.95rem;margin-bottom:24px;max-width:800px}.slide-layout-profile .slide-grid{display:grid;grid-template-columns:200px 1fr;gap:40px;align-items:center}.profile-photo-wrapper{width:200px;height:200px;border-radius:50%;background:var(--bg-surface-solid);border:2px solid var(--border-light);display:flex;align-items:center;justify-content:center;position:relative;box-shadow:var(--glow-indigo)}.avatar-fallback{color:var(--text-muted);width:90px;height:90px}.profile-info{display:flex;flex-direction:column}.profile-name{font-family:var(--font-display);font-size:2.2rem;font-weight:700;color:var(--text-primary);margin-bottom:4px}.profile-exp{color:var(--color-cyan);font-size:.95rem;font-weight:500;margin-bottom:16px}.profile-bio{color:var(--text-secondary);font-size:.95rem;line-height:1.6;margin-bottom:18px}.profile-bottom-box{background:#6366f10d;border-left:3px solid var(--color-indigo);padding:10px 16px;border-radius:0 8px 8px 0}.profile-bottom-box p{color:var(--text-secondary);font-size:.85rem;font-weight:500}.grid4-container{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.grid4-card{background:#ffffff05;border:1px solid var(--border-light);border-radius:12px;padding:20px;transition:var(--transition-normal)}.grid4-card:hover{background:var(--bg-surface-hover);border-color:var(--color-indigo);transform:translateY(-2px)}.grid4-icon{width:40px;height:40px;border-radius:8px;background:#6366f11a;color:var(--color-indigo);display:flex;align-items:center;justify-content:center;margin-bottom:12px}.grid4-card h4{font-family:var(--font-display);font-size:1.15rem;font-weight:600;margin-bottom:8px;color:var(--text-primary)}.grid4-card p{font-size:.85rem;color:var(--text-secondary);line-height:1.5}.quadrant-layout .grid4-container{gap:24px}.quadrant-layout .grid4-card{border-top:3px solid var(--color-indigo)}.quadrant-layout .quad-1{border-top-color:var(--color-indigo)}.quadrant-layout .quad-2{border-top-color:var(--color-cyan)}.quadrant-layout .quad-3{border-top-color:var(--color-emerald)}.quadrant-layout .quad-4{border-top-color:var(--color-pink)}.center-methodology-question{text-align:center;font-size:1.25rem;margin-bottom:20px;color:var(--color-cyan)}.slide-layout-stats{text-align:center}.stats-slider-container{display:flex;justify-content:center;gap:40px;margin:30px 0}.stat-box{background:#ffffff05;border:1px solid var(--border-light);border-radius:12px;padding:24px;min-width:180px}.stat-val{font-family:var(--font-display);font-size:2.5rem;font-weight:800;margin-bottom:6px}.stat-lbl{font-size:.9rem;color:var(--text-secondary);font-weight:500}.stats-desc{max-width:600px;margin:0 auto;color:var(--text-secondary);font-size:1rem}.progress-bars-container{display:flex;flex-direction:column;gap:24px;margin:20px 0}.progress-item{display:flex;flex-direction:column;gap:8px}.progress-info{display:flex;justify-content:space-between;font-size:.9rem}.progress-title{color:var(--text-primary);font-weight:500}.progress-val{color:var(--color-cyan);font-weight:600}.progress-bg{height:12px;background:#ffffff0d;border-radius:6px;overflow:hidden}.progress-fill{height:100%;border-radius:6px}.fill-ai{background:var(--gradient-primary)}.fill-web{background:var(--gradient-dev)}.fill-mobile{background:var(--gradient-prospect)}.progress-desc{color:var(--text-secondary);font-size:.95rem;margin-top:10px}.timeline-container{display:flex;justify-content:space-between;align-items:flex-start;position:relative;margin:40px 0;padding:0 20px}.timeline-container:before{content:"";position:absolute;top:15px;left:30px;right:30px;height:2px;background:#ffffff14;z-index:1}.timeline-step{display:flex;flex-direction:column;align-items:center;text-align:center;width:22%;position:relative;z-index:2}.step-dot{width:30px;height:30px;border-radius:50%;background:var(--bg-surface-solid);border:3px solid var(--color-indigo);margin-bottom:16px;box-shadow:var(--glow-indigo);transition:var(--transition-normal)}.timeline-step:hover .step-dot{background:var(--color-indigo);transform:scale(1.2)}.timeline-step h4{font-family:var(--font-display);font-size:1.1rem;font-weight:600;margin-bottom:6px;color:var(--text-primary)}.timeline-step p{font-size:.8rem;color:var(--text-secondary);line-height:1.4}.timeline-subtitle{text-align:center;color:var(--color-cyan);font-weight:500;font-size:.95rem}.why-detail-desc{font-size:1rem;color:var(--text-secondary);line-height:1.7;margin-bottom:24px;max-width:800px}.why-logos-container{display:flex;gap:16px;flex-wrap:wrap}.why-logos-container.vertical-stack{flex-direction:column;gap:12px}.why-logo-card{background:var(--bg-surface-solid);border:1px solid var(--border-light);padding:12px 24px;border-radius:8px;font-weight:600;color:var(--text-primary);font-size:.9rem;text-align:center;box-shadow:0 4px 6px #00000026;display:flex;align-items:center;justify-content:center;transition:var(--transition-fast)}.why-logo-card:hover{border-color:var(--color-cyan);transform:translateY(-2px)}.why-split-container{display:grid;grid-template-columns:1fr 200px;gap:40px;align-items:center}.why-split-text p{margin-bottom:16px;line-height:1.6;color:var(--text-secondary);font-size:.95rem}.grid3-container{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.grid3-card{background:#ffffff05;border:1px solid var(--border-light);border-radius:12px;padding:24px;transition:var(--transition-normal);display:flex;flex-direction:column;align-items:center}.grid3-card.align-left{align-items:flex-start}.grid3-card:hover{background:var(--bg-surface-hover);border-color:var(--color-indigo);transform:translateY(-3px)}.grid3-icon{width:48px;height:48px;border-radius:12px;background:#6366f11a;color:var(--color-indigo);display:flex;align-items:center;justify-content:center;margin-bottom:16px}.grid3-card h4{font-family:var(--font-display);font-size:1.25rem;font-weight:700;margin-bottom:10px;color:var(--text-primary)}.grid3-card p{font-size:.85rem;color:var(--text-secondary);line-height:1.5}.building-together .grid4-card{padding:16px 20px}.building-together h5{font-family:var(--font-display);font-size:.95rem;font-weight:700;color:var(--color-indigo);margin-bottom:6px}.slide-layout-agile{justify-content:flex-start}.agile-flow-diagram{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:10px;overflow-y:auto;max-height:380px;padding-right:6px}.agile-flow-step{background:#ffffff03;border:1px solid var(--border-light);border-radius:12px;padding:16px;position:relative;transition:var(--transition-fast)}.agile-flow-step:hover{border-color:var(--color-emerald)}.agile-step-header{display:flex;align-items:center;gap:10px;margin-bottom:8px}.agile-num{width:24px;height:24px;border-radius:50%;background:var(--color-emerald);color:#fff;font-size:.75rem;font-weight:700;display:flex;align-items:center;justify-content:center}.agile-flow-step h4{font-family:var(--font-display);font-size:.95rem;font-weight:700;color:var(--text-primary)}.agile-flow-step p{font-size:.75rem;color:var(--text-secondary);line-height:1.4}.slide-layout-realizations{justify-content:flex-start}.realizations-interactive-container{display:flex;flex-direction:column;gap:20px;height:calc(100% - 60px)}.realizations-tabs{display:flex;gap:10px;border-bottom:1px solid var(--border-light);padding-bottom:8px}.real-tab-btn{background:transparent;border:none;color:var(--text-muted);padding:8px 16px;font-size:.9rem;font-weight:600;cursor:pointer;position:relative;transition:var(--transition-fast)}.real-tab-btn:after{content:"";position:absolute;bottom:-9px;left:0;width:100%;height:2px;background:var(--color-indigo);transform:scaleX(0);transition:transform .3s ease}.real-tab-btn.active{color:var(--text-primary)}.real-tab-btn.active:after{transform:scaleX(1)}.realizations-content-box{flex:1;position:relative;overflow-y:auto}.realization-panel{display:none;opacity:0;transition:opacity .4s ease}.realization-panel.active{display:block;opacity:1}.real-panel-grid{display:grid;grid-template-columns:1fr 1fr;gap:30px}.panel-left h4{font-family:var(--font-display);font-size:1.6rem;font-weight:700;color:var(--text-primary);margin-bottom:12px}.panel-left p{color:var(--text-secondary);font-size:.85rem;line-height:1.6}.panel-right h5{font-family:var(--font-display);font-size:1.05rem;font-weight:700;color:var(--color-cyan);margin-bottom:12px;text-transform:uppercase;letter-spacing:.05em}.demo-bullets{display:flex;flex-direction:column;gap:16px}.demo-bullet strong{display:block;font-size:.85rem;color:var(--text-primary);margin-bottom:4px}.demo-bullet p{font-size:.75rem;color:var(--text-secondary);line-height:1.4}.testimonials-slider-box{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;overflow-y:auto}.testimonial-card{background:#ffffff05;border:1px solid var(--border-light);border-radius:12px;padding:16px;display:flex;flex-direction:column;justify-content:space-between}.testimonial-card .t-text{font-size:.8rem;font-style:italic;color:var(--text-secondary);line-height:1.5;margin-bottom:14px}.testimonial-card .t-author{font-size:.75rem;color:var(--color-cyan);font-weight:500}.demos-grid-deck{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.demo-card-deck{display:flex;flex-direction:column;background:#ffffff05;border:1px solid var(--border-light);border-radius:10px;padding:14px 20px;text-decoration:none;transition:var(--transition-fast)}.demo-card-deck:hover{border-color:var(--color-indigo);background:var(--bg-surface-hover);transform:translateY(-2px)}.demo-card-title{color:var(--text-primary);font-weight:600;font-size:.95rem;margin-bottom:4px}.demo-card-link{color:var(--text-muted);font-size:.75rem;font-family:monospace}.step-badge-deck{margin-top:auto;display:inline-block;background:#ffffff0d;color:var(--text-muted);font-size:.7rem;font-weight:700;padding:4px 10px;border-radius:4px;text-transform:uppercase}.step-badge-deck.font-green{background:#10b9811a;color:var(--color-emerald)}.step-badge-deck.font-blue{background:#06b6d41a;color:var(--color-cyan)}.btn-special-glow{box-shadow:var(--glow-indigo)}html.light .toc-item.active{background:#6366f114}html.light .company-logo-large{background:linear-gradient(135deg,#070d19,#334155);-webkit-background-clip:text;-webkit-text-fill-color:transparent}html.light .grid4-card,html.light .stat-box,html.light .grid3-card,html.light .agile-flow-step,html.light .testimonial-card,html.light .demo-card-deck{background:#fff}@media (max-width: 1024px){.deck-widget{grid-template-columns:200px 1fr}.timeline-container{flex-direction:column;gap:20px;padding-left:40px;margin:20px 0}.timeline-container:before{left:43px;top:10px;bottom:10px;width:2px;height:auto}.timeline-step{flex-direction:row;width:100%;text-align:left;gap:20px}.step-dot{margin-bottom:0;flex-shrink:0;width:24px;height:24px}}@media (max-width: 768px){.deck-widget{grid-template-columns:1fr;grid-template-rows:auto 1fr;height:700px}.deck-sidebar{border-right:none;border-bottom:1px solid var(--border-light);height:60px;padding:10px;display:flex;align-items:center}.deck-toc-list{flex-direction:row;width:100%;overflow-x:auto;padding-bottom:4px;scrollbar-width:none}.deck-toc-list::-webkit-scrollbar{display:none}.toc-item{padding:6px 12px}.toc-item.active{border-left:none;border-bottom:2px solid var(--color-indigo);padding-left:12px;border-radius:4px}.slides-container{padding:20px}.slide{top:20px;left:20px;right:20px;bottom:20px}.slide-title{font-size:1.8rem}.slide-subtitle{font-size:.95rem}.slide-layout-profile .slide-grid{grid-template-columns:1fr;gap:20px}.profile-photo-wrapper{width:100px;height:100px;margin:0 auto}.avatar-fallback{width:50px;height:50px}.profile-name{font-size:1.6rem;text-align:center}.profile-exp{text-align:center}.profile-bio{font-size:.85rem}.grid4-container,.grid3-container,.stats-slider-container,.testimonials-slider-box{grid-template-columns:1fr;gap:12px}.stats-slider-container{flex-direction:column;align-items:center;gap:10px}.stat-box{padding:12px;width:100%;max-width:280px}.progress-bars-container{gap:16px}.agile-flow-diagram{grid-template-columns:1fr;max-height:280px}.why-split-container{grid-template-columns:1fr;gap:20px}.why-logos-container.vertical-stack{flex-direction:row}.real-panel-grid{grid-template-columns:1fr;gap:16px}.demos-grid-deck{grid-template-columns:1fr}.deck-controls{padding:12px 20px}}.demos-book-container{overflow-y:auto;flex:1;padding-right:6px;max-height:400px}.demos-grid-deck-with-images{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;padding-bottom:20px}.demo-book-card{background:var(--bg-surface-solid);border:1px solid var(--border-light);border-radius:12px;overflow:hidden;transition:var(--transition-normal);display:flex;flex-direction:column}.demo-book-card:hover{border-color:var(--color-indigo);transform:translateY(-4px);box-shadow:var(--glow-indigo)}.demo-img-wrapper{position:relative;width:100%;aspect-ratio:16 / 10;overflow:hidden;background:#000;border-bottom:1px solid var(--border-light)}.demo-screenshot{width:100%;height:100%;object-fit:cover;object-position:top center;transition:transform .5s ease}.demo-book-card:hover .demo-screenshot{transform:scale(1.06)}.demo-hover-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#040810b3;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .3s ease;z-index:5}.demo-img-wrapper:hover .demo-hover-overlay{opacity:1}.demo-card-details{padding:12px 16px;display:flex;flex-direction:column;gap:4px}.demo-card-details h4{font-family:var(--font-display);font-size:.95rem;font-weight:600;color:var(--text-primary);margin-bottom:0}.demo-domain{font-size:.75rem;color:var(--text-muted);font-family:monospace}.btn-sm{padding:6px 14px;font-size:.8rem;border-radius:6px}@media (max-width: 1024px){.demos-grid-deck-with-images{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.demos-grid-deck-with-images{grid-template-columns:1fr}.demos-book-container{max-height:480px}}