.hero-section{position:relative;min-height:100vh;display:flex;flex-direction:column;overflow-x:hidden;overflow-y:visible;color:#fff;padding:0 4rem}.hero-enhanced-section{position:relative;display:flex;flex-direction:column;justify-content:center;flex:1;padding:8rem 0 2rem;min-height:60vh}.hero-video-section{position:relative;display:flex;align-items:center;justify-content:center;padding:2rem 0;min-height:60vh}.hero-video-section>div>div{filter:drop-shadow(0 25px 50px rgba(0,0,0,.5))}.hero-video-section video.bg-remove-light{filter:drop-shadow(0 25px 50px rgba(0,0,0,.5)) contrast(1.3) brightness(1.1) saturate(1.2);mix-blend-mode:multiply}.hero-video-section video.bg-remove-dark{filter:drop-shadow(0 25px 50px rgba(0,0,0,.5)) contrast(1.4) brightness(1.2) saturate(1.1);mix-blend-mode:screen}.hero-video-section video.bg-remove-green{filter:drop-shadow(0 25px 50px rgba(0,0,0,.5)) hue-rotate(120deg) saturate(0) contrast(2) brightness(1.5);mix-blend-mode:darken}.mix-blend-mode-screen{mix-blend-mode:screen;filter:contrast(1.2) brightness(1.1)}.mix-blend-mode-multiply{mix-blend-mode:multiply;filter:contrast(1.3) brightness(1.2)}.high-contrast-removal{filter:contrast(3) brightness(1.5) saturate(1.5) drop-shadow(0 25px 50px rgba(0,0,0,.5));mix-blend-mode:screen}.luminosity-blend{mix-blend-mode:luminosity;filter:contrast(1.4) brightness(1.3) saturate(1.2)}.crop-monitor-only{-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;transform:scale(1.8);clip-path:inset(20% 20% 20% 20%);filter:drop-shadow(0 25px 50px rgba(0,0,0,.5))}.hero-enhanced-section h1 .word-wrapper{display:inline-block;overflow:hidden}.hero-enhanced-section h1 .word{display:inline-block;transform:translateY(100%);opacity:0}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.red-line-debug{position:absolute!important;bottom:-8px!important;left:0!important;width:100%!important;height:4px!important;background:linear-gradient(to right,hsl(var(--theme-color)),transparent)!important;display:block!important;opacity:1!important;visibility:visible!important;z-index:10!important;border-radius:2px!important;pointer-events:none!important}.hero-top-section{grid-column:1 / -1;display:flex;justify-content:center;padding-top:6rem;padding-bottom:2rem}.hero-we-container{display:flex;align-items:center;gap:1rem;font-size:.9rem;font-weight:300;letter-spacing:.2em;color:#fffc;white-space:nowrap;max-width:100%;overflow:hidden}.hero-we-small{font-weight:500;color:#fff;flex-shrink:0}.hero-bracket-open,.hero-bracket-close{color:hsl(var(--theme-color));font-family:Courier New,monospace;font-weight:700;font-size:1.1rem;flex-shrink:0;animation:bracketPulse 2s ease-in-out infinite}.hero-bracket-close{animation-delay:.1s}.hero-animated-phrase{text-transform:uppercase;width:450px;text-align:left;flex-shrink:0;position:relative;overflow:hidden;height:1.2em;display:flex;align-items:center;-webkit-mask:linear-gradient(to right,black 0%,black 92%,transparent 100%);mask:linear-gradient(to right,black 0%,black 92%,transparent 100%)}.hero-main-content{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:start;min-height:calc(100vh - 8rem);max-width:1600px;margin:0 auto;padding-top:8rem}.hero-left-section{display:flex;flex-direction:column;align-items:flex-start;position:relative}.hero-creative-text{font-size:clamp(2.5rem,3.5vw,4.5rem)!important;font-weight:900!important;letter-spacing:-.04em!important;line-height:.9!important;color:#fff!important;margin-bottom:3rem!important;margin-top:2rem!important;white-space:pre-line!important;text-align:left!important;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif!important;overflow:visible!important;display:block!important}@media (max-width: 768px){.hero-creative-text{font-size:clamp(2rem,8vw,3.5rem)!important;line-height:1.1!important}.hero-creative-text .hero-red-line{height:3px!important;bottom:-6px!important}}.hero-code-editor{position:relative;width:400px;height:280px;margin-left:2rem;background:#1e1e2e;border-radius:12px;box-shadow:0 20px 40px #0006,0 0 0 1px #ffffff1a;overflow:hidden;animation:editorFloat 6s ease-in-out infinite}.hero-project-showcase{display:flex;align-items:center;gap:1rem;margin-bottom:3rem;font-size:1rem;font-weight:300;letter-spacing:.1em;color:#fffc;white-space:nowrap}.project-label{text-transform:uppercase;white-space:nowrap}.project-arrow{font-size:1.2rem;color:#fff;transition:transform .3s ease;flex-shrink:0}.project-name{font-weight:500;color:#fff;text-transform:uppercase;white-space:nowrap}.hero-project-showcase:hover .project-arrow{transform:translate(5px)}@media (min-width: 769px){.hero-section{height:100vh;overflow:hidden}.hero-main-content{grid-template-columns:1.2fr .8fr;align-items:center;height:100%;max-width:1400px;padding:0 2rem 8rem}.hero-left-section,.hero-right-section{justify-content:flex-end}}@media (max-width: 1024px) and (min-width: 769px){.hero-section{padding:0 2rem}.hero-main-content{gap:2rem}.hero-code-editor{width:350px;height:240px;margin-left:1rem}.hero-description{max-width:90%;padding-right:2rem}}@media (max-width: 768px){.hero-section{padding:0 1rem;min-height:100vh}.hero-top-section{padding-top:6rem;padding-bottom:1.5rem;display:flex;justify-content:flex-start}.hero-enhanced-section{padding:1rem 0;min-height:auto;display:flex!important;flex-direction:column!important;opacity:1!important;width:100%!important;max-width:100%!important}.hero-enhanced-section .max-w-7xl{padding:0 1rem;width:100%!important;max-width:100%!important}.hero-section .hero-enhanced-section h1.reveal{text-align:left!important;width:100%!important;max-width:100%!important;font-size:clamp(1.75rem,6vw,2.5rem)!important;line-height:1.2!important;margin-bottom:1rem!important}.hero-section .hero-enhanced-section p.reveal{text-align:left!important;width:100%!important;max-width:100%!important;font-size:1rem!important;line-height:1.5!important;margin-bottom:1.5rem!important}.hero-enhanced-section .flex.flex-wrap.gap-3{display:flex!important;opacity:1!important;visibility:visible!important;width:100%!important;max-width:100%!important;justify-content:flex-start!important;gap:.75rem!important;flex-wrap:wrap!important}.hero-enhanced-section .flex.flex-wrap.gap-3 span{display:inline-block!important;opacity:1!important;visibility:visible!important;flex:0 0 auto!important;text-align:center!important;white-space:nowrap!important;font-size:.875rem!important}.hero-enhanced-section .reveal.transform.transition-all{width:100%!important;max-width:100%!important}.hero-enhanced-section .reveal.transform.transition-all .flex.items-center.gap-2{font-size:.875rem!important;text-align:left!important;justify-content:flex-start!important}.hero-we-container{font-size:.8rem;gap:.8rem;max-width:calc(100vw - 2rem)}.hero-animated-phrase{width:350px;-webkit-mask:linear-gradient(to right,black 0%,black 85%,transparent 100%);mask:linear-gradient(to right,black 0%,black 85%,transparent 100%)}.hero-main-content{display:flex;flex-direction:column;gap:1.5rem;padding-top:0;padding-bottom:3rem;text-align:left;align-items:flex-start;justify-content:flex-start;width:100%;max-width:100%}.hero-enhanced-section{order:1!important;width:100%!important;max-width:100%!important}.hero-video-section{order:2!important;padding:1rem 0;margin-top:2rem;display:flex;justify-content:center;align-items:center}.hero-video-section>div{width:100%;max-width:100%;display:flex;justify-content:center;align-items:center}.hero-video-section>div>div{width:100%;max-width:90%;margin:0 auto}.hero-video-section video{max-width:90%;border-radius:1rem}.hero-left-section,.hero-right-section{align-items:center;text-align:center}.hero-creative-text{font-size:clamp(2rem,7vw,4.5rem);margin-bottom:2rem;white-space:pre-line;max-width:100%;text-align:left}.hero-description{margin:0 auto 2rem;max-width:100%}.hero-code-editor{width:300px;height:200px;margin:2rem auto}.hero-project-showcase{justify-content:center;margin:2rem auto;font-size:.8rem}.scroll-indicator{bottom:1rem;font-size:.8rem}}@media (max-width: 480px){.hero-top-section{padding-top:7rem}.hero-we-container{font-size:.7rem;gap:.6rem}.hero-animated-phrase{width:280px;-webkit-mask:linear-gradient(to right,black 0%,black 80%,transparent 100%);mask:linear-gradient(to right,black 0%,black 80%,transparent 100%)}.hero-creative-text{font-size:clamp(2rem,8vw,3.5rem);margin-bottom:1.5rem;text-align:left;white-space:pre-line}.hero-enhanced-section .flex.flex-wrap.gap-3 span{font-size:.8rem!important;padding:.5rem .75rem!important}}@media (max-width: 375px){.hero-project-showcase,.hero-project-showcase .project-name{font-size:.7rem}}.code-editor-header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:#2a2a3e;border-bottom:1px solid rgba(255,255,255,.1)}.editor-dots{display:flex;gap:8px}.dot{width:12px;height:12px;border-radius:50%}.dot.red{background:#ff5f57}.dot.yellow{background:#ffbd2e}.dot.green{background:#28ca42}.editor-title{font-family:Courier New,monospace;font-size:.8rem;color:#fffc;font-weight:500}.code-editor-content{padding:16px;font-family:Courier New,monospace;font-size:.85rem;line-height:1.6;position:relative}.code-line{display:flex;align-items:center;margin-bottom:4px;animation:typeIn .5s ease-out}.code-line:nth-child(1){animation-delay:.5s;animation-fill-mode:both;opacity:0}.code-line:nth-child(2){animation-delay:1s;animation-fill-mode:both;opacity:0}.code-line:nth-child(3){animation-delay:1.5s;animation-fill-mode:both;opacity:0}.code-line:nth-child(4){animation-delay:2s;animation-fill-mode:both;opacity:0}.code-line:nth-child(5){animation-delay:2.5s;animation-fill-mode:both;opacity:0}.line-number{color:#fff6;margin-right:16px;min-width:20px;text-align:right}.code-text{color:#e0e0e0}.keyword{color:#ff79c6;font-weight:700}.variable{color:#8be9fd}.tag{color:#50fa7b}.animated-tag{display:inline-block;transition:all .3s ease}.typing-cursor{position:absolute;right:16px;bottom:16px;width:2px;height:20px;background:hsl(var(--theme-color));animation:cursorBlink 1s infinite}.hero-right-section{display:flex;flex-direction:column;align-items:flex-end;text-align:right;position:relative}.hero-description{max-width:400px;margin-left:auto;margin-bottom:2rem}.hero-description p{font-size:1.125rem;line-height:1.7;color:#fffc;font-weight:400;letter-spacing:.02em}.scroll-indicator{position:absolute;bottom:3rem;left:50%;transform:translate(-50%);font-size:.9rem;font-weight:300;letter-spacing:.2em;color:#fff9;animation:scrollBounce 2s ease-in-out infinite}@media (min-width: 769px){.hero-section{position:relative;height:100vh;overflow:hidden}.hero-main-content{display:grid;grid-template-columns:1.2fr .8fr;gap:4rem;align-items:center;height:100%;max-width:1400px;margin:0 auto;padding:0 2rem 8rem}.hero-left-section{display:flex;flex-direction:column;justify-content:flex-end;align-items:flex-start}.hero-right-section{display:flex;flex-direction:column;justify-content:flex-end;align-items:flex-end;text-align:right}.hero-creative-text,.hero-description,.hero-code-editor,.hero-project-showcase,.scroll-indicator{order:unset}}@media (max-width: 1024px) and (min-width: 769px){.hero-section{padding:0 2rem}.hero-main-content{gap:2rem}.hero-code-editor{width:350px;height:240px;margin-left:1rem}.hero-description{max-width:90%;padding-right:2rem}.hero-right{padding-left:1rem}}@media (max-width: 768px){.hero-section{padding:0 1rem}.hero-top-section{padding-top:6rem;padding-bottom:1.5rem;display:flex;justify-content:flex-start}.hero-we-container{font-size:.8rem;gap:.8rem;max-width:calc(100vw - 2rem);overflow:hidden}.hero-animated-phrase{width:280px}.hero-main-content{display:flex;flex-direction:column;gap:1.5rem;padding-top:6rem;padding-bottom:3rem;text-align:left;align-items:flex-start;justify-content:center;width:100%;max-width:100%}.hero-left-section{display:flex;flex-direction:column;align-items:flex-start;text-align:left;order:1}.hero-right-section{display:flex;flex-direction:column;align-items:flex-start;text-align:left;order:2}.hero-creative-text{font-size:clamp(2rem,7vw,4.5rem);line-height:1.1;white-space:pre-line;margin-bottom:1.5rem;order:1;overflow:visible;max-width:100%;text-align:left;width:100%}[lang=fr] .hero-creative-text{font-size:clamp(1.8rem,6.5vw,4rem)!important;line-height:1.05!important;letter-spacing:-.02em!important}.hero-description{margin:0 auto 1.5rem;text-align:center;max-width:90%;order:2;padding:0 1rem}.hero-description p{font-size:.95rem;line-height:1.6;color:#fffc;font-weight:400;letter-spacing:.02em;margin:0}.hero-code-editor{width:min(300px,90vw);height:200px;margin:1.5rem auto;font-size:.75rem;order:3}.code-editor-content{padding:12px}.code-line{margin-bottom:2px}.hero-video-section div[class*=border-b],.hero-video-section .border-b{border-bottom:none!important}.hero-project-showcase{display:flex;justify-content:center;align-items:center;gap:1rem;margin:2rem auto;text-align:center;font-size:.8rem;color:#fffc;order:4}.hero-project-showcase .project-name{white-space:nowrap;color:#fff;font-weight:500;text-transform:uppercase}.hero-project-showcase .project-arrow{color:#fff;font-size:1.2rem}.hero-project-showcase .project-label{text-transform:uppercase;color:#fff9}.scroll-indicator{bottom:1rem;font-size:.8rem;z-index:5;order:5}}@media (max-width: 480px){.hero-top-section{padding-top:7rem}.hero-we-container{font-size:.7rem;gap:.6rem;max-width:calc(100vw - 1rem);overflow:hidden}.hero-animated-phrase{width:220px}.hero-creative-text{font-size:clamp(2rem,8vw,3.5rem);line-height:.9;margin-bottom:1.5rem;white-space:pre-line;text-align:left;overflow:visible}[lang=fr] .hero-creative-text{font-size:clamp(1.6rem,7.5vw,3rem)!important;line-height:1!important;letter-spacing:-.025em!important}}@media (max-width: 768px){.hero-animated-phrase{width:380px;max-width:380px;white-space:nowrap;text-overflow:clip;position:relative;-webkit-mask:linear-gradient(to right,black 0%,black 90%,transparent 100%);mask:linear-gradient(to right,black 0%,black 90%,transparent 100%)}}@media (max-width: 480px){.hero-animated-phrase{width:320px;max-width:320px;-webkit-mask:linear-gradient(to right,black 0%,black 80%,transparent 100%);mask:linear-gradient(to right,black 0%,black 80%,transparent 100%)}.hero-top-section{padding-bottom:.5rem!important;padding-top:7rem!important;top:3rem!important}}.hero-animated-phrase span{display:inline-block;max-width:100%;overflow:hidden;white-space:nowrap}