.chat-whatsapp-fallback{margin:0 0 14px;padding:11px 13px;border-left:3px solid var(--support-gold);border-radius:4px;background:#fff8e8;color:var(--support-muted);font-size:14px;line-height:1.5}.chat-whatsapp-fallback a{color:#187447;font-weight:700;text-decoration:underline;text-underline-offset:3px}
.project-support .support-main .support-intro h1{font-family:"Work Sans",Arial,sans-serif;font-weight:800;line-height:1.12;letter-spacing:0}
body.project-support figure.chat-portrait{background:#071a20}body.project-support figure.chat-portrait::before{display:none}body.project-support figure.chat-portrait>img{clip-path:none}
.project-support .support-main .support-intro{max-width:820px;margin:0 auto 34px;text-align:center}.project-support .support-main .support-intro h1{margin-inline:auto;text-align:center}.project-support .support-main .support-intro>p:not(.support-kicker){max-width:720px;margin-right:auto;margin-left:auto;text-align:center}.project-support .support-main .support-intro .support-note{margin-top:20px;padding:12px 0 0;border-top:3px solid var(--support-gold);border-left:0;text-align:center}
body.project-support .support-main figure.chat-portrait>img{width:100%;height:100%;max-width:none;position:absolute;inset:0;transform:none;object-fit:cover;object-position:center;clip-path:none}
body.project-support .support-main figure.chat-portrait::after{display:block;background:linear-gradient(0deg,rgb(0 9 16 / 94%) 0%,rgb(0 9 16 / 22%) 58%,transparent 100%)}
body.project-support .support-main figure.chat-portrait figcaption{z-index:3;right:22px;bottom:22px;left:22px;color:#fff;text-shadow:0 2px 10px rgb(0 0 0 / 90%)}
body.project-support .support-main figure.chat-portrait figcaption strong{font-size:clamp(20px,2.2vw,28px);letter-spacing:.05em}
.project-support .chat-portrait img{width:auto;height:100%;min-height:0;max-width:calc(100% - 44px);position:absolute;inset:0 auto 0 50%;transform:translateX(-50%);object-fit:contain;object-position:center;clip-path:inset(0 7% round 4px);animation:none}.project-support .support-footer{position:relative;width:100vw;margin:38px 0 0 calc(50% - 50vw);padding:22px max(20px,calc((100vw - 1180px)/2));box-sizing:border-box;border-top:3px solid var(--support-gold);background:var(--support-green);color:#fff}.project-support .support-footer span{color:#fff}.project-support .support-footer a{color:#ffe5a8}.project-support .support-footer a:hover{color:#fff}@media(max-width:820px){.project-support .support-footer{padding:18px 20px}}
.project-support .chat-portrait{height:clamp(420px,42vw,540px);min-height:420px;aspect-ratio:auto;background:#27362e;transition:transform 220ms ease,box-shadow 220ms ease}.project-support .chat-portrait::before{position:absolute;z-index:0;inset:-18px;content:"";background-image:url("../images/mi.jpg");background-size:cover;background-position:center 27%;filter:blur(18px);transform:scale(1.06);opacity:.82}.project-support .chat-portrait::after{z-index:1;inset:0;background:linear-gradient(90deg,rgb(20 31 25 / 34%),transparent 50%,rgb(20 31 25 / 34%))}.project-support .chat-portrait img{z-index:2;width:100%;height:100%;min-height:0;object-fit:contain;object-position:center;animation:none}.project-support .chat-portrait:hover{transform:translateY(-3px);box-shadow:0 14px 32px rgb(32 39 32 / 18%)}@media(max-width:820px){.project-support .chat-portrait{height:clamp(320px,55vw,420px);min-height:320px}}@media(prefers-reduced-motion:reduce){.project-support .chat-portrait{transition:none}.project-support .chat-portrait:hover{transform:none}}
.support-main .support-grid{grid-template-areas:"conversation side" "portrait side"}.support-main .conversation-panel{grid-area:conversation}.support-main .chat-portrait{grid-area:portrait}.support-main .project-side{grid-area:side}@media(max-width:820px){.support-main .support-grid{grid-template-areas:"conversation" "side" "portrait"}}
.chat-portrait{position:relative;min-height:250px;aspect-ratio:16/8;margin:0;overflow:hidden;border:1px solid var(--support-line);border-radius:9px;background:#d9dfd9;box-shadow:0 8px 26px rgb(32 39 32 / 8%)}.chat-portrait::after{position:absolute;inset:38% 0 0;content:"";background:linear-gradient(transparent,rgb(18 29 22 / 82%));pointer-events:none}.chat-portrait img{width:100%;height:100%;min-height:250px;position:absolute;inset:0;object-fit:cover;object-position:center 27%;animation:portrait-drift 18s ease-in-out infinite alternate}.chat-portrait figcaption{position:absolute;z-index:1;right:18px;bottom:16px;left:18px;display:grid;gap:3px;color:#fff;text-shadow:0 1px 4px rgb(0 0 0 / 60%)}.chat-portrait figcaption strong{font:18px "Days One",sans-serif}.chat-portrait figcaption span{font-size:13px}@keyframes portrait-drift{from{transform:scale(1)}to{transform:scale(1.055)}}@media(prefers-reduced-motion:reduce){.chat-portrait img{animation:none}}
.project-support .service-list{position:relative;isolation:isolate;overflow:hidden;background-color:#24372d;background-image:linear-gradient(135deg,rgb(25 38 30 / 91%),rgb(25 38 30 / 84%) 58%,rgb(25 38 30 / 72%)),url("../images/ekpe.jpg");background-size:cover;background-position:center 36%;color:#fff}.project-support .service-list .support-kicker{color:#ffe5a8}.project-support .service-list h2{color:#fff}.project-support .service-list ul{color:#fff}.project-support .service-list>p:last-child{color:rgb(255 255 255 / 88%)}.project-support .service-list a{color:#ffe5a8}.project-support .service-list a:hover{color:#fff}
.support-nav .support-brand{display:inline-flex;align-items:center;gap:10px;padding-left:0}.support-brand .support-brand-mark{width:38px;height:38px;display:grid;place-items:center;flex:0 0 38px;border:1px solid #ffe5a8;border-radius:6px;background:#f4f5f1;color:#334b3d;font:800 14px "Work Sans",sans-serif;letter-spacing:.06em}.support-brand .support-brand-copy{display:flex;flex-direction:column;gap:3px;line-height:1.1}.support-brand .support-brand-copy>span{margin-left:0;color:#ffe5a8;font:700 11px "Work Sans",sans-serif;letter-spacing:.12em;text-transform:uppercase}
:root{--support-ink:#202720;--support-muted:#58645d;--support-paper:#f4f5f1;--support-card:#fff;--support-line:#d9dfd9;--support-green:#647a6b;--support-gold:#e6b547;--support-red:#b84337}.project-support{min-height:100vh;background:var(--support-paper);color:var(--support-ink)}.support-skip{position:fixed;z-index:11000;top:8px;left:8px;padding:10px 14px;background:#fff;color:var(--support-ink);transform:translateY(-160%)}.support-skip:focus{transform:translateY(0)}.support-nav{position:relative;min-height:70px;padding:0 max(22px,calc((100vw - 1180px)/2));display:flex;align-items:center;justify-content:space-between;gap:20px;background:var(--support-green)}.support-nav a{display:inline-flex;align-items:center;min-height:44px;padding:8px 10px;color:#fff;font:600 14px "Work Sans",sans-serif;text-decoration:none}.support-nav a:hover{color:#ffe5a8}.support-nav .support-brand{padding-left:0;font:20px "Days One",sans-serif}.support-brand span{margin-left:8px;color:#ffe5a8;font:12px "Work Sans",sans-serif}.support-nav>div{display:flex;flex-wrap:wrap;gap:8px}.support-nav a:focus-visible,.project-support a:focus-visible,.project-support button:focus-visible,.project-support input:focus-visible,.project-support select:focus-visible,.project-support textarea:focus-visible{outline:3px solid var(--support-gold);outline-offset:3px}.support-main{width:min(1180px,calc(100% - 40px));margin:0 auto;padding:58px 0 0}.support-intro{max-width:760px;margin:0 0 34px;animation:support-enter .45s ease-out both}.support-kicker{margin:0 0 10px;color:var(--support-green);font-size:11px;font-weight:800;letter-spacing:.12em}.support-intro h1{margin:0 0 16px;color:var(--support-ink);font-size:clamp(34px,5vw,54px);line-height:1.1;text-align:left}.support-intro>p:not(.support-kicker){max-width:680px;margin:0 0 13px;color:#414b44;font-size:18px;line-height:1.6}.support-note{padding-left:13px;border-left:3px solid var(--support-gold);color:var(--support-muted)!important;font-size:14px!important}.support-grid{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(300px,.75fr);gap:22px;align-items:start}.conversation-panel,.project-details,.service-list{background:var(--support-card);border:1px solid var(--support-line);border-radius:9px;box-shadow:0 8px 26px rgb(32 39 32 / 6%)}.conversation-panel{padding:22px}.conversation-header{display:flex;justify-content:space-between;align-items:center;gap:14px}.conversation-header h2,.project-details h2,.service-list h2{margin:0 0 13px;color:var(--support-ink);font-size:21px;text-align:left}.clear-chat{min-height:42px;padding:8px 12px;border:1px solid var(--support-line);border-radius:5px;background:#fff;color:var(--support-muted);font:600 13px "Work Sans",sans-serif;cursor:pointer}.project-type-label,.lead-form label,.chat-compose label{display:block;margin:14px 0 6px;font-weight:700}.project-support input,.project-support select,.project-support textarea{width:100%;min-width:0;padding:11px 12px;border:1px solid #cbd3cc;border-radius:5px;background:#fff;color:var(--support-ink);font:15px/1.45 "Work Sans",sans-serif}.project-support textarea{resize:vertical}.chat-transcript{display:flex;flex-direction:column;gap:12px;min-height:230px;max-height:430px;overflow-y:auto;margin:18px 0 12px;padding:16px;background:#f1f3ef;border:1px solid var(--support-line);border-radius:6px;scroll-behavior:smooth}.chat-message{max-width:min(88%,620px);padding:11px 14px;border-radius:9px;background:#fff;box-shadow:0 2px 9px rgb(32 39 32 / 7%);animation:message-enter .2s ease-out both}.chat-message.user{align-self:flex-end;background:#e5eee7}.chat-message .speaker{display:block;margin-bottom:4px;color:var(--support-green);font-size:11px;font-weight:800}.chat-message p{margin:0;white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.5}.typing-dots{display:inline-flex;gap:4px;margin-left:5px}.typing-dots i{width:5px;height:5px;border-radius:50%;background:var(--support-green);animation:dot-pulse .8s ease-in-out infinite alternate}.typing-dots i:nth-child(2){animation-delay:.15s}.typing-dots i:nth-child(3){animation-delay:.3s}.suggested-questions{display:flex;flex-wrap:wrap;gap:7px;margin:0 0 12px}.suggested-questions button{min-height:40px;padding:8px 11px;border:1px solid var(--support-line);border-radius:18px;background:#fff;color:#39463d;font:13px "Work Sans",sans-serif;cursor:pointer}.suggested-questions button:hover,.clear-chat:hover{border-color:var(--support-green);color:var(--support-green)}.chat-compose{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:9px}.chat-compose textarea{min-height:48px;max-height:150px}.chat-send,.prepare-handoff{min-height:46px;padding:10px 16px;border:0;border-radius:5px;background:var(--support-green);color:#fff;font:700 14px "Work Sans",sans-serif;cursor:pointer;transition:background-color .16s ease,transform .16s ease}.chat-send:hover,.prepare-handoff:hover{background:#4c6253;transform:translateY(-1px)}.chat-send:disabled,.prepare-handoff:disabled{opacity:.6;cursor:wait;transform:none}.privacy-note,.handoff-caption{margin:9px 0 0;color:var(--support-muted);font-size:12px;line-height:1.5}.chat-error,.handoff-error{margin:9px 0;color:#9f3028;font-size:14px}.project-side{display:grid;gap:16px}.project-details,.service-list{padding:20px}.project-details>p:not(.support-kicker),.service-list>p:last-child{color:var(--support-muted);font-size:14px;line-height:1.55}.lead-form{display:grid;gap:7px}.lead-form label{margin:8px 0 0;font-size:13px}.lead-form label span{color:var(--support-muted);font-size:11px;font-weight:400}.lead-form input,.lead-form select,.lead-form textarea{padding:9px 10px;font-size:14px}.prepare-handoff{width:100%;margin-top:6px;background:var(--support-red)}.prepare-handoff:hover{background:#96362d}.handoff-link{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:46px;margin-top:13px;padding:11px 13px;border-radius:5px;background:#218c58;color:#fff;font-weight:700;text-decoration:none}.handoff-link:hover{background:#187447}.handoff-link[aria-disabled="true"]{pointer-events:none;opacity:.55}.service-list ul{display:grid;gap:9px;margin:14px 0;padding-left:20px;color:#414b44;font-size:14px;line-height:1.45}.service-list a{color:#3d614b;font-weight:700;text-decoration:underline;text-underline-offset:3px}.support-footer{display:flex;justify-content:space-between;gap:16px;margin-top:38px;padding:18px 0;border-top:1px solid var(--support-line);color:var(--support-muted);font-size:13px}.support-footer a{color:var(--support-green);font-weight:700;text-decoration:none}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@keyframes support-enter{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes message-enter{from{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@keyframes dot-pulse{to{opacity:.25;transform:translateY(-2px)}}@media(max-width:820px){.support-grid{grid-template-columns:1fr}.project-side{grid-template-columns:1fr 1fr}.support-main{padding-top:38px}}@media(max-width:620px){.support-nav{align-items:flex-start;flex-direction:column;gap:2px;padding:8px 14px}.support-nav .support-brand{padding:4px 6px}.support-nav>div{width:100%;gap:0}.support-nav>div a{padding:5px 8px;font-size:12px}.support-main{width:calc(100% - 28px);padding-top:27px}.support-intro{margin-bottom:24px}.support-intro h1{font-size:34px}.support-intro>p:not(.support-kicker){font-size:16px}.project-side{grid-template-columns:1fr}.conversation-panel{padding:15px}.chat-transcript{min-height:220px;padding:11px}.chat-message{max-width:94%}.suggested-questions{gap:6px}.suggested-questions button{font-size:12px}.chat-compose{grid-template-columns:1fr}.chat-send{justify-self:end}.support-footer{flex-direction:column;gap:8px}}@media(prefers-reduced-motion:reduce){.support-intro,.chat-message,.typing-dots i{animation:none!important}.chat-transcript{scroll-behavior:auto}.chat-send,.prepare-handoff{transition:none}}