:root{--bg-color:#020617;--bg-color-light:#0f172a;--text-primary:#f8fafc;--text-secondary:#94a3b8;--accent-primary:#3b82f6;--accent-secondary:#8b5cf6;--accent-glow:#8b5cf666;--glass-bg:#0f172a99;--glass-border:#ffffff14;--font-family:"Outfit", sans-serif}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;overflow-x:hidden}body{font-family:var(--font-family);background-color:var(--bg-color);color:var(--text-primary);-webkit-font-smoothing:antialiased;line-height:1.6;position:relative;overflow-x:hidden}.futuristic-bg{z-index:-2;background:var(--bg-color);width:100%;height:100vh;position:fixed;top:0;left:0;overflow:hidden}.futuristic-bg:before{content:"";filter:blur(80px);z-index:-1;background:radial-gradient(circle at 15%,#3b82f626 0%,#0000 40%),radial-gradient(circle at 85% 30%,#8b5cf626 0%,#0000 40%);animation:15s ease-in-out infinite alternate bg-breathe;position:absolute;inset:-20% -10%}@keyframes bg-breathe{0%{opacity:.8;transform:scale(1)}to{opacity:1;transform:scale(1.1)}}.futuristic-bg:after{content:"";pointer-events:none;z-index:1;opacity:.04;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E");width:100%;height:100%;position:absolute;top:0;left:0}.grid-overlay{background-image:linear-gradient(90deg,#ffffff08 1px,#0000 1px),linear-gradient(#ffffff08 1px,#0000 1px);background-size:80px 80px;width:100%;height:100%;position:absolute;-webkit-mask-image:radial-gradient(#000 0%,#0000 70%);mask-image:radial-gradient(#000 0%,#0000 70%)}h1,h2,h3{letter-spacing:-.03em;font-weight:800;line-height:1.05}h1{margin-bottom:1.5rem;font-size:clamp(3.5rem,8vw,6rem)}h2{margin-bottom:1.5rem;font-size:clamp(2.5rem,5vw,4rem)}h3{margin-bottom:1rem;font-size:1.75rem;font-weight:600}p{color:var(--text-secondary);font-size:1.15rem;font-weight:300}.text-gradient{background:linear-gradient(110deg,#60a5fa 0%,#8b5cf6 40%,#d946ef 80%,#60a5fa 100%);-webkit-text-fill-color:transparent;background-size:200%;-webkit-background-clip:text;background-clip:text;animation:6s ease-in-out infinite alternate shine}@keyframes shine{0%{background-position:0%}to{background-position:200%}}.glass-nav{-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--glass-border);z-index:1000;background:#020617b3;justify-content:space-between;align-items:center;padding:1.5rem 5%;display:flex;position:fixed;top:0;left:0;right:0}.logo{align-items:center;text-decoration:none;display:flex}.logo img{width:auto;height:36px;display:block}nav{align-items:center;gap:2.5rem;display:flex}nav a{color:var(--text-primary);font-size:1rem;font-weight:500;text-decoration:none;transition:color .3s}nav a:hover{color:var(--accent-primary)}.btn-primary,.btn-secondary{cursor:pointer;border:none;border-radius:9999px;justify-content:center;align-items:center;padding:.9rem 2rem;font-weight:600;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);display:inline-flex;position:relative;overflow:hidden}.btn-primary{background:var(--text-primary);color:var(--bg-color);box-shadow:0 4px 20px #ffffff1a}.btn-primary:hover{transform:translateY(-2px)scale(1.02);box-shadow:0 8px 30px #fff3}.btn-secondary{background:var(--glass-bg);color:var(--text-primary);border:1px solid var(--glass-border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.btn-secondary:hover{background:#ffffff1a;border-color:#fff3;transform:translateY(-2px)}.magnetic-wrap{display:inline-block}main{padding-top:120px}section{max-width:1400px;margin:0 auto;padding:8rem 5%}.hero{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:90vh;display:flex}.hero-content{z-index:10;width:100%;max-width:1200px}.hero p{max-width:600px;margin:0 auto 3rem;font-size:1.25rem}.hero-actions{justify-content:center;gap:1.5rem;display:flex}.hero-visual-devices{perspective:1000px;justify-content:center;align-items:center;gap:2rem;margin-top:5rem;display:flex}.mockup-phone{background:#000;border:6px solid #1e293b;border-radius:40px;width:260px;height:520px;padding:8px;transition:transform .5s;transform:rotateY(15deg)rotateX(5deg);box-shadow:0 25px 50px -12px #000c,0 0 0 1px #334155}.mockup-phone:hover{transform:rotateY(0)rotateX(0)translateY(-10px)}.phone-inner{background:#020617;border-radius:30px;height:100%;position:relative;overflow:hidden}.phone-dynamic-island{background:#000;border-radius:20px;width:80px;height:25px;position:absolute;top:10px;left:50%;transform:translate(-50%)}.mockup-laptop{flex-direction:column;width:600px;height:380px;transition:transform .5s;display:flex;transform:rotateY(-10deg)rotateX(5deg)}.mockup-laptop:hover{transform:rotateY(0)rotateX(0)translateY(-10px)}.laptop-inner{background:#000;border:4px solid #1e293b;border-bottom:none;border-radius:16px 16px 0 0;height:100%;padding:12px;box-shadow:0 -10px 30px #00000080}.laptop-screen-content{background:#020617;border-radius:6px;height:100%;position:relative;overflow:hidden}.laptop-base{background:#334155;border-radius:0 0 16px 16px;height:18px;position:relative;box-shadow:0 20px 40px #000c}.laptop-trackpad{background:#1e293b;border-radius:0 0 4px 4px;width:80px;height:6px;position:absolute;top:0;left:50%;transform:translate(-50%)}.expertise-banners-container{flex-direction:column;gap:3rem;margin-top:3rem;display:flex}.expertise-banner{background:var(--glass-bg);border:1px solid var(--glass-border);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:24px;flex-direction:row;align-items:center;gap:3rem;padding:4rem;transition:all .5s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden;box-shadow:inset 0 0 20px #ffffff05}.expertise-banner:hover{border-color:#8b5cf680;transform:translateY(-5px);box-shadow:0 25px 50px #00000080,inset 0 0 40px #8b5cf626}.expertise-banner:before{content:"";background:radial-gradient(800px circle at var(--mouse-x,50%) var(--mouse-y,50%), #ffffff0f, transparent 40%);opacity:0;pointer-events:none;width:100%;height:100%;transition:opacity .3s;position:absolute;top:0;left:0}.expertise-banner:hover:before{opacity:1}.banner-icon{background:linear-gradient(135deg,#3b82f61a,#8b5cf61a);border:1px solid #8b5cf633;border-radius:24px;flex-shrink:0;justify-content:center;align-items:center;width:120px;height:120px;font-size:5rem;display:flex;box-shadow:inset 0 0 20px #8b5cf61a}.banner-content{flex-direction:column;gap:1rem;display:flex}.banner-content h3{background:linear-gradient(135deg,#fff,#e2e8f0);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin-bottom:0;font-size:2.5rem}.banner-content p{font-size:1.2rem;line-height:1.7}.projects-grid{flex-direction:column;gap:4rem;display:flex}.project-card{background:#ffffff05;border:1px solid #ffffff0d;border-radius:32px;grid-template-columns:1.2fr 1fr;align-items:center;gap:4rem;padding:2rem;transition:all .5s cubic-bezier(.4,0,.2,1);display:grid}.project-card:hover{background:#ffffff0a;border-color:#ffffff1a}.project-card.reverse{grid-template-columns:1fr 1.2fr}.project-card.reverse .project-image-wrap{order:2}.project-card.theme-hubagent{background:linear-gradient(145deg,#0f0f14cc,#0a0a0fe6),radial-gradient(circle at 100% 0,#f59e0b1f,#0000 50%),radial-gradient(circle at 0 100%,#8b5cf614,#0000 50%);border:1px solid #f59e0b26;position:relative;overflow:hidden;box-shadow:inset 0 0 30px #f59e0b05}.project-card.theme-hubagent:before{content:"";opacity:.6;z-index:0;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cpath fill='none' stroke='%23f59e0b' stroke-width='1.5' stroke-opacity='0.08' d='M50 10 L85 30 L85 70 L50 90 L15 70 L15 30 Z'/%3E%3Cpath fill='none' stroke='%23f59e0b' stroke-width='0.5' stroke-opacity='0.05' d='M50 20 L75 35 L75 65 L50 80 L25 65 L25 35 Z'/%3E%3Cpath fill='none' stroke='%23f59e0b' stroke-width='0.3' stroke-opacity='0.04' d='M50 10 L50 90 M15 30 L85 70 M15 70 L85 30'/%3E%3C/svg%3E");background-repeat:space;background-size:50%;width:60%;height:120%;transition:all .5s;position:absolute;top:-10%;left:-5%;transform:rotate(-10deg)}.project-card.theme-hubagent>*{z-index:1;position:relative}.project-card.theme-hubagent:hover{background:linear-gradient(145deg,#0f0f14e6,#0a0a0ff2),radial-gradient(circle at 100% 0,#f59e0b40,#0000 60%),radial-gradient(circle at 0 100%,#8b5cf626,#0000 60%);border:1px solid #f59e0b66;transform:translateY(-5px);box-shadow:0 15px 50px #f59e0b1a,inset 0 0 30px #f59e0b14}.project-card.theme-hubagent:hover:before{opacity:1;transform:rotate(0)scale(1.05)}.project-card.dynamic-theme,.zig-zag-item.dynamic-theme{border:1px solid color-mix(in srgb, var(--project-primary) 30%, #ffffff0d);box-shadow:0 10px 30px color-mix(in srgb, var(--project-primary) 10%, #00000080), inset 0 0 30px #0003;background:linear-gradient(145deg,#0f0f14cc,#0a0a0fe6);position:relative;overflow:hidden}.project-card.dynamic-theme:before,.zig-zag-item.dynamic-theme:before{content:"";background-image:var(--project-pattern);opacity:.6;z-index:0;pointer-events:none;background-repeat:repeat;background-size:400px;width:140%;height:140%;transition:all .5s;position:absolute;top:-20%;left:-20%;transform:rotate(-10deg)}.project-card.dynamic-theme>*,.zig-zag-item.dynamic-theme>*{z-index:1;position:relative}.project-card.dynamic-theme:hover,.zig-zag-item.dynamic-theme:hover{border-color:color-mix(in srgb, var(--project-primary) 60%, #fff3);transform:translateY(-5px)}.project-card.dynamic-theme:hover:before,.zig-zag-item.dynamic-theme:hover:before{opacity:1;transform:rotate(0)scale(1.05)}.project-image-wrap{aspect-ratio:16/10;border-radius:24px;position:relative;overflow:hidden;box-shadow:0 20px 40px #00000080}.project-image-wrap::-webkit-scrollbar{display:none}.project-img{background-position:50%;background-size:cover;width:100%;height:100%;transition:transform .7s cubic-bezier(.4,0,.2,1)}.project-card:hover .project-img{transform:scale(1.05)}.project-image-wrap.static-preview img{transition:transform .5s cubic-bezier(.16,1,.3,1)}.project-card:hover .project-image-wrap.static-preview img{transform:scale(1.03)}.placeholder-1{background:linear-gradient(45deg,#1e3a8a,#3b0764)}.placeholder-2{background:linear-gradient(45deg,#064e3b,#0f172a)}.placeholder-3{background:linear-gradient(45deg,#7f1d1d,#4c1d95)}.project-info h3{font-size:2.5rem}.project-info p{margin-bottom:2rem}.cta-section{text-align:center;background:linear-gradient(135deg,#3b82f61a,#8b5cf61a);border:1px solid #8b5cf633;border-radius:40px;margin:5rem 5%;padding:8rem 2rem;position:relative;overflow:hidden}.cta-section:before{content:"";z-index:-1;background:radial-gradient(circle,#8b5cf626 0%,#0000 60%);width:200%;height:200%;animation:20s linear infinite rotate;position:absolute;top:-50%;left:-50%}@keyframes rotate{to{transform:rotate(360deg)}}footer{text-align:center;border-top:1px solid var(--glass-border);color:var(--text-secondary);padding:3rem}.reveal{opacity:0;transition:all 1s cubic-bezier(.16,1,.3,1);transform:translateY(40px)}.reveal.active{opacity:1;transform:translateY(0)}@media (width<=1024px){.hero-visual-devices{flex-direction:column}.mockup-laptop{width:100%;max-width:500px;height:300px}.project-card,.project-card.reverse{grid-template-columns:1fr}.project-card.reverse .project-image-wrap{order:0}}@media (width<=768px){.expertise-banner{text-align:center;flex-direction:column;gap:2rem;padding:2.5rem}.banner-content h3{font-size:2rem}nav{display:none}h1{font-size:3rem}}.interactive-demo{border-radius:24px;width:100%;height:100%;transition:width .5s cubic-bezier(.4,0,.2,1),height .5s cubic-bezier(.4,0,.2,1),box-shadow .5s,border-radius .5s;position:relative;overflow:hidden}.interactive-demo.expanded{z-index:9999;background:var(--bg-color);cursor:default;width:100%;height:auto;margin:auto;position:fixed;inset:0;transform:none;box-shadow:0 30px 60px #000c,0 0 0 1px #ffffff1a}html.demo-expanded,body.demo-expanded{overflow:hidden!important}body.demo-expanded .reveal{transition:none!important;transform:none!important}body.demo-expanded:before{content:"";-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:9998;background:#0f172ad9;animation:.4s forwards fadeIn;position:fixed;inset:0}.demo-start-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:20;cursor:pointer;background:#02061799;justify-content:center;align-items:center;width:100%;height:100%;transition:opacity .3s;display:flex;position:absolute;top:0;left:0}.interactive-demo.expanded .demo-start-overlay{opacity:0;pointer-events:none}.demo-start-btn{background:var(--text-primary);color:var(--bg-color);border-radius:9999px;padding:1rem 2rem;font-size:1.1rem;font-weight:800;transition:transform .3s;box-shadow:0 10px 30px #00000080}.demo-start-overlay:hover .demo-start-btn{transform:scale(1.05)}.demo-close-btn{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:#fff;cursor:pointer;z-index:30;opacity:0;visibility:hidden;background:#0009;border:1px solid #fff3;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-size:24px;transition:all .3s;display:flex;position:absolute;top:20px;right:20px;box-shadow:0 4px 12px #0000004d}.demo-close-btn:hover{background:#000c;transform:scale(1.1)}.interactive-demo.expanded .demo-close-btn{opacity:1;visibility:visible}.interactive-demo:not(.expanded) .demo-screen{pointer-events:none}.demo-screen{opacity:0;visibility:hidden;z-index:1;justify-content:center;align-items:center;width:100%;height:100%;transition:opacity .5s,visibility .5s;display:flex;position:absolute;top:0;left:0}.demo-screen.active{opacity:1;visibility:visible;z-index:5}.demo-screen.scrolling{background-position:bottom;transition:background-position 1s cubic-bezier(.25,1,.5,1),opacity .5s}.hotspot{cursor:pointer;z-index:10;position:absolute}.hotspot-menu{width:15%;height:40%;top:20%;left:0}.hotspot-business{width:30%;height:30%;top:10%;left:40%}.demo-hint{color:#fff;pointer-events:none;background:#000c;border:1px solid #fff3;border-radius:20px;padding:8px 16px;font-size:.8rem;animation:2s infinite bounceHint;position:absolute;bottom:20px;left:50%;transform:translate(-50%)}.hotspot-tooltip{color:#fff;pointer-events:none;z-index:20;white-space:nowrap;transform:translateX(var(--tooltip-shift,-50%));background:#0f172a;border:1px solid #8b5cf680;border-radius:8px;padding:8px 16px;font-size:.9rem;font-weight:500;animation:2s ease-in-out infinite floatTooltip;position:absolute;box-shadow:0 10px 25px #00000080,0 0 20px #8b5cf64d}.hotspot-tooltip:before{content:"";top:-5px;left:var(--arrow-pos,50%);background:#0f172a;border-top:1px solid #8b5cf680;border-left:1px solid #8b5cf680;width:10px;height:10px;position:absolute;transform:translate(-50%)rotate(45deg)}.hotspot-tooltip.no-arrow:before{display:none}@keyframes floatTooltip{0%{transform:translateX(var(--tooltip-shift,-50%)) translateY(0)}50%{transform:translateX(var(--tooltip-shift,-50%)) translateY(4px)}to{transform:translateX(var(--tooltip-shift,-50%)) translateY(0)}}.hotspot-ring{pointer-events:none;border:2px solid #8b5cf6cc;border-radius:8px;animation:1.5s infinite pulseRing;position:absolute;inset:-4px}@keyframes pulseRing{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1.1)}}.scroll-indicator{color:#fff;pointer-events:none;background:#000c;border:1px solid #fff3;border-radius:20px;padding:8px 16px;font-size:.8rem;animation:2s infinite bounceHint;position:absolute;bottom:20px;left:50%;transform:translate(-50%)}.reset-demo{color:#fff;cursor:pointer;background:#8b5cf6cc;border-radius:20px;padding:10px 20px;font-size:.9rem;font-weight:700;transition:background .3s;position:absolute;bottom:20px;left:50%;transform:translate(-50%);box-shadow:0 4px 15px #00000080}.reset-demo:hover{background:#8b5cf6}@keyframes bounceHint{0%,to{transform:translate(-50%)}}.plateforme-main{max-width:1400px;margin:0 auto;padding:120px 2rem 80px}.plateforme-header{text-align:center;margin-bottom:4rem}.plateforme-header h1{margin-bottom:1rem;font-size:clamp(3rem,6vw,5rem)}.feature-switcher-container{flex-direction:column;gap:2rem;display:flex}.feature-sidebar{-ms-overflow-style:none;scrollbar-width:none;flex-direction:row;gap:1rem;width:100%;padding:.5rem .5rem 1.5rem;display:flex;position:relative;overflow-x:auto}.feature-sidebar::-webkit-scrollbar{display:none}.feature-tab{border:1px solid var(--glass-border);cursor:pointer;color:var(--text-secondary);white-space:nowrap;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0f172a4d;border-radius:9999px;flex-direction:row;flex-shrink:0;justify-content:center;align-items:center;padding:.8rem 1.5rem;transition:all .4s cubic-bezier(.4,0,.2,1);display:inline-flex}.feature-tab h3{color:var(--text-primary);word-break:normal;margin:0 0 0 .5rem;font-size:1rem;line-height:1}.feature-tab p{display:none}.feature-tab:hover{background:#0f172a99;border-color:#8b5cf64d;transform:translateY(-2px)}.feature-tab.active{background:var(--glass-bg);color:var(--text-primary);border-color:#8b5cf699;transform:translateY(-2px);box-shadow:0 10px 30px #00000080,inset 0 0 20px #8b5cf61a}.feature-display{background:var(--glass-bg);border:1px solid var(--glass-border);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:32px;min-height:600px;padding:3rem;position:relative;box-shadow:0 20px 50px #00000080}.feature-content{opacity:0;transition:opacity .5s;display:none}.feature-content.active{opacity:1;flex-direction:column;gap:3rem;animation:.6s cubic-bezier(.16,1,.3,1) slideUpFade;display:flex}@keyframes slideUpFade{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.feature-content-header h2{background:linear-gradient(135deg,#fff,#9ca3af);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin-bottom:1.5rem;font-size:2.5rem}.feature-content-header p{color:var(--text-secondary);font-size:1.2rem;line-height:1.8}.mockup-container{background:#02061780;border:1px solid #ffffff08;border-radius:24px;flex:1;justify-content:center;align-items:center;min-height:450px;display:flex;box-shadow:inset 0 0 30px #00000080}.mockup-placeholder{text-align:center;color:var(--text-secondary);padding:2rem}.placeholder-icon{opacity:.8;filter:drop-shadow(0 0 20px #8b5cf64d);margin-bottom:1.5rem;font-size:5rem;display:block}@media (width<=1024px){.feature-tab{padding:.6rem 1.2rem}.feature-tab h3{font-size:.9rem}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.icon-loading-spinner{color:#6366f1;animation:1.2s linear infinite spin}.icon-box-loading{animation:1.5s infinite pulse-glow}@keyframes pulse-glow{0%{border-color:#6366f199;box-shadow:0 0 #6366f166}70%{border-color:#fff3;box-shadow:0 0 10px 4px #6366f100}to{border-color:#ffffff1a;box-shadow:0 0 #6366f100}}.feature-icon-wrapper svg{width:100%!important;height:100%!important}.mockup-app-ui{flex-direction:column;gap:1rem;height:100%;padding:3rem 1rem 1rem;animation:1s ease-out fadeIn;display:flex}.app-header{align-items:center;gap:.8rem;margin-bottom:.5rem;display:flex}.app-avatar{background:linear-gradient(135deg, var(--accent-primary), var(--accent-secondary));border-radius:50%;width:32px;height:32px}.app-title-skeleton{background:#ffffff1a;border-radius:6px;width:50%;height:12px}.app-content{flex-direction:column;gap:.8rem;display:flex}.app-skeleton-card{background:#ffffff08;border:1px solid #ffffff0d;border-radius:12px;height:60px}.app-skeleton-card.short{width:70%}.app-glass-banner{color:#fff;text-align:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#3b82f61a;border:1px solid #8b5cf64d;border-radius:16px;margin:.5rem 0;padding:1.2rem;font-size:1.1rem;font-weight:600;line-height:1.3;animation:4s ease-in-out infinite floatBanner;box-shadow:0 10px 30px #00000080,inset 0 0 20px #8b5cf633}@keyframes floatBanner{0%,to{transform:translateY(0)}50%{transform:translateY(-5px);box-shadow:0 15px 35px #8b5cf633,inset 0 0 20px #8b5cf64d}}.mockup-dashboard-ui{background:#020617e6;height:100%;animation:1.5s ease-out fadeIn;display:flex}.dashboard-sidebar{background:#ffffff05;border-right:1px solid #ffffff0d;flex-direction:column;align-items:center;gap:1rem;width:60px;padding-top:1rem;display:flex}.sidebar-icon{background:#ffffff1a;border-radius:6px;width:24px;height:24px}.sidebar-icon.active{background:linear-gradient(135deg, var(--accent-primary), var(--accent-secondary));box-shadow:0 0 15px #3b82f680}.dashboard-main{flex-direction:column;flex:1;display:flex}.dashboard-header{border-bottom:1px solid #ffffff0d;align-items:center;gap:1rem;height:50px;padding:0 1.5rem;display:flex}.header-skeleton{background:#ffffff1a;border-radius:6px;width:120px;height:12px}.header-skeleton.short{width:60px;margin-left:auto}.dashboard-content-area{flex-direction:column;flex:1;justify-content:center;align-items:center;gap:1.5rem;padding:2rem;display:flex;position:relative}.document-analyzer{background:#ffffff05;border:1px solid #ffffff0d;border-radius:20px;align-items:center;gap:2rem;padding:2rem;display:flex}.doc-icon-container{background:#0f172a80;border:1px solid #3b82f64d;border-radius:8px;justify-content:center;align-items:center;width:60px;height:80px;display:flex;position:relative;overflow:hidden}.doc-svg{color:var(--accent-primary);opacity:.8}.scan-line{background:var(--accent-secondary);width:100%;height:2px;box-shadow:0 0 15px 2px var(--accent-secondary);animation:2s linear infinite scan;position:absolute;top:0;left:0}@keyframes scan{0%{opacity:0;top:-10%}10%{opacity:1}90%{opacity:1}to{opacity:0;top:110%}}.analysis-stats{flex-direction:column;gap:.8rem;width:150px;display:flex}.stat-bar{background:#ffffff1a;border-radius:4px;width:100%;height:8px}.stat-bar.short{width:60%}.stat-bar.primary{background:linear-gradient(90deg, var(--accent-primary), var(--accent-secondary));animation:2s infinite alternate pulseBar}@keyframes pulseBar{0%{opacity:.6}to{opacity:1;box-shadow:0 0 10px #8b5cf680}}.dashboard-glass-bubble{color:#fff;text-align:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#3b82f61a;border:1px solid #8b5cf64d;border-radius:16px;width:90%;padding:1.2rem;font-size:1.1rem;font-weight:600;line-height:1.3;animation:4s ease-in-out infinite floatBanner;box-shadow:0 10px 30px #00000080,inset 0 0 20px #8b5cf633}@keyframes floatBubble{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.zig-zag-container{flex-direction:column;gap:4rem;display:flex}.zig-zag-item{border:1px solid var(--glass-border);cursor:pointer;background:#0003;border-radius:24px;align-items:center;gap:3rem;padding:2rem;transition:transform .4s cubic-bezier(.16,1,.3,1),border-color .3s,box-shadow .3s;display:flex}.zig-zag-item:hover{border-color:#60a5fa80;transform:translateY(-5px);box-shadow:0 15px 35px #0006}.zig-zag-image{background-position:50%;background-size:cover;border-radius:16px;flex:1.2;min-width:350px;height:350px;box-shadow:0 10px 30px #0000004d}.zig-zag-content{flex-direction:column;flex:1;gap:1rem;padding:1rem;display:flex}@media (width<=900px){.zig-zag-item{gap:1.5rem;padding:1.5rem;flex-direction:column!important}.zig-zag-image{width:100%;min-width:unset;height:250px}}