/* The same circular day/night reveal as i360, with a Hedel-specific palette. */
:root{color-scheme:light}
.theme-toggle{position:relative;display:grid;place-items:center;width:44px;height:44px;flex:0 0 44px;padding:0;border:1px solid var(--line);border-radius:50%;background:#f0f4eb;color:#34422d;cursor:pointer}
.theme-toggle[hidden]{display:none}
.theme-toggle:hover{background:#e1edcf}
.theme-toggle svg{position:absolute;width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;transition:transform .35s,opacity .25s}
.theme-toggle .theme-sun{opacity:0;transform:rotate(-90deg) scale(.5)}
.theme-toggle .theme-moon{opacity:1;transform:rotate(0) scale(1)}
html[data-theme=dark] .theme-toggle .theme-sun{opacity:1;transform:rotate(0) scale(1)}
html[data-theme=dark] .theme-toggle .theme-moon{opacity:0;transform:rotate(90deg) scale(.5)}
html[data-theme-transition=active]::view-transition-old(root),html[data-theme-transition=active]::view-transition-new(root){animation:none;mix-blend-mode:normal}
html[data-theme-transition=active]::view-transition-new(root){z-index:1}
html[data-theme=dark]{color-scheme:dark;--paper:#101813;--white:#19231c;--ink:#eff5eb;--muted:#b0bdb0;--line:#354439;--surface:#19241c;--surface-raised:#243127;--surface-soft:#1d2b20;--green:#c4f77e}
html[data-theme=dark] ::selection{background:var(--green);color:#17231c}
html[data-theme=dark] :focus-visible{outline-color:#c4f77e}
html[data-theme=dark] .site-header{background:#19231cef;border-color:var(--line);box-shadow:0 8px 32px #0002}
html[data-theme=dark] .header-inner nav>a:hover{color:var(--green)}
html[data-theme=dark] :is(.header-cta,.header-whatsapp,.theme-toggle){background:var(--surface-raised);color:var(--ink);border-color:var(--line)}
html[data-theme=dark] :is(.header-cta,.header-whatsapp,.theme-toggle):hover{background:#33472b;color:#e6ffd4}
html[data-theme=dark] .availability-bar{background:#253a23;color:#d3edbf;border-color:#3e5534}
html[data-theme=dark] .availability-bar:hover{background:#30482a}
html[data-theme=dark] .availability-dot{background:#a2df70}
html[data-theme=dark] :is(.language-options,.mobile-nav){background:#1d2a20;border-color:var(--line)}
html[data-theme=dark] .language-options a:hover,html[data-theme=dark] .language-options a[aria-current=page]{background:#30422a}
html[data-theme=dark] .mobile-nav a{border-color:var(--line)}
html[data-theme=dark] .mobile-nav a:last-child{color:var(--green)}
html[data-theme=dark] :is(.button-dark,.button-green,.skip-link){background:var(--green);color:#17231c}
html[data-theme=dark] :is(.button-dark,.button-green):hover{background:#d8ffa8}
html[data-theme=dark] :is(.tiny-icon,.preview-pill,.result-logo){color:#17231c}
html[data-theme=dark] .word-marker{background:linear-gradient(100deg,#365a25,#294b20 75%,#3b6128)}
html[data-theme=dark] .marker-glint{background:#6fa346}
html[data-theme=dark] .word-layer{color:#ddffbf}
html[data-theme=dark] .hero-3d{background:radial-gradient(ellipse at 64% 26%,#34432e 0%,#202d22 58%,#172019 100%);border-color:var(--line)}
html[data-theme=dark] .scene-poster{mix-blend-mode:normal}
html[data-theme=dark] :is(.floating-feature,.floating-label){background:#233027ef;border-color:var(--line)}
html[data-theme=dark] .founder-avatar{background:#2b3c25;color:#d7efc3;border-color:#46553b}
html[data-theme=dark] :is(.motion-toggle,.icon-tile){background:#263629;color:#d2e4c0;border-color:#43533c}
html[data-theme=dark] .motion-toggle:hover{background:#344830}
html[data-theme=dark] :is(.muted,.scene-caption){color:var(--muted)}
html[data-theme=dark] .service-card:not(.service-ai){background:var(--surface);border-color:var(--line)}
html[data-theme=dark] .service-card:is(.service-app,.service-automation){background:var(--surface-soft)}
html[data-theme=dark] .service-card:not(.service-ai) :is(.tags>span,.service-top .icon-tile){border-color:#43553b;color:#c2d3b6}
html[data-theme=dark] .service-card:not(.service-ai)>p,html[data-theme=dark] .service-card:not(.service-ai) .card-index{color:var(--muted)}
/* Keep the AI offer light so it stands out against the dark page. */
html[data-theme=dark] .service-ai{color-scheme:light;--ink:#17231c;--muted:#52604f;background:#f7f8f5;border-color:#d5dfcc;color:#17231c}
html[data-theme=dark] .service-ai .icon-tile{background:#e8f0df;border-color:#c6d5ba;color:#496b32}
html[data-theme=dark] .service-ai>p{color:#52604f}
html[data-theme=dark] .service-ai .mini-label{color:#46613a}
html[data-theme=dark] .service-ai .card-index{color:#697760}
html[data-theme=dark] .service-ai .tags>span{background:#eaf2e2;border-color:#cbd8c1;color:#405333}
html[data-theme=dark] .service-ai .card-link{border-color:#d4decc;color:#243b1d}
html[data-theme=dark] .service-ai :focus-visible{outline-color:#496b32}
html[data-theme=dark] .service-ai .ai-preview{background:#edf3e7;border-color:#d5dfcc;color:#17231c}
html[data-theme=dark] .service-ai .ai-question{background:#fff;border-color:#d5dfcc;color:#34452f}
html[data-theme=dark] .service-ai .ai-star{color:#547d37}
html[data-theme=dark] .service-ai .ai-answer>div>strong{color:#17231c}
html[data-theme=dark] .service-ai .ai-answer>div>span{color:#5a6e4f}
html[data-theme=dark] .service-ai .ai-source-tags>span{background:#e2eed9;border-color:#c2d1b5;color:#49633b}
html[data-theme=dark] :is(.mini-app,.search-preview,.workflow-node){background:#202e23;border-color:var(--line)}
html[data-theme=dark] .mini-app-sidebar{border-color:var(--line)}
html[data-theme=dark] .mini-app-sidebar>span{background:#465640}
html[data-theme=dark] .mini-app-sidebar>span.active{background:#b4d695}
html[data-theme=dark] :is(.mini-metrics>div,.browser-chrome,.search-field){background:#29382b;border-color:#46513e}
html[data-theme=dark] .browser-chrome>span{background:#172119;color:#bbcab0}
html[data-theme=dark] :is(.mini-app-title>span,.mini-metrics small,.search-result small){color:#b0bfa4}
html[data-theme=dark] :is(.mini-task>span:last-child,.search-chips>span){background:#32462a;color:#cee8b4}
html[data-theme=dark] .search-skeleton>i{background:#44543c}
html[data-theme=dark] .workflow-node.is-active{background:#c5e9a6;color:#1c2c16;border-color:#9bbc7c}
html[data-theme=dark] .workflow-node .icon{color:#add68a}
html[data-theme=dark] .workflow-node.is-active .icon{color:#385b20}
html[data-theme=dark] .flow-connector{background:#5e784a}
html[data-theme=dark] .demo-dashboard{background:#1e2d22;color:var(--ink);border-color:#3b5034}
html[data-theme=dark] :is(.dashboard-top,.dashboard-metrics>div,.dashboard-table){background:#26362a;border-color:#41523b}
html[data-theme=dark] :is(.demo-avatar,.demo-row){border-color:#40513b}
html[data-theme=dark] :is(.demo-label,.dashboard-welcome small,.dashboard-metrics small,.table-heading>span,.dashboard-note){color:#b4c6a6}
html[data-theme=dark] .dashboard-welcome>.icon{color:var(--green)}
html[data-theme=dark] .work-row:not(.work-row-dark){background:var(--surface-soft);border-color:var(--line)}
html[data-theme=dark] .work-row:not(.work-row-dark):hover{background:#27382a}
html[data-theme=dark] .work-row:not(.work-row-dark) :is(.work-description,.work-number,.work-status){color:var(--muted)}
html[data-theme=dark] .work-row:not(.work-row-dark) .tags span{color:#c4d4b8;border-color:#4a5b40}
html[data-theme=dark] .work-identity h3>span{color:var(--green)}
html[data-theme=dark] :is(.process-image,.process-gallery-frame){background:#273128}
html[data-theme=dark] .process-chapter{border-color:var(--line)}
html[data-theme=dark] .process-chapter .step-deliverable{background:#253524;border-color:#40523b;color:#d0e5bd}
html[data-theme=dark] :is(.process-step-index,.process-gallery-meta){color:#b4c6a6}
html[data-theme=dark] .process-progress span,html[data-theme=dark] .is-enhanced .process-chapter::before{background:var(--line)}
html[data-theme=dark] .quote-card{background:var(--surface);border-color:var(--line)}
html[data-theme=dark] :is(.draft-notice,.draft-label){color:var(--muted)}
html[data-theme=dark] .founder-section{background:#21311f}
html[data-theme=dark] :is(.founder-text>p:not(.eyebrow),.founder-signature>span:last-child){color:var(--muted)}
html[data-theme=dark] .round-link{border-color:#61764d}
html[data-theme=dark] .round-link:hover{color:#17231c}
html[data-theme=dark] .faq-list summary>span::before,html[data-theme=dark] .faq-list summary>span::after{background:#b8cca7}
html[data-theme=dark] .contact-section{background:#1e2e1d}
html[data-theme=dark] .contact-copy h2>span{color:#bddf9d}
html[data-theme=dark] :is(.contact-copy>p:not(.eyebrow),.contact-note,.contact-channels a>span){color:#b6c7a8}
html[data-theme=dark] .contact-person .founder-avatar{background:#33482a;border-color:#586e45}
html[data-theme=dark] .contact-person a{color:#cde7b5}
html[data-theme=dark] .project-form{background:#17221af0;border-color:#3b4e33}
html[data-theme=dark] :is(.project-form>p,.project-form>.form-privacy,.footer-top>p,.footer-bottom,.legal-trigger){color:var(--muted)}
html[data-theme=dark] :is(.form-field input,.form-field select,.form-field textarea,.booking-panel input[type=time],#request-text,.booking-result textarea){background:#233127;color:var(--ink);border-color:#4d6243}
html[data-theme=dark] .form-field input::placeholder,html[data-theme=dark] .form-field textarea::placeholder{color:#a6b59e}
html[data-theme=dark] .form-field label>span{color:#b2c69f}
html[data-theme=dark] .form-result{background:#243621;border-color:#4a633b}
html[data-theme=dark] .form-result button{color:#d0efb4}
/* The floating call button contrasts with the page in both themes. */
.booking-launcher{background:#202e23f5;border-color:#536445;color:#eff5eb}
.booking-launcher small{color:#b6c8a8}
.booking-launcher .booking-avatar{background:#3a512e;color:#e0f1cf}
.booking-launcher .booking-avatar>span{background:#b3e47e;border-color:#263a24}
html[data-theme=dark] .booking-launcher{background:#f7fbf2ef;border-color:#c8d7bc;color:#17211c}
html[data-theme=dark] .booking-launcher small{color:#68775c}
html[data-theme=dark] .booking-launcher .booking-avatar{background:#ddebcb;color:#3d5730}
html[data-theme=dark] .booking-launcher .booking-avatar>span{background:#61964a;border-color:#fff}
html[data-theme=dark] .booking-panel{background:#19241c;border-color:#536445;scrollbar-color:#516343 transparent}
html[data-theme=dark] :is(.booking-heading,.booking-result){background:#263a24;border-color:#425738}
html[data-theme=dark] .booking-avatar{background:#3a512e;color:#e0f1cf}
html[data-theme=dark] .booking-avatar>span{border-color:#263a24;background:#b3e47e}
html[data-theme=dark] :is(.booking-heading p,.booking-intro,.calendar-weekdays,.booking-panel form>label,.booking-disclaimer,.booking-direct){color:#b6c8a8}
html[data-theme=dark] :is(.booking-close,.calendar-heading button){background:#30412c;border-color:#566a49;color:#e2f0d5}
html[data-theme=dark] .booking-close:hover,html[data-theme=dark] .calendar-heading button:hover:not(:disabled){background:#425938}
html[data-theme=dark] .calendar-days button{background:#2a3c27;color:#d9ebca}
html[data-theme=dark] .calendar-days button:hover:not(:disabled){background:#455d35}
html[data-theme=dark] .calendar-days button:disabled{background:transparent;color:#6f7f66}
html[data-theme=dark] .calendar-days button[aria-pressed=true]{background:var(--green);color:#203018}
html[data-theme=dark] .booking-result button{color:#d9f6bd;border-color:#718b5c}
@media(min-width:761px) and (max-width:900px){.header-actions .header-cta{display:none}}
@media(max-width:760px){.header-inner{padding-inline:10px;gap:6px}.header-actions{gap:4px}}
@media(prefers-reduced-motion:reduce){.theme-toggle svg{transition:none}}

/* Personal portraits; keep booking availability indicator above the photo. */
.dylan-portrait>img{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 35%;border-radius:inherit}
.dylan-portrait{isolation:isolate;background:#17231c}
.booking-avatar.dylan-portrait>span{z-index:1}

/* Local vector flags keep language controls consistent across devices. */
.language-flag{display:inline-block;width:24px;height:16px;object-fit:cover;border-radius:2px;box-shadow:0 0 0 1px #78857340;vertical-align:middle;flex-shrink:0}
.current-language{display:inline-flex;align-items:center}
.language-picker summary{gap:7px}

.hero-copy>.eyebrow{display:flex;align-items:flex-start;gap:8px;line-height:1.8}
.hero-copy>.eyebrow .hero-eyebrow-bulb{flex-shrink:0;margin-top:1px}
.hero-sector-label{min-width:0}