/* LiaTech — liatech.ca. Même palette que Zénith Boréal (maison mère). */
:root{
  --bg:#0b0e14;
  --bg-soft:#11151f;
  --card:#161b26;
  --border:#232938;
  --text:#e8ebf2;
  --text-dim:#9aa3b5;
  --text-faint:#7a859c;
  --accent:#208db6;
  --accent-btn:#1a7a9e; /* bouton principal : blanc dessus 4,9:1 */
  --accent-soft:#208db622;
  --accent2:#e39936;
  --accent3:#2f8f45;
  --gold:#e8b957;
  --radius:14px;
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
}
*{box-sizing:border-box;margin:0;padding:0;}
body{background:var(--bg);color:var(--text);line-height:1.5;}
a{color:inherit;text-decoration:none;}
img{max-width:100%;height:auto;display:block;}

/* --- En-tête --- */
nav{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 40px;border-bottom:1px solid var(--border);background:var(--bg-soft);position:sticky;top:0;z-index:50;}
.logo-mark{display:flex;align-items:center;gap:10px;min-width:0;}
.logo-mark img{height:30px;width:auto;}
.logo-nom{font-weight:700;font-size:17px;letter-spacing:-.01em;white-space:nowrap;}
.nav-links{display:flex;gap:28px;font-size:14px;color:var(--text-dim);}
.nav-links a:hover{color:var(--text);}
.nav-cta{display:flex;align-items:center;gap:14px;flex-shrink:0;}
.lang-switch{display:flex;align-items:center;gap:4px;font-size:13px;font-weight:600;color:var(--text-dim);}
.lang-switch a{padding:4px;}
.lang-switch a.active{color:var(--text);}
.lang-switch a:hover{color:var(--accent);}
.lang-sep{color:var(--border);}

.btn{padding:9px 18px;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;border:1px solid transparent;display:inline-block;transition:background-color .15s ease,border-color .15s ease;}
.btn-primary{background:var(--accent-btn);color:#fff;}
.btn-primary:hover{background:var(--accent);}
.btn-ghost{border-color:var(--border);color:var(--text);}
.btn-ghost:hover{border-color:var(--accent);}
.btn-lg{padding:13px 26px;font-size:15px;border-radius:10px;}

/* --- Accueil --- */
.hero{padding:90px 40px 60px;text-align:center;max-width:860px;margin:0 auto;}
.badge{display:inline-block;background:var(--accent-soft);color:#5cc0e6;font-size:12px;font-weight:600;padding:6px 14px;border-radius:20px;margin-bottom:22px;}
.hero h1{font-size:48px;font-weight:700;letter-spacing:-.03em;line-height:1.1;margin-bottom:18px;}
.hero h1 .grad{background:linear-gradient(90deg,var(--accent),var(--accent2));-webkit-background-clip:text;background-clip:text;color:transparent;}
.hero p{font-size:18px;color:var(--text-dim);max-width:600px;margin:0 auto 32px;}
.hero-ctas{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;}

.section{padding:70px 40px;max-width:1100px;margin:0 auto;}
.section.narrow{max-width:760px;padding-top:60px;}
.section-head{text-align:center;margin-bottom:40px;}
.kicker{color:var(--accent);font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:.08em;margin-bottom:10px;}
.section-head h1{font-size:34px;font-weight:700;letter-spacing:-.02em;}
.section-head h2{font-size:32px;font-weight:700;letter-spacing:-.02em;}
.section-head p{color:var(--text-dim);margin-top:10px;font-size:15.5px;}

/* Produit vedette */
.product-feature{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.3fr);gap:44px;align-items:center;background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:40px;}
.pf-text h2{display:flex;align-items:center;gap:12px;font-size:32px;letter-spacing:-.02em;margin-bottom:12px;}
.pf-badge{height:31px;width:auto;}
.pf-lead{color:var(--text);font-size:16.5px;margin-bottom:18px;}
.pf-mods{list-style:none;margin-bottom:26px;}
.pf-mods li{position:relative;padding-left:24px;color:var(--text-dim);font-size:14.5px;margin-bottom:7px;}
.pf-mods li::before{content:"";position:absolute;left:0;top:5px;width:13px;height:7px;border-left:2px solid var(--accent3);border-bottom:2px solid var(--accent3);transform:rotate(-45deg);}
.shot-note{text-align:center;font-size:12.5px;color:var(--text-faint);margin-top:10px;}

.feat-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;}
.feat-card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:26px;}
.feat-card h3{font-size:17px;margin-bottom:8px;}
.feat-card p{font-size:14.5px;color:var(--text-dim);}

.about-box{display:flex;align-items:center;justify-content:space-between;gap:28px;flex-wrap:wrap;max-width:1000px;margin:0 auto;border:1px solid var(--border);border-radius:var(--radius);padding:34px 38px;}
.about-box > div{flex:1 1 420px;}
.about-box h2{font-size:24px;margin-bottom:10px;}
.about-box p{color:var(--text-dim);font-size:15px;}

.footer-cta{text-align:center;padding:80px 40px;background:linear-gradient(180deg,transparent,var(--accent-soft));}
.footer-cta h2{font-size:28px;margin-bottom:12px;}
.footer-cta p{color:var(--text-dim);margin-bottom:24px;}
.cta-split{display:flex;gap:16px;justify-content:center;flex-wrap:wrap;}
.footer-cta .cta-sub{margin:22px 0 0;font-size:14px;}
.cta-sub a{color:var(--text);font-weight:600;text-decoration:underline;text-underline-offset:3px;}

footer{padding:30px 40px;text-align:center;color:var(--text-dim);font-size:12.5px;border-top:1px solid var(--border);}
footer a{color:var(--text-dim);}
footer a:hover{color:var(--text);}
footer .footer-links{margin-top:10px;}
footer .footer-links a{display:inline-block;margin:0 8px;padding:5px 0;}

/* --- Texte (politique) --- */
.article-body h2{font-size:19px;margin:30px 0 8px;}
.article-body p{color:var(--text-dim);font-size:15.5px;line-height:1.7;}

/* --- Formulaire --- */
.contact-form{max-width:600px;margin:0 auto;display:flex;flex-direction:column;gap:14px;}
.contact-form label{font-size:13px;color:var(--text-dim);margin-bottom:4px;display:block;}
.contact-form input,.contact-form textarea,.contact-form select{width:100%;background:var(--card);border:1px solid var(--border);border-radius:8px;padding:11px 14px;color:var(--text);font-size:15px;font-family:inherit;}
.contact-form textarea{min-height:140px;resize:vertical;}
.contact-form .btn{align-self:flex-start;}
.form-row-2{display:grid;grid-template-columns:1fr 1fr;gap:14px;}
.consent{display:flex;gap:10px;align-items:flex-start;}
.consent input{width:auto;margin-top:3px;flex:none;}
.consent label{margin:0;font-size:13.5px;}
.consent a{color:var(--accent);text-decoration:underline;}
.form-note{font-size:13px;color:var(--text-dim);}
.form-status{font-size:14px;padding:10px 14px;border-radius:8px;}
.form-status.ok{background:#2f8f4526;color:#7fd494;}
.form-status.err{background:#ff5b5b22;color:#ff9a9a;}
.hp-field{position:absolute !important;left:-10000px !important;width:1px;height:1px;overflow:hidden;}

/* --- Carrousel des captures --- */
.carousel{position:relative;}
.carousel-viewport{border-radius:12px;overflow:hidden;border:1px solid var(--border);background:#0c0f16;box-shadow:0 24px 60px -20px rgba(0,0,0,.55);}
.carousel-track{display:flex;transition:transform .5s cubic-bezier(.65,0,.35,1);}
.carousel-slide{flex:0 0 100%;position:relative;aspect-ratio:1200/555;}
.carousel-slide img{width:100%;height:100%;object-fit:cover;object-position:top;}
.carousel-caption{position:absolute;left:0;right:0;bottom:0;padding:30px 22px 14px;background:linear-gradient(180deg,transparent 0%,rgba(6,8,13,.9) 78%);color:#fff;pointer-events:none;}
.cc-title{font-size:15px;font-weight:700;margin-bottom:2px;}
.cc-desc{font-size:12.5px;color:rgba(255,255,255,.78);}
.carousel-btn{position:absolute;top:calc(50% - 20px);z-index:5;width:40px;height:40px;border-radius:50%;background:var(--card);border:1px solid var(--border);color:var(--text);font-size:19px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;}
.carousel-btn:hover{border-color:var(--accent);color:var(--accent);}
.carousel-prev{left:-20px;}
.carousel-next{right:-20px;}
.carousel-dots{display:flex;justify-content:center;align-items:center;gap:4px;margin-top:12px;}
.carousel-dot{width:24px;height:24px;padding:0;border:none;background:transparent;cursor:pointer;position:relative;}
.carousel-dot::after{content:"";position:absolute;left:50%;top:50%;width:7px;height:7px;transform:translate(-50%,-50%);border-radius:50%;background:var(--border);transition:.2s;}
.carousel-dot.active::after{background:var(--accent);width:20px;border-radius:5px;}
.cs-zoomable{cursor:zoom-in;}
.cs-zoomable:focus-visible{outline:2px solid var(--accent);outline-offset:-2px;}

.lightbox-overlay{position:fixed;inset:0;background:rgba(6,8,13,.92);z-index:999;display:none;align-items:center;justify-content:center;padding:50px;}
.lightbox-overlay.active{display:flex;}
.lightbox-overlay img{max-width:92vw;max-height:88vh;border-radius:12px;}
.lightbox-close{position:absolute;top:22px;right:28px;width:44px;height:44px;border-radius:50%;background:var(--card);border:1px solid var(--border);color:var(--text);font-size:24px;line-height:1;cursor:pointer;}
.lightbox-close:hover{border-color:var(--accent);color:var(--accent);}

@media(prefers-reduced-motion:reduce){.carousel-track{transition:none;}}

@media(max-width:900px){
  .product-feature{grid-template-columns:1fr;padding:26px 22px;gap:26px;}
}
@media(max-width:820px){
  nav{padding:12px 16px;}
  .nav-links{display:none;}
  .hero{padding:60px 20px 40px;}
  .hero h1{font-size:34px;}
  .hero p{font-size:16.5px;}
  .section{padding:50px 16px;}
  .feat-grid,.form-row-2{grid-template-columns:1fr;}
  .about-box{padding:26px 22px;}
  .about-box .btn,.hero-ctas .btn,.cta-split .btn,.pf-text .btn,.contact-form .btn{width:100%;text-align:center;}
  .btn,.btn-lg{min-height:48px;display:inline-flex;align-items:center;justify-content:center;}
  .contact-form input,.contact-form select,.contact-form textarea{font-size:16px;min-height:48px;}
  .carousel-prev{left:6px;}
  .carousel-next{right:6px;}
  .cc-desc{display:none;}
  .footer-cta{padding:60px 16px;}
  .lightbox-overlay{padding:16px;}
}
@media(max-width:400px){
  .nav-cta{gap:8px;}
  .nav-cta .btn{padding:7px 10px;font-size:13px;min-height:40px;}
  .logo-nom{font-size:15px;}
}
.pf-learn{margin-top:16px;font-size:14px;}
.pf-learn a{color:#5cc0e6;font-weight:600;}
.pf-learn a:hover{text-decoration:underline;}

/* Vidéo de présentation Nordyca (accueil, 2026-10-05) */
.pf-demo{max-width:900px;margin:48px auto 0;text-align:center;}
.pf-demo h3{font-size:24px;margin:6px 0 18px;}
.pf-demo-video{border-radius:14px;overflow:hidden;border:1px solid rgba(255,255,255,.08);background:#000;aspect-ratio:16/9;
  box-shadow:0 24px 60px -24px rgba(32,141,182,.45);}
.pf-demo-video video{display:block;width:100%;height:100%;background:#000;}
.pf-demo .pf-learn{margin-top:16px;}