:root{--navy:#20231f;--orange:#ff5b16;--pale:#f6f3e8;--cream:#fafaf7;--white:#fff;--muted:#555b51;--line:#d5d9dc;--accent:#b53c08;--max:1320px}*{box-sizing:border-box}body{margin:0;font-family:Arial,Helvetica,sans-serif;background:var(--cream);color:var(--navy);font-size:17px;line-height:1.6}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer;color:inherit}a:hover{text-decoration:underline;text-underline-offset:5px}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #a23e00;outline-offset:4px}button{border:0;background:none} [hidden]{display:none!important}.wrap{width:min(var(--max),calc(100% - 96px));margin:auto}.review-bar{padding:7px 48px;background:var(--navy);color:white;display:flex;justify-content:space-between;gap:20px;font-size:11px;letter-spacing:1.5px}.review-bar a{letter-spacing:0;font-size:12px}header{position:relative;background:white;z-index:20;border-bottom:1px solid var(--line)}.header-inner{max-width:1440px;padding:20px 48px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:30px}.logo{width:183px;height:59px;overflow:hidden;position:relative;flex-shrink:0}.logo img{position:absolute;width:340px;max-width:none;left:-80px;top:-86px}nav{display:flex;align-items:center;gap:25px;font-size:14px}nav>a{white-space:nowrap}.nav-pair{display:flex;align-items:center}.nav-pair button{width:44px;height:44px}.button{display:inline-flex;justify-content:center;align-items:center;gap:25px;background:var(--navy);color:white;padding:15px 23px;min-height:48px;font-size:15px;font-weight:bold}.button.light{background:var(--orange);color:var(--navy)}.button.outline{background:transparent;color:var(--navy);border:1px solid var(--navy)}.button.small{font-size:13px;padding:12px 16px;gap:14px}#nav-toggle{display:none}#mega{position:absolute;top:100%;left:50%;transform:translateX(-50%);width:min(1050px,calc(100vw - 64px));display:grid;grid-template-columns:320px 1fr;background:white;border:1px solid var(--line);box-shadow:0 22px 45px #20231f26;max-height:calc(100dvh - 160px);overflow:auto}.mega-categories{background:var(--cream);padding:24px}.category{display:flex;align-items:center;border-bottom:1px solid var(--line)}.category>a{flex:1;padding:15px 0;font-weight:bold}.category>button{min-width:44px;min-height:48px}.category.selected{color:var(--accent)}.mega-detail{padding:28px 32px}.mega-detail h2{font-size:24px;margin:0 0 12px}.service-links{display:grid;grid-template-columns:1fr 1fr;gap:0 22px}.service-links a{font-size:14px;padding:9px 0;min-height:44px;display:flex;align-items:center}.mobile-services{display:none}.eyebrow{font-size:12px;letter-spacing:2px;font-weight:bold;text-transform:uppercase;display:block;margin-bottom:25px}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(48px,5.8vw,86px);line-height:1.05;letter-spacing:-4px;font-weight:500;margin-bottom:28px}h2{font-size:clamp(32px,3.3vw,48px);line-height:1.15;letter-spacing:-1.7px;font-weight:500}h3{font-size:25px;line-height:1.25;letter-spacing:-.5px;font-weight:500}p{color:var(--muted)}.hero{padding:76px 0 64px;display:grid;grid-template-columns:1.1fr .9fr;gap:70px;align-items:center}.hero-copy p{max-width:540px;font-size:19px}.hero em{font-family:Georgia,serif;font-weight:normal;color:var(--accent)}.actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:34px}.question-board{background:var(--navy);color:white;padding:36px;position:relative;border-radius:0 70px 0 0}.question-board .eyebrow{color:var(--orange)}.question-board a{display:grid;grid-template-columns:35px 1fr 25px;gap:12px;padding:24px 0;border-top:1px solid #607080;font-size:21px;line-height:1.35}.question-board a span:first-child{font-size:12px;color:var(--orange);padding-top:5px}.question-board a:last-child{padding-bottom:0}.strip{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:22px 0}.strip .wrap{display:flex;gap:20px;justify-content:space-between;flex-wrap:wrap;font-size:14px}.strip strong{font-size:12px;letter-spacing:1px}.section{padding:85px 0}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:35px;margin-bottom:38px}.section-heading h2{max-width:620px;margin:0}.section-heading p{max-width:340px;margin:0}.service-row{display:grid;grid-template-columns:65px 1fr 1fr 44px;gap:28px;border-top:1px solid #bdc6cc;padding:34px 0;align-items:start}.service-row:last-child{border-bottom:1px solid #bdc6cc}.service-row .number{font-family:Georgia,serif;font-size:29px;color:var(--accent)}.service-row h3{margin:0 0 10px}.service-row p{margin:0;max-width:360px}.service-row ul{padding:0;list-style:none;margin:0;color:var(--muted);font-size:15px}.service-row li{padding:3px 0}.arrow{border:1px solid var(--navy);width:44px;height:44px;display:grid;place-items:center}.peach{background:var(--pale)}.split{display:grid;grid-template-columns:1fr 1fr;gap:80px}.principles{border-left:1px solid #c6b4a7;padding-left:36px}.principles p:last-child{margin:0}.process{display:grid;grid-template-columns:repeat(5,1fr);gap:25px;margin-top:38px}.process article{border-top:2px solid var(--navy);padding-top:18px}.process span{font-size:12px;color:var(--accent)}.process h3{margin:15px 0 8px;font-size:22px}.process p{font-size:15px}.outputs{display:flex;flex-wrap:wrap;gap:12px;margin-top:24px}.outputs span{padding:8px 16px;border:1px solid #c6b4a7;font-size:14px}details{border-bottom:1px solid var(--line);padding:18px 0}summary{cursor:pointer;min-height:44px;font-size:20px}details p{max-width:780px;margin:10px 0}.closing{background:var(--orange);padding:60px 0}.closing .wrap{display:flex;align-items:center;justify-content:space-between;gap:35px}.closing h2{margin:0;max-width:710px}footer{background:var(--navy);color:white;padding:42px 0}.footer-inner{display:grid;grid-template-columns:1fr 1fr;gap:30px}footer strong{font-size:28px}footer p{color:#ced7df;font-size:14px}footer a{display:inline-block;padding:8px 14px;font-size:14px}footer small{grid-column:1/-1;color:#ced7df;font-size:12px}.page-head{padding:64px 0 30px}.page-head h1{max-width:1000px}.page-head p{max-width:740px;font-size:20px}.notice{background:var(--pale);border-left:3px solid var(--accent);padding:16px 20px;font-size:14px}.catalog{display:grid;grid-template-columns:1fr 1fr;gap:20px}.catalog article{border-top:1px solid var(--line);padding:25px 0;scroll-margin-top:25px}.catalog h3{font-size:22px}.skeleton{padding:40px;background:var(--white);border:1px solid var(--line)}.skeleton p{max-width:720px}label{display:block;font-size:14px;font-weight:bold}input,textarea,select{display:block;width:100%;border:1px solid #83909a;padding:12px;background:white;border-radius:0;margin:6px 0 20px;color:var(--navy);font-size:16px}form{max-width:650px}textarea{min-height:140px}.swatches{display:grid;grid-template-columns:repeat(5,1fr);gap:15px}.swatch{padding:45px 16px 16px;border:1px solid var(--line)}.skip{position:absolute;left:20px;top:-100px;background:white;padding:12px;z-index:100}.skip:focus{top:10px}
@media(min-width:1600px){.hero{gap:110px;padding-top:90px;padding-bottom:85px}}
@media(max-width:1120px),(pointer:coarse){.header-inner{padding:16px 32px}.wrap{width:calc(100% - 64px)}#nav-toggle{display:flex;gap:20px;align-items:center;min-height:48px}nav{display:none;padding:24px 32px;position:absolute;top:100%;left:0;right:0;background:white;max-height:calc(100dvh - 130px);overflow:auto;border-bottom:1px solid var(--line)}nav.open{display:block}nav>a{display:block;min-height:48px;padding:12px 0}nav>.button{display:flex;margin-top:15px}.nav-pair{justify-content:space-between}.nav-pair>a{padding:12px 0;flex:1}#mega{position:static;transform:none;width:100%;display:block;max-height:none;box-shadow:none;border:0}.mega-categories{padding:0 16px}.mega-detail{display:none}.category{flex-wrap:wrap}.category>a{font-size:15px}.mobile-services{flex-basis:100%;display:block;padding:0 8px 16px}.mobile-services a{display:block;padding:10px 0;font-size:14px;min-height:44px}.hero{gap:35px}h1{letter-spacing:-2.5px}.question-board{padding:28px}.question-board a{font-size:18px}.service-row{grid-template-columns:40px 1fr 1fr 44px;gap:20px}.process{gap:16px}}
@media(max-width:700px){.review-bar{padding:8px 20px;font-size:9px;letter-spacing:.5px}.review-bar a{font-size:10px}.header-inner{padding:12px 20px}.wrap{width:calc(100% - 40px)}.logo{width:161px;height:52px}.logo img{width:300px;left:-70px;top:-76px}nav{padding:18px 20px}.hero{padding:44px 0;grid-template-columns:1fr;gap:36px}h1{font-size:50px;letter-spacing:-2.5px}.hero-copy p{font-size:17px}.eyebrow{margin-bottom:20px;font-size:11px}.question-board{padding:27px;border-radius:0 48px 0 0}.question-board a{font-size:20px;padding:20px 0}.actions{gap:12px}.actions .button{padding:13px 16px;font-size:14px}.strip .wrap{gap:10px 20px}.strip strong{width:100%}.section{padding:52px 0}.section-heading{display:block}.section-heading p{margin-top:20px}.service-row{grid-template-columns:32px 1fr 44px;gap:14px;padding:25px 0}.service-row ul{grid-column:2;grid-row:2}.service-row>.arrow{grid-column:3;grid-row:1}.service-row h3{font-size:23px}.service-row p{font-size:15px}.split{grid-template-columns:1fr;gap:30px}.principles{padding-left:22px}.process{grid-template-columns:1fr}.process article{display:grid;grid-template-columns:24px 100px 1fr;gap:10px;padding:16px 0 0}.process h3{margin:0;font-size:20px}.process p{margin:0}.closing .wrap{display:block}.closing .button{margin-top:26px}.footer-inner{grid-template-columns:1fr}.footer-inner>div:nth-child(2){margin-left:-14px}.catalog{grid-template-columns:1fr}.page-head{padding:45px 0 20px}.page-head h1{font-size:43px}.skeleton{padding:24px}.swatches{grid-template-columns:1fr 1fr}.swatch{font-size:13px}summary{font-size:18px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation:none!important;transition:none!important}}
.all-services{display:block;min-height:44px;padding:8px 0 16px;font-weight:bold;border-bottom:1px solid var(--line)}
nav a[aria-current="page"]{text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:7px}.category:hover{background:var(--pale)}.category button[aria-expanded="true"]{background:var(--orange)}.button:hover{background:var(--accent);color:white;text-decoration:none}.button:active{transform:translateY(1px)}.button:disabled{opacity:.5;cursor:not-allowed}.button{transition:background-color .15s,color .15s}.service-row{background:white;padding:30px 24px;margin-bottom:12px;border:1px solid var(--line)}
@media(max-width:1120px),(pointer:coarse){body.nav-open{overflow:hidden}nav{overscroll-behavior:contain}.category button[aria-expanded="true"]{transform:rotate(90deg)}}
@media(max-width:700px){.service-row{padding:24px 16px;gap:10px;grid-template-columns:26px 1fr 44px}}
.menu-group h3{font-size:12px;font-weight:bold;letter-spacing:.5px;margin:16px 0 6px;text-transform:uppercase}.menu-group a{border-bottom:1px solid #eef0f1}.field-error{display:block;color:#a12515;margin:-14px 0 18px;font-size:14px}.field-error:empty{display:none}[aria-invalid="true"]{border:2px solid #a12515}#form-status{margin-top:20px}.service-links{align-items:start}

/* Reference palette adaptation — 2026-09-23 */
:root{--motto-accent:#ff7b3c;--motto-muted:#c1c6b9}
.hero-surface{background:var(--orange)}
.hero-copy p{color:var(--navy)}
.hero em{color:var(--navy)}
.hero .button.outline:hover{background:var(--navy);color:var(--cream)}
.question-board{background:var(--pale);color:var(--navy);border:1px solid var(--navy)}
.question-board .eyebrow,.question-board a span:first-child{color:var(--navy)}
.question-board a{border-color:#aeb1a3}
.question-board a:hover{background:#ece8d9}
.motto-section{background:var(--navy);color:var(--cream);text-align:center;padding:80px 0}
.motto-section .eyebrow{color:var(--motto-muted)}
.motto-section h2{font-size:clamp(36px,4.8vw,70px);line-height:1.2;letter-spacing:-1.8px;margin:28px auto 35px;max-width:1100px}
.motto-section em{font-family:Georgia,serif;color:var(--motto-accent);font-weight:normal}
.motto-section a{display:inline-flex;align-items:center;gap:36px;min-height:48px;border-bottom:1px solid var(--motto-muted);font-size:15px}
.motto-section :focus-visible{outline-color:var(--motto-accent)}
@media(max-width:700px){.motto-section{padding:56px 0}.motto-section h2{font-size:clamp(32px,8.8vw,48px);letter-spacing:-1px}}

/* Hero approach card and paired Why Gobeent / questions section */
.approach-card{width:min(100%,450px);justify-self:center;background:var(--pale);border:1px solid var(--navy);border-radius:5px;box-shadow:9px 10px 0 var(--navy);transform:rotate(3deg);color:var(--navy)}
.approach-card-top{display:flex;justify-content:space-between;gap:20px;padding:22px 24px;border-bottom:1px solid #d3d3c6;text-transform:uppercase;font-size:11px;letter-spacing:.6px}
.approach-orbit{position:relative;aspect-ratio:1;margin:34px;border:1px solid #a1a596;border-radius:50%}
.orbit-ring{position:absolute;border:1px solid #b9bcae;border-radius:50%;pointer-events:none}.orbit-ring.middle{inset:12%;border-style:dashed}.orbit-ring.inner{inset:25%}
.orbit-centre{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;line-height:1.4}.orbit-centre em{font-family:Georgia,serif;font-size:clamp(29px,3.1vw,44px)}.orbit-centre span{font-size:16px}
.orbit-label{position:absolute;z-index:1;background:var(--navy);color:var(--cream);padding:8px 15px;border-radius:30px;font-size:13px;line-height:1.4}.orbit-label.listen{left:-4%;top:10%}.orbit-label.learn{right:-8%;top:46%;background:var(--orange);color:var(--navy)}.orbit-label.improve{left:19%;bottom:-4%}
.approach-card-bottom{display:flex;align-items:center;gap:22px;padding:23px 25px;border-top:1px solid #d3d3c6}.approach-card-bottom p{font-size:14px;margin:0;color:var(--navy)}.approach-star{font-size:42px;line-height:1;color:var(--accent)}
.why-question{display:grid;grid-template-columns:1.1fr .9fr;gap:70px;align-items:center;border-bottom:1px solid var(--line)}.why-copy h2{font-size:clamp(36px,4vw,58px);line-height:1.12;letter-spacing:-2px;margin-bottom:28px}.why-copy h2 em{font-family:Georgia,serif;font-weight:normal}.why-copy p{max-width:570px;line-height:1.8}.why-question .question-board{background:var(--navy);color:var(--cream);border-radius:0;padding:32px}.why-question .question-board .eyebrow,.why-question .question-board a span:first-child{color:var(--motto-accent)}.why-question .question-board a{font-size:21px;border-color:#63685e}.why-question .question-board a:hover{background:#33382f}.why-question .question-board :focus-visible{outline-color:var(--motto-accent)}
@media(max-width:1120px){.approach-orbit{margin:28px}.why-question{gap:35px}.why-question .question-board{padding:24px}.why-question .question-board a{font-size:18px}}
@media(max-width:700px){.hero{gap:46px}.approach-card{width:calc(100% - 24px);max-width:370px;transform:rotate(2deg);margin-bottom:10px}.approach-card-top{padding:18px;font-size:10px}.approach-orbit{margin:30px}.orbit-label{padding:7px 12px;font-size:12px}.orbit-centre span{font-size:14px}.approach-card-bottom{padding:20px}.why-question{grid-template-columns:1fr;gap:25px}.why-copy h2{font-size:40px;letter-spacing:-1.5px}.why-copy p{font-size:16px}.why-question .question-board a{font-size:20px}}

/* Pinned navigation and visual refinements */
header{position:sticky;top:0;z-index:50}
html{scroll-padding-top:110px}
.approach-symbol{position:relative;display:block;width:43px;height:38px;flex:0 0 43px}
.approach-symbol span{position:absolute;width:27px;height:27px;border:2px solid var(--navy);border-radius:50%;top:2px;left:0}
.approach-symbol span+span{left:15px;top:10px;background:var(--orange);border-color:var(--navy)}
.why-copy h2 em{color:var(--orange)}
.why-question .question-board{background:var(--pale);color:var(--navy);border:1px solid #c5c8bb;border-radius:22px;padding:32px}
.why-question .question-board .eyebrow{color:var(--navy)}
.why-question .question-board a span:first-child{color:var(--muted)}
.why-question .question-board a{border-color:#c5c8bb}
.why-question .question-board a:hover{background:#ece8d9;border-radius:8px}
.why-question .question-board :focus-visible{outline-color:var(--navy)}
@media(max-width:700px){html{scroll-padding-top:90px}.why-question .question-board{padding:24px;border-radius:18px}}

.hero-signoff{display:flex;justify-content:space-between;align-items:center;gap:24px;border-top:1px solid #20231f55;padding:20px 0 24px}
.hero-signoff p{margin:0;color:var(--navy);font-size:14px}
.hero-signoff a{display:inline-flex;align-items:center;gap:28px;min-height:44px;font-size:14px;white-space:nowrap}
#why-gobeent{scroll-margin-top:110px}
@media(max-width:700px){.hero-signoff{align-items:flex-start;flex-direction:column;gap:8px;padding:18px 0}.hero-signoff p{max-width:290px}.hero-signoff a{gap:20px}#why-gobeent{scroll-margin-top:90px}}

/* Responsive contact bar; actual contact details pending. */
.review-bar{display:block;padding:0 48px;font-size:14px;letter-spacing:0}
.review-bar-inner{max-width:1344px;min-height:58px;margin:auto;display:flex;justify-content:space-between;align-items:center;gap:20px;padding:6px 0}
.review-bar a,.review-bar span{font-size:14px;letter-spacing:0}
.review-email,.review-phone{display:inline-flex;align-items:center;min-height:44px;overflow-wrap:anywhere}
.review-bar .review-contact{display:none}
.review-bar a:focus-visible{outline-color:var(--motto-accent)}
@media(max-width:1120px){.review-bar{padding:0 32px}}
@media(max-width:700px){.review-bar{padding:0 20px}.review-bar-inner{min-height:60px;gap:12px}.review-bar .review-email{display:none}.review-phone{flex:1;min-width:0}.review-bar .review-contact{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:44px;padding:8px 14px;background:var(--orange);color:var(--navy);border-radius:6px;white-space:nowrap;font-weight:bold}.review-bar .review-contact:hover{background:var(--motto-accent);text-decoration:none}}

/* Prominent contact details with labels above. */
.review-bar-inner{min-height:82px;padding:10px 0}
.review-email,.review-phone{flex-direction:column;align-items:flex-start;justify-content:center;gap:2px;text-decoration:none}
.review-phone{align-items:flex-end}
.review-bar .contact-bar-label{font-size:12px;font-weight:600;line-height:1.4;letter-spacing:.5px;color:#dce0d7}
.review-bar .contact-bar-value{font-size:20px;font-weight:700;line-height:1.35;overflow-wrap:anywhere}
.review-email:hover,.review-phone:hover{text-decoration:none}
.review-email:hover .contact-bar-value,.review-phone:hover .contact-bar-value{text-decoration:underline;text-underline-offset:4px}
@media(max-width:700px){.review-bar-inner{min-height:78px}.review-phone{align-items:flex-start}.review-bar .contact-bar-value{font-size:18px}.review-bar .contact-bar-label{font-size:12px}}

/* Hero contact actions: WhatsApp gets a separate row and distinct green fill. */
.hero-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));max-width:540px;gap:14px}
.hero-actions .button{white-space:normal;text-align:center;gap:12px;padding:15px 18px}
.hero-actions .hero-explore{background:var(--cream);color:var(--navy);border:1px solid var(--navy)}
.hero-actions .hero-discuss{background:var(--navy);color:white;border:1px solid var(--navy)}
.hero-actions .hero-whatsapp{grid-column:1/-1;justify-self:start;background:#075e54;color:white;border:1px solid #075e54;min-width:180px}
.hero-actions .hero-explore:hover{background:#e7e8de;color:var(--navy)}
.hero-actions .hero-discuss:hover{background:#3a4036;color:white}
.hero-actions .hero-whatsapp:hover{background:#064b43;color:white}
@media(max-width:700px){.hero-actions{grid-template-columns:1fr}.hero-actions .hero-whatsapp{justify-self:stretch}.hero-actions .button{width:100%}}

/* WhatsApp leads and stays centered at every viewport. */
.hero-actions .hero-whatsapp{grid-column:1/-1;justify-self:center;width:auto;min-width:180px}

/* Larger WhatsApp action with a scalable logo and restrained rounding. */
.hero-actions .hero-whatsapp{min-width:230px;min-height:62px;padding:16px 26px;gap:13px;border-radius:14px;font-size:18px;font-weight:700;box-shadow:0 3px 0 #043d3633;transition:background-color .15s,box-shadow .15s}
.whatsapp-logo{width:28px;height:28px;flex:0 0 28px}
.whatsapp-arrow{font-size:20px;margin-left:7px}
.hero-actions .hero-whatsapp:hover{box-shadow:0 5px 12px #043d3626}
.hero-actions .hero-whatsapp:focus-visible{outline:3px solid var(--navy);outline-offset:5px}
@media(max-width:700px){.hero-actions .hero-whatsapp{max-width:100%;min-width:min(230px,100%)}}

/* Matching outline icons precede each contact detail. */
.review-email,.review-phone{flex-direction:row;align-items:center;gap:12px}
.contact-bar-icon{width:27px;height:27px;flex:0 0 27px;color:var(--cream)}
.contact-bar-copy{display:flex;flex-direction:column;align-items:flex-start;gap:2px;min-width:0}
@media(max-width:700px){.review-phone{justify-content:flex-start;gap:8px}.contact-bar-icon{width:23px;height:23px;flex-basis:23px}.review-bar .review-contact{padding:8px 10px;gap:6px}.review-bar .contact-bar-value{font-size:clamp(15px,4.6vw,18px)}}

/* Small icons beside values only; labels stay on their own line. */
.review-bar .contact-bar-value{display:flex;align-items:center;gap:7px}
.review-bar .contact-bar-value>span{font:inherit;letter-spacing:inherit;min-width:0;overflow-wrap:anywhere}
.review-bar .contact-bar-icon{width:16px;height:16px;flex:0 0 16px}

/* Interior page content follows its introduction without the old notice gap. */
.page-head + .section{padding-top:24px}
@media(max-width:700px){.page-head + .section{padding-top:16px}}

.catalog .service-description{max-width:54ch;margin:0 0 18px;font-size:16px;line-height:1.6}

/* Service discussion action: vivid hover/focus demonstration. */
.service-discuss{display:inline-flex;align-items:center;justify-content:center;gap:14px;min-height:44px;padding:10px 16px;border:1px solid transparent;border-radius:6px;background:transparent;color:var(--navy);font-size:inherit;font-weight:400;line-height:inherit;transition:background-color .15s,border-color .15s}
.service-discuss:hover,.service-discuss:focus-visible{background:var(--orange);border-color:var(--navy);color:var(--navy);text-decoration:none}
.service-discuss:active{background:var(--motto-accent);border-color:var(--navy)}

/* Touch actions stay visible without requiring hover or an extra tap. */
@media(max-width:700px),(hover:none),(pointer:coarse){
 .service-discuss{background:var(--orange);border-color:var(--navy);color:var(--navy)}
 .service-discuss:active{background:#e94d0c;border-color:var(--navy);color:var(--navy)}
}

/* About: brief introduction and reusable leadership cards. */
.about-intro{background:var(--pale);padding:76px 0;border-bottom:1px solid var(--line)}
.about-intro-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:64px;align-items:center}
.about-intro h1{font-size:clamp(42px,4.7vw,68px);line-height:1.1;letter-spacing:-2.5px;margin-bottom:0}
.about-intro h1 em{font-family:Georgia,serif;color:var(--accent);font-weight:400}
.about-intro-copy p{font-size:18px;max-width:55ch}.about-intro-copy .button{margin-top:12px;border-radius:6px}
.about-perspective{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:start}.about-perspective p{max-width:57ch}
.about-text-link{display:inline-flex;align-items:center;gap:20px;min-height:44px;border-bottom:1px solid var(--navy)}
.team-section{padding:72px 0;background:#f0eee6}.team-section .section-heading p{font-size:14px}
.team-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px}
.person-card{background:var(--white);border:1px solid #d0d3c8;border-radius:16px;overflow:hidden;transition:transform .2s ease,box-shadow .2s ease}
.person-portrait{aspect-ratio:4/4.2;background:var(--pale);position:relative;overflow:hidden;border-bottom:1px solid #d0d3c8}
.person-placeholder{position:absolute;inset:0;overflow:hidden}.person-head{position:absolute;width:27%;aspect-ratio:1;border-radius:50%;background:#c9cbbb;left:36.5%;top:22%}.person-shoulders{position:absolute;width:65%;height:49%;border-radius:50% 50% 0 0;background:#c9cbbb;left:17.5%;top:55%}
.portrait-note{position:absolute;bottom:12px;left:12px;background:var(--cream);color:var(--muted);font-size:11px;padding:4px 8px;border-radius:4px}
.person-details{padding:23px 20px 26px}.person-role{font-size:12px;font-weight:700;letter-spacing:1.3px;color:var(--accent)}.person-details h3{font-size:23px;margin:8px 0;letter-spacing:-.5px}.person-details p{font-size:14px;margin:0}
.about-service-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 40px;margin-top:30px}.about-service-links a{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:72px;border-bottom:1px solid var(--line);padding:16px 0}
@media(hover:hover) and (prefers-reduced-motion:no-preference){.person-card:hover{transform:translateY(-4px);box-shadow:0 8px 22px #20231f0d}}
@media(max-width:1120px){.team-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.about-intro-grid,.about-perspective{gap:36px}}
@media(max-width:700px){.about-intro{padding:46px 0}.about-intro-grid,.about-perspective{grid-template-columns:1fr;gap:28px}.about-intro h1{font-size:43px;letter-spacing:-1.6px}.about-intro-copy p{font-size:17px}.team-section{padding:48px 0}.team-grid{grid-template-columns:1fr;max-width:420px;margin:auto}.person-portrait{aspect-ratio:5/4}.person-details{padding:22px}.about-service-links{grid-template-columns:1fr}}

/* Team contact links; unprovided destinations are inactive placeholders. */
.person-card{display:flex;flex-direction:column}.person-details{display:flex;flex-direction:column;flex:1}.person-details>p{margin-bottom:0}
.team-socials{display:flex;gap:10px;border-top:1px solid var(--line);padding-top:16px;margin-top:22px}
.team-socials a,.team-social-pending{width:44px;height:44px;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--line);border-radius:8px;color:var(--navy)}
.team-socials svg{width:19px;height:19px}.team-socials a{transition:background-color .15s,border-color .15s}.team-socials a:hover{background:var(--orange);border-color:var(--navy)}.team-social-pending{color:#747a70;background:var(--cream)}

.team-socials{flex-wrap:wrap}

/* Color variants for active team contact icons. */
.team-socials .social-linkedin{--social-ink:#0a66c2;--social-surface:#edf5ff;--social-border:#bed8f4}
.team-socials .social-github{--social-ink:#6639a6;--social-surface:#f4effb;--social-border:#d9c9ed}
.team-socials .social-website{--social-ink:#08756b;--social-surface:#eaf7f3;--social-border:#b6ddd4}
.team-socials .social-email{--social-ink:#b53c08;--social-surface:#fff0e7;--social-border:#f1c5ad}
.team-socials .team-social-link{color:var(--social-ink);background:var(--social-surface);border-color:var(--social-border);transition:background-color .15s,color .15s,border-color .15s}
.team-socials .team-social-link:hover,.team-socials .team-social-link:focus-visible{color:white;background:var(--social-ink);border-color:var(--social-ink)}

/* Contact page: labeled direct-contact options matching the top bar. */
.contact-options{padding:30px;background:var(--navy);color:var(--cream);border-radius:16px;display:flex;flex-direction:column;gap:26px}
.contact-option{display:flex;flex-direction:column;gap:5px;min-height:44px}.contact-option-label{font-size:12px;font-weight:600;letter-spacing:.5px;color:#dce0d7}
.contact-option-value{display:flex;align-items:center;gap:9px;font-size:clamp(17px,1.7vw,22px);font-weight:700;line-height:1.4}.contact-option-value svg{width:18px;height:18px;flex:0 0 18px}.contact-option-value>span{min-width:0;overflow-wrap:anywhere}
.contact-option:hover{text-decoration:none}.contact-option:hover .contact-option-value>span{text-decoration:underline;text-underline-offset:4px}.contact-options a:focus-visible{outline-color:var(--motto-accent)}
.contact-whatsapp{background:#075e54;color:white;border:1px solid #629e8e;border-radius:10px;align-self:flex-start}.contact-whatsapp:hover{background:#064b43}.form-connection-note{font-size:14px;line-height:1.5}
@media(max-width:700px){.contact-options{padding:24px}.contact-option-value{font-size:18px}}

/* Company social profiles beneath the contact card. */
.company-social-block{margin-top:30px}.company-social-block h2{font-size:20px;letter-spacing:-.4px;margin:0 0 18px}
.company-socials{display:flex;flex-wrap:wrap;gap:24px}.company-social{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:9px;min-width:76px;min-height:76px;padding:6px;border-radius:8px}.company-social svg{width:38px;height:38px;flex-shrink:0}.company-social>span{font-size:13px;color:var(--navy)}.company-social small{font-size:11px;color:var(--muted)}.company-linkedin{color:#0a66c2}.company-facebook{color:#0866ff}.company-instagram{color:#c13584}.company-socials a:hover{background:var(--pale);text-decoration:none}
@media(max-width:700px){.company-socials{gap:16px}}

.company-whatsapp{color:#075e54}

/* Shared site footer. */
.site-footer{background:var(--navy);color:var(--cream);padding:64px 0 22px;border-top:4px solid var(--orange)}
.footer-grid{display:grid;grid-template-columns:1.25fr .7fr 1.1fr 1fr;gap:38px;padding-bottom:44px}
.site-footer .footer-logo{display:block;background:white;padding:0;border-radius:6px;width:183px;height:59px}
.site-footer .footer-brand p{max-width:290px;color:#cbd0c5;font-size:14px;line-height:1.7;margin:18px 0 0}
.site-footer .footer-brand .footer-tagline{color:var(--cream);font-size:17px}
.footer-column h2{font-size:13px;font-weight:700;letter-spacing:1px;line-height:1.5;text-transform:uppercase;color:var(--motto-accent);margin:0 0 16px}
.footer-column ul{list-style:none;padding:0;margin:0}
.site-footer .footer-column a{display:flex;align-items:center;padding:10px 0;min-height:44px;font-size:14px;line-height:1.5;overflow-wrap:anywhere}
.site-footer .footer-project{display:inline-flex;gap:20px;border-bottom:1px solid #868d7f;margin-top:10px;font-weight:600}
.footer-bottom{border-top:1px solid #555c50;padding-top:22px;display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap}
.site-footer .footer-bottom p{margin:0;font-size:12px;color:#cbd0c5}
.footer-socials{display:flex;gap:12px;flex-wrap:wrap}
.site-footer .footer-social{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;padding:10px;background:var(--cream);border:1px solid transparent;border-radius:10px;transition:background-color .15s,border-color .15s}
.footer-social svg{width:23px;height:23px}.footer-linkedin{color:#0a66c2}.footer-facebook{color:#0866ff}.footer-instagram{color:#c13584}.footer-whatsapp{color:#075e54}
.site-footer .footer-social:hover{background:var(--pale);border-color:var(--orange)}.site-footer a:focus-visible{outline-color:var(--motto-accent)}
@media(max-width:1120px){.footer-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:36px}.site-footer .footer-brand p{max-width:340px}}
@media(max-width:700px){.site-footer{padding-top:40px}.footer-grid{grid-template-columns:1fr;gap:28px;padding-bottom:30px}.footer-bottom{align-items:flex-start;flex-direction:column}.site-footer .footer-column h2{margin-bottom:8px}.site-footer .footer-contact a{font-size:16px}}

.site-footer .footer-whatsapp-link{gap:10px}.footer-whatsapp-link svg{width:20px;height:20px;flex:0 0 20px}

/* Our Work: explicitly illustrative project-story layout. */
.work-hero{background:var(--pale);padding:70px 0;border-bottom:1px solid var(--line)}.work-hero h1{font-size:clamp(48px,5.6vw,78px);max-width:850px}.work-hero h1 em{font-family:Georgia,serif;color:var(--accent)}.work-hero p{max-width:610px;font-size:19px;margin-bottom:0}
.work-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:30px}.work-card{border:1px solid var(--line);border-radius:16px;overflow:hidden;background:white}.work-visual{padding:26px;background:var(--pale);border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:220px}.work-visual-label{max-width:190px;font-family:Georgia,serif;font-style:italic;font-size:30px;line-height:1.15}.work-diagram{display:flex;flex-direction:column;align-items:center;gap:3px;font-size:13px}.work-diagram span:nth-child(odd){background:white;border:1px solid #bfc5b6;padding:7px 18px;min-width:120px;text-align:center;border-radius:25px}.work-visual-1,.work-visual-3{background:#eceee5}.work-card-body{padding:28px}.work-card-body .eyebrow{font-size:10px;letter-spacing:1px;margin-bottom:15px}.work-card h3{font-size:29px}.work-card p{font-size:16px}.work-card details{border-top:1px solid var(--line);border-bottom:0;padding:14px 0 0}.work-card summary{font-size:16px;display:list-item;padding:8px 0}.work-example-detail h4{font-size:14px;margin:20px 0 6px}.work-example-detail p{margin:0 0 12px}.work-future{padding:0 0 70px}.work-future h2{font-size:32px}.work-future p{max-width:580px}
@media(max-width:1120px){.work-visual{flex-direction:column;align-items:flex-start}.work-diagram{align-self:center}.work-visual-label{max-width:none;font-size:26px}}
@media(max-width:700px){.work-hero{padding:45px 0}.work-grid{grid-template-columns:1fr;gap:24px}.work-card-body{padding:24px}.work-card h3{font-size:26px}.work-future{padding-bottom:48px}}

.work-simple{padding:clamp(26px,4vw,52px);background:var(--pale);border:1px solid var(--line);border-radius:14px;margin-bottom:24px}.work-simple h2{font-size:clamp(28px,3vw,40px);max-width:700px}.work-simple p{max-width:620px;margin-bottom:26px}.work-simple .button{border-radius:6px}

/* How We Work: client-facing research process. */
.workflow-hero{padding:70px 0;background:var(--pale);border-bottom:1px solid var(--line)}.workflow-hero-grid{display:grid;grid-template-columns:1.35fr .85fr;gap:70px;align-items:center}.workflow-hero h1{font-size:clamp(42px,4.6vw,68px);letter-spacing:-2px}.workflow-hero h1 em{font-family:Georgia,serif;color:var(--accent)}.workflow-hero p{max-width:58ch}.workflow-hero .button{margin-top:12px;border-radius:6px}
.workflow-brief{background:var(--navy);color:var(--cream);padding:32px;border-radius:20px}.workflow-brief .eyebrow{color:var(--motto-accent)}.workflow-brief h2{font-size:32px;letter-spacing:-1px}.workflow-brief ul{padding-left:20px;font-size:16px}.workflow-brief li{padding:5px 0}.workflow-brief p{font-size:14px;color:#dce0d7;border-top:1px solid #62695c;padding-top:20px;margin:20px 0 0}
.workflow-stages{list-style:none;padding:0;margin:0}.workflow-stage{display:grid;grid-template-columns:170px minmax(0,1fr) 220px;gap:32px;border-top:1px solid var(--line);padding:32px 0}.workflow-stage:last-child{border-bottom:1px solid var(--line)}.workflow-number{font-size:13px;color:var(--accent);font-weight:700}.workflow-stage-label h3{margin:8px 0;font-size:26px}.workflow-stage-copy h4{font-size:22px;line-height:1.3;font-weight:500;margin:0 0 12px}.workflow-stage-copy p{font-size:16px;max-width:66ch;margin-bottom:12px}.workflow-stage details{border:0;padding:0}.workflow-stage summary{font-size:14px;min-height:44px;padding:10px 0;text-decoration:underline;text-underline-offset:4px}.workflow-stage details ul{padding-left:20px;color:var(--muted);font-size:15px}.workflow-output{align-self:start;background:var(--pale);border-radius:10px;padding:20px}.workflow-output span{font-size:11px;text-transform:uppercase;letter-spacing:1px;font-weight:bold}.workflow-output p{color:var(--navy);font-size:16px;margin:8px 0 0}
.workflow-methods{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}.workflow-methods article{border-top:2px solid var(--accent);padding-top:22px}.workflow-methods h3{font-size:23px}.workflow-methods p{font-size:16px;margin:0}.workflow-promotolab{border-top:1px solid #c6b4a7;margin-top:40px;padding-top:28px}.workflow-promotolab p{max-width:95ch;margin:0}
.workflow-partnership{display:grid;grid-template-columns:1fr 1fr;gap:80px}.workflow-checkpoints article{border-left:2px solid #c7cbbf;padding:0 0 20px 24px;margin-bottom:20px}.workflow-checkpoints h3{font-size:22px;margin-bottom:10px}.workflow-checkpoints p{margin:0;font-size:16px}
.workflow-delivery{padding:64px 0;background:var(--navy);color:var(--cream)}.workflow-delivery .eyebrow{color:var(--motto-accent)}.workflow-delivery p{color:#dce0d7}.workflow-delivery ul{padding-left:20px;margin:0}.workflow-delivery li{padding:11px 0;border-bottom:1px solid #62695c}.workflow-faq{max-width:1000px}
@media(max-width:1120px){.workflow-hero-grid{gap:32px}.workflow-stage{grid-template-columns:130px minmax(0,1fr);gap:24px}.workflow-output{grid-column:2}.workflow-methods{grid-template-columns:repeat(2,minmax(0,1fr))}.workflow-partnership{gap:36px}}
@media(max-width:700px){.workflow-hero{padding:45px 0}.workflow-hero-grid,.workflow-partnership{grid-template-columns:1fr;gap:30px}.workflow-hero h1{font-size:43px}.workflow-brief{padding:26px}.workflow-stage{grid-template-columns:1fr;gap:14px;padding:26px 0}.workflow-stage-label{display:flex;align-items:center;gap:14px}.workflow-stage-label h3{margin:0}.workflow-output{grid-column:auto}.workflow-methods{grid-template-columns:1fr;gap:28px}.workflow-delivery{padding:45px 0}.workflow-checkpoints article:last-child{margin-bottom:0}}

.person-portrait img{position:absolute;inset:14px 14px 0;display:block;width:calc(100% - 28px);height:calc(100% - 14px);object-fit:contain;object-position:center bottom}

/* Service-specific method labels and an accessible, expandable glossary. */
.method-intro{max-width:740px;font-size:15px;margin-bottom:28px}.service-title-row{display:flex;flex-wrap:wrap;align-items:center;gap:10px 16px;margin-bottom:16px}.service-title-row h3{margin:0}.method-tags{display:flex;flex-wrap:wrap;gap:6px;list-style:none;padding:0;margin:0}.method-tags li{font-size:11px;font-weight:600;padding:4px 8px;background:var(--pale);border:1px solid #d8cabb;border-radius:5px;color:var(--navy)}.method-tags abbr{text-decoration:none}.method-glossary{margin-top:28px}.method-glossary summary{font-size:17px}.method-glossary dl{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.method-glossary dt{font-weight:700;font-size:14px}.method-glossary dd{margin:6px 0 0;font-size:15px;color:var(--muted)}.method-glossary p{font-size:14px}
@media(max-width:700px){.method-glossary dl{grid-template-columns:1fr}}

/* Production accessibility: readable long content and sticky-header anchors. */
main [id]{scroll-margin-top:130px}
#main:focus{outline:none}
#main{min-height:50vh}
input,textarea,select{max-width:100%}
:focus-visible{outline:3px solid var(--accent);outline-offset:4px}
.site-footer a:focus-visible,.review-bar a:focus-visible{outline-color:#ffb58e}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
.form-honeypot{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}