/* V5 appearance layer for existing V4.7 internal pages. All V4.7 functional JS/assets are retained. */
body.v5-interior {background:#f5f4ef;color:#193a49;font-family:"Segoe UI",Arial,sans-serif}
body.v5-interior .container{max-width:1440px;padding-left:clamp(22px,5.3vw,88px);padding-right:clamp(22px,5.3vw,88px)}
.v5-announce{background:#102e3a;color:#e7eeed;font:10px Consolas,monospace;letter-spacing:.085em}
.v5-announce-inner{display:flex;align-items:center;justify-content:space-between;min-height:32px;gap:12px}
.v5-status-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:#e6a373;margin-right:8px;box-shadow:0 0 0 3px #e6a37322}
.v5-site-header{position:sticky;z-index:50;top:0;background:#f5f4eff5;backdrop-filter:blur(14px);border-bottom:1px solid #d9deda}
.v5-nav{display:flex;align-items:center;justify-content:space-between;min-height:87px;gap:24px}
.v5-identity{display:flex;align-items:center;gap:13px;color:#193a49;text-decoration:none;white-space:nowrap}
.v5-identity:hover{color:#193a49}
.v5-monogram{position:relative;width:52px;height:52px;background:#102e3a;display:flex;align-items:center;justify-content:center;color:white;font:24px Georgia,serif;gap:7px;letter-spacing:-.08em}
.v5-monogram-line{position:absolute;bottom:10px;left:13px;width:26px;height:2px;background:#bf6944}
.v5-nameplate{display:flex;flex-direction:column;gap:2px}.v5-nameplate b{font-size:14px;letter-spacing:.095em;line-height:1.2}
.v5-nameplate small{font-size:11px;color:#56717b}.v5-nav-links{display:flex;align-items:center;gap:clamp(13px,1.4vw,24px);font-size:12px;font-weight:650}
.v5-nav-links a{text-decoration:none;color:#344f5c;white-space:nowrap}.v5-nav-links a:hover{color:#b46b45}
.v5-nav-links .v5-nav-cta{padding:13px 16px;background:#143845;color:#fff}.v5-nav-links .v5-nav-cta:hover{background:#28566a;color:white}
.v5-nav-cta span{color:#d5a68b;margin-left:8px}.v5-menu-toggle{display:none}
.v5-site-footer{background:#102e3a;color:#e8efed;padding-top:65px;font-family:"Segoe UI",Arial,sans-serif}
.v5-footer-layout{display:grid;grid-template-columns:1.7fr 1fr 1fr;gap:50px;padding-bottom:55px}.v5-footer-brand{font:28px Georgia,serif;color:#f4f4ed}.v5-footer-brand span{font:700 11px "Segoe UI",Arial,sans-serif;letter-spacing:.09em;margin-left:12px}
.v5-site-footer p{font-size:13px;color:#acc2c5;line-height:1.8;max-width:460px;margin:22px 0 10px}.v5-site-footer small{color:#97adb0;font-size:11px}
.v5-footer-links{display:flex;flex-direction:column;gap:12px}.v5-footer-links a{color:#d6e3e4;font-size:12px;text-decoration:none}.v5-footer-links a:hover{color:#f1b496}
.v5-footer-bottom{display:flex;justify-content:space-between;gap:20px;padding-block:23px;border-top:1px solid #365560;color:#92aeb2;font:10px Consolas,monospace;letter-spacing:.045em}
body.v5-interior :focus-visible{outline:3px solid #bf6944;outline-offset:3px}
body.v5-interior [hidden]{display:none!important}
body.v5-interior .rows > *,body.v5-interior .grid > *{min-width:0}
body.v5-interior .tablewrap{max-width:100%;min-width:0;overflow-x:auto}
body.v5-interior .section h1,body.v5-interior .pagehero h1{letter-spacing:-.035em}
body.v5-interior .button.dark,body.v5-interior .button.primary {background:#153b4b;color:white}
body.v5-interior .button.dark:hover,body.v5-interior .button.primary:hover {background:#28566a}
body.v5-interior .card,body.v5-interior .formpanel {box-shadow:0 6px 23px #163b4a08}
.v5-in-prep-note{border-left:3px solid #bf6944;background:#fff7ef;color:#4a4d46;padding:18px 20px;margin:26px auto;max-width:1100px;font-size:14px;line-height:1.6}
.v5-in-prep-note strong{color:#7f4933}.v5-in-prep-note a{text-decoration:underline}
@media(max-width:1040px){.v5-announce-mid{display:none}.v5-nav{min-height:76px}.v5-menu-toggle{display:flex;flex-direction:column;gap:5px;width:42px;height:38px;align-items:center;justify-content:center;border:1px solid #cbd6d2;background:transparent;cursor:pointer}.v5-menu-toggle span{width:19px;height:2px;background:#153b4b}.v5-nav-links{display:none;position:absolute;left:0;right:0;top:100%;background:#f5f4ef;border-bottom:1px solid #cbd6d2;box-shadow:0 14px 20px #193a4917;padding:24px clamp(22px,5.3vw,88px);flex-direction:column;align-items:stretch;gap:17px}.v5-nav-links.open{display:flex}.v5-nav-links a{font-size:14px}.v5-nav-links .v5-nav-cta{align-self:stretch;text-align:center}.v5-footer-layout{grid-template-columns:1.5fr 1fr;gap:30px}}
@media(max-width:650px){.v5-announce-inner{min-height:29px;font-size:8px}.v5-announce-inner>span:last-child{display:none}.v5-nameplate b{font-size:12px}.v5-nameplate small{font-size:10px}.v5-monogram{width:45px;height:45px;font-size:20px}.v5-monogram-line{left:10px;bottom:8px}.v5-footer-layout{grid-template-columns:1fr;gap:28px}.v5-site-footer{padding-top:45px}.v5-footer-bottom{flex-direction:column;gap:8px}}

/* V5.1 Engineering capability sidebar */
body.v5-interior .capability-stack{gap:17px}
body.v5-interior .capability-card{border:1px solid #ced8d7;background:#fffdfa;border-radius:2px;box-shadow:0 4px 19px #15384608;padding:clamp(20px,2.6vw,29px)}
body.v5-interior .capability-card .mini{font:700 10px Consolas,'Liberation Mono',monospace;letter-spacing:.13em;text-transform:uppercase;color:#a75b3d}
body.v5-interior .capability-card h3{font-size:clamp(19px,1.55vw,24px);letter-spacing:-.025em;line-height:1.22;margin:13px 0 11px;color:#193a49}
body.v5-interior .capability-card>p{font-size:14px;line-height:1.62;color:#546b72;margin:0 0 18px}
body.v5-interior .capability-tags{display:flex;flex-wrap:wrap;gap:7px}
body.v5-interior .capability-tags span{display:inline-flex;align-items:center;padding:6px 9px;border:1px solid #dae1dc;background:#f1f4f0;color:#294b57;font:650 11px/1.25 'Segoe UI',Arial,sans-serif;letter-spacing:.01em}
body.v5-interior .capability-tags--software span{background:#eef2f2}
body.v5-interior .capability-card .capability-tail{font:600 10px/1.6 Consolas,monospace;color:#839095;margin:13px 0 0}
body.v5-interior .capability-checks{list-style:none;padding:0;margin:0;display:grid;gap:11px}
body.v5-interior .capability-checks li{position:relative;padding-left:20px;font-size:13px;line-height:1.4;color:#294c59}
body.v5-interior .capability-checks li::before{content:'✓';position:absolute;left:0;top:0;color:#25836e;font-weight:800}
body.v5-interior .capability-detail-link{display:inline-flex;margin-top:19px;border-bottom:1px solid #ba6a44;color:#a75b3d;font-weight:750;font-size:12px;text-decoration:none;padding-bottom:4px}
body.v5-interior .capability-detail-link:hover{color:#193a49;border-color:#193a49}
body.v5-interior .quick-contact-whatsapp .contact-icon{background:#e5f1eb;color:#166944;border-color:#c1dacf}
@media(max-width:600px){body.v5-interior .capability-card{padding:20px}body.v5-interior .capability-card h3{font-size:21px}}


/* V5.2 About: senior technical presentation without overclaiming project responsibility. */
.profile-heading{font-size:clamp(35px,3.15vw,49px)!important;line-height:1.08;margin:11px 0 20px!important;letter-spacing:-.045em}
.profile-lead{font-size:clamp(15px,1.2vw,17px)!important;line-height:1.78!important;color:#334f5c;max-width:680px;margin:0 0 23px!important}
.profile-highlights{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:#d9e2e0;border:1px solid #d9e2e0;margin:23px 0 34px}
.profile-highlights>div{display:flex;flex-direction:column;gap:7px;padding:16px 18px;background:#fffdfa}
.profile-highlights strong{font-size:18px;line-height:1.3;color:#173b49;font-weight:750}
.profile-highlights span{font-size:11px;line-height:1.5;color:#657980}
.profile-section-label{margin:27px 0 13px!important;font-size:17px!important;letter-spacing:-.012em}
.experience-timeline{border-top:1px solid #d6dfdc}
.experience-role{display:grid;grid-template-columns:30px 1fr;gap:13px;padding:18px 0;border-bottom:1px solid #d6dfdc}
.experience-index{font:700 11px/1.6 Consolas,monospace;color:#b06441}
.experience-role h4{font-size:15px;color:#193d4c;margin:0 0 7px;line-height:1.35}
.experience-role h4 small{display:block;color:#69818a;font-size:11px;font-weight:650;margin-top:4px}
.experience-role p{font-size:13px;line-height:1.62;color:#526d77;margin:0}
.profile-domain-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px 15px;list-style:none;padding:0;margin:0}
.profile-domain-grid li{position:relative;padding:12px 12px 12px 22px;background:#edf1ee;border-left:2px solid #c9d8d6;font-size:12px;line-height:1.48;color:#355362}
.profile-domain-grid li:before{content:'›';font-weight:800;position:absolute;left:9px;top:10px;color:#ad6646}
.profile-industries{margin-bottom:24px}
.profile-contact-actions{display:flex;flex-wrap:wrap;align-items:center;gap:16px;margin:20px 0 10px}
.profile-wa-link{display:inline-flex;align-items:center;gap:5px;padding:11px 4px;border-bottom:1px solid #94b3a3;color:#236a4c;text-decoration:none;font-size:12px;font-weight:750}
.profile-wa-link:hover{border-color:#236a4c;color:#154b36}
.capability-card .deliverable-sections{display:grid;gap:0;border-top:1px solid #e5eae6}
.capability-card .deliverable-row{display:grid;grid-template-columns:25px 1fr;gap:11px;padding:13px 0;border-bottom:1px solid #e5eae6}
.capability-card .deliverable-num{font:700 11px/1.45 Consolas,monospace;color:#b36948}
.capability-card .deliverable-row strong{font-size:13px;color:#224959;line-height:1.35}
.capability-card .deliverable-row p{margin:5px 0 0;font-size:12px;line-height:1.58;color:#667d83}
.estimate-next-steps{counter-reset:steps;list-style:none;padding:0;display:grid;gap:11px;margin:15px 0 16px}
.estimate-next-steps li{position:relative;padding-left:31px;line-height:1.6;color:#355363}
.estimate-next-steps li:before{counter-increment:steps;content:counter(steps,decimal-leading-zero);position:absolute;left:0;top:1px;font:700 11px Consolas,monospace;color:#b56748}
.estimate-fineprint{font-size:12px!important;line-height:1.65;color:#708289!important}
.estimate-method-cta{display:inline-block;margin-top:12px;color:#a55d40;border-bottom:1px solid #b76a4c;padding-bottom:3px;text-decoration:none;font-size:13px;font-weight:750}
.estimate-method-cta:hover{color:#183a48}
@media(max-width:760px){.profile-domain-grid{grid-template-columns:1fr}.profile-highlights{margin-bottom:23px}}
@media(max-width:450px){.profile-highlights{grid-template-columns:1fr}.profile-heading{font-size:38px!important}}

/* V5.3 · Technology-first, brand-forward experience blocks (not a CV timeline). */
.experience-intro{font-size:13px;color:#657c83;line-height:1.65;margin:0 0 14px;max-width:660px}
.experience-timeline{border-top:1px solid #d6dfdc}
.experience-role{grid-template-columns:27px minmax(0,1fr);gap:16px;padding:23px 0 25px;align-items:start}
.experience-index{padding-top:9px}
.experience-role h4.experience-brand{font-size:clamp(25px,2.25vw,34px)!important;line-height:1.12;letter-spacing:-.035em;margin:0 0 8px!important;color:#163b4a;font-weight:750}
.experience-role .experience-tech{display:inline-block;font-size:11px;font-weight:750;line-height:1.5;letter-spacing:.02em;text-transform:uppercase;color:#a35d3e;margin-bottom:10px}
.experience-role .experience-body>p{font-size:13px;line-height:1.7;color:#496773;max-width:610px}
@media(max-width:450px){.experience-role{gap:9px;grid-template-columns:21px minmax(0,1fr);padding:19px 0}.experience-role h4.experience-brand{font-size:26px!important}.experience-role .experience-tech{font-size:10px}}
