/* GOM6 landing kit (2026-09-15). Shared by the five legacy SANCOPACK brand landings.
   Colours come from /assets/landing-gom6-theme.css (--accent, --soft); brand.css may override tokens below.
   No external fonts/images: the page CSP only allows 'self'. */
.gom6-site{--g6-ink:#14213d;--g6-muted:#556274;--g6-line:#e2e8f0;--g6-bg:#f7f9fc;--g6-card:#fff;--g6-radius:18px;--g6-max:1180px;background:var(--g6-bg);color:var(--g6-ink)}
.gom6-site [hidden]{display:none!important}
.gom6-site a{color:var(--accent)}
.gom6-site .eyebrow{color:var(--accent);margin:0 0 10px}
.g6-wrap{max-width:var(--g6-max);margin:0 auto;padding:0 24px}

/* top bar + header */
.g6-topbar{background:var(--g6-ink);color:#fff;font-size:.86rem}
.g6-topbar .g6-wrap{display:flex;gap:22px;justify-content:flex-end;align-items:center;min-height:36px;flex-wrap:wrap}
.g6-topbar a{color:#fff;text-decoration:none;font-weight:650}
.g6-topbar a:hover{text-decoration:underline}
.gom6-site .g6-header{gap:18px}
.gom6-site .g6-brand{display:flex;flex-direction:row;align-items:center;gap:12px;min-width:0}
.g6-brand img{display:block;height:40px;width:auto;max-width:180px;object-fit:contain}
.g6-brand strong{font-size:1.12rem;letter-spacing:-.01em;color:var(--g6-ink);white-space:nowrap}
.gom6-site .site-header nav.g6-nav{display:flex;gap:2px;margin-left:auto;flex-wrap:nowrap;min-width:0;overflow-x:auto;scrollbar-width:none}
.gom6-site .site-header>nav:last-child{flex-shrink:0}
.gom6-site .site-header nav.g6-nav a{color:var(--g6-muted);background:none;padding:8px 9px;font-size:.86rem;font-weight:650;white-space:nowrap}
.gom6-site .site-header nav.g6-nav a:hover{color:var(--accent)}
.gom6-site .site-header nav a.active{background:var(--accent);color:#fff}

/* buttons and links */
.g6-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}
.g6-btn{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:12px 20px;border-radius:10px;border:2px solid var(--accent);background:var(--accent);color:#fff!important;font-weight:750;text-decoration:none;cursor:pointer;font:inherit;font-weight:750}
.g6-btn:hover{filter:brightness(.92)}
.g6-btn--ghost{background:transparent;color:var(--accent)!important}
.g6-btn--ghost:hover{background:var(--soft);filter:none}
.g6-link{display:inline-flex;gap:6px;align-items:center;margin-top:12px;font-weight:750;text-decoration:none}
.g6-link:after{content:"\2192"}
.g6-link:hover{text-decoration:underline}
.gom6-site :focus-visible{outline:3px solid var(--accent);outline-offset:3px}

/* hero */
.g6-hero{padding:72px 0 64px;background:linear-gradient(180deg,#fff 0,var(--soft) 100%);border-bottom:1px solid var(--g6-line)}
.g6-hero__grid{display:grid;grid-template-columns:1fr;gap:48px;align-items:center}
.g6-hero--media .g6-hero__grid{grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr)}
.g6-hero h1{margin:0;font-size:clamp(2.1rem,4.6vw,3.7rem);line-height:1.08;letter-spacing:-.035em;max-width:780px}
.g6-lead{margin:20px 0 0;font-size:1.1rem;color:var(--g6-muted);max-width:680px}
.g6-points{list-style:none;margin:22px 0 0;padding:0;display:grid;gap:8px}
.g6-points li{position:relative;padding-left:28px;font-weight:650}
.g6-points li:before{content:"";position:absolute;left:0;top:.45em;width:16px;height:9px;border-left:3px solid var(--accent);border-bottom:3px solid var(--accent);transform:rotate(-45deg)}
.g6-hero__media{margin:0;position:relative}
.g6-hero__media img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;border-radius:24px;border:1px solid var(--g6-line);background:#fff;box-shadow:0 24px 60px rgba(20,33,61,.12)}
.g6-hero__media figcaption,.g6-figure figcaption{margin-top:10px;color:var(--g6-muted);font-size:.88rem}

/* sections */
.g6-section{padding:76px 0;scroll-margin-top:90px}
.g6-section:nth-of-type(even){background:#fff}
.g6-head{max-width:820px;margin-bottom:34px}
.g6-head h2{margin:0;font-size:clamp(1.75rem,3.4vw,2.6rem);line-height:1.15;letter-spacing:-.025em}
.g6-intro{margin:14px 0 0;color:var(--g6-muted);font-size:1.04rem}
.g6-note{margin:16px 0 0;color:var(--g6-muted);font-size:.9rem}
.g6-prose p{margin:0 0 14px;font-size:1.03rem}
.g6-split{display:grid;grid-template-columns:1fr;gap:40px;align-items:start}
.g6-split--media{grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr)}
.g6-figure{margin:0;position:relative}
.g6-figure img{display:block;width:100%;height:auto;border-radius:var(--g6-radius);border:1px solid var(--g6-line);background:#fff}
.g6-bullets{margin:8px 0 0;padding-left:1.2em}
.g6-bullets li{margin:6px 0}
.g6-badge{position:absolute;left:12px;top:12px;padding:4px 8px;border-radius:6px;background:rgba(20,33,61,.82);color:#fff;font-size:.72rem;font-weight:700}

/* grids and cards */
.g6-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:18px}
.g6-card{display:flex;flex-direction:column;background:var(--g6-card);border:1px solid var(--g6-line);border-radius:var(--g6-radius);overflow:hidden}
.g6-card__media{margin:0;position:relative;background:var(--soft)}
.g6-card__media img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:contain}
.g6-card__body{padding:22px}
.g6-card h3{margin:0 0 8px;font-size:1.12rem;line-height:1.3}
.g6-card p{margin:0;color:var(--g6-muted);font-size:.95rem}
.g6-num{display:inline-flex;margin-bottom:14px;padding:4px 9px;border-radius:8px;background:var(--soft);color:var(--accent);font-size:.78rem;font-weight:800;letter-spacing:.08em}

/* products */
.g6-group{margin-top:40px;scroll-margin-top:90px}
.g6-group:first-of-type{margin-top:0}
.g6-group__title{margin:0 0 6px;font-size:1.35rem;padding-left:12px;border-left:4px solid var(--accent)}
.g6-group__intro{margin:0 0 18px;color:var(--g6-muted)}
.g6-products{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px;margin-top:18px}
.g6-product{display:flex;flex-direction:column;background:var(--g6-card);border:1px solid var(--g6-line);border-radius:var(--g6-radius);overflow:hidden;scroll-margin-top:90px}
.g6-product:target{border-color:var(--accent);box-shadow:0 0 0 3px var(--soft)}
.g6-product__media{margin:0;position:relative;background:var(--soft)}
.g6-product__media img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:contain}
.g6-product__body{display:flex;flex-direction:column;flex:1;padding:22px}
.g6-product__body h3,.g6-product__body h4{margin:0 0 8px;font-size:1.14rem;line-height:1.3}
.g6-product__body>p{margin:0;color:var(--g6-muted);font-size:.95rem}
.g6-specs{margin:16px 0 0;display:grid;gap:0;border-top:1px solid var(--g6-line)}
.g6-specs div{display:grid;grid-template-columns:minmax(110px,40%) 1fr;gap:12px;padding:8px 0;border-bottom:1px solid var(--g6-line)}
.g6-specs dt{color:var(--g6-muted);font-size:.86rem}
.g6-specs dd{margin:0;font-size:.9rem;font-weight:650}
.g6-specs-note{margin:8px 0 0;color:var(--g6-muted);font-size:.8rem;font-style:italic}
.g6-product .g6-bullets{font-size:.92rem}
.g6-availability{margin:16px 0 0!important;padding-top:12px;border-top:1px dashed var(--g6-line);color:var(--g6-ink)!important;font-size:.88rem!important;font-weight:650}
.g6-product .g6-link{margin-top:auto;padding-top:12px}

/* steps, table, links, faq */
.g6-steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;counter-reset:none}
.g6-steps li{padding:22px;border-radius:var(--g6-radius);background:var(--g6-card);border:1px solid var(--g6-line)}
.g6-steps span{display:inline-block;color:var(--accent);font-weight:800;letter-spacing:.12em;font-size:.8rem}
.g6-steps h3{margin:10px 0 6px;font-size:1.05rem}
.g6-steps p{margin:0;color:var(--g6-muted);font-size:.93rem}
.g6-table-scroll{overflow-x:auto;border:1px solid var(--g6-line);border-radius:var(--g6-radius);background:#fff}
.g6-table{width:100%;border-collapse:collapse;min-width:420px}
.g6-table caption{caption-side:top;text-align:left;padding:14px 16px 0;font-weight:750}
.g6-table th,.g6-table td{padding:11px 16px;border-bottom:1px solid var(--g6-line);text-align:left;vertical-align:top;font-size:.94rem}
.g6-table th{width:42%;color:var(--g6-muted);font-weight:650}
.g6-table tr:last-child th,.g6-table tr:last-child td{border-bottom:0}
.g6-links{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:14px}
.g6-links a{display:grid;gap:4px;height:100%;padding:18px 20px;border:1px solid var(--g6-line);border-radius:14px;background:#fff;text-decoration:none;color:var(--g6-ink)}
.g6-links a:hover{border-color:var(--accent)}
.g6-links strong{color:var(--accent)}
.g6-links strong:after{content:" \2192"}
.g6-links span{color:var(--g6-muted);font-size:.92rem}
.g6-faq{max-width:860px}
.g6-faq details{border:1px solid var(--g6-line);border-radius:14px;background:#fff;margin-bottom:10px}
.g6-faq summary{cursor:pointer;padding:16px 20px;font-weight:700}
.g6-faq details p{margin:0;padding:0 20px 18px;color:var(--g6-muted)}

/* contact */
.g6-contact{background:var(--soft)!important}
.g6-contact__grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:48px;align-items:start}
.g6-contact h2{margin:0;font-size:clamp(1.75rem,3.4vw,2.6rem);line-height:1.15;letter-spacing:-.025em}
.g6-contact__text{margin:14px 0 0;color:var(--g6-muted)}
.g6-company{margin:16px 0 0;font-weight:700}
.g6-contact__list{list-style:none;margin:20px 0 0;padding:0;display:grid;gap:8px}
.g6-contact__list li{display:flex;gap:12px;align-items:baseline;flex-wrap:wrap}
.g6-contact__list span{min-width:72px;color:var(--g6-muted);font-size:.86rem}
.g6-contact__list a{font-weight:750;font-size:1.08rem;text-decoration:none}
.g6-contact__links{display:flex;flex-direction:column;align-items:flex-start}
.g6-form{padding:28px;border-radius:22px;background:#fff;border:1px solid var(--g6-line);box-shadow:0 20px 50px rgba(20,33,61,.08)}
.g6-form form label{display:grid;gap:6px;margin-bottom:14px;font-size:.9rem;font-weight:650}
.g6-form input,.g6-form select,.g6-form textarea{width:100%;padding:11px 12px;border:1px solid #cbd5e1;border-radius:10px;font:inherit;background:#fff;color:var(--g6-ink)}
.g6-form input:focus,.g6-form select:focus,.g6-form textarea:focus{outline:2px solid var(--accent);outline-offset:1px;border-color:var(--accent)}
.g6-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 14px}
.g6-form-grid .wide{grid-column:1/-1}
.g6-form .contact-consent{display:flex!important;grid-template-columns:none;align-items:flex-start;gap:10px;font-weight:500}
.g6-form .contact-consent input{width:auto;margin-top:4px}
.g6-form-actions{display:flex;gap:14px;align-items:center;flex-wrap:wrap}
.g6-form-actions p{margin:0;color:var(--g6-muted);font-size:.9rem}
.contact-honeypot{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;overflow:hidden!important}
.contact-success strong{display:block;font-size:1.15rem;margin-bottom:6px}
.g6-form__fallback{display:grid;gap:8px;font-size:1.05rem}
.g6-form__fallback strong{font-size:1.35rem}

/* footer */
.gom6-site footer.g6-footer{display:block;min-height:0;padding:36px 0;background:var(--g6-ink);color:#fff}
.g6-footer__grid{display:flex;justify-content:space-between;gap:24px;flex-wrap:wrap}
.g6-footer__brand strong{font-size:1.1rem}
.g6-footer__company,.g6-footer__text{margin:6px 0 0;color:#cbd5e1;font-size:.9rem;max-width:620px}
.g6-footer__contact{display:grid;gap:4px;justify-items:end}
.g6-footer__contact a{color:#fff;text-decoration:none;font-weight:650}
.g6-footer__contact span{color:#94a3b8;font-size:.85rem}

@media (max-width:1100px){
  .gom6-site .site-header nav.g6-nav{display:none}
}
@media (max-width:980px){
  .g6-hero--media .g6-hero__grid,.g6-split--media,.g6-contact__grid{grid-template-columns:1fr}
}
@media (max-width:600px){
  .g6-wrap{padding:0 16px}
  .g6-hero{padding:44px 0 48px}
  .g6-section{padding:56px 0}
  .g6-topbar .g6-wrap{justify-content:flex-start;gap:6px 16px;padding-top:6px;padding-bottom:6px}
  .g6-form{padding:20px}
  .g6-form-grid{grid-template-columns:1fr}
  .g6-products,.g6-grid,.g6-links{grid-template-columns:1fr}
  .g6-footer__contact{justify-items:start}
  .g6-btn{width:100%}
}