:root{--ink:#0c2429;--mint:#bdedce;--paper:#fff;--muted:#596a6c;--line:#dce3e1;--soft:#f3f6f5}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:100px}
body{margin:0;color:var(--ink);background:var(--paper);font-family:'DM Sans',Arial,sans-serif;font-size:16px;line-height:1.65}
a{color:inherit;text-decoration:none}
button{font:inherit}
h1,h2,h3,h4,p{margin:0}
h1,h2,h3{font-family:Manrope,Arial,sans-serif}
h2{font-size:clamp(2rem,3.1vw,2.8rem);font-weight:500;line-height:1.22;letter-spacing:-1.5px}
h3{font-weight:600}
a,button{ -webkit-tap-highlight-color:transparent}
a:focus-visible,button:focus-visible{outline:3px solid #348b60;outline-offset:6px}
.wrap{max-width:1320px;width:calc(100% - 112px);margin:auto}
.header{height:100px;background:#fff;position:sticky;top:0;z-index:20;border-bottom:1px solid var(--line)}
.nav{height:100%;display:flex;align-items:center;justify-content:space-between}
.brand{display:inline-flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:1px;font-family:Manrope,Arial,sans-serif;font-size:25px;font-weight:800;letter-spacing:-1px;line-height:1.2}
.brand-sub{display:block;font-size:9px;font-weight:600;letter-spacing:2px;margin:0 0 0 1px}
.brand-logo{display:block;width:176px;height:auto;object-fit:contain}
.mark{display:grid;grid-template-columns:repeat(3,7px);gap:4px;transform:rotate(-5deg);padding:8px}
.mark i{width:7px;height:7px;background:var(--ink)}
.mark i:nth-child(2),.mark i:nth-child(6),.mark i:nth-child(7){opacity:.25}
nav{display:flex;align-items:center;gap:34px;font-size:14px;font-weight:500}
nav>a:hover{color:#3f8b61}
.nav-cta{padding:12px 21px;border:1px solid var(--ink);display:flex;gap:25px}
.menu{display:none}
.hero{background:var(--ink);color:#fff;padding:52px 0 50px}
.hero-grid{display:grid;grid-template-columns:1.15fr 1fr;gap:45px}
.hero-copy{padding:34px 0 0}
.eyebrow{font-size:12px;letter-spacing:1.8px;font-weight:600;color:var(--mint);display:flex;align-items:center;gap:12px}
.line{width:25px;height:1px;background:var(--mint)}
h1{font-size:clamp(2.6rem,4.45vw,4.2rem);font-weight:500;line-height:1.13;letter-spacing:-2.5px;margin:27px 0}
h1 span{color:var(--mint)}
.hero-description{color:#bbc9c9;max-width:440px;font-size:18px;line-height:1.7}
.actions{display:flex;align-items:center;gap:25px;margin:32px 0 47px;flex-wrap:wrap}
.button{display:inline-flex;align-items:center;justify-content:space-between;gap:28px;padding:15px 21px;font-size:14px;font-weight:600;transition:transform .2s,background .2s}
.button:hover{transform:translateY(-3px)}
.mint{background:var(--mint);color:var(--ink)}
.mint:hover{background:#d6f6e1}
.text-link{font-size:14px;border-bottom:1px solid #6c7c7a;padding:9px 0;display:flex;gap:14px}
.hero-location{display:flex;gap:20px;border-top:1px solid #365055;padding-top:22px;font-size:12px;color:#aebfc1}
.hero-location span:first-child{letter-spacing:1.2px;color:#d6e1df}
.hero-visual{position:relative;min-height:550px;overflow:hidden;background:#345453}
.architecture{position:absolute;inset:0;background-size:cover;background-position:center;filter:saturate(.65)}
.hero-visual:after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,rgba(9,32,35,.15),rgba(9,32,35,.12) 30%,rgba(9,32,35,.8))}
.visual-top{position:absolute;z-index:1;top:28px;left:30px;font-size:10px;letter-spacing:2px;color:#e9f5ed}
.insight{position:absolute;z-index:2;bottom:55px;left:30px;right:30px;background:rgba(12,36,41,.87);backdrop-filter:blur(14px);border:1px solid #ffffff36;padding:27px 30px}
.insight-label{font-size:11px;letter-spacing:2px;color:var(--mint);margin-bottom:13px}
.insight h2{font-size:34px;letter-spacing:-1px}
.insight-rule{height:1px;background:#ffffff38;margin:24px 0 15px}
.insight-bottom{display:flex;justify-content:space-between;font-size:13px;color:#dbe8e4}
.visual-caption{position:absolute;z-index:2;bottom:19px;left:30px;color:#b2c7c2;font-size:12px}
.intro{padding:85px 0;display:grid;grid-template-columns:1fr 2fr;gap:50px}
.dark{color:#42765b}
.intro .eyebrow{align-items:start;padding-top:8px}
.intro h2{font-size:36px}
.intro em{font-style:normal;color:#4f8065}
.intro p:not(.eyebrow){color:var(--muted);margin-top:23px;max-width:650px}
.section{padding:90px 0}
.services{background:var(--soft)}
.section-heading{display:flex;justify-content:space-between;align-items:end;gap:40px;margin-bottom:45px}
.section-heading h2{margin-top:19px}
.section-heading>p{font-size:15px;max-width:370px;color:var(--muted);padding-bottom:4px}
.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.service{background:#fff;padding:28px 30px 24px;display:flex;flex-direction:column;border:1px solid var(--line)}
.featured{background:var(--ink);color:#fff;border-color:var(--ink)}
.card-top{display:flex;justify-content:space-between;align-items:center;font-size:13px;color:var(--muted);height:24px}
.featured .card-top{color:var(--mint)}
.pill{font-size:10px;letter-spacing:1.2px;border:1px solid #58776a;padding:3px 9px}
.service-icon{width:45px;height:45px;margin:37px 0 23px}
.featured .service-icon{color:var(--mint)}
.service h3{font-size:23px;line-height:1.35;letter-spacing:-.6px}
.service p{font-size:15px;color:var(--muted);margin:20px 0 28px}
.featured p{color:#b8c9c8}
.service a{font-size:13px;border-top:1px solid var(--line);padding-top:20px;margin-top:auto;display:flex;justify-content:space-between;gap:10px}
.featured a{border-color:#3b5356;color:var(--mint)}
.service a:hover{text-decoration:underline}
.specialists{display:flex;align-items:center;gap:22px;border-bottom:1px solid var(--line);padding:30px 0 22px;font-size:13px}
.specialists>span:first-child{font-size:10px;letter-spacing:1px;color:var(--muted)}
.specialist-note{margin-left:auto;color:var(--muted);font-size:12px}
.divider{color:#a9b9b3}
.approach{background:var(--ink);color:white}
.approach .section-heading>p{color:#aabec0}
.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:33px;margin-top:65px}
.steps article{border-top:1px solid #536968;position:relative;padding-top:25px}
.steps article:before{content:'';width:7px;height:7px;background:var(--mint);position:absolute;top:-4px;left:0}
.step-number{font-size:13px;color:var(--mint)}
.steps h3{font-size:20px;margin:17px 0 12px}
.steps p{font-size:15px;color:#aebfc0}
.diagnostic-grid{display:grid;grid-template-columns:1fr 1fr;gap:100px;align-items:center}
.diagnostic h2,.about h2{margin:20px 0 25px}
.body-lead{font-size:19px;font-weight:500;margin-bottom:14px}
.muted{color:var(--muted)}
.diagnostic-meta{display:flex;gap:50px;margin:30px 0}
.diagnostic-meta strong{font-size:22px;display:block;font-weight:500}
.diagnostic-meta span{display:block;font-size:13px;color:var(--muted)}
.dark-button{background:var(--ink);color:white}
.deliverables{background:#eef4ee;border:1px solid #d6e3d8;padding:34px}
.deliver-head{display:flex;justify-content:space-between;align-items:center;gap:15px;font-size:10px;letter-spacing:1px;color:#476551}
.deliver-head>span:last-child{font-size:24px}
.deliverables h3{font-size:28px;line-height:1.3;letter-spacing:-1px;margin:20px 0 30px}
ol{list-style:none;padding:0;margin:0}
.deliverables li{display:flex;gap:20px;padding:18px 0;border-top:1px solid #d0ddd3}
.deliverables li>span{font-size:12px;color:#6b8a75;padding-top:4px}
.deliverables h4{font-size:15px;font-weight:500}
.deliverables li p{font-size:13px;color:var(--muted);margin-top:4px}
.about{background:var(--soft);border-top:1px solid var(--line)}
.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:100px}
.about-note{border-left:2px solid #85b79a;padding-left:18px;margin-top:28px;font-size:15px;color:var(--muted)}
.about-note strong{font-weight:500;color:var(--ink)}
.founder{padding:35px;background:white;border:1px solid var(--line)}
.founder-heading{display:flex;align-items:center;gap:18px;margin-bottom:25px}
.monogram{width:65px;height:70px;display:grid;place-items:center;background:var(--ink);color:var(--mint);font-family:Manrope,sans-serif;font-size:24px}
.founder h3{font-size:24px;letter-spacing:-.7px}
.founder-heading p{font-size:10px;letter-spacing:1.4px;color:var(--muted);margin-top:7px}
.founder>p{font-size:15px;color:var(--muted)}
.credentials{display:flex;flex-wrap:wrap;gap:8px;margin-top:24px}
.credentials span{font-size:12px;background:var(--soft);padding:6px 10px}
.contact{background:#123b3b;color:white;padding:75px 0 80px}
.contact-grid{display:grid;grid-template-columns:1.5fr 1fr;gap:80px;margin-top:27px}
.contact h2{font-size:clamp(2.5rem,4.3vw,4rem);line-height:1.18;letter-spacing:-2px}
.contact h2 span{color:var(--mint)}
.contact-grid p{color:#c1d3d0;margin-bottom:23px}
.email{display:block;font-size:14px;margin-top:17px;color:#c1d3d0}
.email:hover{text-decoration:underline}
footer{padding:38px 0 20px}
.footer-top{display:flex;align-items:center;justify-content:space-between;gap:25px;padding-bottom:35px}
.footer-top p,.footer-top>a:last-child{font-size:13px;color:var(--muted)}
.footer-bottom{display:flex;justify-content:space-between;gap:25px;border-top:1px solid var(--line);padding-top:20px;color:var(--muted);font-size:12px}
.skip{position:fixed;top:-100px;z-index:100;background:var(--mint);padding:15px}
.skip:focus{top:0}
@media(min-width:1500px){.hero-visual{min-height:590px}
}
@media(max-width:1100px){.wrap{width:calc(100% - 64px)}
.hero-grid{gap:28px}
.hero-location{flex-direction:column;gap:5px}
.hero-visual{min-height:560px}
nav{gap:22px}
.service{padding:24px}
.specialists{flex-wrap:wrap}
.specialist-note{display:none}
.diagnostic-grid,.about-grid{gap:50px}
.insight{left:20px;right:20px;padding:23px}
.intro{gap:30px}
.hero-copy{padding-top:15px}
.actions{gap:16px}
}
@media(max-width:760px){html{scroll-padding-top:80px}
.wrap{width:calc(100% - 40px)}
.header{height:80px}
.brand{font-size:22px}
.brand-logo{width:148px}
.brand-sub{font-size:9px}
.menu{display:flex;gap:10px;border:1px solid var(--line);background:white;padding:8px 12px;font-size:14px}
.nav nav{display:none;position:absolute;left:0;right:0;top:79px;background:white;border-bottom:1px solid var(--line);padding:22px;flex-direction:column;align-items:stretch;gap:20px}
.nav nav.open{display:flex}
.hero{padding:28px 0 30px}
.hero-grid{grid-template-columns:1fr;gap:30px}
h1{font-size:clamp(2.7rem,8.3vw,3.8rem);letter-spacing:-1.9px;margin:22px 0}
.eyebrow{font-size:10px;letter-spacing:1.2px}
.hero-description{font-size:17px}
.actions{margin:27px 0 30px}
.hero-location{flex-direction:row;flex-wrap:wrap;gap:8px 22px;font-size:10px}
.hero-visual{min-height:380px}
.insight{bottom:48px;max-width:340px}
.insight h2{font-size:29px}
.intro{grid-template-columns:1fr;padding:55px 0;gap:23px}
.intro h2{font-size:30px}
.section{padding:60px 0}
.section-heading{align-items:start;flex-direction:column;gap:23px;margin-bottom:30px}
h2{letter-spacing:-1px}
.section-heading>p{font-size:15px}
.service-grid{grid-template-columns:1fr}
.service{padding:26px}
.service-icon{margin:25px 0 20px}
.service h3 br{display:none}
.service p{margin-bottom:25px}
.specialists{gap:9px 15px;padding-top:24px}
.specialists>span:first-child{width:100%}
.steps{grid-template-columns:1fr 1fr;gap:35px 22px;margin-top:35px}
.steps h3{font-size:18px}
.diagnostic-grid,.about-grid{grid-template-columns:1fr;gap:40px}
.deliverables{padding:25px}
.founder{padding:25px}
.contact{padding:55px 0}
.contact-grid{grid-template-columns:1fr;gap:30px}
.contact h2{font-size:2.6rem}
.footer-top{align-items:start;flex-wrap:wrap;gap:22px}
.footer-top .brand{width:100%}
.footer-bottom{flex-direction:column;gap:10px}
.diagnostic-meta{gap:35px}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}
*,*:before,*:after{transition:none!important}
}

.architecture{background-image:url("riyadh.jpg");background-position:center 45%}

@media(max-width:760px){.service h3 br{display:initial}
}


/* Draft v2: living system, decision cycle and applied scenario */
.hero{position:relative;overflow:hidden}
.hero>.wrap{position:relative;z-index:2}
#matrix{position:absolute;inset:0;width:100%;height:100%;z-index:1;opacity:.65;pointer-events:none}
.intro p+p{margin-top:14px!important}
.cycle{max-width:1040px;margin:68px auto 0;position:relative}
.cycle:before{content:'';position:absolute;left:27px;top:10px;bottom:10px;width:1px;background:linear-gradient(var(--mint),#4a6261)}
.cycle-step{display:grid;grid-template-columns:56px 1fr;gap:30px;padding:0 0 42px;opacity:.12;transform:translateY(26px);transition:opacity .7s ease,transform .7s ease}
.cycle-step.visible{opacity:1;transform:none}
.cycle-step>span{width:56px;height:56px;border:1px solid #617776;background:var(--ink);display:grid;place-items:center;z-index:1;color:var(--mint);font-size:13px;transition:background .5s,color .5s}
.cycle-step.visible>span{background:var(--mint);color:var(--ink);border-color:var(--mint)}
.cycle-step>div{border-top:1px solid #405658;padding:18px 0 0;display:grid;grid-template-columns:1fr 1.4fr auto;gap:30px;align-items:start}
.cycle-step h3{font-size:21px}
.cycle-step p{color:#aebfc0;font-size:15px}
.cycle-step small{font-size:10px;letter-spacing:1px;color:var(--mint);max-width:150px}
.scenario{background:#fff}
.scenario-shell{display:grid;grid-template-columns:.8fr 1.7fr;border:1px solid var(--line)}
.scenario-shell aside{background:#e8f3eb;padding:36px}
.scenario-kicker{font-size:10px;letter-spacing:1.4px;color:#47745b}
.scenario-shell aside h3{font-size:26px;line-height:1.35;margin:19px 0 34px}
.signal{border-top:1px solid #c2d5c7;padding:16px 0;display:flex;justify-content:space-between;gap:20px;font-size:13px}
.signal strong{font-weight:600;text-align:right}
.signal.accent{background:var(--ink);color:#fff;margin:10px -16px -10px;padding:17px 16px;border:0}
.signal.accent strong{color:var(--mint);max-width:145px}
.decision-flow{display:grid;grid-template-columns:1fr 1fr}
.decision-flow article{padding:31px;border-bottom:1px solid var(--line);border-right:1px solid var(--line);min-height:210px}
.decision-flow article:nth-child(even){border-right:0}
.decision-flow article:nth-child(n+3){border-bottom:0}
.decision-flow article>span{font-size:10px;letter-spacing:1.4px;color:#58806a}
.decision-flow h3{font-size:19px;margin:24px 0 10px}
.decision-flow p{font-size:14px;color:var(--muted)}
.decision-flow .selected{background:var(--ink);color:#fff}
.decision-flow .selected p{color:#b9cac9}
.decision-flow .selected span{color:var(--mint)}
.impact-strip{display:flex;align-items:center;gap:30px;padding:22px 0;border-bottom:1px solid var(--line);flex-wrap:wrap}
.impact-strip span{font-size:10px;letter-spacing:1.2px;color:var(--muted);margin-right:auto}
.impact-strip strong{font-size:13px;font-weight:500}
@media(max-width:760px){.cycle{margin-top:40px}
.cycle-step{gap:18px;padding-bottom:32px}
.cycle-step>div{grid-template-columns:1fr;gap:10px}
.cycle-step small{max-width:none}
.scenario-shell{grid-template-columns:1fr}
.decision-flow{grid-template-columns:1fr}
.decision-flow article{border-right:0!important;border-bottom:1px solid var(--line)!important;min-height:auto}
.decision-flow article:last-child{border-bottom:0!important}
.impact-strip{gap:12px 22px}
.impact-strip span{width:100%;margin:0}
}

/* Draft v3: focused expertise, detailed stages and animated system */
.hero{background:linear-gradient(125deg,#123b40 0%,#0c292e 58%,#092328 100%)}
#matrix{opacity:1}
.expertise-core{display:grid;grid-template-columns:.9fr 1.55fr;background:var(--ink);color:#fff;border:1px solid var(--ink)}
.expertise-lead{padding:42px;border-right:1px solid #385257}
.expertise-lead .service-icon{color:var(--mint);margin:42px 0 25px}
.expertise-lead h3{font-size:clamp(1.7rem,2.5vw,2.4rem);line-height:1.3;letter-spacing:-1px}
.expertise-lead>p{color:#b8c9c8;margin-top:23px;max-width:540px}
.expertise-capabilities{display:grid;grid-template-columns:repeat(3,1fr)}
.expertise-capabilities>div{padding:42px 30px;border-right:1px solid #385257;display:flex;flex-direction:column}
.expertise-capabilities>div:last-child{border:0}
.expertise-capabilities span{font-size:12px;color:var(--mint)}
.expertise-capabilities h4{font-family:Manrope,sans-serif;font-size:23px;font-weight:500;margin:80px 0 17px}
.expertise-capabilities p{color:#b8c9c8;font-size:15px}
.cycle-step{cursor:pointer}
.cycle-step>div{grid-template-columns:1fr 1.2fr 150px;transition:background .35s;padding-left:0}
.stage-details{grid-column:2/4;margin:0;padding:0 0 0 18px;max-height:0;opacity:0;overflow:hidden;transition:max-height .45s ease,opacity .35s ease,margin .35s ease;color:#d5e0df;display:grid;grid-template-columns:1fr 1fr;gap:6px 35px;font-size:14px}
.cycle-step:hover .stage-details,.cycle-step:focus .stage-details,.cycle-step.expanded .stage-details{max-height:150px;opacity:1;margin-top:8px}
.cycle-step:hover>div,.cycle-step:focus>div,.cycle-step.expanded>div{background:#12363a;padding-left:20px}
.cycle-step:focus{outline:2px solid var(--mint);outline-offset:8px}
.system-in-action{position:relative;padding-top:54px;grid-template-columns:repeat(3,1fr);background:#f8faf9}
.system-status{position:absolute;left:0;right:0;top:0;height:54px;padding:0 22px;display:flex;align-items:center;gap:11px;background:var(--ink);color:#fff;font-size:11px;letter-spacing:1px}
.system-status span:last-child{margin-left:auto;color:#b9cac9;letter-spacing:0;font-size:12px}
.live-dot{width:8px;height:8px;border-radius:50%;background:var(--mint);box-shadow:0 0 0 6px rgba(189,237,206,.1)}
.decision-flow.system-in-action article{min-height:200px;border:0;border-right:1px solid var(--line);border-bottom:1px solid var(--line);background:#fff;transition:background .45s,color .45s,transform .45s,box-shadow .45s;position:relative}
.decision-flow.system-in-action article:nth-of-type(3n){border-right:0}
.decision-flow.system-in-action article:nth-of-type(n+4){border-bottom:0}
.decision-flow.system-in-action article.active{background:var(--ink);color:#fff;transform:translateY(-5px);box-shadow:0 12px 30px rgba(12,36,41,.18);z-index:2}
.decision-flow.system-in-action article.active p{color:#b9cac9}
.decision-flow.system-in-action article.active span{color:var(--mint)}
.system-progress{position:absolute;bottom:0;left:0;right:0;height:3px;background:#dce3e1}
.system-progress i{display:block;height:100%;width:16.666%;background:var(--mint);transition:transform .55s ease}
@media(max-width:1050px){.expertise-core{grid-template-columns:1fr}.expertise-lead{border-right:0;border-bottom:1px solid #385257}.expertise-capabilities h4{margin-top:45px}.cycle-step>div{grid-template-columns:1fr 1.4fr}.cycle-step small{grid-column:1}.stage-details{grid-column:2}}
@media(max-width:760px){.expertise-lead{padding:28px}.expertise-capabilities{grid-template-columns:1fr}.expertise-capabilities>div{padding:25px 28px;border-right:0;border-bottom:1px solid #385257}.expertise-capabilities h4{margin:18px 0 8px}.cycle-step>div{grid-template-columns:1fr}.stage-details{grid-column:1;grid-template-columns:1fr;max-height:260px;opacity:1;margin-top:8px}.cycle-step small{display:none}.cycle-step:hover>div,.cycle-step:focus>div,.cycle-step.expanded>div{padding-left:12px}.system-in-action{grid-template-columns:1fr;padding-top:68px}.system-status{height:68px;flex-wrap:wrap;align-content:center}.system-status span:last-child{width:100%;margin-left:19px}.decision-flow.system-in-action article{border-right:0!important;border-bottom:1px solid var(--line)!important}.decision-flow.system-in-action article:last-of-type{border-bottom:0!important}}

/* Deep Navy + Copper — final brand system */
:root{--ink:#071a2b;--mint:#d38b5b;--paper:#fffdf9;--muted:#617080;--line:#dce1e5;--soft:#f4f1ec;--navy-2:#0c2941;--navy-3:#123650;--copper-dark:#a86035;--copper-soft:#f1ddcf}
body{background:var(--paper)}
a:focus-visible,button:focus-visible{outline-color:var(--mint)}
.header{background:rgba(255,253,249,.96);backdrop-filter:blur(14px)}
.mark i{background:var(--ink)}
nav>a:hover,.dark,.intro em{color:var(--copper-dark)}
.nav-cta{background:var(--ink);border-color:var(--ink);color:#fff}
.nav-cta:hover{background:var(--navy-3);color:#fff}
.hero{background:radial-gradient(circle at 82% 16%,rgba(211,139,91,.16),transparent 29%),linear-gradient(130deg,#0d2d48 0%,#071a2b 58%,#04111d 100%)}
.hero-description{color:#c4ced6}
.mint{background:var(--mint);color:#071a2b}
.mint:hover{background:#e4a477}
.hero-location{border-color:rgba(211,139,91,.35);color:#aebbc5}
.hero-location span:first-child{color:#f0d3bf}
.hero-visual{background:#18364b}
.hero-visual:after{background:linear-gradient(180deg,rgba(7,26,43,.12),rgba(7,26,43,.16) 35%,rgba(7,26,43,.88))}
.architecture{filter:saturate(.55) contrast(1.05) sepia(.08)}
.insight{background:rgba(7,26,43,.9);border-color:rgba(211,139,91,.4)}
.visual-caption{color:#c0cbd2}
.services,.about{background:var(--soft)}
.expertise-core,.featured,.approach,.dark-button,.monogram,.system-status,.decision-flow.system-in-action article.active{background:var(--ink);border-color:var(--ink)}
.expertise-lead,.expertise-capabilities>div{border-color:rgba(211,139,91,.28)}
.expertise-lead>p,.expertise-capabilities p,.approach .section-heading>p,.cycle-step p,.decision-flow.system-in-action article.active p{color:#b7c3cc}
.pill{border-color:rgba(211,139,91,.62)}
.cycle:before{background:linear-gradient(var(--mint),#34495b)}
.cycle-step>span{background:var(--ink);border-color:#526474}
.cycle-step>div{border-color:#34495b}
.cycle-step:hover>div,.cycle-step:focus>div,.cycle-step.expanded>div{background:#0c2941}
.stage-details{color:#e5eaee}
.scenario{background:var(--paper)}
.scenario-shell aside{background:var(--copper-soft)}
.scenario-kicker,.decision-flow article>span,.deliver-head,.deliverables li>span{color:var(--copper-dark)}
.signal{border-color:#d9bda9}
.signal.accent{background:var(--ink)}
.system-in-action{background:#f6f3ef}
.live-dot{box-shadow:0 0 0 6px rgba(211,139,91,.14)}
.decision-flow.system-in-action article{background:#fffdf9}
.system-progress{background:#d9dfe3}
.deliverables{background:#f4e9df;border-color:#e4cdbb}
.deliverables li{border-color:#dfc9b8}
.about-note{border-color:var(--mint)}
.founder{background:#fffdf9}
.credentials span{background:#eeeae4}
.contact{background:linear-gradient(125deg,#0c2941,#071a2b 70%)}
.contact-grid p,.email{color:#c3ced6}
.skip{background:var(--mint);color:var(--ink)}
@media(max-width:760px){.menu{background:var(--paper)}.nav nav{background:var(--paper)}}

/* Opening proposition sequence */
.manifesto{height:300vh;background:var(--ink);color:#fff;position:relative}
.manifesto-stage{position:sticky;top:100px;height:calc(100vh - 100px);min-height:560px;overflow:hidden;background:radial-gradient(circle at 72% 42%,rgba(211,139,91,.13),transparent 34%),linear-gradient(135deg,#0c2941,#071a2b 66%,#04111d)}
#manifestoMatrix{position:absolute;inset:0;width:100%;height:100%;opacity:.65;background-image:linear-gradient(rgba(211,139,91,.11) 1px,transparent 1px),linear-gradient(90deg,rgba(211,139,91,.11) 1px,transparent 1px);background-size:64px 64px}
.manifesto-lines{height:100%;position:relative;display:flex;align-items:center}
.manifesto-kicker{position:absolute;top:54px;left:0;color:var(--mint);font-size:11px;font-weight:700;letter-spacing:2.4px}
.manifesto-line{position:absolute;left:0;max-width:1100px;font-family:Manrope,Arial,sans-serif;font-size:clamp(3.6rem,7.2vw,7rem);font-weight:500;line-height:1.02;letter-spacing:-4px;opacity:0;transform:translateY(48px);filter:blur(9px);transition:opacity .75s ease,transform .85s cubic-bezier(.2,.8,.2,1),filter .75s ease;pointer-events:none}
.manifesto-line span{color:var(--mint)}
.manifesto-line.active{opacity:1;transform:none;filter:none}
.manifesto-progress{position:absolute;right:0;top:50%;transform:translateY(-50%);display:grid;gap:13px}
.manifesto-progress i{width:6px;height:28px;background:rgba(255,255,255,.18);transition:height .4s,background .4s}
.manifesto-progress i.active{height:50px;background:var(--mint)}
.manifesto-scroll{position:absolute;left:0;bottom:42px;font-size:10px;letter-spacing:1.8px;color:#9cabb6}
.manifesto-scroll span{color:var(--mint);margin-left:8px}
@media(max-width:760px){.manifesto-stage{top:80px;height:calc(100vh - 80px);min-height:520px}.manifesto-line{font-size:clamp(3rem,13vw,4.5rem);letter-spacing:-2.5px}.manifesto-line[data-manifesto="2"]{font-size:clamp(2.55rem,10.5vw,4rem)}.manifesto-kicker{top:38px}.manifesto-progress{right:4px}.manifesto-scroll{bottom:28px}}
@media(prefers-reduced-motion:reduce){.manifesto{height:auto}.manifesto-stage{position:relative;top:0;height:auto;min-height:0;padding:70px 0}.manifesto-lines{display:grid;gap:32px}.manifesto-line{position:relative;opacity:1;transform:none;filter:none;font-size:clamp(2.5rem,7vw,5rem)}.manifesto-kicker,.manifesto-scroll,.manifesto-progress{display:none}}

/* Unified clean editorial system */
body{background:var(--paper)}
.header{height:88px}.nav{height:88px}.brand{font-size:22px}.brand-sub{margin-top:5px}.nav-cta{padding:11px 18px}
.manifesto-stage{top:88px;height:calc(100vh - 88px)}
.section{padding:120px 0}
.section-heading{align-items:flex-start;margin-bottom:65px}
.section-heading h2{font-size:clamp(2.65rem,4.4vw,4.6rem);line-height:1.05;letter-spacing:-2.8px}
.section-heading>p{max-width:410px;padding-top:43px;font-size:16px;line-height:1.7}
.eyebrow{font-size:10px;letter-spacing:2.4px}

.hero{min-height:calc(100vh - 88px);display:flex;align-items:center;padding:66px 0;background:radial-gradient(circle at 22% 35%,rgba(211,139,91,.1),transparent 34%),linear-gradient(130deg,#0c2941,#071a2b 68%,#04111d)}
.hero-grid{align-items:stretch;grid-template-columns:1fr 1fr;gap:70px}
.hero-copy{display:flex;flex-direction:column;justify-content:center;padding:20px 0}
.hero h1{font-size:clamp(3.5rem,5.4vw,5.4rem);line-height:1.02;letter-spacing:-4px;margin:34px 0}
.hero-description{font-size:17px;max-width:500px}
.hero-visual{min-height:610px;border:1px solid rgba(211,139,91,.34)}
.insight{left:0;right:38px;bottom:40px;border-left:3px solid var(--mint);padding:30px 32px}
.visual-top{top:24px;left:25px}.visual-caption{left:auto;right:28px}

.intro{padding:120px 0;grid-template-columns:.65fr 1.35fr;border-bottom:1px solid var(--line)}
.intro h2{font-size:clamp(2.6rem,4.2vw,4.2rem);line-height:1.08;letter-spacing:-2.4px}
.intro p:not(.eyebrow){font-size:17px;line-height:1.8;max-width:760px}

.services{background-color:#f4f1ec;background-image:linear-gradient(rgba(7,26,43,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(7,26,43,.035) 1px,transparent 1px);background-size:64px 64px}
.expertise-core{grid-template-columns:1fr 1.65fr;box-shadow:0 30px 70px rgba(7,26,43,.12)}
.expertise-lead{padding:58px}.expertise-lead .service-icon{margin:64px 0 32px}.expertise-lead h3{font-size:clamp(2rem,3vw,3.1rem);line-height:1.14}
.expertise-capabilities>div{padding:58px 34px;min-height:430px}.expertise-capabilities h4{margin-top:auto;padding-top:80px;font-size:27px}.expertise-capabilities p{font-size:14px}

.approach{background-color:var(--ink);background-image:linear-gradient(rgba(211,139,91,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(211,139,91,.07) 1px,transparent 1px);background-size:64px 64px}
.cycle{max-width:1120px;margin-top:78px}.cycle:before{left:32px}.cycle-step{grid-template-columns:64px 1fr;gap:38px;padding-bottom:50px}
.cycle-step>span{width:64px;height:64px}.cycle-step>div{padding-top:21px;grid-template-columns:1fr 1.25fr 150px}.cycle-step h3{font-size:24px;letter-spacing:-.5px}.cycle-step:hover>div,.cycle-step:focus>div,.cycle-step.expanded>div{padding-left:26px}

.scenario{background:#fffdf9}.scenario-shell{grid-template-columns:.72fr 1.6fr;border-color:#cfd7dc;box-shadow:0 24px 65px rgba(7,26,43,.08)}
.scenario-shell aside{padding:48px;background:#f1ddcf}.scenario-shell aside h3{font-size:30px;line-height:1.25;margin:27px 0 44px}
.signal{padding:19px 0}.signal.accent{margin:12px -20px -12px;padding:22px 20px}
.system-in-action{padding-top:62px}.system-status{height:62px;padding:0 28px}
.decision-flow.system-in-action article{padding:38px 32px;min-height:225px}.decision-flow h3{font-size:21px;line-height:1.35;margin-top:30px}
.impact-strip{padding:28px 0;gap:40px}

.diagnostic{background:#f4f1ec}.diagnostic-grid{gap:120px}.diagnostic h2,.about h2{font-size:clamp(2.7rem,4vw,4.1rem);line-height:1.08;letter-spacing:-2.4px;margin:28px 0 34px}
.diagnostic .muted{font-size:16px;line-height:1.8}.diagnostic-meta{margin:40px 0}.deliverables{background:#fffdf9;border:0;border-top:4px solid var(--mint);padding:48px;box-shadow:0 24px 60px rgba(7,26,43,.08)}
.deliverables h3{font-size:34px;margin:28px 0 40px}.deliverables li{padding:23px 0}

.about{background:#fffdf9}.about-grid{gap:120px;align-items:center}.about .muted{font-size:16px;line-height:1.8}.founder{padding:48px;border:1px solid #cfd7dc;border-top:4px solid var(--mint);box-shadow:0 24px 60px rgba(7,26,43,.07)}
.monogram{width:76px;height:82px}.founder h3{font-size:30px}.founder>p{font-size:16px;line-height:1.8}

.contact{padding:110px 0;background-color:#071a2b;background-image:linear-gradient(rgba(211,139,91,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(211,139,91,.07) 1px,transparent 1px);background-size:64px 64px}
.contact-grid{margin-top:45px;align-items:end}.contact h2{font-size:clamp(3.5rem,6vw,6rem);line-height:1.02;letter-spacing:-4px}
footer{padding-top:48px;background:#fffdf9}

@media(max-width:1100px){.hero-grid{gap:38px}.hero-visual{min-height:570px}.expertise-lead{padding:42px}.expertise-capabilities>div{padding:42px 25px}.diagnostic-grid,.about-grid{gap:65px}}
@media(max-width:760px){.header,.nav{height:80px}.manifesto-stage{top:80px;height:calc(100vh - 80px)}.section{padding:78px 0}.section-heading{margin-bottom:40px}.section-heading h2{font-size:2.65rem;letter-spacing:-1.7px}.section-heading>p{padding-top:0}.hero{padding:48px 0}.hero-grid{grid-template-columns:1fr}.hero h1{font-size:3.4rem;letter-spacing:-2.5px}.hero-visual{min-height:450px}.intro{padding:78px 0}.intro h2{font-size:2.55rem}.expertise-core{grid-template-columns:1fr}.expertise-lead{padding:34px}.expertise-lead .service-icon{margin:38px 0 25px}.expertise-capabilities>div{min-height:0;padding:30px 34px}.expertise-capabilities h4{padding-top:14px}.cycle-step{grid-template-columns:54px 1fr;gap:18px}.cycle-step>span{width:54px;height:54px}.cycle:before{left:27px}.cycle-step>div{grid-template-columns:1fr}.scenario-shell{grid-template-columns:1fr}.scenario-shell aside{padding:34px}.decision-flow.system-in-action article{padding:30px;min-height:0}.diagnostic-grid,.about-grid{gap:48px}.deliverables,.founder{padding:32px}.contact{padding:78px 0}.contact h2{font-size:3.25rem;letter-spacing:-2.5px}}