*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth;overflow-x:hidden}
:root{
–or:#FF6B00;–or2:#FF8C2A;–gold:#FFB627;
–bleu:#1D3557;–bleu2:#2A4A6B;–bleu3:#3D6E9A;
–w:#fff;–bg:#000;
–t:#FFFFFF;–t2:rgba(255,255,255,.82);–t3:rgba(255,255,255,.52);
–line:rgba(255,255,255,.12);–line2:rgba(255,255,255,.07);
–gold-glow:rgba(255,182,39,.18);–bleu-glow:rgba(61,110,154,.28);
}
body{background:#000;color:var(–t);font-family:’Inter’,-apple-system,sans-serif;overflow-x:hidden;-webkit-font-smoothing:antialiased}
@keyframes fadeUp{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}
@keyframes grAnim{0%{background-position:0% center}100%{background-position:200% center}}
@keyframes sonar{0%{box-shadow:0 0 0 0 rgba(255,107,0,.85)}70%{box-shadow:0 0 0 14px rgba(255,107,0,0)}100%{box-shadow:0 0 0 0 rgba(255,107,0,0)}}
@keyframes goldPulse{0%,100%{opacity:.6}50%{opacity:1}}
@keyframes meshAnim{0%{opacity:.9}100%{opacity:1}}
@keyframes bounce{0%,100%{transform:rotate(45deg) translate(0,0)}50%{transform:rotate(45deg) translate(4px,4px)}}
@keyframes floatUp{0%,100%{transform:translateY(0)}50%{transform:translateY(-7px)}}
@keyframes shimmer{0%{transform:translateX(-100%)}100%{transform:translateX(100%)}}
@keyframes badgeIn{from{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}
.r{opacity:0;transform:translateY(28px);transition:opacity .8s cubic-bezier(.16,1,.3,1),transform .8s cubic-bezier(.16,1,.3,1)}
.r.in{opacity:1;transform:none}
.d1{transition-delay:.1s}.d2{transition-delay:.2s}.d3{transition-delay:.3s}.d4{transition-delay:.4s}
.w{max-width:1100px;margin:0 auto;padding:0 clamp(20px,5vw,80px)}
.sec{position:relative;overflow:hidden}
.py{padding:120px 0}
.sep{height:1px;background:linear-gradient(90deg,transparent,var(–gold) 30%,var(–or) 50%,var(–gold) 70%,transparent);opacity:.4}
.sh-eye{font-size:11px;font-weight:700;letter-spacing:3px;text-transform:uppercase;color:var(–gold);display:block;margin-bottom:14px}
.sh-title{font-size:clamp(36px,5.5vw,68px);font-weight:900;letter-spacing:-2.5px;line-height:.95;color:#fff;margin-bottom:16px}
.sh-title .gr{background:linear-gradient(135deg,var(–or) 0%,var(–gold) 50%,var(–or2) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;background-size:200% auto;animation:grAnim 4s linear infinite}
.sh-body{font-size:clamp(16px,1.8vw,19px);font-weight:400;color:var(–t2);line-height:1.7;max-width:600px}
.sh-body strong{color:#fff;font-weight:700}
nav{position:fixed;top:0;left:0;right:0;z-index:1000;height:56px;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(16px,4vw,52px);background:rgba(0,0,0,.9);backdrop-filter:blur(24px);border-bottom:1px solid rgba(255,182,39,.12);transition:all .3s}
.nav-logo img{height:36px;display:block}
.nav-links{display:flex;align-items:center;gap:32px}
.nav-links a{font-size:13.5px;font-weight:400;color:rgba(255,255,255,.6);text-decoration:none;transition:color .2s}
.nav-links a:hover{color:#fff}
.nav-cta{background:linear-gradient(135deg,var(–or),var(–or2))!important;color:#fff!important;font-weight:700!important;padding:9px 22px;border-radius:980px;font-size:13px;box-shadow:0 0 24px rgba(255,107,0,.4);transition:all .25s;text-decoration:none}
.nav-cta:hover{transform:scale(1.04);box-shadow:0 0 40px rgba(255,107,0,.6)}
.hero{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:90px 20px 80px;position:relative;overflow:hidden}
.hero-mesh{position:absolute;inset:0;z-index:0;background:radial-gradient(ellipse 90% 55% at 50% -10%,rgba(255,182,39,.22) 0%,transparent 55%),radial-gradient(ellipse 60% 50% at 50% -5%,rgba(255,107,0,.3) 0%,transparent 45%),radial-gradient(ellipse 80% 70% at 0% 90%,rgba(29,53,87,.7) 0%,transparent 55%),radial-gradient(ellipse 60% 60% at 100% 80%,rgba(61,110,154,.35) 0%,transparent 55%),radial-gradient(ellipse 40% 40% at 100% 10%,rgba(255,182,39,.1) 0%,transparent 50%),#000;animation:meshAnim 14s ease-in-out infinite alternate}
.hero-grid{position:absolute;inset:0;z-index:0;background-image:linear-gradient(rgba(255,182,39,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(255,182,39,.04) 1px,transparent 1px);background-size:80px 80px;mask-image:radial-gradient(ellipse 80% 80% at 50% 50%,black,transparent)}
.hero-content{position:relative;z-index:2;max-width:900px;padding:0 20px}
.hero-tag{display:inline-flex;align-items:center;gap:8px;border:1px solid rgba(255,182,39,.35);border-radius:980px;padding:6px 18px 6px 12px;font-size:12px;font-weight:600;letter-spacing:1px;text-transform:uppercase;color:var(–gold);background:rgba(255,182,39,.08);margin-bottom:36px;animation:fadeUp .8s .2s both;box-shadow:0 0 20px rgba(255,182,39,.1)}
.pulse{width:6px;height:6px;border-radius:50%;background:var(–gold);animation:sonar 2s infinite;flex-shrink:0}
.hero-title{font-size:clamp(46px,7.5vw,100px);font-weight:900;line-height:.92;letter-spacing:-4px;color:#fff;margin-bottom:14px;animation:fadeUp .9s .35s both}
.hero-title .gr{background:linear-gradient(135deg,var(–or) 0%,var(–gold) 45%,var(–or2) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;background-size:200% auto;animation:grAnim 4s linear infinite}
.hero-sub{font-size:clamp(17px,2vw,21px);font-weight:400;color:var(–t2);margin:24px auto 0;max-width:660px;line-height:1.7;animation:fadeUp .9s .5s both}
.hero-sub strong{color:#fff;font-weight:700}
.hero-btns{display:flex;gap:14px;justify-content:center;flex-wrap:wrap;margin-top:48px;animation:fadeUp .9s .65s both}
.btn-glow{display:inline-flex;align-items:center;gap:8px;background:linear-gradient(135deg,var(–or),var(–or2));color:#fff;font-size:16px;font-weight:700;padding:16px 38px;border-radius:980px;text-decoration:none;box-shadow:0 0 50px rgba(255,107,0,.5);transition:all .3s}
.btn-glow:hover{transform:scale(1.05);box-shadow:0 0 80px rgba(255,107,0,.7)}
.btn-ghost{display:inline-flex;align-items:center;gap:8px;background:rgba(255,255,255,.07);color:var(–t);border:1px solid rgba(255,255,255,.28);font-size:16px;font-weight:400;padding:16px 38px;border-radius:980px;text-decoration:none;backdrop-filter:blur(10px);transition:all .25s}
.btn-ghost:hover{background:rgba(255,255,255,.13);border-color:rgba(255,255,255,.45)}
.hero-kpis{display:flex;margin-top:72px;padding-top:40px;border-top:1px solid rgba(255,182,39,.18);animation:fadeUp .9s .8s both}
.hkpi{flex:1;text-align:center;padding:0 20px;border-right:1px solid rgba(255,182,39,.14)}
.hkpi:last-child{border-right:none}
.hkpi-n{font-size:44px;font-weight:900;letter-spacing:-2px;line-height:1;background:linear-gradient(135deg,var(–or),var(–gold));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:7px}
.hkpi-l{font-size:13px;font-weight:500;color:var(–t2);line-height:1.45}
.scroll-hint{position:absolute;bottom:34px;left:50%;transform:translateX(-50%);z-index:2;display:flex;flex-direction:column;align-items:center;gap:8px;color:var(–t3);font-size:10px;letter-spacing:2px;text-transform:uppercase;animation:fadeUp .8s 1.1s both}
.sa{width:18px;height:18px;border-right:1.5px solid rgba(255,182,39,.3);border-bottom:1.5px solid rgba(255,182,39,.3);transform:rotate(45deg);animation:bounce 1.8s ease-in-out infinite}
.s-intro{position:relative;overflow:hidden}
.s-intro-bg{position:absolute;inset:0;background:radial-gradient(ellipse 70% 60% at 0% 50%,rgba(29,53,87,.45) 0%,transparent 60%),radial-gradient(ellipse 50% 50% at 100% 50%,rgba(255,182,39,.07) 0%,transparent 60%),linear-gradient(180deg,#000,#03080F,#000)}
.intro-grid{display:grid;grid-template-columns:1fr 1.45fr;gap:80px;align-items:center;position:relative;z-index:1}
.intro-pull{margin-top:32px;padding:24px 28px;border-left:3px solid var(–gold);background:linear-gradient(135deg,rgba(255,182,39,.1),rgba(29,53,87,.15));border-radius:0 12px 12px 0}
.intro-pull p{font-size:16px;font-style:italic;font-weight:400;color:var(–t);line-height:1.75}
.vbox{background:#05080F;border:1px solid rgba(255,182,39,.2);border-radius:16px;overflow:hidden;position:relative;aspect-ratio:16/9;box-shadow:0 40px 100px rgba(0,0,0,.7),0 0 60px rgba(255,182,39,.06)}
.vbox-mesh{position:absolute;inset:0;background:radial-gradient(ellipse 80% 70% at 50% 50%,rgba(29,53,87,.85) 0%,transparent 70%)}
.vbox-glow{position:absolute;inset:0;background:radial-gradient(ellipse 60% 40% at 50% 100%,rgba(255,182,39,.08) 0%,transparent 60%)}
.vbox-inner{position:absolute;inset:0;z-index:2;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px}
.vplay{width:72px;height:72px;background:rgba(255,255,255,.1);border:1.5px solid rgba(255,182,39,.4);border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s;position:relative;box-shadow:0 0 30px rgba(255,182,39,.15)}
.vplay::after{content: »;position:absolute;inset:-12px;border:1px solid rgba(255,182,39,.2);border-radius:50%;animation:sonar 3s infinite}
.vplay svg{color:#fff;margin-left:4px}
.vplay:hover{background:var(–or);border-color:var(–or);transform:scale(1.08);box-shadow:0 0 50px rgba(255,107,0,.6)}
.vplay-label{font-size:10.5px;letter-spacing:.22em;text-transform:uppercase;color:rgba(255,182,39,.7)}
.s-eco{position:relative;overflow:hidden}
.s-eco-bg{position:absolute;inset:0;background:radial-gradient(ellipse 80% 60% at 50% 50%,rgba(255,107,0,.08) 0%,transparent 60%),radial-gradient(ellipse 50% 50% at 0% 0%,rgba(255,182,39,.06) 0%,transparent 50%),radial-gradient(ellipse 50% 50% at 100% 100%,rgba(61,110,154,.12) 0%,transparent 50%),linear-gradient(180deg,#000,#030912,#000)}
.eco-head{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:end;margin-bottom:72px;position:relative;z-index:1}
.eco-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:2px;border-radius:20px;overflow:hidden;border:1px solid rgba(255,182,39,.12);position:relative;z-index:1}
.eco-card{background:rgba(255,255,255,.04);padding:0;position:relative;overflow:hidden;transition:all .35s;cursor:default}
.eco-card::before{content: »;position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,182,39,.04) 0%,rgba(61,110,154,.06) 100%);opacity:0;transition:opacity .4s}
.eco-card:hover{background:rgba(255,255,255,.07)}
.eco-card:hover::before{opacity:1}
.eco-card:hover .ec-bar{transform:scaleX(1)}
.ec-bar{position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(–or),var(–gold));transform:scaleX(0);transform-origin:left;transition:transform .5s cubic-bezier(.16,1,.3,1)}
.ec-inner{padding:42px 32px 38px;position:relative;z-index:1}
.ec-num{font-size:76px;font-weight:900;letter-spacing:-4px;line-height:1;background:linear-gradient(135deg,rgba(255,107,0,.5),rgba(255,182,39,.28));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:20px;display:block;transition:all .3s}
.eco-card:hover .ec-num{background:linear-gradient(135deg,rgba(255,107,0,.85),rgba(255,182,39,.6));-webkit-background-clip:text;background-clip:text}
.ec-ico{font-size:30px;margin-bottom:14px;display:block;animation:floatUp 3.5s ease-in-out infinite}
.ec-tag{font-size:10px;font-weight:700;letter-spacing:2.5px;text-transform:uppercase;color:var(–gold);margin-bottom:10px}
.ec-title{font-size:21px;font-weight:800;color:#fff;letter-spacing:-.5px;line-height:1.2;margin-bottom:14px}
.ec-body{font-size:14px;font-weight:400;color:var(–t2);line-height:1.8;margin-bottom:26px}
.ec-list{list-style:none;display:flex;flex-direction:column;gap:11px;padding-top:22px;border-top:1px solid rgba(255,182,39,.12)}
.ec-list li{font-size:13px;font-weight:400;color:var(–t2);display:flex;gap:10px;align-items:flex-start;line-height:1.55;transition:color .25s}
.eco-card:hover .ec-list li{color:#fff}
.ec-list li::before{content:’\2192′;color:var(–gold);flex-shrink:0;font-size:11px;margin-top:2px}
.ec-list li strong{color:#fff;font-weight:600}
.ec-soon{display:inline-flex;align-items:center;gap:7px;margin-top:14px;padding:6px 14px;background:rgba(61,110,154,.2);border:1px solid rgba(61,110,154,.45);border-radius:980px;font-size:11px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;color:var(–bleu3);animation:badgeIn .5s both}
.ec-soon::before{content: »;width:5px;height:5px;border-radius:50%;background:var(–bleu3);animation:goldPulse 2s infinite;flex-shrink:0}
.s-tem{position:relative;overflow:hidden}
.s-tem-bg{position:absolute;inset:0;background:radial-gradient(ellipse 60% 50% at 50% 0%,rgba(255,182,39,.06) 0%,transparent 55%),radial-gradient(ellipse 70% 50% at 0% 100%,rgba(29,53,87,.4) 0%,transparent 55%),linear-gradient(180deg,#000,#04080F,#000)}
.tem-head{margin-bottom:64px;position:relative;z-index:1}
.tem-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:3px;border-radius:20px;overflow:hidden;border:1px solid rgba(255,182,39,.1);position:relative;z-index:1}
.tc{background:rgba(255,255,255,.05);overflow:hidden;position:relative;transition:all .4s}
.tc:hover{background:rgba(255,255,255,.09);transform:translateY(-5px);box-shadow:0 20px 60px rgba(0,0,0,.5)}
.tc-vid{aspect-ratio:9/14;background:#050810;position:relative;overflow:hidden}
.tc-vid-bg{position:absolute;inset:0;background:linear-gradient(150deg,#0e1e2e 0%,#050810 100%);display:flex;align-items:center;justify-content:center}
.tc-overlay{position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.9) 0%,transparent 50%)}
.tc-btn{width:54px;height:54px;border:1.5px solid rgba(255,182,39,.35);border-radius:50%;background:rgba(255,182,39,.1);display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:1;transition:all .3s;position:relative;box-shadow:0 0 20px rgba(255,182,39,.1)}
.tc-btn:hover{background:var(–or);border-color:var(–or);transform:scale(1.1);box-shadow:0 0 40px rgba(255,107,0,.5)}
.tc-btn svg{color:#fff;margin-left:3px}
.tc-cap{position:absolute;bottom:0;left:0;right:0;padding:18px 20px;z-index:2}
.tc-name{font-size:15px;font-weight:700;color:#fff;margin-bottom:3px}
.tc-role{font-size:10.5px;font-weight:600;letter-spacing:1px;text-transform:uppercase;color:var(–gold)}
.tc-q{padding:22px 24px;background:rgba(255,182,39,.04);border-top:1px solid rgba(255,182,39,.12);font-size:14px;font-weight:400;color:var(–t2);line-height:1.75;font-style:italic}
.tc-qm{font-size:38px;color:var(–gold);line-height:0.4;vertical-align:-16px;margin-right:2px;opacity:.8;font-style:normal}
.s-part{position:relative;overflow:hidden}
.s-part-bg{position:absolute;inset:0;background:radial-gradient(ellipse 70% 55% at 50% 50%,rgba(29,53,87,.35) 0%,transparent 65%),radial-gradient(ellipse 40% 40% at 100% 0%,rgba(255,182,39,.07) 0%,transparent 55%),linear-gradient(180deg,#000,#050A14,#000)}
.part-grid{display:grid;grid-template-columns:1fr 1fr;gap:72px;align-items:start;position:relative;z-index:1}
.part-card{background:linear-gradient(135deg,rgba(255,255,255,.06),rgba(255,182,39,.03));border:1px solid rgba(255,182,39,.18);border-radius:20px;overflow:hidden;box-shadow:0 40px 80px rgba(0,0,0,.6),0 0 40px rgba(255,182,39,.04)}
.part-card-top{padding:36px 36px 0}
.part-card-bar{height:2px;background:linear-gradient(to right,var(–bleu2),var(–gold),var(–or));margin-bottom:32px}
.part-card-title{font-size:22px;font-weight:800;color:#fff;letter-spacing:-.5px;line-height:1.25;margin-bottom:36px}
.steps{display:flex;flex-direction:column;gap:0;padding:0 36px 36px}
.step{display:flex;gap:16px;padding:20px 0;border-bottom:1px solid rgba(255,182,39,.08)}
.step:last-child{border-bottom:none}
.sn{width:30px;height:30px;border-radius:50%;border:1.5px solid var(–gold);color:var(–gold);font-size:11px;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:2px;box-shadow:0 0 12px rgba(255,182,39,.2)}
.st{font-size:14px;font-weight:700;color:#fff;margin-bottom:4px}
.sd{font-size:13px;font-weight:400;color:var(–t2);line-height:1.65}
.part-txt .sh-eye{margin-bottom:12px}
.part-txt .sh-title{font-size:clamp(30px,3.8vw,50px);margin-bottom:22px}
.part-txt .sh-body{max-width:100%;margin-bottom:16px}
.part-badge{display:flex;align-items:flex-start;gap:12px;padding:18px 20px;background:linear-gradient(135deg,rgba(255,107,0,.1),rgba(255,182,39,.07));border:1px solid rgba(255,182,39,.3);border-radius:14px;margin-top:32px;font-size:13px;font-weight:400;color:var(–t2);line-height:1.65}
.part-badge strong{color:var(–gold);font-weight:700}
.s-form{position:relative;overflow:hidden}
.s-form-bg{position:absolute;inset:0;background:radial-gradient(ellipse 80% 70% at 50% 50%,rgba(29,53,87,.45) 0%,transparent 65%),radial-gradient(ellipse 50% 40% at 50% 100%,rgba(255,182,39,.1) 0%,transparent 55%),radial-gradient(ellipse 40% 30% at 0% 0%,rgba(255,107,0,.08) 0%,transparent 50%),linear-gradient(180deg,#000 0%,#040C1C 50%,#000 100%)}
.s-form::after{content: »;position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(–gold) 40%,var(–or) 60%,transparent);opacity:.5}
.form-wrap{max-width:680px;margin:0 auto;position:relative;z-index:1}
.form-head{text-align:center;margin-bottom:48px}
.form-head .sh-eye{margin-bottom:16px}
.form-head .sh-title{font-size:clamp(34px,5vw,64px);text-align:center}
.form-head .sh-body{margin:16px auto 0;text-align:center}
.form-card{background:linear-gradient(145deg,rgba(255,255,255,.06),rgba(255,182,39,.03));border:1px solid rgba(255,182,39,.18);border-radius:24px;padding:48px 44px;box-shadow:0 40px 100px rgba(0,0,0,.6),inset 0 1px 0 rgba(255,182,39,.1)}
.fi-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.fi{display:flex;flex-direction:column;gap:6px;margin-bottom:14px}
.fi label{font-size:11px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;color:rgba(255,182,39,.7)}
.fi input,.fi select{background:rgba(255,255,255,.06);border:1.5px solid rgba(255,255,255,.12);border-radius:12px;color:#fff;font-family:’Inter’,sans-serif;font-size:15px;padding:14px 16px;outline:none;width:100%;transition:all .25s}
.fi input::placeholder{color:rgba(255,255,255,.25)}
.fi input:focus,.fi select:focus{border-color:var(–gold);background:rgba(255,182,39,.07);box-shadow:0 0 0 3px rgba(255,182,39,.12)}
.formule-label{font-size:11px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;color:rgba(255,182,39,.7);margin-bottom:10px;display:block}
.formules{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:14px}
.formule-opt{position:relative}
.formule-opt input[type=radio]{position:absolute;opacity:0;width:0;height:0}
.formule-opt label{display:flex;flex-direction:column;align-items:center;text-align:center;padding:16px 12px;background:rgba(255,255,255,.05);border:1.5px solid rgba(255,255,255,.1);border-radius:14px;cursor:pointer;transition:all .25s;gap:6px}
.formule-opt label .fo-ico{font-size:22px}
.formule-opt label .fo-name{font-size:12px;font-weight:700;color:rgba(255,255,255,.75);line-height:1.3}
.formule-opt label .fo-sub{font-size:10px;font-weight:400;color:rgba(255,255,255,.35);line-height:1.3}
.formule-opt input:checked+label{border-color:var(–gold);background:rgba(255,182,39,.1);box-shadow:0 0 20px rgba(255,182,39,.15)}
.formule-opt input:checked+label .fo-name{color:var(–gold)}
.formule-opt label:hover{border-color:rgba(255,182,39,.4);background:rgba(255,182,39,.06)}
.form-rule{height:1px;background:rgba(255,182,39,.12);margin:24px 0}
.btn-submit{width:100%;background:linear-gradient(135deg,var(–or),var(–or2));color:#fff;font-family:’Inter’,sans-serif;font-size:17px;font-weight:700;border:none;border-radius:980px;padding:18px;cursor:pointer;transition:all .25s;box-shadow:0 8px 32px rgba(255,107,0,.45);display:flex;align-items:center;justify-content:center;gap:10px;position:relative;overflow:hidden}
.btn-submit::after{content: »;position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.15),transparent);animation:shimmer 2.5s infinite}
.btn-submit:hover{transform:translateY(-2px);box-shadow:0 14px 48px rgba(255,107,0,.6)}
.form-legal{font-size:11.5px;color:rgba(255,255,255,.3);text-align:center;margin-top:16px;line-height:1.6}
.trust-row{display:flex;align-items:center;justify-content:center;gap:28px;margin-top:32px;flex-wrap:wrap}
.trust-item{display:flex;align-items:center;gap:7px;font-size:12.5px;color:rgba(255,255,255,.45);font-weight:500}
.trust-item span:first-child{font-size:16px}
footer{background:#000;border-top:1px solid rgba(255,182,39,.1);padding:36px clamp(20px,5vw,80px)}
.fi-foot{max-width:1100px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:16px}
footer img{height:30px;filter:brightness(0) invert(1);opacity:.6}
.fcopy{font-size:12.5px;color:rgba(255,255,255,.4)}
.flinks{display:flex;gap:24px;flex-wrap:wrap}
.flinks a{font-size:12.5px;color:rgba(255,255,255,.4);text-decoration:none;transition:color .2s}
.flinks a:hover{color:var(–gold)}
@media(max-width:900px){nav .nav-links{display:none}.hero,.py{padding:80px 20px 60px}.py{padding:80px 20px}.hero-kpis{flex-wrap:wrap}.hkpi{flex:1 1 calc(50% – 20px);border-right:none;border-bottom:1px solid rgba(255,182,39,.12);padding-bottom:20px}.hkpi:nth-child(3),.hkpi:last-child{border-bottom:none}.intro-grid,.eco-head,.part-grid{grid-template-columns:1fr;gap:44px}.eco-cards,.tem-grid{grid-template-columns:1fr}.formules{grid-template-columns:1fr}.fi-row{grid-template-columns:1fr}.form-card{padding:28px 20px}footer{padding:28px 20px}.fi-foot{flex-direction:column;gap:14px}}
Artisans RGE · Photovoltaïque & IRVE
L’écosystème qui
transforme un artisan
en entrepreneur.
Vous avez les compétences techniques. Il vous manque le reste. Clients, méthode commerciale, structure d’entreprise — pour ne plus jamais dépendre d’un donneur d’ordre.
30
Clients livrés
par forfait
100%
Ventes conclues
à votre nom
0
Dépendance aux
donneurs d’ordre
Qui sommes-nous
Testée dans
nos propres
entreprises
Nous ne sommes pas des consultants. Nous avons construit nos propres tunnels de vente, généré nos propres clients, structuré nos propres entreprises. De zéro. Ce que nous vous transmettons, nous le vivons chaque jour.
« Ce n’est pas de la formation théorique. C’est un système entier, éprouvé dans nos entreprises, que nous mettons à votre disposition. »
L’écosystème Nouvel Horizon
Trois piliers.
Un seul objectif :
votre autonomie.
Vous entrez là où vous en êtes, vous progressez à votre rythme. L’écosystème est conçu pour que vous finissiez par n’en avoir plus besoin. C’est exactement ça, notre réussite.
01🎓Formation e-learning
Tout ce qu’on ne vous apprend pas à l’école
Technique, commercial, juridique, gestion. Un parcours complet qui fait la vraie différence entre un technicien qui cherche des chantiers et un chef d’entreprise qui en génère.
- Photovoltaïque & bornes de recharge IRVE
- Processus de vente & techniques de closing
- Mindset entrepreneurial
- Gestion & structuration d’entreprise
- Mise en relation : fournisseurs, assureurs, webdesigners
02⚡Forfait clients qualifiés
Vos clients. Votre nom. Votre business.
30 clients livrés, votre tunnel de vente créé sur-mesure. Les affaires se concluent sous votre marque, pas la nôtre. Vous installez. Votre réputation grandit.
Bornes IRVE✓ Disponible
30 contrats signés à votre nom, tunnel de vente dédié à votre entreprisePhotovoltaïque🕐 Arrive bientôt
→Livraison de RDV qualifiés + étude de dimensionnement + devis déjà réalisés→Script de vente clé-en-main pour le jour du RDV
03🧭Accompagnement
Devenez un chef d’entreprise qui pilote
Après vos premières ventes, nous transmettons notre méthode jusqu’à ce que vous la possédiez entièrement. L’objectif : que vous n’ayez plus jamais besoin de nous.
- Autonomie commerciale complète
- Maîtrise juridique de votre activité
- Pilotage technique indépendant
- Structuration & gestion d’entreprise pérenne
Ils témoignent
Ils ne cherchaient plus
de chantiers. Ils les créaient.
Des artisans comme vous, qui ont franchi le pas et ne reviendront jamais en arrière.
Prénom Nom
Électricien · Région
“Témoignage à intégrer — citation réelle de l’artisan partenaire.
Prénom Nom
Installateur IRVE · Région
“Témoignage à intégrer — citation réelle de l’artisan partenaire.
Prénom Nom
Installateur PV · Région
“Témoignage à intégrer — citation réelle de l’artisan partenaire.
Le parcours d’un diplômé
avec Nouvel Horizon
1
Fin de formation certifiante
Le diplômé obtient ses qualifications RGE / IRVE / PV dans votre centre.
2
Intégration à l’écosystème NH
Nous prenons le relais : formation vente, mindset, structuration d’entreprise.
3
Premiers clients livrés
30 contacts qualifiés, tunnel de vente prêt. Les premières affaires se signent.
4
Autonomie totale
Ils pilotent seuls : commercial, juridique, technique, gestion.
Centres de formation
Vous formez
les meilleurs.
On leur donne
la suite.
Vos diplômés repartent avec les compétences techniques. Il leur manque la dimension commerciale et entrepreneuriale pour vivre de leur métier. C’est exactement ce que nous apportons.
Ensemble, nous construisons le seul parcours complet du marché : de la qualification RGE à l’indépendance commerciale totale.
🤝 Partenariat en cours de signature. Contactez-nous pour discuter d’une collaboration.
const io=new IntersectionObserver(es=>{es.forEach(e=>{if(e.isIntersecting){e.target.classList.add(‘in’);io.unobserve(e.target)}})},{threshold:.08,rootMargin:’0px 0px -40px 0px’});
document.querySelectorAll(‘.r’).forEach(el=>io.observe(el));
window.addEventListener(‘scroll’,()=>{const n=document.querySelector(‘nav’);if(n){n.style.background=scrollY>40?’rgba(0,0,0,.97)’: »;n.style.borderBottomColor=scrollY>40?’rgba(255,182,39,.18)’:’rgba(255,182,39,.12)’;}},{passive:true});
const pts=document.createElement(‘div’);pts.style.cssText=’position:absolute;inset:0;z-index:0;overflow:hidden;pointer-events:none’;
for(let i=0;i.5;const color=isGold?`rgba(255,182,39,${Math.random()*.18+.06})`:`rgba(61,110,154,${Math.random()*.2+.08})`;p.style.cssText=`position:absolute;width:${s}px;height:${s}px;border-radius:50%;background:${color};left:${Math.random()*100}%;top:${Math.random()*100}%;animation:floatUp ${Math.random()*18+12}s ${Math.random()*-20}s ease-in-out infinite`;pts.appendChild(p);}
const hero=document.querySelector(‘.hero’);if(hero)hero.prepend(pts);
const nhForm=document.getElementById(‘nh-form’);if(nhForm){const btn=nhForm.querySelector(‘.btn-submit’);nhForm.addEventListener(‘submit’,async function(e){e.preventDefault();const formule=nhForm.querySelector(‘input[name= »formule »]:checked’);if(!formule){const fm=document.querySelector(‘.formules’);fm.style.outline=’1.5px solid rgba(255,107,0,.6)’;fm.style.borderRadius=’14px’;fm.scrollIntoView({behavior:’smooth’,block:’center’});return;}document.querySelector(‘.formules’).style.outline=’none’;btn.textContent=’Envoi en cours…’;btn.disabled=true;btn.style.opacity=’.75′;try{const res=await fetch(‘
https://formspree.io/f/xpqkpeek’,{method:’POST’,body:new FormData(nhForm),headers:{‘Accept’:’application/json’}});if(res.ok){btn.textContent=’✓ Demande envoyée — on vous recontacte sous 24h’;btn.style.background=’linear-gradient(135deg,#1a7a3a,#22a34d)’;btn.style.boxShadow=’0 8px 32px rgba(34,163,77,.4)’;btn.style.opacity=’1′;nhForm.querySelectorAll(‘input[type=text],input[type=email],input[type=tel]’).forEach(i=>i.value= »);nhForm.querySelectorAll(‘input[type=radio]’).forEach(i=>i.checked=false);}else{throw new Error();}}catch(err){btn.textContent=’Erreur — écrivez-nous à
contact@nouvel-horizon.pro’;btn.style.background=’rgba(255,60,60,.25)’;btn.style.opacity=’1′;btn.disabled=false;setTimeout(()=>{btn.textContent= »Je rejoins l’écosystème → »;btn.style.background= »;btn.style.boxShadow= »;},4000);}});}