/* Charte ProjetBox — extraite de index.php pour les pages metier.
   Ne pas modifier a la main : regenerer avec extract_css.py si l'accueil change. */
:root {

            --bg:          #050813;

            --bg-2:        #070d1d;

            --bg-3:        #0a1126;

            --bg-card:     rgba(255,255,255,0.03);

            --border:      rgba(255,255,255,0.07);

            --border-a:    rgba(116,142,126,0.25);

            --amber:       #748e7e;

            --amber-lt:    #a0b2a7;

            --amber-dim:   rgba(116,142,126,0.12);

            --cream:       #eef1f7;

            --cream-dim:   rgba(238,241,247,0.55);

            --cream-faint: rgba(238,241,247,0.07);

            --green:       #10b981;

            --green-dim:   rgba(16,185,129,0.12);

            --r:           12px;

            --r-lg:        20px;

        }
*, *::before, *::after { margin:0; padding:0; box-sizing:border-box; }
html { scroll-behavior: smooth; }
body {

            font-family: "neue-haas-grotesk-text","Helvetica Neue",Arial,sans-serif;

            background: var(--bg);

            color: var(--cream);

            line-height: 1.65;

            overflow-x: hidden;

        }
a { text-decoration: none; color: inherit; }
ul { list-style: none; }
img { max-width:100%; height:auto; display:block; }
.container {

            width: 90%;

            max-width: 1200px;

            margin: 0 auto;

        }
h1, h2, h3 {

            font-family: "neue-haas-grotesk-display","Helvetica Neue",Arial,sans-serif;

            line-height: 1.1;

            font-weight:600;

        }
.display {

            font-size: clamp(3rem, 5.5vw, 5rem);

            letter-spacing: -1px;

        }
.display em { font-style: italic; color: var(--amber-lt); }
.section-label {

            display: block;

            font-family: "neue-haas-grotesk-text","Helvetica Neue",Arial,sans-serif;

            font-size: 0.72rem;

            font-weight:600;

            letter-spacing:-.01em;

            text-transform:none;

            color: var(--amber);

            margin-bottom: 14px;

        }
.section-title {

            font-size: clamp(2rem, 4vw, 2.8rem);

            margin-bottom: 14px;

        }
.section-title em { font-style: italic; color: var(--amber-lt); }
.section-sub {

            color: var(--cream-dim);

            font-size: 1.05rem;

            line-height: 1.75;

            max-width: 600px;

        }
.btn {

            display: inline-flex;

            align-items: center;

            gap: 8px;

            padding: 14px 28px;

            border-radius: 50px;

            font-family: "neue-haas-grotesk-text","Helvetica Neue",Arial,sans-serif;

            font-weight:600;

            font-size: 0.95rem;

            transition: all .3s ease;

            cursor: pointer;

            white-space: nowrap;

            border: none;

        }
.btn-primary {

            background: var(--amber);

            color: #050813;

        }
.btn-primary:hover {

            background: var(--amber-lt);

            transform: translateY(-2px);

            box-shadow: 0 12px 30px rgba(116,142,126,0.3);

        }
.btn-ghost {

            background: transparent;

            color: var(--cream);

            border: 1px solid var(--border);

        }
.btn-ghost:hover {

            border-color: rgba(255,255,255,.2);

            background: var(--cream-faint);

        }
header {

            position: fixed;

            inset: 0 0 auto 0;

            z-index: 100;

            padding: 20px 0;

            background: rgba(5,8,19,0.88);

            backdrop-filter: blur(18px);

            -webkit-backdrop-filter: blur(18px);

            border-bottom: 1px solid rgba(255,255,255,.04);

        }
.nav-inner {

            display: flex;

            align-items: center;

            justify-content: space-between;

        }
.logo {

            font-family: "neue-haas-grotesk-text","Helvetica Neue",Arial,sans-serif;

            font-size: 1.3rem;

            font-weight:600;

            letter-spacing: -.5px;

        }
.logo span { color: var(--off-white); }
.logo .logo-jet { color: var(--amber); }
.nav-links {

            display: flex;

            gap: 34px;

            align-items: center;

        }
.nav-links a {

            font-size: .88rem;

            color: var(--cream-dim);

            transition: color .2s;

        }
.nav-links a:hover { color: var(--cream); }
section { padding: 100px 0; }
.bg-2 { background: var(--bg-2); }
footer {

            background: var(--bg-2);

            border-top:1px solid var(--border);

            padding: 44px 0 28px;

        }
.footer-row {

            display:flex; justify-content:space-between;

            align-items:center; flex-wrap:wrap; gap:16px;

        }
.f-copy { font-size:.82rem; color: var(--cream-dim); }
.reveal {

            opacity:0;

            transform:translateY(24px);

            transition: opacity .7s ease, transform .7s ease;

        }
.reveal.in { opacity:1; transform:translateY(0); }
@media (max-width:768px) {
.nav-links     { display:none; }
.display { font-size: clamp(2.4rem, 9vw, 3.2rem); }
section { padding: 70px 0; }
.section-title { font-size: clamp(1.8rem, 7vw, 2.4rem); }
}
.nav-burger{display:none;flex-direction:column;justify-content:center;align-items:center;gap:5px;width:44px;height:44px;background:transparent;border:0;cursor:pointer;padding:0}
.nav-burger span{display:block;width:25px;height:2.5px;background:var(--amber-lt);border-radius:3px;transition:.25s}
.nav-burger.active span:nth-child(1){transform:translateY(7.5px) rotate(45deg)}
.nav-burger.active span:nth-child(2){opacity:0}
.nav-burger.active span:nth-child(3){transform:translateY(-7.5px) rotate(-45deg)}
.mobile-menu{display:none;position:absolute;top:100%;left:0;right:0;flex-direction:column;background:var(--bg-3);border-top:1px solid rgba(255,255,255,.08);padding:8px 22px 22px;box-shadow:0 24px 44px rgba(0,0,0,.55);z-index:99}
.mobile-menu.open{display:flex}
.mobile-menu a{padding:15px 4px;color:#eef1f7;font-weight:600;font-size:1rem;text-decoration:none;border-bottom:1px solid rgba(255,255,255,.07)}
.mobile-menu a:nth-last-of-type(2){border-bottom:0}
.mobile-menu a.mm-cta{
    position:relative;overflow:hidden;display:flex;flex-direction:column;align-items:center;gap:4px;
    margin-top:18px;padding:15px 14px 13px;border:0;border-bottom:0;border-radius:16px;
    background:linear-gradient(135deg,#adbcb3 0%,#748e7e 52%,#5e7467 100%);
    color:#070d1e;text-align:center;
    box-shadow:0 12px 28px rgba(116,142,126,0.26),inset 0 1px 0 rgba(255,255,255,.42);
    transition:transform .18s ease,box-shadow .18s ease}
.mobile-menu a.mm-cta::before{content:"";position:absolute;left:0;right:0;top:0;height:52%;
    background:linear-gradient(180deg,rgba(255,255,255,.2),rgba(255,255,255,0));pointer-events:none}
.mobile-menu a.mm-cta .mm-cta-label{position:relative;display:inline-flex;align-items:center;gap:9px;
    font-size:1.02rem;font-weight:600;line-height:1.2;white-space:nowrap}
.mobile-menu a.mm-cta .mm-cta-label svg{width:17px;height:17px;transition:transform .25s ease}
.mobile-menu a.mm-cta .mm-cta-sub{position:relative;font-size:.68rem;font-weight:600;
    letter-spacing:-.01em;text-transform:none;color:rgba(7,13,30,0.82);white-space:nowrap}
.mobile-menu a.mm-cta:active{transform:translateY(1px);box-shadow:0 6px 16px rgba(116,142,126,0.22)}
.mobile-menu a.mm-cta:active .mm-cta-label svg{transform:translateX(3px)}
@media (max-width:768px) {
.nav-burger{display:flex}
.nav-cta{display:none}
}
footer{background:var(--bg-3);border-top:1px solid var(--border);padding:64px 0 32px;}
.footer-top{display:grid;grid-template-columns:1.7fr 1fr 1fr;gap:40px;padding-bottom:38px;border-bottom:1px solid var(--border);}
.footer-brand .f-tagline{color:var(--cream-dim);font-size:.92rem;line-height:1.7;margin-top:14px;max-width:330px;}
.footer-col h4{font-family:"neue-haas-grotesk-text","Helvetica Neue",Arial,sans-serif;font-size:.72rem;letter-spacing:-.01em;text-transform:none;color:var(--amber);margin-bottom:16px;}
.footer-col a,.footer-col span{display:block;color:var(--cream-dim);font-size:.92rem;margin-bottom:10px;transition:color .2s ease;}
.footer-col a:hover{color:var(--cream);}
.footer-bottom{padding-top:26px;display:flex;flex-direction:column;gap:8px;}
.f-legal-line{color:var(--cream-dim);font-size:.78rem;line-height:1.7;}
.f-copy{color:var(--cream-dim);font-size:.82rem;opacity:.75;}
@media(max-width:760px) {
.footer-top{grid-template-columns:1fr;gap:30px;}
}
footer{position:relative;overflow:hidden;}
.footer-video{position:absolute;inset:0;z-index:0;pointer-events:none;background:var(--bg-3);}
.footer-video::before{content:"";position:absolute;inset:0;
        background:url('/videos/pb-footer-metiers-poster.jpg') center 42%/cover no-repeat;opacity:.38;}
.footer-video video{position:relative;width:100%;height:100%;object-fit:cover;object-position:center 42%;
        display:block;opacity:0;transition:opacity .8s ease;}
.footer-video.is-playing video{opacity:.38;}
.footer-video::after{content:"";position:absolute;inset:0;
        background:linear-gradient(180deg,#0a1126 0%,rgba(10,17,38,0.8) 34%,rgba(10,17,38,0.9) 100%);}
@media(max-width:760px) {
.footer-video{display:none;}
}


/* Charte du 06/09/2026 : angles vifs, aucune ombre. */
*{border-radius:0 !important;box-shadow:none !important;}