:root{--bg:#0d0d0e;--surface:#131518;--surface-2:#191b20;--line:#2a2d32;--muted:#8e949c;--text:#f4f5f2;--accent:#00f59b;--mono:"IBM Plex Mono",monospace;--display:"Space Grotesk",sans-serif;--body:"Inter",sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font:16px/1.6 var(--body);overflow-x:hidden}.noise{position:fixed;inset:0;pointer-events:none;opacity:.025;z-index:10;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.8'/%3E%3C/svg%3E")}.site-header{height:82px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 max(4vw,32px);position:relative;z-index:5}.brand{display:flex;align-items:center;color:var(--text);text-decoration:none;font-family:var(--display);font-weight:600;letter-spacing:-1.5px}.brand-mark{font-size:25px}.brand-orbit{font-size:13px;color:var(--accent);border:1px solid var(--accent);border-radius:50%;height:29px;width:29px;display:grid;place-items:center;margin-left:5px;letter-spacing:-1px}.site-header nav{display:flex;gap:36px}.site-header nav a{color:#c1c5ca;text-decoration:none;text-transform:uppercase;font:500 11px var(--mono);letter-spacing:1.4px}.site-header nav a:hover{color:var(--accent)}.header-cta{color:var(--text);text-decoration:none;font:500 12px var(--mono);text-transform:uppercase;border-left:1px solid var(--line);padding-left:28px}.header-cta span,.button span{color:var(--accent)}
.hero{min-height:calc(100vh - 82px);display:grid;grid-template-columns:.92fr 1.08fr;border-bottom:1px solid var(--line)}.hero-copy{padding:clamp(70px,8vw,125px) max(4vw,52px);display:flex;flex-direction:column;justify-content:center}.status{display:flex;align-items:center;gap:9px;font:500 12px var(--mono);letter-spacing:1px;margin-bottom:48px}.status i{width:7px;height:7px;background:var(--accent);border-radius:50%;box-shadow:0 0 14px var(--accent);animation:pulse 1.8s infinite}.status b{font-weight:400;color:#8a9199;margin-left:auto}.eyebrow{font:500 12px var(--mono);letter-spacing:2px;color:var(--accent);text-transform:uppercase}.hero h1{font:600 clamp(50px,5.4vw,88px)/.96 var(--display);letter-spacing:-5px;margin:25px 0 32px;max-width:850px}.hero h1 span,.section-intro h2 span,.contact h2 span{color:#858b93}.lead{font-size:clamp(17px,1.3vw,20px);line-height:1.72;color:#c1c5ca;max-width:720px}.hero-actions{display:flex;gap:12px;margin-top:38px}.button{height:56px;display:inline-flex;align-items:center;justify-content:center;gap:18px;padding:0 23px;text-decoration:none;text-transform:uppercase;font:500 11px var(--mono);letter-spacing:.6px;border:1px solid var(--line);transition:.25s}.button.primary{background:var(--accent);color:#06130d;border-color:var(--accent)}.button.primary span{color:#06130d}.button.primary:hover{box-shadow:0 0 32px rgba(0,245,155,.22);transform:translateY(-2px)}.button.ghost{color:var(--text);background:rgba(255,255,255,.01)}.button.ghost:hover{border-color:#666}.trust-line{display:flex;gap:26px;margin-top:55px;color:#8a9097;font:10px var(--mono);letter-spacing:.8px}.trust-line span+span:before{content:"/";margin-right:26px;color:#50555b}
.hero-system{border-left:1px solid var(--line);position:relative;background:radial-gradient(circle at 55% 48%,rgba(0,245,155,.055),transparent 32%),linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px);background-size:auto,48px 48px,48px 48px;display:flex;flex-direction:column;justify-content:center;min-height:680px;padding:40px}.system-head{position:absolute;top:26px;left:30px;right:30px;display:flex;justify-content:space-between;font:9px var(--mono);color:#757b82;letter-spacing:1px}.mono{font-family:var(--mono)}.pipeline-stage{display:grid;grid-template-columns:1fr 70px 145px 70px 1fr;align-items:center}.node-card{background:rgba(20,22,25,.9);border:1px solid #30343a;padding:18px;min-height:162px;box-shadow:0 18px 60px rgba(0,0,0,.35)}.node-top{display:flex;gap:8px;align-items:center;font:8px var(--mono);color:#70767d;border-bottom:1px solid #272a2f;padding-bottom:12px}.node-top i{width:5px;height:5px;background:var(--accent);border-radius:50%}.node-top b{margin-left:auto;font-weight:400}.node-card>p{font:9px var(--mono);color:#646a71;margin-top:21px}.node-card>strong{font:600 14px var(--display);display:block}.node-card>small{font:9px var(--mono);color:#858b92}.core-node{height:145px;border:1px solid #3c4244;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;background:#111312;box-shadow:0 0 50px rgba(0,245,155,.08)}.core-node span{font:600 24px var(--display);letter-spacing:-2px}.core-node b{font:500 11px var(--mono);color:var(--accent)}.core-node small{font:7px var(--mono);color:#60666c;margin-top:8px}.core-rings{position:absolute;inset:-16px;border:1px solid rgba(0,245,155,.11);border-radius:50%;animation:spin 18s linear infinite}.core-rings i{position:absolute;width:5px;height:5px;background:var(--accent);border-radius:50%;top:50%;left:-3px}.core-rings i:nth-child(2){left:auto;right:-3px}.core-rings i:nth-child(3){top:-3px;left:50%}.signal{height:1px;background:#31363a;position:relative;overflow:hidden}.signal span{position:absolute;width:24px;height:1px;background:var(--accent);box-shadow:0 0 12px var(--accent);animation:flow 1.6s linear infinite}.signal-b span{animation-delay:.8s}.phone-alert{display:flex;gap:10px;align-items:center;margin-top:20px;background:#202329;border:1px solid #30343a;padding:10px}.phone-alert>span{color:var(--accent)}.phone-alert small{font:7px var(--mono);display:block;color:#7e848a}.phone-alert strong{font-size:10px}.delivery{display:flex;justify-content:space-between!important}.delivery b{color:var(--accent)}.system-log{position:absolute;bottom:28px;left:30px;right:30px;border-top:1px solid var(--line);padding-top:15px;display:flex;gap:15px;font:8px var(--mono);color:#60666c}.system-log p{margin:0;flex:1}.system-log b,.system-log i{color:var(--accent);font-style:normal}
.marquee{overflow:hidden;border-bottom:1px solid var(--line);background:#0a0b0c;padding:15px 0}.marquee-track{display:flex;align-items:center;gap:28px;width:max-content;white-space:nowrap;animation:marquee 28s linear infinite;font:500 10px var(--mono);letter-spacing:1.4px;color:#aeb4ba}.marquee-track i{color:var(--accent);font-style:normal;font-size:7px}.marquee-track span{display:inline-block}
.spec-strip{display:grid;grid-template-columns:repeat(4,1fr);padding:0 max(4vw,40px);border-bottom:1px solid var(--line);background:#101112}.spec-strip>div{padding:31px 24px;border-right:1px solid var(--line)}.spec-strip>div:first-child{border-left:1px solid var(--line)}.spec-strip small{display:block;font:10px var(--mono);color:#91979e;letter-spacing:1.2px;margin-bottom:10px}.spec-strip strong{font:500 clamp(14px,1.05vw,18px)/1.4 var(--mono)}.spec-strip strong span{font-size:10px;color:var(--accent);margin-left:4px}
.systems{padding:130px max(5vw,58px)}.section-intro{display:grid;grid-template-columns:1.2fr .6fr;align-items:end;gap:100px;margin-bottom:70px}.section-intro h2,.contact h2{font:600 clamp(42px,5vw,74px)/1 var(--display);letter-spacing:-4px;margin:20px 0 0}.section-intro>p{color:#b2b7bd;line-height:1.75;max-width:500px;font-size:18px}.bento{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.bento-card{background:var(--surface);border:1px solid var(--line);position:relative;overflow:hidden;padding:38px;min-height:760px;display:flex;flex-direction:column}.bento-card:before{content:"";position:absolute;inset:0;background:linear-gradient(120deg,rgba(255,255,255,.025),transparent 30%);pointer-events:none}.card-index{position:absolute;top:24px;right:25px;font:11px var(--mono);color:#7d838a}.tag{color:var(--accent);font:500 11px/1.5 var(--mono);letter-spacing:1.2px;max-width:85%}.bento-card h3{font:600 clamp(28px,2.25vw,42px)/1.05 var(--display);letter-spacing:-2px;margin:23px 0}.bento-card p{color:#b7bcc2;line-height:1.7;max-width:560px;font-size:16px}.latency-widget{margin-top:auto;background:#0e1011;border:1px solid #353a40;padding:22px;transition:.3s}.latency-widget:hover{border-color:rgba(0,245,155,.55);box-shadow:0 0 40px rgba(0,245,155,.05)}.widget-head{display:flex;justify-content:space-between;font:10px var(--mono);color:#9aa0a7}.widget-head i{width:6px;height:6px;background:var(--accent);border-radius:50%}.latency-widget>strong{display:block;font:500 58px var(--mono);letter-spacing:-5px;margin:18px 0 10px}.latency-widget>strong small{font-size:14px;color:var(--accent);letter-spacing:0}.wave{height:48px;display:flex;align-items:end;gap:5px;border-bottom:1px solid #25292c}.wave i{flex:1;background:linear-gradient(var(--accent),rgba(0,245,155,.08));height:var(--h,30%);animation:wave 1.3s ease-in-out infinite alternate}.wave i:nth-child(2){--h:75%;animation-delay:.1s}.wave i:nth-child(3){--h:42%;animation-delay:.2s}.wave i:nth-child(4){--h:90%;animation-delay:.3s}.wave i:nth-child(5){--h:52%;animation-delay:.4s}.wave i:nth-child(6){--h:68%;animation-delay:.5s}.wave i:nth-child(7){--h:35%;animation-delay:.6s}.wave i:nth-child(8){--h:82%;animation-delay:.7s}.latency-widget>p{text-transform:none;font:10px/1.5 var(--mono);color:#8e949b;margin:12px 0 0}.score-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:24px}.score-grid>div{border:1px solid #353a40;min-height:105px;display:flex;flex-direction:column;align-items:center;justify-content:center}.score-ring{width:58px;height:58px;border:2px solid var(--accent);border-radius:50%;display:grid;place-items:center;font:500 16px var(--mono);box-shadow:inset 0 0 16px rgba(0,245,155,.08)}.score-grid small{font:9px var(--mono);color:#a3a9b0;margin-top:8px;text-align:center}.load-score{grid-column:span 2}.load-score strong{font:500 28px var(--mono);color:var(--accent)}.web-mockup{margin-top:auto;border:1px solid #393e44;background:#0b0d0e;padding:8px;box-shadow:0 18px 40px rgba(0,0,0,.28)}.mockup-bar{height:25px;display:flex;align-items:center;gap:5px;border-bottom:1px solid #252a2e;padding:0 5px}.mockup-bar i{width:5px;height:5px;border-radius:50%;background:#41474d}.mockup-bar i:first-child{background:var(--accent)}.mockup-bar span{margin-left:7px;font:8px var(--mono);color:#6f767d}.mockup-screen{min-height:155px;display:grid;grid-template-columns:1.2fr .8fr;gap:12px;padding:18px;background:linear-gradient(135deg,#121517,#0d0f10)}.mockup-copy{display:flex;flex-direction:column;justify-content:center}.mockup-copy small{font:8px var(--mono);color:var(--accent)}.mockup-copy strong{font:500 17px/1.1 var(--display);margin-top:8px}.mockup-copy span{display:block;width:55px;height:7px;background:var(--accent);margin-top:18px}.mockup-panel{border:1px solid #30363a;padding:14px;display:flex;flex-direction:column;justify-content:end}.mockup-panel b{font:500 22px var(--mono);color:var(--accent)}.mockup-panel small{font:7px var(--mono);color:#8e959c}.mockup-panel i{display:block;height:4px;background:#2b3034;margin-top:8px}.mockup-panel i:nth-of-type(2){width:70%}.mockup-panel i:nth-of-type(3){width:84%}.route-mini{display:grid;grid-template-columns:auto 1fr auto 1fr auto;align-items:center;gap:8px;margin:24px 0}.route-mini span,.route-mini b{font:9px var(--mono);border:1px solid #3b4046;padding:8px;color:#b9bec4}.route-mini b{color:var(--accent);border-color:rgba(0,245,155,.35)}.route-mini i{height:1px;background:linear-gradient(90deg,#353b40,var(--accent),#353b40)}.video-player{margin-top:auto;border:1px solid #353a40;background:#0d0f10;padding:10px}.video-frame{aspect-ratio:16/10;position:relative;display:grid;place-items:center;overflow:hidden;background:linear-gradient(rgba(4,7,6,.12),rgba(4,7,6,.42)),url('./assets/video-production-dgt360.jpg') center/cover no-repeat}.video-frame:after{content:"";position:absolute;inset:0;box-shadow:inset 0 -100px 80px rgba(0,0,0,.55)}.video-label{position:absolute;top:14px;left:14px;z-index:2;font:10px var(--mono);color:#d3d7da}.video-frame button{position:relative;z-index:3;width:62px;height:62px;border-radius:50%;border:1px solid var(--accent);background:rgba(6,18,13,.78);color:var(--accent);cursor:pointer;font-size:17px;backdrop-filter:blur(8px)}.video-caption{position:absolute;left:16px;right:16px;bottom:15px;z-index:2}.video-caption small{display:block;color:var(--accent);font:9px var(--mono)}.video-caption strong{font:500 15px var(--display)}.video-controls{display:grid;grid-template-columns:7px 1fr auto;align-items:center;gap:9px;padding:10px 3px 2px}.video-controls i{width:7px;height:7px;background:var(--accent);border-radius:50%}.video-controls span{height:2px;background:linear-gradient(90deg,var(--accent) 38%,#34393e 38%)}.video-controls b{font:10px var(--mono);color:#92989f}
.process{border-top:1px solid var(--line);padding:100px max(5vw,58px)}.process-grid{display:grid;grid-template-columns:repeat(4,1fr);margin-top:40px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.process article{padding:32px 25px;min-height:190px;border-right:1px solid var(--line)}.process article:last-child{border:0}.process article span{font:9px var(--mono);color:var(--accent)}.process h4{font:500 22px var(--display);margin:42px 0 12px}.process article p{font-size:13px;color:#858b92;line-height:1.6}.contact{padding:120px max(5vw,58px);background:#111312;border-top:1px solid var(--line)}.contact-grid{display:grid;grid-template-columns:1.3fr .7fr;gap:90px;align-items:end}.contact-action p{color:#969ca3;line-height:1.7;margin:0 0 28px}.contact-action .button{width:100%}.contact-action small{display:block;margin-top:18px;font:7px var(--mono);letter-spacing:.8px;color:#5e646a;text-align:center}footer{height:110px;border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 1fr 1fr;align-items:center;padding:0 max(4vw,32px)}footer p,footer>span{font:8px var(--mono);color:#62686e;letter-spacing:1px}footer p{text-align:center}footer>span{text-align:right}
@keyframes pulse{50%{opacity:.35;box-shadow:0 0 4px var(--accent)}}@keyframes flow{from{left:-25px}to{left:100%}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes wave{to{height:12%}}@keyframes marquee{to{transform:translateX(-50%)}}
@media(max-width:1050px){.hero{grid-template-columns:1fr}.hero-system{border-left:0;border-top:1px solid var(--line)}.section-intro,.contact-grid{grid-template-columns:1fr;gap:35px}.bento{grid-template-columns:1fr}.lead-card{grid-row:auto;min-height:650px}.spec-strip{grid-template-columns:1fr 1fr}.process-grid{grid-template-columns:1fr 1fr}.process article:nth-child(2){border-right:0}}
@media(max-width:680px){.site-header{padding:0 18px}.site-header nav{display:none}.header-cta{padding-left:12px}.hero-copy{padding:70px 22px}.hero h1{letter-spacing:-3px}.hero-actions{flex-direction:column}.trust-line{display:none}.hero-system{padding:80px 18px 50px;min-height:620px}.pipeline-stage{grid-template-columns:1fr 38px 90px 38px 1fr}.node-card{padding:11px;min-height:135px}.node-card>strong{font-size:10px}.node-card>small{font-size:6px}.phone-alert{padding:7px}.core-node{height:90px}.spec-strip{grid-template-columns:1fr}.spec-strip>div{border-left:1px solid var(--line)}.systems,.process,.contact{padding:85px 20px}.section-intro h2,.contact h2{letter-spacing:-2.5px}.bento-card{padding:30px 22px}.score-grid{grid-template-columns:1fr 1fr}.load-score{grid-column:span 2}.process-grid{grid-template-columns:1fr}.process article{border-right:0;border-bottom:1px solid var(--line)}footer{grid-template-columns:1fr 1fr;height:auto;padding:35px 20px}footer p{display:none}}

/* Formulaire de contact et aperçu vidéo final */
.preview-badge{position:relative;z-index:3;border:1px solid var(--accent);background:rgba(6,18,13,.8);color:var(--accent);padding:12px 16px;font:500 10px var(--mono);letter-spacing:1px;backdrop-filter:blur(8px)}
.contact-grid{grid-template-columns:1fr 1fr;align-items:start}.contact-action>p{color:#b3b8be}.audit-form{display:grid;grid-template-columns:1fr 1fr;gap:18px}.audit-form label{display:flex;flex-direction:column;gap:8px}.audit-form label>span{font:500 10px var(--mono);letter-spacing:.8px;color:#b4bac0;text-transform:uppercase}.audit-form input,.audit-form select,.audit-form textarea{width:100%;border:1px solid #383d42;background:#0d0f10;color:var(--text);padding:14px;font:15px var(--body);border-radius:0;outline:none}.audit-form input:focus,.audit-form select:focus,.audit-form textarea:focus{border-color:var(--accent)}.audit-form textarea{resize:vertical}.audit-form .full{grid-column:1/-1}.audit-form button{width:100%;cursor:pointer}.hidden-field{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important}.contact-action>small{display:block;margin-top:18px;font:9px var(--mono);letter-spacing:.8px;color:#777e85;text-align:center}
@media(max-width:1050px){.contact-grid{grid-template-columns:1fr;gap:55px}}
@media(max-width:680px){.audit-form{grid-template-columns:1fr}.audit-form .full{grid-column:auto}}