/* ATLASION GROUP — PREMIUM GLOBAL VISUAL SYSTEM */
:root{--gold:#f4c84a;--gold2:#ffe08a;--gold3:#c99722;--ink:#020507;--panel:#081018;--panel2:#0b151e;--text:#f8f8f5;--muted:#b9c0c5;--line:rgba(244,200,74,.28)}
html{background:#020507}body{background:radial-gradient(circle at 50% -15%,rgba(244,200,74,.08),transparent 34%),#020507;color:var(--text)}
body:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:-1;opacity:.16;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:42px 42px;mask-image:linear-gradient(to bottom,black,transparent 70%)}
.topbar{letter-spacing:.2px;background:rgba(1,4,6,.97);height:36px;border-bottom:1px solid rgba(244,200,74,.18)}
.site-nav{min-height:82px;padding:11px clamp(18px,4vw,60px);border-bottom:1px solid rgba(244,200,74,.22);box-shadow:0 12px 50px rgba(0,0,0,.35)}
.brand-logo{width:270px;height:60px}.site-nav nav a{font-size:11px;letter-spacing:1.5px;font-weight:700}.site-nav nav a::after{height:2px;box-shadow:0 0 12px rgba(244,200,74,.55)}
.quote-btn,.gold-btn{position:relative;overflow:hidden;border-radius:3px;border-color:#f8d66c;background:linear-gradient(135deg,#fff4bf 0%,#f6d76a 38%,#d89e24 100%);box-shadow:0 8px 25px rgba(244,200,74,.13),inset 0 1px rgba(255,255,255,.7);text-transform:uppercase;font-size:11px;letter-spacing:1px}.quote-btn:after,.gold-btn:after{content:"";position:absolute;inset:0;transform:translateX(-120%);background:linear-gradient(100deg,transparent,rgba(255,255,255,.5),transparent);transition:.55s}.quote-btn:hover:after,.gold-btn:hover:after{transform:translateX(120%)}
.hero{min-height:70vh;border-bottom:1px solid rgba(244,200,74,.2)}.hero:after{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;border:1px solid rgba(244,200,74,.16);box-shadow:inset 0 -120px 150px rgba(0,0,0,.38)}.hero-content{max-width:980px;padding:clamp(70px,9vw,125px) 7vw 78px}.hero h1{font-size:clamp(50px,7vw,94px);letter-spacing:-2px;text-shadow:0 12px 40px rgba(0,0,0,.6)}.hero h1 span{color:var(--gold2);text-shadow:0 0 25px rgba(244,200,74,.16)}.hero p{font-size:19px;max-width:780px;color:#e0e3e5}.eyebrow{font-weight:800;letter-spacing:3.5px;text-shadow:0 0 15px rgba(244,200,74,.15)}
.section{max-width:1320px;padding:100px 5vw}.section.dark{max-width:none;border-top:1px solid rgba(244,200,74,.1);border-bottom:1px solid rgba(244,200,74,.1);background:radial-gradient(circle at 85% 5%,rgba(244,200,74,.11),transparent 26%),linear-gradient(180deg,#040a0f,#020507)}
.section-head{max-width:1000px;margin-bottom:46px}.section-head:before{content:"";display:block;width:58px;height:2px;background:linear-gradient(90deg,var(--gold),transparent);margin-bottom:18px;box-shadow:0 0 15px rgba(244,200,74,.4)}.section-head h2{font-size:clamp(36px,4.3vw,64px);letter-spacing:-1px}.section-head h2 span{color:var(--gold2)}.section-head p{font-size:17px;line-height:1.8;color:#cbd0d3}
.cards{gap:20px}.card,.family-card,.brand-card,.logi-card,.market-card,.region-block,.process-card,.step{position:relative;background:linear-gradient(145deg,rgba(12,23,32,.96),rgba(3,8,12,.98));border:1px solid rgba(244,200,74,.2);border-radius:7px;box-shadow:0 20px 60px rgba(0,0,0,.28);transition:transform .35s,border-color .35s,box-shadow .35s}.card:hover,.family-card:hover,.brand-card:hover,.logi-card:hover,.market-card:hover,.region-block:hover,.process-card:hover,.step:hover{transform:translateY(-6px);border-color:rgba(244,200,74,.65);box-shadow:0 25px 65px rgba(0,0,0,.38),0 0 30px rgba(244,200,74,.06)}
.card:before,.family-card:before,.brand-card:before,.logi-card:before,.market-card:before,.region-block:before,.process-card:before,.step:before{content:"";position:absolute;left:0;top:0;width:45px;height:2px;background:linear-gradient(90deg,var(--gold),transparent)}
.card h3,.family-card h3,.brand-card h3,.logi-card h3,.market-card h3,.region-block h3,.process-card h3,.step h3{letter-spacing:.2px}.card p,.family-card p,.brand-card p,.logi-card p,.market-card p,.region-block p,.process-card p,.step p{color:#c8ced2;line-height:1.72}
.num,.region-no{color:var(--gold2)!important;font-weight:800;letter-spacing:2px}.flow{color:var(--gold2)!important;border-left:2px solid var(--gold);padding:14px 18px;background:rgba(244,200,74,.045);box-shadow:inset 20px 0 35px rgba(244,200,74,.025)}
.site-footer{background:linear-gradient(180deg,#03070a,#010204);border-top:1px solid rgba(244,200,74,.28);padding-top:70px}.footer-logo{filter:drop-shadow(0 0 15px rgba(244,200,74,.08))}.site-footer h4{letter-spacing:.7px}.copyright{border-top-color:rgba(244,200,74,.18)}
/* Common premium contact / quote banner — deliberately shared across every business page */
.premium-cta{position:relative;isolation:isolate;min-height:390px;margin:0;display:flex;align-items:center;justify-content:center;text-align:center;overflow:hidden;background-image:linear-gradient(90deg,rgba(2,5,7,.93),rgba(2,5,7,.67),rgba(2,5,7,.92)),url('assets/08-contact.png');background-size:cover;background-position:center}.premium-cta:before{content:"";position:absolute;inset:18px;border:1px solid rgba(244,200,74,.42);box-shadow:inset 0 0 60px rgba(244,200,74,.04),0 0 50px rgba(0,0,0,.35);pointer-events:none}.premium-cta:after{content:"";position:absolute;width:520px;height:220px;right:-120px;top:-100px;border-radius:50%;background:rgba(244,200,74,.12);filter:blur(50px);pointer-events:none}.premium-cta .cta-inner{position:relative;z-index:2;width:min(900px,90vw);padding:65px 20px}.premium-cta .eyebrow{margin-bottom:13px}.premium-cta h2{font:700 clamp(35px,5vw,66px)/1 Georgia,serif;margin:0 0 17px;color:#fff}.premium-cta h2 span{color:var(--gold2)}.premium-cta p{max-width:760px;margin:0 auto;color:#dce0e2;font-size:16px;line-height:1.75}.premium-cta .actions{display:flex;justify-content:center;gap:12px;flex-wrap:wrap;margin-top:28px}.premium-cta .outline-btn{border-color:rgba(255,220,120,.7);background:rgba(0,0,0,.32);color:var(--gold2)}
/* Contact and quote pages */
.contact-form-shell{position:relative;padding:1px;background:linear-gradient(135deg,rgba(244,200,74,.7),rgba(244,200,74,.08) 35%,rgba(255,255,255,.06) 70%,rgba(244,200,74,.5));box-shadow:0 30px 100px rgba(0,0,0,.45)}.contact-form-shell:before{content:"";position:absolute;inset:0;background:url('assets/08-contact.png') center/cover;opacity:.08;pointer-events:none}.contact-form-shell>*{position:relative}.quote-box{background:linear-gradient(145deg,rgba(9,17,24,.98),rgba(2,6,9,.99));border-color:rgba(244,200,74,.35);box-shadow:none;padding:38px}.quote-box input,.quote-box textarea,.quote-box select{background:rgba(1,5,8,.9);border-color:rgba(255,255,255,.15);transition:.25s}.quote-box input:focus,.quote-box textarea:focus,.quote-box select:focus{border-color:var(--gold);outline:none;box-shadow:0 0 0 3px rgba(244,200,74,.08)}
.quote-page{max-width:1500px;padding:70px 4vw 100px}.quote-page>.hero{min-height:auto;background:transparent;border-bottom:1px solid rgba(244,200,74,.18);padding:20px 0 40px}.quote-page>.hero:after{display:none}.quote-page>.hero h1{font-size:clamp(48px,6vw,82px)}.quote-page .panel{background:linear-gradient(145deg,rgba(10,19,27,.98),rgba(2,6,9,.98));border-color:rgba(244,200,74,.24);box-shadow:0 25px 75px rgba(0,0,0,.35)}
/* Specific existing content grids */
.brand-grid,.logi-grid,.steps,.family-grid,.process-grid,.market-grid,.region-grid,.market-list{gap:20px}.brand-card,.logi-card,.family-card,.process-card,.step{border-radius:7px}.brand-list,.logi-card ul,.family-card ul{color:#cbd0d3;line-height:1.9}.brand-card h3,.logi-card h3,.family-card h3,.process-card h3,.step h3{color:#fff}.brand-card h3,.logi-card h3{font-size:23px}.market-card{padding:24px}.market-card .num{font-size:12px}.region-block{padding:30px}.market-list>div{padding:20px;border:1px solid rgba(244,200,74,.16);background:linear-gradient(145deg,#0a141c,#03070a);border-radius:5px;color:#cbd0d3;line-height:1.65}.market-list strong{color:var(--gold2);font-family:Georgia,serif;font-size:20px}.produits-section{border-bottom-color:rgba(244,200,74,.14)}
@media(max-width:1000px){.brand-logo{width:230px}.site-nav{gap:15px}.site-nav nav{gap:14px}.site-nav nav a{font-size:10px}.premium-cta{min-height:340px}.section{padding:80px 5vw}}
@media(max-width:720px){.brand-logo{width:195px}.site-nav{min-height:68px}.hero{min-height:65vh}.hero-content{padding:90px 6vw 55px}.hero h1{font-size:48px}.section{padding:62px 18px}.premium-cta:before{inset:10px}.premium-cta .cta-inner{padding:55px 20px}.premium-cta h2{font-size:40px}.quote-box{padding:25px 18px}.quote-page{padding:40px 16px 70px}}

/* CONTACT — PREMIUM CORPORATE */
.page-contact .premium-contact-hero .hero-content{max-width:920px}
.page-contact .premium-contact-hero h1 span,.page-contact .section-head h2 span{color:var(--gold2)}
.page-contact .contact-premium-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:42px}
.page-contact .contact-highlight{position:relative;padding:34px 30px 32px;background:linear-gradient(145deg,rgba(255,255,255,.055),rgba(255,255,255,.015));border:1px solid rgba(212,175,55,.25);border-radius:8px;min-height:210px;box-shadow:0 18px 50px rgba(0,0,0,.18)}
.page-contact .contact-highlight:before{content:"";position:absolute;left:30px;right:30px;top:0;height:1px;background:linear-gradient(90deg,transparent,var(--gold2),transparent)}
.page-contact .contact-number{display:inline-block;color:var(--gold2);font-size:12px;letter-spacing:.18em;font-weight:700;margin-bottom:18px}
.page-contact .contact-highlight h3{margin:0 0 14px;font-size:20px;letter-spacing:.01em}
.page-contact .contact-highlight p{margin:0;color:rgba(255,255,255,.74);line-height:1.75}
.page-contact .contact-form-shell{max-width:1120px;margin:0 auto}
.page-contact .quote-box{background:linear-gradient(145deg,rgba(255,255,255,.065),rgba(255,255,255,.025));border:1px solid rgba(212,175,55,.3)!important;box-shadow:0 24px 80px rgba(0,0,0,.32);padding:34px!important}
.page-contact .form-grid{gap:20px!important}
.page-contact .form-grid label{color:#eee;font-size:13px;letter-spacing:.02em}
.page-contact .form-grid input,.page-contact .form-grid textarea,.page-contact .form-grid select{margin-top:8px!important;width:100%;box-sizing:border-box;background:rgba(8,10,12,.82)!important;border:1px solid rgba(255,255,255,.14)!important;color:#fff!important;border-radius:4px;padding:14px 15px!important;outline:none;transition:.25s ease}
.page-contact .form-grid input:focus,.page-contact .form-grid textarea:focus,.page-contact .form-grid select:focus{border-color:rgba(212,175,55,.75)!important;box-shadow:0 0 0 3px rgba(212,175,55,.08)}
.page-contact .form-grid select option{background:#111;color:#fff}
.page-contact .contact-coordinates .card{border:1px solid rgba(212,175,55,.22);background:linear-gradient(145deg,rgba(255,255,255,.045),rgba(255,255,255,.015));padding:30px;min-height:170px}
.page-contact .contact-coordinates .card h3{margin-top:0}
.page-contact .contact-coordinates .card p{line-height:1.75}
.page-contact .contact-closing{background:linear-gradient(180deg,rgba(9,10,12,.98),rgba(4,5,6,.98))}
.page-contact .contact-closing .section-head{max-width:920px;margin:0 auto;text-align:center}
.page-contact .contact-closing .section-head p{max-width:760px;margin-left:auto;margin-right:auto}
@media(max-width:900px){.page-contact .contact-premium-grid{grid-template-columns:1fr}.page-contact .quote-box{padding:22px!important}}

/* ATLASION GROUP — visibility safeguard */
.reveal{opacity:1!important;transform:none!important;visibility:visible!important;}


/* FINAL FOOTER — exact validated ATLASION GROUP artwork */
#footer { padding:0 !important; margin:0 !important; background:#020507 !important; overflow:hidden !important; }
#footer > img { display:block !important; width:100% !important; height:auto !important; max-width:none !important; margin:0 !important; object-fit:contain !important; transform:none !important; }
#footer .mobile-footer { display:none !important; }
#footer .hotspot { z-index:5; }
@media (max-width:700px){
  #footer > img { display:block !important; width:100% !important; height:auto !important; }
  #footer .mobile-footer { display:none !important; }
}

/* ÉTAPE 60 — indicatif téléphonique international + pays */
.phone-field{display:grid;grid-template-columns:minmax(150px,42%) 1fr;gap:8px;margin-top:8px}
.phone-field select,.phone-field input{margin-top:0!important;width:100%;box-sizing:border-box}
@media(max-width:620px){.phone-field{grid-template-columns:1fr}.phone-field select{min-width:0}}

/* ÉTAPE 80 — FORMULAIRES / PAGES PREMIUM — MOBILE */
@media(max-width:720px){
  .page-contact .contact-premium-grid,.contact-premium-grid{grid-template-columns:1fr!important}
  .quote-box,.quote-page{width:100%;max-width:100%;overflow-x:hidden}
  .phone-field{grid-template-columns:1fr!important}
  .phone-field select,.phone-field input{min-width:0;width:100%!important}
  .premium-cta .cta-inner{width:100%;max-width:100%}
}