@font-face{font-family:Inter;src:url('../fonts/inter-400.ttf') format('truetype');font-weight:400;font-display:swap}@font-face{font-family:Inter;src:url('../fonts/inter-500.ttf') format('truetype');font-weight:500;font-display:swap}@font-face{font-family:Inter;src:url('../fonts/inter-600.ttf') format('truetype');font-weight:600;font-display:swap}@font-face{font-family:Inter;src:url('../fonts/inter-700.ttf') format('truetype');font-weight:700;font-display:swap}@font-face{font-family:Inter;src:url('../fonts/inter-800.ttf') format('truetype');font-weight:800;font-display:swap}@font-face{font-family:Inter;src:url('../fonts/inter-900.ttf') format('truetype');font-weight:900;font-display:swap}@font-face{font-family:Sora;src:url('../fonts/sora-600.ttf') format('truetype');font-weight:600;font-display:swap}@font-face{font-family:Sora;src:url('../fonts/sora-700.ttf') format('truetype');font-weight:700;font-display:swap}@font-face{font-family:Sora;src:url('../fonts/sora-800.ttf') format('truetype');font-weight:800;font-display:swap}
:root{color-scheme:dark;--navy:#0F172A;--navy-2:#111C33;--navy-3:#182544;--copper:#D97706;--copper-2:#F59E0B;--ice:#38BDF8;--ice-2:#67E8F9;--white:#F8FAFC;--paper:#FFFFFF;--ink:#E5E7EB;--muted:#AAB6C8;--line:rgba(255,255,255,.13);--glass:rgba(15,23,42,.68);--shadow:0 28px 90px rgba(2,8,23,.42);--radius:8px;--max:1180px;--header:76px}
html[data-theme=light]{color-scheme:light;--navy:#F8FAFC;--navy-2:#FFFFFF;--navy-3:#EAF0F8;--white:#0F172A;--paper:#FFFFFF;--ink:#172033;--muted:#516071;--line:rgba(15,23,42,.13);--glass:rgba(255,255,255,.78);--shadow:0 24px 80px rgba(15,23,42,.14)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--navy);color:var(--ink);font-family:Inter,system-ui,sans-serif;line-height:1.6;letter-spacing:0;overflow-x:hidden}body:before{content:"";position:fixed;inset:0;z-index:-3;background:radial-gradient(circle at 15% 5%,rgba(217,119,6,.2),transparent 32%),radial-gradient(circle at 90% 10%,rgba(56,189,248,.16),transparent 34%),linear-gradient(135deg,var(--navy),var(--navy-2));pointer-events:none}a{color:inherit;text-decoration:none}p{margin:0 0 1rem}h1,h2,h3{font-family:Sora,Inter,sans-serif;line-height:1.04;margin:0;letter-spacing:0}h1{font-size:clamp(2.9rem,6.8vw,6.8rem);max-width:13ch}h2{font-size:clamp(2.1rem,4.4vw,4.7rem);max-width:13ch}h3{font-size:1.22rem}.container{width:min(var(--max),calc(100% - 40px));margin:auto}.skip-link{position:fixed;top:12px;left:12px;z-index:30;transform:translateY(-140%);background:var(--copper);color:#111827;padding:.8rem 1rem;border-radius:var(--radius);font-weight:900}.skip-link:focus{transform:none}.site-header{height:var(--header);display:flex;align-items:center;gap:1.2rem;position:sticky;top:0;z-index:20;padding:0 clamp(1rem,3vw,2.5rem);border-bottom:1px solid var(--line);background:var(--glass);backdrop-filter:blur(18px)}.brand{display:flex;align-items:center;gap:.75rem;min-width:226px}.brand-mark{display:grid;place-items:center;width:44px;height:44px;border-radius:8px;background:linear-gradient(135deg,var(--copper),#fb923c);color:#111827;font-family:Sora;font-weight:800;box-shadow:0 14px 35px rgba(217,119,6,.32)}.brand strong,.brand small{display:block}.brand strong{font-weight:900}.brand small{color:var(--muted);margin-top:-4px}.nav{display:flex;justify-content:center;gap:.55rem;flex:1}.nav a{color:var(--muted);font-weight:800;padding:.55rem .82rem;border:1px solid transparent;border-radius:999px}.nav a:hover{color:var(--white);border-color:var(--line);background:rgba(255,255,255,.06)}.header-actions{display:flex;align-items:center;gap:.55rem;margin-left:auto}.theme-toggle{position:relative;display:flex;align-items:center;width:70px;height:38px;border:1px solid var(--line);border-radius:999px;background:rgba(255,255,255,.07);cursor:pointer;padding:4px}.theme-toggle:before{content:"";position:absolute;width:30px;height:30px;border-radius:50%;background:linear-gradient(135deg,var(--copper),var(--copper-2));left:4px;transition:transform .35s cubic-bezier(.2,.8,.2,1)}html[data-theme=light] .theme-toggle:before{transform:translateX(31px);background:linear-gradient(135deg,var(--ice),var(--ice-2))}.sun,.moon{position:absolute;width:16px;height:16px;z-index:1}.sun{left:11px;border-radius:50%;background:#fff3c4;box-shadow:0 0 0 3px rgba(255,243,196,.25)}.moon{right:11px;border-radius:50%;background:#dbeafe;box-shadow:inset -5px -2px 0 #64748b}.call-btn,.contact-btn,.primary-cta,.secondary-cta{display:inline-flex;align-items:center;justify-content:center;min-height:46px;border-radius:999px;font-weight:900;white-space:nowrap}.call-btn,.primary-cta{background:linear-gradient(135deg,var(--copper),var(--copper-2));color:#111827;border:0;box-shadow:0 18px 42px rgba(217,119,6,.28);padding:.85rem 1.1rem}.contact-btn,.secondary-cta{border:1px solid var(--line);background:rgba(255,255,255,.07);color:var(--white);padding:.82rem 1rem}.call-btn:hover,.contact-btn:hover,.primary-cta:hover,.secondary-cta:hover{transform:translateY(-2px);border-color:var(--copper)}.menu-toggle{display:none;width:44px;height:38px;border:1px solid var(--line);border-radius:999px;background:rgba(255,255,255,.07)}.menu-toggle span{display:block;width:18px;height:2px;background:var(--white);margin:5px auto}.hero{min-height:calc(100vh - var(--header));display:grid;align-items:center;position:relative;overflow:hidden;padding:70px 0}.hero-noise{position:absolute;inset:0;background:linear-gradient(90deg,rgba(15,23,42,.96),rgba(15,23,42,.7)),repeating-linear-gradient(90deg,transparent 0 48px,rgba(255,255,255,.045) 48px 49px),repeating-linear-gradient(0deg,transparent 0 48px,rgba(255,255,255,.035) 48px 49px);z-index:-1}.hero-grid{display:grid;grid-template-columns:1.08fr .92fr;gap:clamp(2rem,6vw,6rem);align-items:center}.pill{display:inline-flex;align-items:center;width:fit-content;border:1px solid color-mix(in srgb,var(--copper) 52%,var(--line));background:rgba(217,119,6,.11);color:var(--copper-2);border-radius:999px;padding:.42rem .75rem;font-weight:900;font-size:.78rem;text-transform:uppercase;letter-spacing:.1em;margin:0 0 1rem}.gradient-text{background:linear-gradient(110deg,var(--white),var(--copper-2) 42%,var(--ice) 88%);-webkit-background-clip:text;background-clip:text;color:transparent}.lead{font-size:clamp(1.08rem,2vw,1.32rem);color:var(--muted);max-width:780px;margin:1.35rem 0 1.7rem}.hero-actions{display:flex;gap:.8rem;flex-wrap:wrap;margin-bottom:1.3rem}.proof-strip{display:flex;gap:.6rem;flex-wrap:wrap}.proof-strip span{border:1px solid var(--line);border-radius:999px;padding:.5rem .75rem;color:var(--muted);background:rgba(255,255,255,.055);font-weight:700}.hero-visual{position:relative;min-height:560px}.thermal-card,.big-image,.image-slot{border:1px solid var(--line);border-radius:var(--radius);background:linear-gradient(135deg,rgba(217,119,6,.18),rgba(56,189,248,.16)),repeating-linear-gradient(45deg,rgba(255,255,255,.1) 0 1px,transparent 1px 18px),var(--navy-3);box-shadow:var(--shadow);display:grid;place-items:center;text-align:center;color:var(--white);font-weight:900;overflow:hidden}.main-photo{height:520px;position:relative}.main-photo:after,.big-image:after,.image-slot:after{content:"";position:absolute;width:72%;height:38%;border:18px solid rgba(56,189,248,.42);border-left:0;border-radius:0 999px 999px 0;transform:rotate(-12deg);opacity:.75}.floating-stat{position:absolute;width:210px;border:1px solid var(--line);border-radius:var(--radius);padding:1rem;background:rgba(15,23,42,.78);backdrop-filter:blur(14px);box-shadow:var(--shadow)}.floating-stat strong{display:block;font-family:Sora;color:var(--white);font-size:1.2rem}.floating-stat span{color:var(--muted);font-size:.9rem}.floating-stat.hot{right:-10px;top:46px;border-color:rgba(217,119,6,.55)}.floating-stat.cold{left:-20px;bottom:60px;border-color:rgba(56,189,248,.55)}.section{padding:108px 0}.dark-band{background:#08111f;color:#e5e7eb;border-block:1px solid var(--line)}html[data-theme=light] .dark-band{background:#0F172A;color:#e5e7eb}.intro-grid,.split-grid,.contact-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:clamp(2rem,6vw,5rem);align-items:center}.copy{font-size:1.1rem;color:#bfcbda}.section-head{display:grid;gap:1rem;margin-bottom:2rem}.section-head p{max-width:760px;color:var(--muted);font-size:1.08rem}.flip-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.flip-card{min-height:330px;perspective:1200px;outline:none}.flip-inner{position:relative;width:100%;height:100%;min-height:330px;transition:transform .75s cubic-bezier(.2,.8,.2,1);transform-style:preserve-3d}.flip-card:hover .flip-inner,.flip-card:focus .flip-inner,.flip-card.is-flipped .flip-inner{transform:rotateY(180deg)}.flip-face{position:absolute;inset:0;backface-visibility:hidden;border:1px solid var(--line);border-radius:var(--radius);padding:1.25rem;background:linear-gradient(180deg,rgba(255,255,255,.08),rgba(255,255,255,.035));box-shadow:0 15px 42px rgba(2,8,23,.18);transition:border-color .25s ease,box-shadow .25s ease}.flip-card:hover .flip-face{border-color:var(--copper);box-shadow:0 24px 70px rgba(217,119,6,.2)}.flip-front{display:flex;flex-direction:column;gap:.8rem}.flip-front p{color:var(--muted)}.flip-front em{margin-top:auto;color:var(--copper-2);font-style:normal;font-weight:900}.service-tag{width:fit-content;color:var(--ice-2);font-weight:900;border:1px solid rgba(56,189,248,.35);border-radius:999px;padding:.32rem .6rem;font-size:.78rem}.flip-back{transform:rotateY(180deg);padding:0}.image-slot{position:absolute;inset:0;box-shadow:none}.process{background:linear-gradient(180deg,var(--navy),var(--navy-2))}.process-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}.process-card,.faq-item,.contact-form,.contact-box{border:1px solid var(--line);border-radius:var(--radius);background:rgba(255,255,255,.06);box-shadow:0 16px 42px rgba(2,8,23,.14)}.process-card{padding:1.2rem;min-height:260px}.process-card span{display:block;color:var(--copper);font-family:Sora;font-weight:800;font-size:2rem;margin-bottom:.8rem}.process-card p{color:var(--muted)}.contrast-split{background:var(--navy-2)}.big-image{position:relative;min-height:560px}.check-list{list-style:none;margin:1.4rem 0 0;padding:0;display:grid;gap:.75rem}.check-list li{position:relative;padding-left:2.1rem;color:var(--muted);font-weight:650}.check-list li:before{content:"";position:absolute;left:0;top:.25rem;width:20px;height:20px;border-radius:50%;background:var(--copper)}.check-list li:after{content:"";position:absolute;left:7px;top:.48rem;width:6px;height:10px;border:solid #111827;border-width:0 2px 2px 0;transform:rotate(45deg)}.faq{background:#08111f;color:#e5e7eb}html[data-theme=light] .faq{background:#0F172A}.faq-grid{display:grid;grid-template-columns:.82fr 1.18fr;gap:clamp(2rem,5vw,4rem);align-items:start}.faq-sticky{position:sticky;top:104px}.faq-sticky p:not(.pill){color:#b7c4d6}.accordion{display:grid;gap:.72rem}.faq-question{width:100%;display:flex;align-items:center;justify-content:space-between;gap:1rem;border:0;background:transparent;color:#f8fafc;text-align:left;padding:1.05rem 1.15rem;font-weight:900;cursor:pointer}.faq-question i{position:relative;width:24px;height:24px;flex:0 0 24px}.faq-question i:before,.faq-question i:after{content:"";position:absolute;left:3px;right:3px;top:11px;height:2px;background:var(--copper);transition:transform .25s}.faq-question i:after{transform:rotate(90deg)}.faq-question[aria-expanded=true] i:after{transform:rotate(0)}.faq-answer{padding:0 1.15rem 1.05rem;color:#bac7d8}.contact{background:var(--navy)}.contact-box{padding:1rem;margin-top:1.2rem}.contact-form{padding:1.2rem;display:grid;gap:.9rem}label{display:grid;gap:.35rem;color:var(--muted);font-weight:800}input,textarea{width:100%;border:1px solid var(--line);border-radius:8px;background:rgba(255,255,255,.07);color:var(--white);padding:.92rem 1rem;outline:none}html[data-theme=light] input,html[data-theme=light] textarea{background:#fff;color:#0F172A}input:focus,textarea:focus{border-color:var(--copper);box-shadow:0 0 0 4px rgba(217,119,6,.16)}textarea{resize:vertical;min-height:150px}.form-note{padding:.85rem 1rem;border-radius:8px;font-weight:900}.success{background:rgba(34,197,94,.14);color:#86efac}.error{background:rgba(248,113,113,.16);color:#fecaca}.contact-form small{color:var(--muted)}.site-footer{border-top:1px solid var(--line);padding:32px 0;background:#08111f;color:#b7c4d6}.footer-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:1rem}.footer-grid strong{color:#fff}.reveal{opacity:0;transform:translateY(18px);transition:opacity .7s ease,transform .7s ease}.reveal.is-visible{opacity:1;transform:none}
@media(max-width:1020px){:root{--header:68px}.site-header{padding-inline:1rem}.nav{position:fixed;top:var(--header);left:0;right:0;display:none;grid-template-columns:1fr;background:var(--navy);border-bottom:1px solid var(--line)}.nav.is-open{display:grid}.nav a{border-radius:0;border-top:1px solid var(--line);padding:1rem 1.2rem}.menu-toggle{display:block}.brand{min-width:auto}.hero-grid,.intro-grid,.split-grid,.contact-grid,.faq-grid{grid-template-columns:1fr}.hero-visual{order:-1;min-height:390px}.main-photo{height:370px}.floating-stat{position:relative;inset:auto!important;width:auto;margin-top:.75rem}.flip-grid{grid-template-columns:repeat(2,1fr)}.process-grid{grid-template-columns:repeat(2,1fr)}.faq-sticky{position:static}}
@media(max-width:650px){.container{width:min(100% - 28px,var(--max))}.section{padding:76px 0}h1{font-size:2.78rem}h2{font-size:2.15rem}.brand-text{display:none}.call-btn{display:none}.contact-btn{min-height:38px;padding:.55rem .72rem}.theme-toggle{width:58px;height:36px}.theme-toggle:before{width:28px;height:28px}html[data-theme=light] .theme-toggle:before{transform:translateX(21px)}.hero{padding:48px 0}.hero-actions,.primary-cta,.secondary-cta{width:100%}.flip-grid,.process-grid{grid-template-columns:1fr}.flip-card,.flip-inner{min-height:350px}.big-image{min-height:360px}.footer-grid{grid-template-columns:1fr}.proof-strip span{width:100%}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;animation:none!important;scroll-behavior:auto!important}.reveal{opacity:1;transform:none}.flip-card:hover .flip-inner,.flip-card:focus .flip-inner,.flip-card.is-flipped .flip-inner{transform:none}}

/* Real day/night icon toggle */
.theme-toggle {
  isolation: isolate;
  justify-content: space-between;
  overflow: hidden;
}
.theme-toggle::before { display: none; }
.theme-toggle .theme-icon {
  position: relative;
  z-index: 2;
  width: 18px;
  height: 18px;
  flex: 0 0 18px;
  fill: none;
  stroke: currentColor;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
  background: transparent;
  box-shadow: none;
  border-radius: 0;
  transition: color .25s ease, opacity .25s ease, transform .35s ease;
}
.theme-toggle .sun { color: #111827; opacity: 1; transform: rotate(0deg) scale(1); }
.theme-toggle .moon { color: #dbeafe; opacity: .72; }
.toggle-knob {
  position: absolute;
  z-index: 1;
  left: 4px;
  top: 4px;
  width: 30px;
  height: 30px;
  border-radius: 999px;
  background: linear-gradient(135deg, var(--copper), var(--copper-2));
  box-shadow: 0 10px 24px rgba(217,119,6,.34);
  transition: transform .35s cubic-bezier(.2,.8,.2,1), background .35s ease;
}
html[data-theme="light"] .toggle-knob {
  transform: translateX(31px);
  background: linear-gradient(135deg, var(--ice), var(--ice-2));
  box-shadow: 0 10px 24px rgba(56,189,248,.28);
}
html[data-theme="light"] .theme-toggle .sun { color: #ffffff; opacity: .78; transform: rotate(35deg) scale(.92); }
html[data-theme="light"] .theme-toggle .moon { color: #0F172A; opacity: 1; }

@media(max-width:650px){
  .toggle-knob{width:28px;height:28px;}
  html[data-theme="light"] .toggle-knob{transform:translateX(21px)}
  .theme-toggle .theme-icon{width:16px;height:16px;flex-basis:16px;}
}

/* Typography scale correction: closer to Zielfit, large but controlled */
h1 {
  font-size: clamp(2.55rem, 5.1vw, 5.15rem);
  max-width: 980px;
  line-height: .98;
}
h2 {
  font-size: clamp(1.95rem, 3.15vw, 3.55rem);
  max-width: 820px;
  line-height: 1.04;
}
.section-head h2,
.faq-sticky h2,
.contact h2,
.contrast-split h2,
.dark-band h2 {
  max-width: 780px;
}
.hero-copy {
  min-width: 0;
}
.hero .lead {
  max-width: 690px;
}
@media(max-width:1020px){
  h1{font-size:clamp(2.35rem,7.8vw,4.7rem);max-width:900px;}
  h2{font-size:clamp(1.9rem,5.2vw,3.15rem);max-width:760px;}
}
@media(max-width:650px){
  h1{font-size:clamp(2.15rem,12vw,3.55rem);line-height:1.02;max-width:100%;}
  h2{font-size:clamp(1.65rem,8vw,2.45rem);max-width:100%;}
}

/* Zielfit typography match: InterDisplay, smaller headlines */
@font-face{
  font-family:'InterDisplay';
  src:url('../fonts/InterDisplay-Regular.woff2') format('woff2');
  font-weight:400;
  font-style:normal;
  font-display:swap;
}
@font-face{
  font-family:'InterDisplay';
  src:url('../fonts/InterDisplay-SemiBold.woff2') format('woff2');
  font-weight:600;
  font-style:normal;
  font-display:swap;
}
@font-face{
  font-family:'InterDisplay';
  src:url('../fonts/InterDisplay-ExtraBold.woff2') format('woff2');
  font-weight:800;
  font-style:normal;
  font-display:swap;
}
body,
button,
input,
textarea {
  font-family:'InterDisplay', Inter, system-ui, sans-serif;
}
h1,
h2,
h3,
.brand-mark,
.floating-stat strong,
.process-card span {
  font-family:'InterDisplay', Inter, system-ui, sans-serif;
}
h1 {
  font-size: clamp(2.15rem, 3.9vw, 4.2rem);
  max-width: 880px;
  line-height: 1.04;
  font-weight: 800;
}
h2 {
  font-size: clamp(1.55rem, 2.35vw, 2.75rem);
  max-width: 720px;
  line-height: 1.08;
  font-weight: 800;
}
h3 {
  font-weight: 800;
}
.hero .lead {
  font-size: clamp(1rem, 1.25vw, 1.14rem);
  max-width: 650px;
}
.section-head p,
.copy,
.contact-copy p {
  font-size: 1rem;
}
@media(max-width:1020px){
  h1{font-size:clamp(2.05rem,5.8vw,3.65rem);max-width:760px;}
  h2{font-size:clamp(1.55rem,4.1vw,2.35rem);max-width:680px;}
}
@media(max-width:650px){
  h1{font-size:clamp(1.95rem,9vw,2.85rem);line-height:1.06;max-width:100%;}
  h2{font-size:clamp(1.42rem,6.5vw,2rem);line-height:1.1;max-width:100%;}
  .hero .lead{font-size:1rem;}
}

/* Color correction: orange/white gradients only, readable light mode, centered theme icons */
:root {
  --ice: #FFF7ED;
  --ice-2: #FFFFFF;
}
html[data-theme="light"] {
  --navy: #F8FAFC;
  --navy-2: #FFFFFF;
  --navy-3: #FFF7ED;
  --white: #0F172A;
  --ink: #111827;
  --muted: #334155;
  --line: rgba(15,23,42,.16);
  --glass: rgba(255,255,255,.88);
}
body::before {
  background:
    radial-gradient(circle at 15% 5%, rgba(217,119,6,.20), transparent 34%),
    radial-gradient(circle at 92% 10%, rgba(255,255,255,.14), transparent 36%),
    linear-gradient(135deg, var(--navy), var(--navy-2));
}
.gradient-text {
  background: linear-gradient(110deg, #FFFFFF 0%, #FCD9A5 42%, var(--copper-2) 100%);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}
html[data-theme="light"] .gradient-text {
  background: linear-gradient(110deg, #0F172A 0%, #D97706 56%, #92400E 100%);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}
.hero-noise {
  background:
    linear-gradient(90deg, rgba(15,23,42,.96), rgba(15,23,42,.72)),
    repeating-linear-gradient(90deg, transparent 0 48px, rgba(255,255,255,.04) 48px 49px),
    repeating-linear-gradient(0deg, transparent 0 48px, rgba(255,255,255,.03) 48px 49px);
}
html[data-theme="light"] .hero-noise {
  background:
    linear-gradient(90deg, rgba(248,250,252,.98), rgba(255,247,237,.9)),
    repeating-linear-gradient(90deg, transparent 0 48px, rgba(15,23,42,.045) 48px 49px),
    repeating-linear-gradient(0deg, transparent 0 48px, rgba(15,23,42,.035) 48px 49px);
}
.thermal-card,
.big-image,
.image-slot {
  background:
    linear-gradient(135deg, rgba(217,119,6,.20), rgba(255,255,255,.10)),
    repeating-linear-gradient(45deg, rgba(255,255,255,.10) 0 1px, transparent 1px 18px),
    var(--navy-3);
}
.main-photo::after,
.big-image::after,
.image-slot::after {
  border-color: rgba(217,119,6,.38);
}
.service-tag {
  color: #FCD9A5;
  border-color: rgba(217,119,6,.42);
}
html[data-theme="light"] .service-tag {
  color: #92400E;
  border-color: rgba(217,119,6,.35);
}
.floating-stat.cold {
  border-color: rgba(217,119,6,.55);
}
.pill {
  color: #FCD9A5;
}
html[data-theme="light"] .pill {
  color: #92400E;
  background: rgba(217,119,6,.10);
}
html[data-theme="light"] .lead,
html[data-theme="light"] .section-head p,
html[data-theme="light"] .flip-front p,
html[data-theme="light"] .process-card p,
html[data-theme="light"] .check-list li,
html[data-theme="light"] .contact-form small,
html[data-theme="light"] label,
html[data-theme="light"] .proof-strip span,
html[data-theme="light"] .floating-stat span {
  color: #334155;
}
html[data-theme="light"] .flip-face,
html[data-theme="light"] .process-card,
html[data-theme="light"] .contact-form,
html[data-theme="light"] .contact-box {
  background: rgba(255,255,255,.88);
  color: #111827;
}
html[data-theme="light"] .contact-btn,
html[data-theme="light"] .secondary-cta,
html[data-theme="light"] .nav a,
html[data-theme="light"] .brand strong,
html[data-theme="light"] .floating-stat strong {
  color: #0F172A;
}
html[data-theme="light"] .nav a:hover,
html[data-theme="light"] .contact-btn:hover,
html[data-theme="light"] .secondary-cta:hover {
  color: #92400E;
}
html[data-theme="light"] .dark-band,
html[data-theme="light"] .faq,
html[data-theme="light"] .site-footer {
  background: #0F172A;
  color: #F8FAFC;
}
html[data-theme="light"] .dark-band .copy,
html[data-theme="light"] .faq-sticky p:not(.pill),
html[data-theme="light"] .faq-answer,
html[data-theme="light"] .site-footer {
  color: #CBD5E1;
}

.theme-toggle {
  width: 70px;
  height: 38px;
  padding: 4px 11px;
  justify-content: space-between;
  align-items: center;
}
.theme-toggle .theme-icon,
.theme-toggle .sun,
.theme-toggle .moon {
  position: relative;
  left: auto;
  right: auto;
  top: auto;
  bottom: auto;
  z-index: 2;
  width: 18px;
  height: 18px;
  flex: 0 0 18px;
  background: transparent;
  box-shadow: none;
  border-radius: 0;
}
.toggle-knob {
  left: 4px;
  top: 4px;
  width: 30px;
  height: 30px;
}
html[data-theme="light"] .toggle-knob {
  transform: translateX(32px);
  background: linear-gradient(135deg, var(--copper), var(--copper-2));
  box-shadow: 0 10px 24px rgba(217,119,6,.34);
}
.theme-toggle .sun { color: #111827; opacity: 1; }
.theme-toggle .moon { color: #E5E7EB; opacity: .82; }
html[data-theme="light"] .theme-toggle .sun { color: #92400E; opacity: .75; transform: none; }
html[data-theme="light"] .theme-toggle .moon { color: #111827; opacity: 1; }

@media(max-width:650px){
  .theme-toggle{width:70px;height:38px;padding:4px 11px;}
  .toggle-knob{width:30px;height:30px;}
  html[data-theme="light"] .toggle-knob{transform:translateX(32px)}
  .theme-toggle .theme-icon,
  .theme-toggle .sun,
  .theme-toggle .moon{width:18px;height:18px;flex-basis:18px;}
}

/* Legal and standalone contact pages */
.legal-page h1 { margin-bottom: 1.2rem; }
.legal-content { max-width: 880px; }
.legal-content h2 { font-size: clamp(1.25rem, 2vw, 1.75rem); margin: 2rem 0 .7rem; max-width: 100%; }
.legal-content p { color: var(--muted); }
html[data-theme="light"] .legal-content p { color: #334155; }
.hp-field { position: absolute !important; left: -9999px !important; opacity: 0 !important; height: 0 !important; width: 0 !important; pointer-events: none !important; }
.privacy-check { display: grid; grid-template-columns: 20px 1fr; align-items: start; gap: .65rem; font-weight: 600; line-height: 1.45; }
.privacy-check input { width: 18px; height: 18px; margin-top: .2rem; accent-color: var(--copper); }
.privacy-check a { color: var(--copper-2); text-decoration: underline; text-underline-offset: 3px; }
.legal-page .contact-grid { align-items: start; }

/* Contact upload and privacy layout fix */
.privacy-check {
  display: flex !important;
  align-items: flex-start;
  gap: .7rem;
  line-height: 1.45;
  font-weight: 650;
  min-width: 0;
}
.privacy-check input {
  flex: 0 0 20px;
  width: 20px;
  height: 20px;
  margin-top: .18rem;
  accent-color: var(--copper);
}
.privacy-check span {
  display: block;
  min-width: 0;
  overflow-wrap: anywhere;
}
.privacy-check a {
  color: var(--copper-2);
  text-decoration: underline;
  text-underline-offset: 3px;
  white-space: normal;
}
.file-upload {
  border: 1px dashed color-mix(in srgb, var(--copper) 55%, var(--line));
  border-radius: 8px;
  padding: 1rem;
  background: rgba(217,119,6,.07);
  color: var(--text);
}
.file-upload span {
  display: block;
  margin: .25rem 0 .75rem;
  color: var(--muted);
  font-weight: 600;
  font-size: .94rem;
}
.file-upload input[type="file"] {
  background: transparent;
  border: 0;
  padding: 0;
  color: var(--muted);
}
html[data-theme="light"] .file-upload {
  background: rgba(217,119,6,.08);
  color: #111827;
}
@media(max-width:650px){
  .privacy-check{gap:.55rem;}
  .file-upload{padding:.85rem;}
}

/* Cumulative photo upload list */
.upload-list {
  display: grid;
  gap: .55rem;
  margin-top: -.35rem;
}
.upload-message {
  margin: 0;
  padding: .7rem .85rem;
  border-radius: 8px;
  background: rgba(217,119,6,.14);
  color: var(--copper-2);
  font-weight: 800;
}
.upload-item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: .75rem;
  border: 1px solid var(--line);
  border-radius: 8px;
  padding: .72rem .85rem;
  background: rgba(255,255,255,.055);
  color: var(--white);
}
.upload-item span {
  min-width: 0;
  overflow-wrap: anywhere;
  font-weight: 750;
}
.upload-item small {
  color: var(--muted);
  font-weight: 650;
}
.upload-item button {
  flex: 0 0 auto;
  border: 1px solid color-mix(in srgb, var(--copper) 55%, var(--line));
  border-radius: 999px;
  background: rgba(217,119,6,.12);
  color: var(--copper-2);
  padding: .42rem .65rem;
  cursor: pointer;
  font-weight: 850;
}
html[data-theme="light"] .upload-item {
  background: #fff;
  color: #111827;
}
@media(max-width:650px){
  .upload-item{align-items:flex-start;flex-direction:column;}
}

/* WhatsApp contact actions */
.whatsapp-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 46px;
  height: 46px;
  border-radius: 999px;
  border: 1px solid rgba(37, 211, 102, .45);
  background: rgba(37, 211, 102, .12);
  color: #25D366;
  transition: transform .2s ease, border-color .2s ease, background .2s ease;
}
.whatsapp-btn:hover {
  transform: translateY(-2px);
  border-color: #25D366;
  background: rgba(37, 211, 102, .2);
}
.whatsapp-btn svg {
  width: 22px;
  height: 22px;
  fill: currentColor;
}
.whatsapp-inline {
  display: inline-flex;
  align-items: center;
  gap: .55rem;
  width: fit-content;
  margin-top: .6rem;
  padding: .72rem .9rem;
  border-radius: 999px;
  background: rgba(37, 211, 102, .13);
  border: 1px solid rgba(37, 211, 102, .45);
  color: #25D366;
  font-weight: 900;
}
.whatsapp-inline svg {
  width: 20px;
  height: 20px;
  fill: currentColor;
}
@media(max-width:650px){
  .whatsapp-btn{width:40px;height:38px;}
  .whatsapp-btn svg{width:20px;height:20px;}
}

/* Modern conversion-focused inquiry form */
.modern-inquiry{gap:1.15rem;padding:clamp(1.15rem,2.4vw,2rem);box-shadow:0 28px 80px rgba(2,8,23,.28)}
.form-heading{padding-bottom:.35rem;border-bottom:1px solid var(--line)}.form-heading h2{font-size:clamp(1.45rem,2vw,2rem);margin:.2rem 0 .35rem}.form-heading p{color:var(--muted);margin:0}.form-kicker{color:var(--copper-2);font-size:.82rem;font-weight:800;text-transform:uppercase}
.choice-group{border:0;padding:0;margin:0;min-width:0}.choice-group legend{font-weight:800;margin-bottom:.65rem}.choice-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.55rem}.choice-card{position:relative;cursor:pointer}.choice-card input{position:absolute;opacity:0;pointer-events:none}.choice-card span{display:flex;align-items:center;justify-content:center;min-height:48px;padding:.65rem;text-align:center;border:1px solid var(--line);border-radius:8px;background:rgba(255,255,255,.045);color:var(--muted);font-weight:700;transition:.2s ease}.choice-card:hover span{border-color:rgba(217,119,6,.65);color:var(--white);transform:translateY(-1px)}.choice-card input:focus-visible+span{outline:3px solid rgba(245,158,11,.3);outline-offset:2px}.choice-card input:checked+span{border-color:var(--copper-2);background:rgba(217,119,6,.17);color:#FCD9A5;box-shadow:inset 0 0 0 1px rgba(245,158,11,.25)}
.form-row{display:grid;grid-template-columns:1fr 1fr;gap:.85rem}.modern-inquiry select{width:100%;border:1px solid var(--line);border-radius:8px;background:var(--navy-3);color:var(--white);padding:.85rem 1rem;font:inherit}.modern-upload{position:relative;text-align:center;padding:1.35rem;cursor:pointer}.modern-upload .upload-icon{display:grid;place-items:center;width:38px;height:38px;margin:0 auto .45rem;border-radius:50%;background:var(--copper);color:#fff;font-size:1.5rem;line-height:1}.modern-upload strong{display:block;color:var(--white);font-size:1.05rem}.modern-upload input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}
.upload-preview-grid{grid-template-columns:repeat(3,minmax(0,1fr));margin-top:0}.upload-preview-grid .upload-item{position:relative;display:grid;grid-template-columns:52px 1fr;justify-content:initial;padding:.55rem;overflow:hidden}.upload-item img{width:52px;height:52px;object-fit:cover;border-radius:6px}.upload-preview-grid .upload-item span{font-size:.78rem;line-height:1.25}.upload-preview-grid .upload-item small{display:block;margin-top:.2rem}.upload-preview-grid .upload-item button{position:absolute;right:4px;top:4px;padding:.2rem .4rem;font-size:0}.upload-preview-grid .upload-item button:after{content:"×";font-size:1rem}
.contact-choice{grid-template-columns:repeat(3,1fr)}.submit-modern{display:grid;gap:.05rem;width:100%;border:0;cursor:pointer}.submit-modern small{font-size:.74rem;font-weight:650;opacity:.78}.submit-modern:disabled{opacity:.7;cursor:wait}.form-assurance{display:flex;justify-content:center;flex-wrap:wrap;gap:.45rem 1rem;color:var(--muted);font-size:.78rem;font-weight:700}.form-assurance span:before{content:"✓";color:var(--copper-2);margin-right:.3rem}
html[data-theme=light] .choice-card span{background:#fff;color:#334155}html[data-theme=light] .choice-card:hover span{color:#92400E}html[data-theme=light] .choice-card input:checked+span{color:#92400E;background:#FFF7ED}html[data-theme=light] .modern-inquiry select{background:#fff;color:#111827}html[data-theme=light] .modern-upload strong{color:#111827}
@media(max-width:650px){.form-row{grid-template-columns:1fr}.choice-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.contact-choice{grid-template-columns:repeat(3,1fr)}.choice-card span{min-height:44px;padding:.5rem;font-size:.86rem}.upload-preview-grid{grid-template-columns:1fr}.modern-inquiry{padding:1rem}}

/* Mobile header fit */
@media(max-width:650px){.site-header .contact-btn{display:none}.header-actions{gap:.35rem}.site-header{gap:.55rem}}



/* Real website images and logo */
.brand-logo {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 144px;
  height: 44px;
  flex: 0 0 auto;
  overflow: hidden;
  border-radius: 7px;
}
.brand-logo img {
  display: block;
  width: 144px;
  height: 44px;
  object-fit: cover;
  border-radius: inherit;
}
.thermal-card img,
.big-image img,
.image-slot img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
.thermal-card,
.big-image,
.image-slot {
  position: relative;
}
.thermal-card::before,
.big-image::before,
.image-slot::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
  pointer-events: none;
  background: linear-gradient(135deg, rgba(15,23,42,.28), rgba(217,119,6,.12));
}
.main-photo::after,
.big-image::after,
.image-slot::after {
  display: none;
}
.flip-back .image-slot::before {
  background: linear-gradient(180deg, rgba(15,23,42,.08), rgba(15,23,42,.22));
}
@media(max-width:650px){
  .brand-logo{width:112px;height:36px;}
  .brand-logo img{width:112px;height:36px;}
}


/* Visible service photo previews on flip-card fronts */
.service-thumb {
  position: relative;
  width: 100%;
  height: 118px;
  overflow: hidden;
  border-radius: 8px;
  border: 1px solid color-mix(in srgb, var(--copper) 38%, var(--line));
  background: var(--navy-3);
  margin-bottom: .15rem;
}
.service-thumb img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform .45s ease, filter .45s ease;
}
.service-thumb::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, rgba(15,23,42,0), rgba(15,23,42,.22));
  pointer-events: none;
}
.flip-card:hover .service-thumb img,
.flip-card:focus .service-thumb img,
.flip-card.is-flipped .service-thumb img {
  transform: scale(1.05);
  filter: saturate(1.08) contrast(1.04);
}
.flip-card,
.flip-inner {
  min-height: 430px;
}

/* Customer-benefit conversion section */
.customer-benefits {
  background:
    linear-gradient(180deg, rgba(217,119,6,.055), transparent 45%),
    var(--navy);
}
.benefit-grid .process-card {
  min-height: 285px;
  border-top: 2px solid color-mix(in srgb, var(--copper) 70%, transparent);
}
.benefit-grid .process-card h3 {
  margin-bottom: .65rem;
}
.benefit-cta {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1.5rem;
  margin-top: 1rem;
  padding: 1.25rem;
  border: 1px solid var(--line);
  border-radius: var(--radius);
  background: rgba(255,255,255,.06);
}
.benefit-cta p {
  max-width: 720px;
  margin: 0;
  color: var(--muted);
}
.benefit-cta strong {
  color: var(--white);
}
html[data-theme=light] .benefit-cta strong {
  color: #0f172a;
}
@media(max-width:750px){
  .benefit-cta{align-items:stretch;flex-direction:column}
  .benefit-cta .primary-cta{width:100%}
}

/* Privacy settings manager */
.footer-privacy,.privacy-inline-button{padding:0;border:0;background:none;color:inherit;font:inherit;text-decoration:underline;text-underline-offset:3px;cursor:pointer}.privacy-inline-button{color:var(--copper-2);font-weight:800}.privacy-banner[hidden],.privacy-modal[hidden]{display:none}.privacy-banner{position:fixed;z-index:1000;left:20px;right:20px;bottom:20px;display:flex;align-items:center;justify-content:space-between;gap:1.5rem;width:min(1180px,calc(100% - 40px));margin:auto;padding:1.2rem;border:1px solid rgba(217,119,6,.45);border-radius:8px;background:rgba(15,23,42,.97);color:#f8fafc;box-shadow:0 28px 90px rgba(2,8,23,.5);backdrop-filter:blur(18px)}.privacy-banner__copy{max-width:780px}.privacy-banner__copy strong{display:block;font-family:Sora,Inter,sans-serif;font-size:1.15rem;margin-bottom:.25rem}.privacy-banner__copy p{margin:0;color:#cbd5e1;font-size:.94rem}.privacy-banner__copy a,.privacy-text-link{color:#f59e0b;text-decoration:underline;text-underline-offset:3px}.privacy-banner__actions,.privacy-modal__actions{display:flex;align-items:center;gap:.65rem;flex:0 0 auto}.privacy-primary,.privacy-secondary{min-height:44px;padding:.7rem 1rem;border-radius:999px;font:inherit;font-weight:850;cursor:pointer}.privacy-primary{border:0;background:linear-gradient(135deg,var(--copper),var(--copper-2));color:#111827}.privacy-secondary{border:1px solid rgba(255,255,255,.25);background:rgba(255,255,255,.07);color:#f8fafc}.privacy-primary:hover,.privacy-secondary:hover{transform:translateY(-1px)}.privacy-modal{position:fixed;z-index:1100;inset:0;display:grid;place-items:center;padding:20px}.privacy-modal__backdrop{position:absolute;inset:0;background:rgba(2,8,23,.76);backdrop-filter:blur(7px)}.privacy-modal__panel{position:relative;width:min(680px,100%);max-height:min(760px,calc(100vh - 40px));overflow:auto;padding:1.4rem;border:1px solid var(--line);border-radius:8px;background:var(--navy-2);color:var(--ink);box-shadow:0 32px 100px rgba(2,8,23,.58);outline:none}.privacy-modal__panel h2{font-size:clamp(1.7rem,4vw,2.45rem);max-width:none;margin-bottom:.8rem}.privacy-modal__panel>p:not(.pill){color:var(--muted)}.privacy-modal__close{position:absolute;right:14px;top:12px;width:38px;height:38px;border:1px solid var(--line);border-radius:50%;background:rgba(255,255,255,.07);color:var(--white);font-size:1.45rem;cursor:pointer}.privacy-category{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem 0;border-top:1px solid var(--line)}.privacy-category strong,.privacy-category small{display:block}.privacy-category small{max-width:440px;margin-top:.25rem;color:var(--muted)}.privacy-status{flex:0 0 auto;padding:.35rem .6rem;border:1px solid var(--line);border-radius:999px;color:var(--muted);font-size:.76rem;font-weight:800}.privacy-status--active{border-color:rgba(34,197,94,.38);color:#86efac;background:rgba(34,197,94,.1)}html[data-theme=light] .privacy-status--active{color:#166534}.privacy-modal__actions{justify-content:space-between;margin-top:1rem;padding-top:1rem;border-top:1px solid var(--line)}body.privacy-open{overflow:hidden}
@media(max-width:760px){.privacy-banner{left:10px;right:10px;bottom:10px;width:calc(100% - 20px);align-items:stretch;flex-direction:column;gap:.9rem;padding:1rem}.privacy-banner__actions{display:grid;grid-template-columns:1fr 1fr}.privacy-category{align-items:flex-start;flex-direction:column}.privacy-modal{padding:10px}.privacy-modal__panel{max-height:calc(100vh - 20px);padding:1rem}.privacy-modal__actions{align-items:stretch;flex-direction:column}.privacy-modal__actions .privacy-primary{width:100%}}
@media(max-width:430px){.privacy-banner__actions{grid-template-columns:1fr}.privacy-banner__copy p{font-size:.86rem}}

/* Keep dark hero information cards readable in light mode */
html[data-theme="light"] .floating-stat strong {
  color: #ffffff;
}
html[data-theme="light"] .floating-stat span {
  color: #e2e8f0;
}
@media(max-width:650px){
  .flip-card,
  .flip-inner{min-height:470px;}
  .service-thumb{height:130px;}
}


/* Robust three-photo upload fields */
.upload-fields {
  display: grid;
  gap: .65rem;
}
.upload-help {
  margin: 0;
  color: var(--muted);
  font-weight: 650;
  font-size: .94rem;
}
.upload-field-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: .65rem;
}
.upload-slot {
  min-height: 138px;
  padding: 1rem;
}
.upload-slot .upload-icon {
  font-family: Sora, Inter, sans-serif;
  font-size: 1rem;
  font-weight: 900;
}
.upload-slot input[type="file"] {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  cursor: pointer;
}
@media(max-width:650px){
  .upload-field-grid{grid-template-columns:1fr;}
  .upload-slot{min-height:112px;}
}

.required-mark {
  color: var(--copper-2);
  font-weight: 900;
  margin-left: .18rem;
}
.field-label {
  display: inline-flex;
  align-items: baseline;
  width: fit-content;
}
.form-note[hidden] {
  display: none;
}
.choice-group.is-invalid .choice-card span {
  border-color: rgba(248,113,113,.78);
  box-shadow: 0 0 0 3px rgba(248,113,113,.16);
}
html[data-theme="light"] .choice-group.is-invalid .choice-card span {
  border-color: #dc2626;
  box-shadow: 0 0 0 3px rgba(220,38,38,.12);
}


/* Flip-card image sizing fix */
.flip-back .image-slot {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  min-height: 100%;
}
.flip-back .image-slot img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  opacity: 1;
  visibility: visible;
}
.service-thumb {
  flex: 0 0 118px;
  height: 118px;
  min-height: 118px;
  max-height: 118px;
}
.service-thumb img {
  width: 100%;
  height: 118px;
  min-height: 118px;
  max-height: 118px;
  object-fit: cover;
}
@media(max-width:650px){
  .service-thumb{
    flex-basis:130px;
    height:130px;
    min-height:130px;
    max-height:130px;
  }
  .service-thumb img{
    height:130px;
    min-height:130px;
    max-height:130px;
  }
}