/* SHIOQ: shared production theme. Page-specific styles live in css/. */
:root {
 --ink:#102b45; --muted:#596974; --teal:#096b65; --cream:#f7f5ef; --line:#d9dfda;
 --accent-blue:#3c688d; --accent-purple:#77668d; --accent-ochre:#99733e;
 --navy-900:var(--ink); --navy-800:#12474c; --navy-700:#1f4e78;
 --teal-300:#a4e2cf; --teal-500:#16867b; --teal-600:var(--teal);
 --slate-100:#f1f5f9; --slate-200:#e2e8f0; --slate-400:#bcccd1; --slate-500:var(--muted); --slate-700:#334155;
 --bg:var(--cream); --bg-alt:#fff; --text:var(--ink); --text-muted:var(--muted); --border:var(--line);
 --radius:7px; --radius-lg:12px; --max-w:1180px;
 --space-1:4px; --space-2:8px; --space-3:16px; --space-4:24px; --space-5:32px; --space-6:48px; --space-7:64px; --space-8:96px;
 --shadow-sm:0 1px 2px #102b4508; --shadow-md:0 5px 18px #1939470b; --shadow-lg:0 20px 50px #16494318;
}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:105px;-webkit-text-size-adjust:100%}
body{margin:0;color:var(--ink);background:var(--cream);font:16px/1.65 -apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif}
a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}button,summary{cursor:pointer}button{color:inherit}img,svg{max-width:100%}img{display:block}a:hover{text-decoration:underline}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid var(--teal);outline-offset:4px}
.wrap,.container{max-width:var(--max-w);margin:auto;padding:0 36px}main{min-height:45vh}.section,main>section:not(.hero):not(.page-hero){padding:90px 0}h1{font-size:clamp(42px,5.7vw,76px);line-height:1.07;letter-spacing:-3px;font-weight:620;margin:0 0 25px}h2,.section-title{font-size:clamp(30px,3.5vw,44px);line-height:1.16;letter-spacing:-1.5px;font-weight:600;margin:0 0 20px}h3{font-size:22px;line-height:1.3;font-weight:600;margin:15px 0}h4{line-height:1.4}p{margin:0 0 20px;color:var(--muted)}
.eyebrow,.section-eyebrow{font-size:11px;letter-spacing:.16em;text-transform:uppercase;font-weight:700;color:var(--teal);margin-bottom:22px}.intro,.section-lead{max-width:680px;margin-bottom:40px}.micro,.note{font-size:12px!important}.note{max-width:1000px;margin-top:22px}.number,.tag{font-size:12px;color:var(--teal)}.tag{letter-spacing:.1em}.textlink,.case-link{font-size:13px;color:var(--teal);font-weight:650}.btn{display:inline-block;background:var(--teal);color:white;border:1px solid var(--teal);border-radius:5px;padding:13px 22px;font-size:14px;font-weight:650;line-height:1.5;text-align:center}.btn:hover{filter:brightness(.94);text-decoration:none}.btn.light,.btn-secondary,.btn-outline{background:transparent;color:var(--ink);border-color:#9aafaf}.actions,.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin:30px 0 20px}
/* Shared navigation, including usable small-screen drawer. */
.nav{position:sticky;top:0;background:#f8faf5f5;z-index:20;border-bottom:1px solid var(--line)}.nav-inner{max-width:var(--max-w);padding:0 36px;margin:auto;display:flex;align-items:center;gap:25px;min-height:86px}.nav-inner>a{flex-shrink:0}.nav-logo{width:190px;height:auto}.nav-links{display:flex;align-items:center;gap:26px;margin-left:auto;font-size:14px}.nav-controls{display:flex;align-items:center;gap:12px}.nav-hamburger{display:none;background:transparent;border:1px solid var(--line);border-radius:5px;padding:10px}.nav-hamburger span{display:block;width:21px;height:2px;background:var(--ink);margin:4px 0}.nav-hamburger.is-open{background:#dfebe3}
/* Homepage hero and section palette. */
main>.wrap:first-child{max-width:none;padding:0 max(36px,calc((100vw - 1108px)/2)) 34px;background:radial-gradient(ellipse at 92% 12%,#a9d5c9 0,transparent 47%),radial-gradient(ellipse at 4% 95%,#bed4e7 0,transparent 49%),linear-gradient(125deg,#f3f0df,#e0eee4 65%,#c6e0d8)}
.hero{padding:80px 0 65px;display:grid;grid-template-columns:1.08fr 1fr;align-items:center;gap:65px}.hero>*{min-width:0}.hero p{font-size:18px;max-width:520px}.hero-artwork{position:relative;height:clamp(420px,45vw,520px);border-radius:140px 12px 12px 12px;overflow:hidden;box-shadow:var(--shadow-lg);background:#e2e8da}.hero-artwork img{width:100%;height:100%;object-fit:cover;object-position:center}.hero-artwork-copy{position:absolute;inset:auto 0 0;padding:72px clamp(20px,4vw,34px) 26px;background:linear-gradient(180deg,transparent,#102b45e6 62%);color:#fff;font-size:clamp(20px,2.2vw,29px);font-weight:620;line-height:1.18;letter-spacing:-.02em;text-shadow:0 1px 12px #061421b8;overflow-wrap:anywhere}
#services{background:radial-gradient(ellipse at 0 0,#c5dce9 0,transparent 50%),linear-gradient(145deg,#e2edf2,#e4e1f0)}#case{background:radial-gradient(ellipse at 98% 0,#b3cfdf 0,transparent 55%),linear-gradient(120deg,#dce8f3,#d1e5ec)}.pricing{background:radial-gradient(ellipse at 0 100%,#afd2bc 0,transparent 55%),linear-gradient(130deg,#d9eadc,#c5e0d3)}.process{background:radial-gradient(ellipse at 100% 0,#ecc9ac 0,transparent 60%),linear-gradient(120deg,#f4e8cf,#efdbc4)}#team{background:linear-gradient(135deg,#f2eee2,#e9e6ef)}.faq-section{background:radial-gradient(ellipse at 0 100%,#c5bddf 0,transparent 65%),linear-gradient(130deg,#e8e2f2,#d9d5ed)}
.service-grid,.existing-cases{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.service{border:1px solid #ffffffa8;border-radius:7px;padding:27px;display:flex;flex-direction:column;box-shadow:var(--shadow-md)}.service-enquiries{background:#edf3f8}.service-documents{background:#edf5ef}.service-knowledge{background:#f1eef7}.service-workflows{background:#f7f1e7}.service h3{margin:13px 0 12px}.service p{font-size:14px;line-height:1.8}.service .service-outcome{font-size:15px;font-weight:550;color:var(--ink);margin-bottom:12px}.service .service-examples{font-size:11px;color:var(--ink);padding-top:15px;border-top:1px solid #102b451a;margin:0;margin-top:auto}.service-adoption{margin-top:25px;padding:24px 0 4px;display:flex;gap:35px;justify-content:space-between;align-items:center}.service-adoption h3{font-size:19px;margin:0 0 10px}.service-adoption p{font-size:14px;max-width:760px;margin:0}.service-adoption>a{flex-shrink:0}
/* Native disclosures remain readable and keyboard operable without JavaScript. */
details{border-bottom:1px solid var(--line);padding:20px 0}summary{font-weight:550;list-style:none;display:flex;justify-content:space-between;gap:15px}summary::-webkit-details-marker{display:none}summary:after{content:'+';color:var(--teal)}details[open]>summary:after{content:'−'}details p{font-size:14px;margin:15px 0 0}.existing-cases{align-items:start}.existing-case{padding:0;background:#fff;border:1px solid #d1dfe7;border-top:4px solid var(--teal);border-radius:6px;overflow:hidden}.existing-case:nth-child(2){border-top-color:var(--accent-blue)}.existing-case:nth-child(3){border-top-color:var(--accent-purple)}.existing-case:nth-child(4){border-top-color:var(--accent-ochre)}.existing-case>summary{padding:30px;display:block}.existing-case>summary:after{content:none}.existing-case>summary:focus-visible{outline-offset:-4px}.case-summary{display:flex;flex-direction:column;align-items:flex-start}.case-card-metric{font-size:44px;letter-spacing:-1px;color:var(--teal);font-weight:600;margin-bottom:24px}.existing-case:nth-child(2) .case-card-metric{color:var(--accent-blue)}.existing-case:nth-child(3) .case-card-metric{color:var(--accent-purple)}.existing-case:nth-child(4) .case-card-metric{color:var(--accent-ochre)}.case-card-title{font-size:22px;font-weight:600;margin-bottom:12px}.case-card-desc{font-size:14px;color:var(--muted);margin-bottom:24px}.expand-hint{display:flex;justify-content:space-between;align-items:center;width:100%;font-size:12px;color:var(--teal);margin-top:8px}.expand-hint>[aria-hidden]{font-size:24px}.existing-case[open] .expand-hint>[aria-hidden]{transform:rotate(45deg)}.case-detail{padding:0 20px 26px;border-top:1px solid var(--line);margin:0 10px}.case-detail h4{font-size:13px;color:var(--teal);margin:22px 0 8px}.case-detail p{font-size:14px;line-height:1.8;margin:0}.case-detail .case-full{margin-top:20px}
.grid3,.steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.price{background:#fffef9;border:1px solid #cdd9d3;border-radius:7px;padding:32px;display:flex;flex-direction:column}.price.featured{border:2px solid var(--teal);padding:31px;background:#f4fcf5}.price .amount{font-size:35px;letter-spacing:-1.4px;margin:18px 0 0;font-weight:600}.price .unit{font-size:12px;margin-bottom:24px;color:var(--muted)}.price:first-child .unit{align-self:flex-start;color:#0c625b;background:#d9eee1;border:1px solid #b5d5c2;border-radius:5px;padding:6px 10px;margin-top:8px;font-weight:650;font-size:13px}.price ul{list-style:none;padding:0;margin:0 0 25px;font-size:14px}.price li{border-top:1px solid var(--line);padding:10px 0}.price .btn{margin-top:auto}.offer-fit{font-size:13px;line-height:1.6;min-height:64px;margin:0}.delivery-band{max-width:1108px;margin:34px auto 0;background:#fffdf7;border:1px solid #d0dbcf;border-radius:7px;padding:27px}.delivery-intro h3{font-size:20px;margin:0 0 5px}.delivery-intro p{font-size:13px;margin:0}.delivery-items{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;margin-top:24px}.delivery-items h4{font-size:14px;margin:7px 0}.delivery-items p{font-size:12px;line-height:1.7;margin:0}.steps{gap:42px}.steps>div{border-top:2px solid #cfb994;padding-top:18px}.steps p{font-size:14px}
/* Shared profile rows align biographies and highlight dividers; JS measures natural tile heights. */
.people{display:grid;grid-template-columns:minmax(0,1fr);max-width:820px;margin:0 auto;gap:24px 38px;align-items:stretch}.person{display:grid;grid-template-columns:120px minmax(0,1fr);gap:24px;border-top:1px solid var(--line);padding-top:30px;grid-row:span 2;grid-template-rows:subgrid}.portrait{width:120px;height:150px;object-fit:cover;object-position:center top;border-radius:5px}.person>.portrait{grid-row:1;grid-column:1}.person>div{grid-row:1;grid-column:2;display:flex;flex-direction:column}.person h3{margin:0 0 5px}.person p{font-size:14px;line-height:1.8}.person .role{color:var(--teal);font-size:13px;line-height:1.4;margin-bottom:18px}.profile-links{display:flex;flex-wrap:wrap;gap:16px;margin-top:auto}.career-proof{grid-row:2;grid-column:1 / -1;align-self:start;border-top:1px solid var(--line);padding-top:14px;min-width:0}.profile-highlights-title{font-size:12px;font-weight:650;margin:0;letter-spacing:.03em;color:var(--teal)}.achievement-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;margin-top:9px}.achievement{background:#f5f8f3;border:1px solid #d1dbd4;border-radius:6px;padding:10px 9px;min-width:0}.achievement-value{color:var(--teal);font-size:18px;line-height:1.15;font-weight:600;letter-spacing:-.3px;margin:0 0 5px;overflow-wrap:anywhere}.achievement h4{color:var(--ink);font-size:10px;line-height:1.4;font-weight:550;margin:0;overflow-wrap:anywhere}.person .achievement p{color:var(--muted);font-size:10px;line-height:1.45;margin:6px 0 0}
.faq{max-width:820px}.faq details{border-color:#c8c1d5}.contact,.cta{background:radial-gradient(ellipse at 95% 90%,#176e63 0,transparent 60%),linear-gradient(115deg,#102b45,#12474c);color:white}.contact-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:85px}.contact h2{font-size:48px}.contact p,.cta p{color:#d1e0e3}.contact .eyebrow,.cta .section-eyebrow{color:#a4e2cf}.contact .btn,.cta .btn{background:#b9dfd2;border-color:#b9dfd2;color:var(--ink)}.contact .micro{margin-top:20px}.contact a:focus-visible{outline-color:#b9dfd2}label{display:block;font-size:12px;margin-bottom:7px}input,textarea{display:block;width:100%;background:#ffffff0d;color:white;border:1px solid #69838b;border-radius:4px;padding:11px;font:inherit}textarea{resize:vertical;min-height:95px}.form-row{margin-bottom:16px}.row-2{display:grid;grid-template-columns:1fr 1fr;gap:16px}.form-actions{margin-top:20px}.form-note,.form-privacy{font-size:11px;margin-top:18px!important}.form-privacy a{text-decoration:underline}.form-success,.form-error{display:none;margin-top:20px;padding:12px;border:1px solid currentColor;border-radius:5px}.form-success{color:#b9dfd2}.form-error{color:#ffcabd}.honeypot{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}button:disabled{opacity:.6;cursor:wait}
.footer{padding:35px 0;background:#eeeae1;font-size:12px}.brand-logo{display:block;width:180px;height:auto}.footer-grid{display:grid;grid-template-columns:1fr 1.4fr .7fr;gap:45px}.footer-grid h3{font-size:13px;margin:0 0 15px}.footer-grid p{margin:15px 0;line-height:1.9}.footer-grid address{font-style:normal;color:var(--muted);line-height:1.9}.footer-links{display:flex;flex-direction:column;gap:8px}.footer-bottom{display:flex;justify-content:space-between;gap:20px;margin-top:25px;padding-top:25px;border-top:1px solid var(--line);color:var(--muted)}
/* Retained deep-dive routes use the same typography, colours and spacing. */
.page-hero,.hero.page-hero{display:block;padding:75px 0;background:linear-gradient(125deg,#f3f0df,#d4e8df)}.page-hero h1{font-size:clamp(36px,5vw,58px);max-width:950px}.page-hero p{max-width:850px}.page-hero .container{width:100%}.hero-inner{max-width:1180px}.hero-eyebrow{color:var(--teal)}.card,.tier{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:28px}.card-grid,.tiers{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.card p{font-size:15px}.tier-feat{padding-left:20px}.tier-price{font-size:32px;color:var(--teal)}.tier-name{font-size:22px;font-weight:650}.tier-tag,.tier-desc,.tier-price-note{font-size:13px}.tier-feat li{margin:10px 0}.tier-cta{margin-top:20px}.tier-badge{color:var(--teal);font-weight:650}.tier.featured{border-color:var(--teal)}.legal{max-width:900px;margin:auto;padding:55px 36px}.legal h1{font-size:42px;letter-spacing:-1px}.legal h2{font-size:25px;margin-top:35px}.legal a{color:var(--teal);text-decoration:underline}.notfound{text-align:center;padding:80px 24px}.notfound .code{font-size:100px}.notfound h1{font-size:40px}.reveal,.reveal-stagger,.is-visible{opacity:1}
@media (max-width: 1050px){.nav-inner{gap:18px}.nav-links{gap:16px}.nav-logo{width:150px}.nav-links .btn{padding:10px 12px}.hero{gap:36px}.achievement-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.contact-grid{gap:40px}.price{padding:24px}.price.featured{padding:23px}.price .amount{font-size:30px}}
@media (max-width: 899px) {
 .nav-inner{min-height:72px;padding:0 23px}.nav-controls{margin-left:auto}.nav-hamburger{display:block}.nav-links{display:none;position:absolute;left:0;right:0;top:100%;margin:0;padding:24px;background:var(--cream);border-bottom:1px solid var(--line);max-height:calc(100dvh - 135px);overflow:auto}.nav-links.is-open{display:flex;flex-direction:column;align-items:stretch;gap:5px}.nav-links a{padding:12px}.hero{grid-template-columns:1fr;padding:56px 0;gap:32px}.hero-artwork{width:100%;max-width:640px;height:clamp(360px,62vw,480px);margin:auto;border-radius:110px 12px 12px 12px}
}
@media (max-width: 800px){.wrap,.container{padding:0 23px}main>.wrap:first-child{padding:0 23px 28px}.hero{padding:50px 0;gap:25px}.hero h1{font-size:49px}.hero-artwork{height:clamp(340px,65vw,390px);max-width:540px;border-radius:90px 10px 10px 10px}.hero-artwork-copy{padding:62px 22px 21px}.grid3,.steps,.people,.contact-grid,.existing-cases,.service-grid,.card-grid,.tiers{grid-template-columns:1fr}.grid3>*,.steps>*,.people>*,.contact-grid>*,.existing-cases>*,.service-grid>*,.card-grid>*,.tiers>*{min-width:0}.section,main>section:not(.hero):not(.page-hero){padding:60px 0}.service{padding:23px}.service-adoption{display:block}.service-adoption>a{display:inline-block;margin-top:15px}.delivery-items{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.delivery-band{margin:30px 23px 0;padding:22px}.offer-fit{min-height:0}.people{row-gap:45px}.person{grid-template-columns:100px minmax(0,1fr);grid-template-rows:auto;grid-row:auto;gap:20px}.portrait{width:100px;height:125px}.career-proof{margin-top:0}.achievement-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.contact h2{font-size:38px}.footer-grid{grid-template-columns:1fr;gap:22px}.footer-bottom{flex-wrap:wrap}.brand-logo{width:150px}.page-hero,.hero.page-hero{padding:50px 0}}
@media (max-width: 480px){.achievement-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.achievement h4,.person .achievement p{font-size:11px}.nav-inner{padding:0 16px;gap:8px}.nav-logo{width:120px}.nav-controls{gap:6px}.nav-hamburger{padding:7px}.hero h1{font-size:clamp(38px,12vw,42px)}.hero-artwork{height:clamp(300px,95vw,340px)}.hero-artwork-copy{padding:50px 16px 17px;font-size:clamp(18px,6vw,22px)}.row-2{grid-template-columns:1fr}}
@media (max-width: 420px){.person{grid-template-columns:1fr}.person>.portrait{grid-row:1;grid-column:1}.person>div{grid-row:2;grid-column:1}.career-proof{grid-row:3;grid-column:1}.delivery-items{grid-template-columns:1fr}.existing-case>summary{padding:24px}.contact h2{font-size:34px}.hero-artwork{height:clamp(280px,90vw,300px)}.actions .btn{width:100%}}
@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}