.theme-toggle{border:1px solid var(--line-2);border-radius:999px;background:var(--surface);color:var(--ink);padding:9px 13px;min-height:40px;font:600 .8rem var(--sans);cursor:pointer;white-space:nowrap}
.theme-toggle:focus-visible,a:focus-visible{outline:2px solid var(--accent);outline-offset:4px}
.service-subnav{display:flex;gap:8px;flex-wrap:wrap;padding-top:22px;padding-bottom:6px}
.service-subnav a{border:1px solid var(--line);padding:8px 14px;border-radius:999px;color:var(--ink-2);font-size:.85rem;text-decoration:none;background:var(--surface)}
.service-subnav a[aria-current=page]{color:var(--accent);border-color:var(--accent)}
.booking-alternative{padding:24px 0!important;border-top:1px solid var(--line);margin-top:36px}
.booking-alternative a{color:var(--accent);text-decoration:underline}
.partner-products .mini{display:flex;flex-direction:column;align-items:flex-start;gap:16px}
.partner-products .mini .btn{margin-top:auto;white-space:normal}
html[data-theme=light] body[data-mode]{color-scheme:light;--bg:#f4f6f8;--surface:#fff;--mist:#eaf0f5;--mist-2:#dde7f0;--ink:#182637;--ink-2:#33485d;--muted:#55687b;--logo-ink:#182637;--line:#ced8e2;--line-2:#9eafc1;--accent:#2453d6;--accent-hover:#183fae;--accent-soft:#e3ebfa;--green:#157a52;--sage:#e1f2e8;--shadow-sm:0 3px 12px #18355012;--shadow:0 18px 40px -18px #18355035}
html[data-theme=light] body[data-colour=business]{--accent:#087b70;--accent-hover:#056357;--accent-soft:#ddf1ee}
html[data-theme=light] body[data-colour=marketing]{--accent:#97590b;--accent-hover:#794506;--accent-soft:#f9eddc}
html[data-theme=light] body[data-colour=software]{--accent:#08768d;--accent-hover:#065b70;--accent-soft:#dff1f5}
html[data-theme=light] body[data-colour=education]{--accent:#157a52;--accent-hover:#105c3e;--accent-soft:#e1f2e8}
html[data-theme=light] header.main,html[data-theme=light] header.gate,html[data-theme=light] header.seg{background:#f4f6f8f5}
html[data-theme=light] .btn-primary,html[data-theme=light] .btn-orange,html[data-theme=light] .btn-white,html[data-theme=light] .fx .f-cta .btn,html[data-theme=light] .quickbar a.qb-cta,html[data-theme=light] .slots input:checked+span{color:#fff}
html[data-theme=light] .g-card{--acc:#087b70}html[data-theme=light] .g-card.c2{--acc:#97590b}html[data-theme=light] .g-card.c3{--acc:#08768d}
html[data-theme=light] .g-cta{color:#fff!important;background:var(--acc)}
html[data-theme=light] #start .service-card-stage .g-card{background:linear-gradient(155deg,color-mix(in srgb,var(--acc) 8%,var(--surface)),var(--surface) 80%);box-shadow:0 26px 55px #18355020}
html[data-theme=light] #start .dgv-hero-copy h1,html[data-theme=light] #start .dgv-hero-copy p{text-shadow:0 2px 18px var(--bg),0 0 35px var(--bg)}
html[data-theme=light] .orb-label,html[data-theme=light] .has-3d .orb-label{background:#ffffffe8;color:var(--ink);border-color:var(--line-2)}
html[data-theme=light] .service-orb:hover .orb-label,html[data-theme=light] .service-orb[aria-pressed=true] .orb-label{color:var(--ink);border-color:var(--accent)}
html[data-theme=light] .service-selectors button[aria-pressed=true]{color:var(--ink);border-color:var(--accent);background:var(--accent-soft)}
html[data-theme=light] .g-media svg,html[data-theme=light] .seg-art svg,html[data-theme=light] .stage-bg svg{filter:none}
html[data-theme=light] .quickbar{background:#fffffff5}
html[data-theme=light] ::selection{color:#fff}
@media(max-width:760px){.theme-toggle{padding:8px 10px;font-size:.75rem}.service-subnav{gap:6px}.service-subnav a{padding:8px 11px}.partner-products .mini{min-width:0}}
html[data-theme=light] .dgv-hero{color:var(--ink)}
html[data-theme=light] .dgv-hero h1{color:var(--ink)}
html[data-theme=light] .dgv-hero-copy p{color:var(--ink-2)}
html[data-theme=light] .dgv-hero .eyebrow{color:var(--accent)}
html[data-theme=light] .dgv-hero .btn-ghost{color:var(--ink)}
html[data-theme=light] .dgv-hero::after{background:radial-gradient(ellipse at center,#f4f6f800 0%,#f4f6f820 45%,#f4f6f8a0 100%)}
html[data-theme=light] #start .g-card{--acc:#087b70!important}
html[data-theme=light] #start .g-card.c2{--acc:#97590b!important}
html[data-theme=light] #start .g-card.c3{--acc:#08768d!important}
html[data-theme=light] .service-avatar{color:var(--acc)}
html[data-theme=light] .service-avatar span{border-color:currentColor}
.partner-directory{display:grid;gap:28px}
.partner-entry{display:grid;gap:20px;max-width:1000px}
.partner-entry h2{font-size:clamp(1.5rem,3vw,2.4rem)}
.partner-entry h3{margin:8px 0 0}
.partner-service-list{display:flex;flex-wrap:wrap;list-style:none;gap:10px;padding:0;margin:0}
.partner-service-list li{padding:8px 13px;background:var(--accent-soft);border:1px solid var(--line);border-radius:12px;font-size:.9rem}
.partner-entry .cta-row{flex-wrap:wrap;justify-content:flex-start;margin:0}
@media(max-width:560px){.partner-entry .btn{white-space:normal;line-height:1.4}}
.partner-entry{padding:32px}
@media(max-width:560px){.partner-entry{padding:24px}}
/* One number-based WhatsApp connection in each footer. */
.footer-contact-label{display:block;color:var(--muted);font-size:.75rem;margin-bottom:4px}
.fx .f-c a.footer-whatsapp{display:inline-block;color:var(--accent);font-size:.9rem;text-decoration:underline;text-underline-offset:4px;user-select:text;padding:4px 0}
.fx .f-bottom nav>a{font-size:.7rem;font-weight:400;letter-spacing:.01em;line-height:1.6}
.service-contact-directory{padding:26px;display:grid;gap:20px}
.service-contact-directory>h3{color:var(--accent);font-size:1.2rem}
.service-contact-entry{display:grid;gap:6px;border-bottom:1px solid var(--line);padding-bottom:16px}
.service-contact-entry:last-child{border-bottom:0;padding-bottom:0}
.service-contact-entry h4{font-size:.92rem;font-weight:600;margin:0;color:var(--ink)}
.service-contact-entry[data-service=general] h4{color:#8fb7f6}
.service-contact-entry[data-service=business] h4{color:#6ed5c7}
.service-contact-entry[data-service=marketing] h4{color:#f2bd68}
.service-contact-entry[data-service=education] h4{color:#6ed6ac}
.service-contact-entry[data-service=development] h4{color:#74d8ed}
html[data-theme=light] .service-contact-entry[data-service=general] h4{color:#2453d6}
html[data-theme=light] .service-contact-entry[data-service=business] h4{color:#087b70}
html[data-theme=light] .service-contact-entry[data-service=marketing] h4{color:#97590b}
html[data-theme=light] .service-contact-entry[data-service=education] h4{color:#157a52}
html[data-theme=light] .service-contact-entry[data-service=development] h4{color:#08768d}
.service-contact-email{font-size:.78rem;line-height:1.6;font-weight:400;color:var(--muted);user-select:text;cursor:text;overflow-wrap:anywhere;text-decoration:none}
.service-contact-email:hover{color:var(--accent);text-decoration:underline}
