/* VTC3D v7 skin for subpages (loads after vtc3d-v2*.css / seo / mobile) */
:root{--paper:#f4f2ec;--paper-2:#e9e6de;--surface:#fbfaf7;--surface-2:#f4f2ec;--ink:#171614;--ink-2:#4f4b44;--ink-3:#7a746a;--hair:#d9d4c8;--hair-2:#c9c3b6;
--accent:oklch(0.47 0.17 262);--accent-d:oklch(0.39 0.15 262);--accent-soft:oklch(0.94 0.03 262);--accent-line:oklch(0.82 0.07 262);--accent-hi:oklch(0.74 0.13 250);--on-accent:#fff;
--serif:'Archivo',system-ui,sans-serif;--hand:'Archivo',system-ui,sans-serif;--sans:'Archivo',system-ui,sans-serif;--mono:'Archivo',system-ui,sans-serif;
--r-l:4px;--r:4px;--r-s:3px;--shadow:none;--shadow-lg:none;--dark:#1d1d1c;--on-dark:#f4f2ec;--on-dark-2:#a9a499}
body{font-family:'Archivo',system-ui,sans-serif;letter-spacing:0;background:var(--paper)}
a{color:var(--accent-d)}a:hover{color:var(--ink)}
h1,h2,h3,h4{letter-spacing:-.005em}
h1,h2{font-stretch:66%;font-weight:900;text-transform:uppercase;line-height:1.04;padding-top:.06em;text-wrap:balance}
h1{font-size:clamp(2.8rem,6.6vw,5.6rem)!important;max-width:18ch}
h2,.sec-head h2{font-size:clamp(2.2rem,4.6vw,3.8rem);max-width:22ch}
h3{font-stretch:85%;font-weight:750}
h1 .ac,h2 .ac,.ac{color:var(--accent);font-style:normal;font-family:inherit}
.serif{font-family:inherit;font-style:normal;font-weight:inherit}
/* labels: no mono / dashes */
.eyebrow,.idx,.sec-head .idx{font-family:var(--sans);font-size:.8rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--accent-d);border:1.5px solid currentColor;padding:.22rem .5rem;border-radius:3px;display:inline-flex;width:auto}
.eyebrow::before,.idx::before{display:none!important}
.sec-head{border-top:3px solid var(--ink);padding-top:1rem}
.crumb{font-size:.88rem;color:var(--ink-3)}.crumb b{color:var(--ink)}
.seo-lead{font-size:clamp(1.05rem,1.5vw,1.2rem);color:var(--ink-2);max-width:60ch}
/* buttons */
.btn{font-family:var(--sans);font-weight:700;font-size:1rem;border-radius:4px;border-width:2px;min-height:50px;padding:.8rem 1.35rem;letter-spacing:0}
.btn-accent{background:var(--accent);border-color:var(--accent);color:#fff;box-shadow:0 3px 0 var(--accent-d)}
.btn-accent:hover{background:var(--accent);border-color:var(--accent);color:#fff;transform:translateY(-2px);box-shadow:0 5px 0 var(--accent-d)}
.btn-ghost{border-color:var(--ink);color:var(--ink)}.btn-ghost:hover{background:var(--ink);color:var(--paper)}
/* nav toolbar */
.nav,.nav.scrolled{height:64px;padding:0!important;gap:0;align-items:stretch;background:var(--paper)!important;backdrop-filter:none!important;border-bottom:2px solid var(--ink)!important}
.nav .brand{display:flex;align-items:center;padding:0 1.4rem 0 var(--pad);border-right:1.5px solid var(--hair)}
.nav .brand-logo{height:22px}
.nav-links{display:flex;align-items:stretch;margin-left:auto;gap:0;border-left:1.5px solid var(--hair)}
.nav-links a{display:flex;align-items:center;padding:0 1.05rem;border-radius:0;color:var(--ink);font-weight:600;font-size:.93rem;border-right:1.5px solid var(--hair);background:none}
.nav-links a:hover{background:var(--surface)}
.nav-links a.has-dot{background:var(--surface);color:var(--ink);box-shadow:inset 0 -3px 0 var(--accent)}
.nav-links a.has-dot::before,.nav-links a.has-dot::after{display:none}
.nav .lang{display:flex;align-items:stretch;border-right:1.5px solid var(--hair);gap:0;background:none;padding:0;border-radius:0}
.nav .lang-btn{font:700 .78rem var(--sans);color:var(--ink-3);padding:0 .6rem;border-radius:0;background:none}
.nav .lang-btn.active{color:var(--ink);background:none;box-shadow:inset 0 -3px 0 var(--ink)}
.nav .btn-quote{border-radius:0;box-shadow:none;min-height:0;padding:0 1.5rem;border:0}
.nav .btn-quote:hover{transform:none;box-shadow:none;background:var(--accent-d)}
.nav .burger{width:64px;border-left:1.5px solid var(--hair);display:none;align-items:center;justify-content:center}
@media(max-width:1120px){.nav-links{display:none}.nav .lang{margin-left:auto;border-left:1.5px solid var(--hair)}.nav .burger{display:flex}}
@media(max-width:560px){.nav .btn-quote{display:none}}
.mobile-nav{top:64px;background:var(--paper)}
.mobile-nav>a{font-stretch:70%;font-weight:800;text-transform:uppercase;font-size:1.5rem;border-bottom:1.5px solid var(--hair);border-radius:0}
/* cards & surfaces: hard borders, no soft shadows */
.seo-point,.area,.spec,.care-cell,.product,.form,.why .photo,.svc-aside,.svc-opt,.printer-preview,.collab,.faq details,.citem{border-radius:4px}
.seo-point,.area,.spec,.care-cell,.product,.svc-aside,.collab{background:var(--surface);border:1.5px solid var(--hair);box-shadow:none;transition:border-color .2s,box-shadow .2s,transform .2s}
.seo-point:hover,.spec:hover,.product:hover,.care-cell:hover{border-color:var(--ink);box-shadow:4px 4px 0 var(--ink);transform:translateY(-2px)}
.form{background:var(--surface);border:2px solid var(--ink);box-shadow:6px 6px 0 var(--accent)}
.form input,.form select,.form textarea{border-radius:3px;border:1.5px solid var(--hair);background:var(--paper);font-family:var(--sans);font-size:16px}
.form input:focus,.form select:focus,.form textarea:focus{border-color:var(--ink);background:#fff;box-shadow:none}
.svc-opt.sel,.svc-opt.active,.svc-opt[aria-pressed="true"]{border-color:var(--accent);background:var(--accent-soft)}
.filter-btn{border-radius:3px;font-family:var(--sans);font-weight:700;border:1.5px solid var(--hair)}
.filter-btn.active,.filter-btn.on{background:var(--ink);color:var(--paper);border-color:var(--ink)}
.area-tags span,.svc-brands span,.seo-point .pl,.cat{border-radius:3px;font-family:var(--sans)}
/* faq */
.faq{border-top:2px solid var(--ink)}
.faq details{border:0;border-bottom:1.5px solid var(--hair);background:none;box-shadow:none;border-radius:0}
.faq summary{font-weight:700;font-family:var(--sans)}
/* footer */
.foot{background:var(--dark);color:var(--on-dark-2);border-top:4px solid var(--accent-hi);margin-top:clamp(4rem,8vw,6rem)}
.foot .brand-logo{filter:invert(1)}
.foot h4{color:var(--on-dark);font-family:var(--sans);font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em}
.foot a,.foot p,.foot span,.foot .legal,.foot .ver{color:var(--on-dark-2)}.foot a:hover{color:var(--on-dark)}
.foot-bot{border-top-color:rgba(244,242,236,.12)}
.float-cta{border-radius:6px;background:var(--dark);color:var(--on-dark)}
/* reveal safety */
.reveal{transition-duration:.6s}
.nav,.nav.scrolled{justify-content:flex-start!important}
.nav a,.mobile-nav a,.foot a{text-decoration:none}
h1,h2,.hero h1,.lp-hero h1{letter-spacing:-.005em!important;word-spacing:.06em}
.wrap,.sec.wrap,.lp-hero{padding-left:var(--pad)!important;padding-right:var(--pad)!important}
:root{--pad:clamp(1rem,4vw,3rem)}
.crumb,.crumb a,.crumb b{text-transform:none;letter-spacing:0;font-family:var(--sans);font-size:.9rem}
body{padding-top:0}
.lp-hero{padding-top:clamp(5.5rem,9vw,7rem)!important}
h1,h2{font-stretch:66%!important;font-weight:900!important}
.nav .lang{position:static!important;transform:none!important;left:auto!important;margin-left:auto}
@media(min-width:1121px){.nav .lang{margin-left:0}}
.nav .burger{margin-left:0!important}
@media(max-width:1120px){.nav .btn-quote{display:inline-flex!important}}
@media(max-width:560px){.nav .btn-quote{display:none!important}}
.why-sign,.ctag-hand,.hand,[class*="-hand"],.stab,.care-cap .ct,.spec .stab{font-family:var(--sans)!important;font-style:normal!important;font-weight:700!important;font-size:1rem!important;letter-spacing:0!important}
