/* Technart — style inspiré du thème « Construct » (jaune #ffc107, bleu #4b77be, Poppins + Merriweather) */
@import url("https://fonts.googleapis.com/css2?family=Merriweather:wght@300;400&family=Poppins:wght@300;400;500;600&display=swap");
:root {
  --yellow:#ffc107; --blue:#4b77be; --blue-dark:#3a539b; --ink:#333333; --night:#1b1b1b;
  --grey:#757575; --light:#bdbdbd; --line:#e5e5e5; --paper:#f4f4f4; --white:#ffffff;
}
* { box-sizing:border-box; }
html, body { margin:0; }
body { font-family:"Poppins",sans-serif; color:var(--ink); background:var(--paper); -webkit-font-smoothing:antialiased; }
p { font-family:"Merriweather",serif; font-size:13px; line-height:26px; color:var(--grey); margin:0 0 10px; }
a { text-decoration:none; transition:all .2s ease-in-out; }

/* bandeau haut */
.top-line { background:var(--night); color:#9e9e9e; font-size:12px; }
.top-line .inner { max-width:1140px; margin:0 auto; padding:9px 16px; display:flex; justify-content:space-between; gap:12px; flex-wrap:wrap; }
.top-line a { color:#9e9e9e; }
.top-line a:hover { color:var(--yellow); }

/* barre de navigation */
.navbar { background:var(--ink); border-bottom:3px solid var(--yellow); }
.navbar .inner { max-width:1140px; margin:0 auto; padding:18px 16px; display:flex; align-items:center; justify-content:space-between; gap:16px; flex-wrap:wrap; }
.brand { color:var(--white); font-weight:600; font-size:22px; letter-spacing:.14em; text-transform:uppercase; }
.brand b { color:var(--yellow); font-weight:600; }

/* boutons */
.button-one { display:inline-block; color:#000; background:var(--yellow); font-family:"Poppins",sans-serif; font-weight:500;
  font-size:12px; text-transform:uppercase; letter-spacing:.06em; padding:13px 40px; border:0; border-radius:24px; cursor:pointer; }
.button-one:hover { color:var(--white); background:var(--blue); }
.button-one:disabled { opacity:.6; cursor:wait; }
.button-two { color:var(--light); font-size:12px; text-transform:uppercase; letter-spacing:.06em; }
.button-two:hover { color:var(--yellow); }

/* titres de section */
.title-section { text-align:center; margin:0 0 40px; }
.title-section span { display:inline-block; color:var(--blue); font-size:12px; font-weight:500; text-transform:uppercase; letter-spacing:.08em; opacity:.6; margin:0 0 10px; }
.title-section h1 { font-weight:400; font-size:34px; line-height:42px; margin:0 0 14px; }
.title-section h1:after { content:""; display:block; width:50px; height:3px; background:var(--yellow); margin:18px auto 0; }

/* fond « plan technique » */
.blueprint { background-color:#202224;
  background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px),
                   linear-gradient(rgba(255,255,255,.02) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.02) 1px,transparent 1px);
  background-size:80px 80px,80px 80px,16px 16px,16px 16px; }

footer.site { background:var(--night); color:#777; font-size:12px; }
footer.site .inner { max-width:1140px; margin:0 auto; padding:22px 16px; display:flex; justify-content:space-between; gap:12px; flex-wrap:wrap; }