/* ===== TREETECH white theme + mobile/desktop fixes =====
   Append to the end of /css/theme-orbit.css (or load after it).
   Once this is on the server, the <style id="tt-..."> blocks saved in the admin panel can be removed. */
:root{--base:#ffffff;--paper:#ffffff;--paper-alt:#f3f7f4;--paper-raised:#ffffff;--navy-700:#eef4f0;--navy-500:#dbe6df;--line:#e2e9e4;--line-strong:#c9d6cd;--ink:#10231a;--muted:#5a6b62;--brass-dark:#2b8a52;--edge-light:none;--edge-light-strong:none;--grid:rgba(16,35,26,.045);--shadow-sm:0 1px 2px rgba(16,35,26,.06),0 6px 16px rgba(16,35,26,.06);--shadow-md:0 18px 44px rgba(16,35,26,.12);--grain-opacity:0;--scrim-strong:rgba(255,255,255,.93);--scrim-mid:rgba(255,255,255,.72);--scrim-soft:rgba(255,255,255,.34)}
.site-header,.hero,.page-banner,.section--cta,.site-footer{--base:#061213;--paper:#061213;--paper-alt:#152021;--paper-raised:#242f30;--navy-700:#242f30;--navy-500:#3d4748;--line:#353f40;--line-strong:#535c5c;--ink:#E6EDF7;--muted:#8B9BB4;--brass-dark:#7dcb9a;--edge-light:inset 0 1px 0 rgba(255,255,255,.07);--edge-light-strong:inset 0 1px 0 rgba(255,255,255,.16);--grid:rgba(255,255,255,.034);--shadow-sm:0 1px 2px rgba(0,0,0,.5),0 6px 16px rgba(0,0,0,.4);--shadow-md:0 18px 44px rgba(0,0,0,.55);--scrim-strong:rgba(6,18,19,.93);--scrim-mid:rgba(6,18,19,.72);--scrim-soft:rgba(6,18,19,.34)}
body{background:#fff;color:var(--ink)}
html body [style][style][style*="background:#0b2a1e" i],html body [style][style][style*="background: #0b2a1e" i]{background:#eaf5ee!important}
html body [style][style][style*="background:#152021" i],html body [style][style][style*="background: #152021" i]{background:#f5f8f6!important}
html body [style][style][style*="background:#353f40" i],html body [style][style][style*="background: #353f40" i]{background:#e2e9e4!important}
html body [style][style][style*="border:1px solid #353f40" i],html body [style][style][style*="border: 1px solid #353f40" i]{border-color:#dfe7e2!important}
html body [style][style][style*="border-top:1px solid #353f40" i],html body [style][style][style*="border-top: 1px solid #353f40" i]{border-top-color:#dfe7e2!important}
html body [style][style][style*="border-bottom:1px solid #353f40" i],html body [style][style][style*="border-bottom: 1px solid #353f40" i]{border-bottom-color:#dfe7e2!important}
html body [style][style][style*="border:1px solid #7cca9a" i],html body [style][style][style*="border: 1px solid #7cca9a" i]{border-color:#2b8a52!important}
html body [style][style][style^="color:#7cca9a" i],html body [style][style][style*=";color:#7cca9a" i],html body [style][style][style*="; color:#7cca9a" i],html body [style][style][style^="color: #7cca9a" i],html body [style][style][style*=";color: #7cca9a" i],html body [style][style][style*="; color: #7cca9a" i]{color:#2b8a52!important}
html body [style][style][style^="color:#8b9bb4" i],html body [style][style][style*=";color:#8b9bb4" i],html body [style][style][style*="; color:#8b9bb4" i],html body [style][style][style^="color: #8b9bb4" i],html body [style][style][style*=";color: #8b9bb4" i],html body [style][style][style*="; color: #8b9bb4" i]{color:#5a6b62!important}
html body [style][style][style^="color:#c6d2e2" i],html body [style][style][style*=";color:#c6d2e2" i],html body [style][style][style*="; color:#c6d2e2" i],html body [style][style][style^="color: #c6d2e2" i],html body [style][style][style*=";color: #c6d2e2" i],html body [style][style][style*="; color: #c6d2e2" i]{color:#34463c!important}
html body [style][style][style^="color:#e6edf7" i],html body [style][style][style*=";color:#e6edf7" i],html body [style][style][style*="; color:#e6edf7" i],html body [style][style][style^="color: #e6edf7" i],html body [style][style][style*=";color: #e6edf7" i],html body [style][style][style*="; color: #e6edf7" i]{color:#10231a!important}
html body [style][style][style^="color:#ffffff" i],html body [style][style][style*=";color:#ffffff" i],html body [style][style][style*="; color:#ffffff" i],html body [style][style][style^="color: #ffffff" i],html body [style][style][style*=";color: #ffffff" i],html body [style][style][style*="; color: #ffffff" i]{color:#10231a!important}
html body [style][style][style^="color:#fff" i],html body [style][style][style*=";color:#fff" i],html body [style][style][style*="; color:#fff" i],html body [style][style][style^="color: #fff" i],html body [style][style][style*=";color: #fff" i],html body [style][style][style*="; color: #fff" i]{color:#10231a!important}
html body [style][style][style*="background:#3fb26b" i],html body [style][style][style*="background:#3fb26b" i] *,html body [style][style][style*="background: #3fb26b" i],html body [style][style][style*="background: #3fb26b" i] *{color:#04110a!important}

/* Desktop: full-width banner photo */
@media (min-width:901px){
.hero-slide::after{background:linear-gradient(90deg,color-mix(in srgb,var(--base) 88%,transparent) 0%,color-mix(in srgb,var(--base) 70%,transparent) 38%,color-mix(in srgb,var(--base) 20%,transparent) 70%,transparent 100%)!important;background-color:transparent!important}
.hero-slide::before{background-image:repeating-linear-gradient(90deg,var(--grid) 0 1px,transparent 1px 88px)!important}
.hero-slide{background-size:cover!important;background-position:center!important}
.hero-arrow--prev{left:22px!important}
.hero-copy p{color:rgba(255,255,255,.88)!important}
}

/* TREETECH mobile fixes */
@media (max-width:900px){
.site-header .logo-img{height:40px!important;max-height:40px!important;max-width:170px!important}
.header-inner{gap:8px!important}
.site-header .lang-switcher{margin-left:auto!important;margin-right:0!important}
.site-header .nav-toggle{display:block!important;flex-shrink:0;width:40px;height:40px}
.main-nav.open{max-height:calc(100dvh - 72px)!important;height:calc(100dvh - 72px)!important}
.hero-slide{min-height:auto!important;background-size:cover!important;background-position:center!important}
.hero-slide::after{background:linear-gradient(180deg,color-mix(in srgb,var(--base) 35%,transparent) 0%,color-mix(in srgb,var(--base) 62%,transparent) 50%,color-mix(in srgb,var(--base) 92%,transparent) 100%)!important;background-color:transparent!important}
.hero-slide::before{background-image:repeating-linear-gradient(90deg,var(--grid) 0 1px,transparent 1px 88px)!important}
.hero::before,.hero-arrow{display:none!important}
.hero-caption{width:100%!important;padding:140px 22px 84px!important}
.hero-copy h1,.hero-copy h2{font-size:clamp(2rem,8.6vw,2.5rem)!important;line-height:1.08!important}
.hero-copy p{max-width:none!important;font-size:1rem!important;margin-bottom:26px!important;color:rgba(255,255,255,.88)!important}
.hero-eyebrow{white-space:nowrap;font-size:.64rem!important;letter-spacing:.12em!important;color:rgba(255,255,255,.8)!important}
.hero-dots{bottom:28px!important}
.ide-welcome-bubble{display:none!important}
}
@media (max-width:380px){.site-header .logo-img{max-width:150px!important}}