:root{--bg:#06110c;--panel:#0a1b14;--panel2:#0d241a;--green:#69f53c;--green2:#20d96a;--teal:#32d7b1;--text:#f4f8f5;--muted:#b6c8bd;--line:rgba(148,207,169,.17);--max:1500px}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:radial-gradient(ellipse at 78% 14%,rgba(9,92,53,.2),transparent 35%),var(--bg);color:var(--text);font-family:'DM Sans',Arial,sans-serif;line-height:1.55}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.header{position:sticky;top:0;z-index:20;min-height:92px;padding:12px clamp(20px,4vw,64px);display:flex;align-items:center;justify-content:space-between;gap:28px;background:rgba(5,17,12,.94);border-bottom:1px solid var(--line);backdrop-filter:blur(16px)}.brand{display:block;flex:0 1 250px}.brand img{width:245px;height:auto;border-radius:3px}.header nav{display:flex;align-items:center;gap:clamp(14px,2.1vw,32px)}.header nav>a{font-size:14px;font-weight:600;color:#e0ebe3;white-space:nowrap}.header nav>a:not(.nav-cta):hover,.header nav>a.active{color:var(--green)}.nav-cta{border:1px solid var(--green);border-radius:10px;padding:12px 17px;color:var(--green)!important}.nav-cta span{margin-left:12px}.menu-toggle{display:none;background:transparent;border:1px solid var(--line);border-radius:8px;width:44px;height:42px;padding:10px;flex-direction:column;justify-content:center;gap:5px}.menu-toggle span{height:2px;width:100%;background:var(--green);display:block}.hero{max-width:var(--max);margin:auto;padding:clamp(48px,6vw,90px) clamp(22px,4vw,64px) 58px;display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:center;gap:clamp(30px,4vw,68px);position:relative}.hero:before{content:"";position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(rgba(100,243,60,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(100,243,60,.025) 1px,transparent 1px);background-size:58px 58px;mask-image:linear-gradient(90deg,transparent,black)}.hero-copy,.module-showcase{position:relative;z-index:1;min-width:0}.eyebrow{margin:0 0 18px;color:#d1e4d7;font-size:11px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;display:flex;align-items:center;gap:12px}.eyebrow-line{width:32px;height:3px;background:var(--green);display:inline-block}.hero h1,.section h2,.about h2,.process h2,.contact h2{font-family:Manrope,'DM Sans',sans-serif;font-weight:800;letter-spacing:-.055em;line-height:1.04;margin:0}.hero h1{font-size:clamp(42px,5.2vw,76px);max-width:720px}.hero h1 span,.section h2 span,.about h2 span,.process h2 span,.contact h2 span{background:linear-gradient(95deg,#27dcb8 0%,#7df36b 53%,#b4f78a 100%);-webkit-background-clip:text;background-clip:text;color:transparent}.lead{font-size:clamp(16px,1.45vw,20px);color:#c2d1c8;line-height:1.6;max-width:650px;margin:24px 0 28px}.actions{display:flex;gap:14px;flex-wrap:wrap}.button{display:inline-flex;align-items:center;justify-content:center;gap:15px;min-height:50px;padding:13px 20px;border-radius:8px;font-weight:700;font-size:14px;transition:transform .2s,background .2s,border-color .2s}.button:hover{transform:translateY(-2px)}.button.primary{background:linear-gradient(105deg,#70f33f,#46e52d);color:#06110a;border:1px solid transparent}.button.outline{border:1px solid var(--green);color:#f4fff3;background:rgba(2,14,8,.5)}.button b{font-size:18px}.hero-tags{display:flex;gap:10px 18px;flex-wrap:wrap;margin-top:26px;color:#c5d9cb;font-size:12px}.hero-tags span::first-letter{color:var(--green)}.module-showcase{padding:clamp(16px,2vw,28px);border:1px solid rgba(72,229,133,.36);border-radius:20px;background:linear-gradient(145deg,rgba(10,32,28,.97),rgba(3,17,14,.96));box-shadow:0 22px 75px rgba(0,0,0,.34),0 0 70px rgba(20,217,103,.08);overflow:hidden}.module-showcase:before{content:"";position:absolute;width:440px;height:440px;border:1px solid rgba(46,227,126,.15);border-radius:50%;right:-220px;top:-230px;pointer-events:none}.showcase-top{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:18px;position:relative}.md-brand-panel{background:#fff;border-radius:7px;padding:5px 8px;max-width:235px;flex:0 1 235px}.md-brand-panel img{width:100%;height:auto}.showcase-top>span{font-size:9px;letter-spacing:.17em;color:#9cb7a7;text-align:right}.module-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;position:relative}.module-card{position:relative;display:flex;flex-direction:column;align-items:flex-start;min-width:0;min-height:166px;padding:16px 15px 28px;border:1px solid rgba(143,206,170,.16);border-radius:11px;background:linear-gradient(145deg,rgba(13,43,35,.86),rgba(6,23,19,.9));transition:transform .18s,border-color .18s,background .18s}.module-card:hover{transform:translateY(-3px);border-color:rgba(105,245,60,.65);background:linear-gradient(145deg,rgba(17,57,43,.94),rgba(6,23,19,.94))}.module-icon{width:38px;height:38px;border-radius:9px;display:grid;place-items:center;color:white;font-size:23px;font-weight:700;margin-bottom:11px}.module-icon.blue{background:#0877db}.module-icon.purple{background:#7a38d6}.module-icon.teal{background:#087e72}.module-icon.amber{background:#bb6b13}.module-icon.cyan{background:#087f89}.module-icon.orange{background:#7e5b0a}.module-card strong{font-family:Manrope,sans-serif;font-size:clamp(14px,1.15vw,17px);line-height:1.25}.module-card p{font-size:12px;line-height:1.45;color:#b9cec2;margin:7px 0 0}.module-arrow{position:absolute;right:13px;bottom:7px;color:var(--green);font-size:17px}.showcase-note{position:relative;color:#7e9a8b;font-size:10px;line-height:1.4;margin:13px 0 0}.proof{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));padding:25px clamp(22px,4vw,64px);border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:rgba(4,18,11,.65)}.proof-item{display:flex;align-items:center;gap:16px;padding:8px clamp(12px,2vw,30px);border-right:1px solid var(--line);min-width:0}.proof-item:first-child{padding-left:0}.proof-item:last-child{border-right:0}.proof-item>strong{flex:0 0 auto;font-family:Manrope,sans-serif;font-size:clamp(26px,3vw,42px);line-height:1;color:var(--green)}.proof-item>span{font-size:13px;line-height:1.4;color:#d4e0d8}.proof-item small{display:block;color:#8fa699;font-size:11px;margin-top:3px}.proof-item b{font-weight:700}.section{padding:clamp(62px,7vw,100px) clamp(22px,6.5vw,100px);max-width:var(--max);margin:auto}.section-intro{max-width:790px;margin-bottom:34px}.section h2,.about h2,.process h2,.contact h2{font-size:clamp(34px,4.2vw,56px)}.section-intro>p:last-child,.about-copy>p:not(.eyebrow),.contact>div>p:not(.eyebrow){color:var(--muted);font-size:16px;max-width:760px;margin:18px 0 0}.solution-list{border-top:1px solid var(--line)}.solution-list article{display:grid;grid-template-columns:50px minmax(0,1fr) 36px;gap:18px;align-items:center;padding:22px 4px;border-bottom:1px solid var(--line)}.solution-num{font-size:12px;color:var(--green);letter-spacing:.12em}.solution-list h3{font-size:19px;margin:0 0 4px}.solution-list p{font-size:14px;color:var(--muted);margin:0;max-width:820px}.solution-list article>a{width:34px;height:34px;border:1px solid var(--line);border-radius:50%;display:grid;place-items:center;color:var(--green)}.services{max-width:none;background:linear-gradient(110deg,rgba(9,48,28,.45),rgba(3,17,11,.18));border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.services .section-intro,.service-grid{max-width:var(--max);margin-left:auto;margin-right:auto}.service-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.service-grid article{padding:24px 21px;background:linear-gradient(145deg,rgba(14,40,27,.88),rgba(6,19,13,.88));border:1px solid var(--line);border-radius:13px;min-width:0}.service-grid article>span{color:var(--green);font-size:12px;letter-spacing:.15em}.service-grid h3{font-size:19px;line-height:1.3;margin:15px 0 10px}.service-grid p{font-size:13px;color:var(--muted);margin:0}.about{padding:clamp(62px,7vw,95px) clamp(22px,6.5vw,100px);display:grid;grid-template-columns:minmax(0,1fr) minmax(150px,.42fr) minmax(0,.9fr);gap:clamp(22px,3vw,46px);border-bottom:1px solid var(--line);background:linear-gradient(105deg,rgba(10,42,24,.55),rgba(4,17,11,.3))}.about-copy{max-width:650px}.about-copy .button{margin-top:22px}.about-photo{align-self:center;min-width:0}.about-photo img{width:100%;aspect-ratio:3/4;object-fit:cover;object-position:center 25%;border:1px solid rgba(105,245,60,.35);border-radius:16px;box-shadow:0 18px 45px rgba(0,0,0,.28)}.about-photo p{margin:10px 0 0;color:#a9c0b2;text-align:center;font-size:12px;font-weight:600}.about-points{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;align-content:center}.about-points div{padding:21px;background:rgba(5,20,12,.75);border:1px solid var(--line);border-radius:12px;display:flex;flex-direction:column;gap:10px;min-width:0}.about-points strong{font-family:Manrope,sans-serif;font-size:26px;color:var(--green)}.about-points span{font-size:13px;color:#d1e0d7;line-height:1.45}.process{padding:clamp(62px,7vw,90px) clamp(22px,6.5vw,100px);max-width:var(--max);margin:auto}.process h2{margin-bottom:30px}.process-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.process-grid article{padding:23px;border-top:1px solid var(--line);background:linear-gradient(180deg,rgba(13,36,23,.65),transparent);min-width:0}.process-grid b{color:var(--green);font-size:13px}.process-grid h3{font-size:22px;margin:10px 0}.process-grid p{color:var(--muted);font-size:14px;margin:0}.contact{padding:clamp(55px,6vw,80px) clamp(22px,6.5vw,100px);display:grid;grid-template-columns:minmax(0,1.2fr) minmax(280px,.8fr);align-items:center;gap:40px;background:linear-gradient(110deg,rgba(18,62,29,.42),rgba(5,17,11,.75));border-top:1px solid var(--line)}.contact-card{padding:25px;border:1px solid rgba(105,245,60,.35);background:rgba(3,16,9,.75);border-radius:15px;display:flex;flex-direction:column;align-items:flex-start;gap:14px;min-width:0}.contact-card>small{color:var(--green);font-size:10px;letter-spacing:.18em}.contact-card p{font-size:11px;color:#8fa496;margin:0}.direct-email{margin-top:16px!important;font-size:14px!important}.direct-email a{color:var(--green);text-decoration:underline;text-underline-offset:3px}.contact-form{width:100%;display:flex;flex-direction:column;gap:8px}.contact-form label{font-size:12px;font-weight:700;color:#d9e8dd;margin-top:4px}.contact-form input,.contact-form select,.contact-form textarea{width:100%;min-width:0;border:1px solid rgba(148,207,169,.25);border-radius:8px;background:#08170f;color:#f4f8f5;padding:12px 13px;font:inherit;font-size:14px}.contact-form input::placeholder,.contact-form textarea::placeholder{color:#7f9989}.contact-form select{color:#dce9e0}.contact-form textarea{resize:vertical;min-height:110px}.contact-form input:focus,.contact-form select:focus,.contact-form textarea:focus{outline:2px solid rgba(105,245,60,.65);outline-offset:1px}.contact-form .button{margin-top:8px;cursor:pointer}.contact-form .button:disabled{opacity:.7;cursor:wait}.contact-form .form-status{font-size:11px;line-height:1.5;color:#8fa496;margin-top:4px}.contact-form .form-status.success{color:#9af77e}.contact-form .form-status.error{color:#ffb4a8}.honeypot{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;overflow:hidden!important}.contact-card .button{max-width:100%;overflow-wrap:anywhere}footer{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:22px clamp(22px,4vw,64px);color:#8da296;font-size:12px;border-top:1px solid var(--line)}.footer-brand{flex:0 1 210px}.footer-brand img{width:205px;height:auto;border-radius:3px}.menu-toggle{cursor:pointer}a:focus-visible,button:focus-visible{outline:2px solid #9aff7c;outline-offset:4px}@media(max-width:1150px){.header{gap:18px}.brand{flex-basis:200px}.brand img{width:200px}.header nav{gap:14px}.header nav>a{font-size:12px}.hero{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:25px}.module-grid{gap:8px}.module-card{padding:13px 11px 27px;min-height:172px}.module-card p{font-size:11px}.dash-body{grid-template-columns:110px 1fr}.service-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.proof-item{gap:10px}.proof-item>span{font-size:12px}}@media(max-width:850px){.header{min-height:78px;padding:9px 20px}.brand{flex-basis:210px}.brand img{width:210px}.menu-toggle{display:flex;flex:0 0 auto}.header nav{display:none;position:absolute;top:77px;left:0;right:0;padding:18px 22px 24px;background:rgba(5,17,12,.98);border-bottom:1px solid var(--line);flex-direction:column;align-items:stretch;gap:17px}.header nav.open{display:flex}.header nav>a{font-size:15px}.nav-cta{text-align:center}.hero{grid-template-columns:1fr;padding-top:48px;gap:32px}.hero h1{max-width:850px;font-size:clamp(43px,8vw,68px)}.lead{max-width:750px}.module-showcase{max-width:780px;width:100%;margin:0 auto}.module-card{min-height:155px}.module-card p{font-size:12px}.proof{grid-template-columns:repeat(2,minmax(0,1fr));padding:18px 22px}.proof-item{padding:16px 12px;border-bottom:1px solid var(--line)}.proof-item:first-child{padding-left:12px}.proof-item:nth-child(2){border-right:0}.proof-item:nth-child(3),.proof-item:nth-child(4){border-bottom:0}.about{grid-template-columns:minmax(0,1fr) minmax(180px,.55fr);gap:28px}.about-copy{max-width:760px}.about-photo{grid-column:2;grid-row:1;max-width:260px;justify-self:center}.about-points{grid-column:1 / -1;max-width:760px}.contact{grid-template-columns:1fr;gap:25px}.contact-card{max-width:520px;width:100%}}@media(max-width:520px){.hero{padding:40px 17px 34px}.hero h1{font-size:clamp(39px,10.5vw,52px);letter-spacing:-.06em}.eyebrow{font-size:9px;letter-spacing:.14em}.lead{font-size:16px;margin:18px 0 22px}.actions{display:grid;grid-template-columns:1fr}.button{width:100%;min-height:48px}.hero-tags{gap:9px 13px;font-size:11px}.module-showcase{padding:12px;border-radius:14px}.showcase-top{align-items:flex-start;flex-direction:column;gap:8px}.md-brand-panel{max-width:190px;flex-basis:auto}.showcase-top>span{font-size:8px;text-align:left}.module-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.module-card{min-height:164px;padding:12px 10px 26px}.module-card strong{font-size:14px}.module-card p{font-size:11px}.module-icon{width:32px;height:32px;font-size:19px;margin-bottom:8px}.showcase-note{font-size:9px}.proof{padding:13px 14px}.proof-item{gap:9px;padding:14px 7px}.proof-item:first-child{padding-left:7px}.proof-item>strong{font-size:27px}.proof-item>span{font-size:11px}.proof-item small{font-size:10px}.section{padding:58px 18px}.section h2,.about h2,.process h2,.contact h2{font-size:clamp(32px,9vw,43px)}.solution-list article{grid-template-columns:30px minmax(0,1fr) 30px;gap:10px;padding:18px 0}.solution-list h3{font-size:16px}.solution-list p{font-size:12px}.solution-list article>a{width:29px;height:29px}.service-grid{grid-template-columns:1fr;gap:10px}.service-grid article{padding:20px}.service-grid h3{font-size:18px}.about{padding:58px 18px;grid-template-columns:1fr;gap:24px}.about-copy,.about-photo,.about-points{grid-column:1;grid-row:auto}.about-photo{width:min(68%,250px);justify-self:center}.about-points{gap:8px}.about-points div{padding:14px}.about-points strong{font-size:23px}.about-points span{font-size:11px}.process{padding:58px 18px}.process-grid{grid-template-columns:1fr;gap:9px}.process-grid article{padding:19px}.contact{padding:55px 18px}.contact-card{padding:19px}.contact-card .button{font-size:12px;padding:12px}footer{padding:20px 18px;flex-wrap:wrap;gap:12px}footer .footer-brand{flex-basis:160px}footer .footer-brand img{width:160px}footer>span:nth-child(2){display:none}footer>span:last-child{margin-left:auto;font-size:10px}}@media(max-width:360px){.brand,.brand img{width:175px;flex-basis:175px}.module-grid{grid-template-columns:1fr}.module-card{min-height:unset;padding-bottom:28px}.module-card p{font-size:12px}.proof-item>strong{font-size:23px}.proof-item>span{font-size:10px}.about-points{grid-template-columns:1fr}.solution-list article{grid-template-columns:24px minmax(0,1fr) 28px}.solution-num{font-size:10px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}}

/* Version 6 refinements: smoother scaling, better logo integration, and a more cohesive portrait. */
:root{--max:1320px}
.header{padding-inline:clamp(18px,3.2vw,52px);gap:clamp(14px,2vw,28px)}
.brand{flex-basis:clamp(170px,17vw,235px);min-width:0}
.brand img{width:100%;height:auto;background:transparent}
.header nav{gap:clamp(10px,1.5vw,24px)}
.header nav>a{font-size:clamp(12px,.92vw,14px)}
.hero{grid-template-columns:minmax(0,1fr) minmax(0,1.08fr);gap:clamp(24px,3vw,48px);padding-inline:clamp(20px,4vw,56px)}
.hero-copy{max-width:680px}
.hero h1{font-size:clamp(38px,4.7vw,68px);overflow-wrap:normal;text-wrap:balance}
.lead{font-size:clamp(16px,1.2vw,19px)}
.module-showcase{min-width:0}
.md-brand-panel{background:linear-gradient(120deg,rgba(22,48,39,.86),rgba(9,29,22,.78));border:1px solid rgba(148,207,169,.14);border-radius:10px;padding:9px 13px;box-shadow:inset 0 1px rgba(255,255,255,.025);max-width:245px;flex-basis:245px}
.md-brand-panel img{width:100%;filter:drop-shadow(0 0 8px rgba(32,217,106,.08))}
.module-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(8px,1vw,12px)}
.module-card{min-height:clamp(150px,12vw,174px);padding:clamp(12px,1.15vw,16px) clamp(10px,1.1vw,15px) 28px}
.module-card p{font-size:clamp(11px,.83vw,12px);overflow-wrap:anywhere}
.proof{max-width:1320px;margin-inline:auto;padding-inline:clamp(20px,4vw,56px)}
.section{width:100%}
.about{max-width:1320px;margin-inline:auto;padding-inline:clamp(22px,4vw,56px);grid-template-columns:minmax(0,1.05fr) minmax(165px,.55fr) minmax(0,1fr);align-items:center}
.about-photo{position:relative;isolation:isolate;padding:5px;border-radius:22px;background:linear-gradient(145deg,rgba(105,245,60,.42),rgba(32,217,106,.05) 48%,rgba(50,215,177,.25));box-shadow:0 12px 45px rgba(0,0,0,.28),0 0 32px rgba(32,217,106,.08)}
.about-photo::after{content:"";position:absolute;inset:5px;border-radius:18px;pointer-events:none;background:linear-gradient(180deg,transparent 55%,rgba(4,17,11,.48) 100%);mix-blend-mode:multiply}
.about-photo img{border:0;border-radius:18px;box-shadow:none;aspect-ratio:3/4;object-fit:cover;object-position:center 24%;mask-image:linear-gradient(to bottom,#000 0%,#000 72%,rgba(0,0,0,.76) 100%)}
.about-photo p{position:relative;z-index:1;margin-top:7px}
.about-points{gap:clamp(8px,1vw,12px)}
.about-points div{padding:clamp(13px,1.5vw,20px)}
.about-points strong{font-size:clamp(22px,2vw,28px)}
.contact{max-width:1320px;margin-inline:auto;padding-inline:clamp(22px,4vw,56px)}
footer{max-width:1320px;margin-inline:auto;width:100%}
@media(max-width:1100px){.header nav{gap:10px}.header nav>a{font-size:11px}.brand{flex-basis:175px}.hero{grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);gap:20px}.module-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.module-card{min-height:145px}.about{grid-template-columns:minmax(0,1fr) minmax(150px,.5fr);}.about-points{grid-column:1/-1;grid-template-columns:repeat(4,minmax(0,1fr))}.about-photo{grid-column:2;grid-row:1;max-width:220px;justify-self:center}.about-copy{grid-column:1;grid-row:1}}
@media(max-width:850px){.header{max-width:none}.hero{grid-template-columns:minmax(0,1fr);max-width:760px;padding-inline:clamp(18px,4vw,32px)}.hero-copy{max-width:none}.hero h1{font-size:clamp(40px,7vw,62px);max-width:760px}.module-showcase{max-width:760px}.module-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.module-card{min-height:155px}.proof{max-width:none}.about{max-width:850px;grid-template-columns:minmax(0,1fr) minmax(170px,.55fr)}.about-points{grid-template-columns:repeat(2,minmax(0,1fr))}.contact{max-width:none}}
@media(max-width:600px){.md-brand-panel{max-width:200px;flex-basis:200px}.module-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.module-card{min-height:155px}.about{grid-template-columns:minmax(0,1fr);max-width:560px}.about-copy,.about-photo,.about-points{grid-column:1;grid-row:auto}.about-photo{width:min(72%,260px);max-width:260px;justify-self:center}.about-points{grid-template-columns:repeat(2,minmax(0,1fr))}.proof{max-width:none}.proof-item{border-right:1px solid var(--line)}.proof-item:nth-child(2){border-right:0}.proof-item:nth-child(3){border-bottom:0}.proof-item:nth-child(4){border-bottom:0}}
@media(max-width:380px){.module-grid{grid-template-columns:minmax(0,1fr)}.module-card{min-height:unset}.proof-item{align-items:flex-start;flex-direction:column;gap:7px}.proof-item>span{font-size:10px}.about-points{grid-template-columns:minmax(0,1fr)}}

/* Version 7 refinements: crisp MD-Staff mark, softer portrait integration, and zoom-safe layout. */
.md-brand-panel{background:#fdfefd;border:1px solid rgba(103,229,139,.22);box-shadow:0 8px 24px rgba(0,0,0,.18),0 0 18px rgba(32,217,106,.04);padding:8px 12px;max-width:245px;flex-basis:245px}
.md-brand-panel img{display:block;width:100%;height:auto;image-rendering:auto}
.about-photo{overflow:visible;border-radius:26px;filter:drop-shadow(0 15px 30px rgba(0,0,0,.18))}
.about-photo::before{content:"";position:absolute;inset:-12px;border-radius:34px;z-index:-1;background:radial-gradient(ellipse at 50% 36%,rgba(33,213,112,.13),transparent 68%);pointer-events:none}
.about-photo img{object-position:50% 18%;border-radius:18px;mask-image:linear-gradient(to bottom,#000 0%,#000 78%,rgba(0,0,0,.88) 100%);-webkit-mask-image:linear-gradient(to bottom,#000 0%,#000 78%,rgba(0,0,0,.88) 100%)}
@media (min-width:851px){.about-photo{width:100%;max-width:260px;justify-self:center}.about-photo img{object-position:50% 20%}}
@media (max-width:850px){.md-brand-panel{max-width:245px;flex-basis:245px}.about-photo{max-width:250px;width:min(72%,250px);justify-self:center}.about-photo img{object-position:50% 18%}}
@media (max-width:520px){.md-brand-panel{max-width:210px;flex-basis:210px}.about-photo{width:min(72%,245px)}.about-photo img{object-position:50% 17%}}

/* Version 8: transparent, high-resolution MD-Staff wordmark blends into the dark showcase. */
.md-brand-panel{background:linear-gradient(120deg,rgba(8,27,21,.88),rgba(5,20,15,.78));border:1px solid rgba(105,245,60,.2);box-shadow:inset 0 1px rgba(255,255,255,.025),0 0 18px rgba(32,217,106,.035);}
.md-brand-panel img{filter:drop-shadow(0 0 7px rgba(32,217,106,.05));}

/* Version 10: detailed service catalog */
.service-group-title{max-width:var(--max);margin:0 auto 16px;font-family:Manrope,sans-serif;font-size:clamp(21px,2.5vw,29px);letter-spacing:-.025em}
.project-management-detail{max-width:var(--max);margin:28px auto 0;padding:clamp(22px,3vw,34px);border:1px solid rgba(105,245,60,.27);border-radius:14px;background:linear-gradient(120deg,rgba(9,42,25,.8),rgba(4,18,12,.85))}
.project-management-detail .eyebrow{color:var(--green);margin-bottom:10px}
.project-management-detail h3{font-family:Manrope,sans-serif;font-size:clamp(22px,2.6vw,30px);line-height:1.2;margin:0 0 12px}
.project-management-detail>p:not(.eyebrow){color:var(--muted);font-size:14px;max-width:1000px;margin:0}
.service-keywords{display:flex;flex-wrap:wrap;gap:8px;margin-top:20px}
.service-keywords span{font-size:12px;color:#d8e9dd;border:1px solid var(--line);border-radius:999px;padding:7px 11px;background:rgba(4,18,11,.6)}
@media(max-width:600px){.service-group-title{font-size:22px}.project-management-detail{padding:19px}.service-keywords{gap:7px}.service-keywords span{font-size:11px}}

/* Version 11: make project inquiry submission states prominent and accessible. */
.contact-form .form-status{display:flex;align-items:flex-start;gap:12px;width:100%;padding:15px 16px;margin-top:8px;border:1px solid rgba(148,207,169,.24);border-radius:10px;background:rgba(10,32,20,.82);font-size:14px;line-height:1.6;color:#c5d8cb;overflow-wrap:anywhere;transition:background .2s,border-color .2s}
.contact-form .status-icon{display:grid;place-items:center;flex:0 0 25px;width:25px;height:25px;border-radius:50%;background:rgba(148,207,169,.15);color:#d9e9de;font-size:15px;font-weight:800}
.contact-form .status-copy{flex:1;min-width:0}
.contact-form .form-status.sending{border-color:rgba(105,245,60,.5);color:#e3f5e8}
.contact-form .form-status.sending .status-icon{background:rgba(105,245,60,.15);color:var(--green)}
.contact-form .form-status.success{border-color:rgba(105,245,60,.72);background:rgba(29,83,35,.3);color:#dfffd7;box-shadow:0 0 0 1px rgba(105,245,60,.08),0 8px 25px rgba(0,0,0,.12)}
.contact-form .form-status.success .status-icon{background:var(--green);color:#06110a;font-size:16px}
.contact-form .form-status.error{border-color:rgba(255,130,115,.65);background:rgba(83,25,20,.28);color:#ffd5ce}
.contact-form .form-status.error .status-icon{background:#ffb4a8;color:#30100b}
.contact-form .button.submitted{background:linear-gradient(105deg,#a3f887,#69f53c);box-shadow:0 0 0 3px rgba(105,245,60,.14)}
.contact-form .button.submitted:disabled{opacity:1;cursor:default}
.button-spinner{display:inline-block;width:15px;height:15px;border:2px solid rgba(6,17,10,.3);border-top-color:#06110a;border-radius:50%;animation:form-spin .7s linear infinite}
@keyframes form-spin{to{transform:rotate(360deg)}}
@media(max-width:520px){.contact-form .form-status{font-size:13px;padding:13px;gap:10px}}
@media(prefers-reduced-motion:reduce){.button-spinner{animation:none}}


/* Version 12 audit refinements: slightly more readable supporting text and clear keyboard focus. */
.showcase-note{font-size:11px;line-height:1.5;color:#9ab2a4}
.module-card p{font-size:13px;line-height:1.5}
:where(a,button,input,select,textarea):focus-visible{outline:3px solid #b4f78a;outline-offset:3px}
.contact-form input:focus-visible,.contact-form select:focus-visible,.contact-form textarea:focus-visible{border-color:#b4f78a;box-shadow:0 0 0 3px rgba(180,247,138,.14)}
@media(max-width:520px){.showcase-note{font-size:10px}.module-card p{font-size:12px;line-height:1.45}}

/* Version 13: true multi-page navigation with clearer page boundaries. */
.page-main{min-height:60vh}
.home-next,.page-end-cta{max-width:1320px;margin:0 auto;padding:clamp(48px,6vw,78px) clamp(22px,6.5vw,100px);border-top:1px solid var(--line);background:linear-gradient(110deg,rgba(9,48,28,.34),rgba(3,17,11,.08))}
.home-next h2,.page-end-cta h2{font-family:Manrope,'DM Sans',sans-serif;font-size:clamp(30px,3.6vw,46px);line-height:1.12;letter-spacing:-.045em;margin:0;max-width:820px}
.home-next h2 span{background:linear-gradient(95deg,#27dcb8 0%,#7df36b 53%,#b4f78a 100%);-webkit-background-clip:text;background-clip:text;color:transparent}
.home-next>p:not(.eyebrow),.page-end-cta>p{color:var(--muted);font-size:16px;max-width:760px;margin:16px 0 22px}
.page-end-cta{border:1px solid var(--line);border-radius:16px;margin-bottom:42px;background:linear-gradient(110deg,rgba(9,48,28,.48),rgba(3,17,11,.32))}
.page-end-cta h2{font-size:clamp(27px,3.2vw,40px)}
.header nav>a[aria-current="page"]:not(.nav-cta){color:var(--green)}
.header nav>a:focus-visible,.brand:focus-visible,.button:focus-visible{outline:3px solid #b4f78a;outline-offset:4px}
@media(max-width:850px){.home-next,.page-end-cta{padding-inline:clamp(20px,4vw,32px)}.page-end-cta{margin:0 18px 32px}}


/* Version 14: single-page scroll navigation, calmer section separation, and credential spotlight. */
html{scroll-padding-top:112px}
body{background:var(--bg)}
.header{background:rgba(4,15,10,.97);box-shadow:0 8px 28px rgba(0,0,0,.18)}
.header nav>a:not(.nav-cta){padding:10px 0;border-bottom:2px solid transparent;transition:color .2s,border-color .2s}
.header nav>a.active:not(.nav-cta){border-bottom-color:var(--green);color:var(--green)}
.hero{grid-template-columns:minmax(0,1fr);max-width:1200px;min-height:clamp(480px,58vh,690px);padding-top:clamp(65px,9vw,125px);padding-bottom:clamp(60px,8vw,105px);background:radial-gradient(ellipse at 82% 30%,rgba(13,89,50,.14),transparent 48%)}
.hero:before{mask-image:linear-gradient(90deg,transparent,rgba(0,0,0,.3),transparent)}
.hero-copy{max-width:880px}
.hero h1{max-width:850px;font-size:clamp(48px,6.2vw,82px)}
.lead{max-width:720px;font-size:clamp(17px,1.5vw,21px)}
.hero-credibility{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}
.hero-credibility span{display:flex;align-items:center;gap:8px;padding:10px 14px;border:1px solid rgba(105,245,60,.22);border-radius:9px;background:rgba(8,30,19,.64);color:#c9dbcf;font-size:13px}
.hero-credibility strong{font-family:Manrope,sans-serif;color:var(--green);font-size:16px}
.proof{max-width:none;padding:24px max(clamp(22px,6vw,96px),calc((100vw - 1320px)/2));background:#08170f;border-top:1px solid rgba(148,207,169,.12);border-bottom:1px solid rgba(148,207,169,.12)}
.process{max-width:1320px;margin:0 auto;padding:clamp(65px,8vw,112px) clamp(22px,5vw,70px) clamp(65px,8vw,112px);border-bottom:1px solid rgba(148,207,169,.14)}
.process h2{max-width:950px}
.process-grid article{background:#0a1a12;border:1px solid rgba(148,207,169,.13);border-radius:12px}
.solutions-section{max-width:none;padding-top:clamp(68px,8vw,110px);padding-bottom:clamp(68px,8vw,110px);background:#08160f;border-top:1px solid rgba(148,207,169,.12);border-bottom:1px solid rgba(148,207,169,.12)}
.solutions-section>.section-intro,.solutions-section>.lower-showcase{max-width:1260px;margin-left:auto;margin-right:auto}
.solutions-section .section-intro{padding-inline:clamp(22px,4vw,64px)}
.lower-showcase{margin-top:30px;padding:clamp(18px,2.5vw,32px);box-shadow:none;background:linear-gradient(145deg,#0a1c14,#07130e);border-color:rgba(148,207,169,.2)}
.lower-showcase .module-card{min-height:155px;background:#0b2017;border-color:rgba(148,207,169,.14)}
.lower-showcase .module-card p{font-size:13px;line-height:1.55}
.services.section{padding-top:clamp(68px,8vw,110px);padding-bottom:clamp(68px,8vw,110px);background:#06110c;border:0}
.services .service-grid article{background:#0a1b13;border-color:rgba(148,207,169,.14)}
.about{max-width:1320px;margin:0 auto;padding:clamp(68px,8vw,110px) clamp(22px,5vw,70px);border-top:1px solid rgba(148,207,169,.12);grid-template-columns:minmax(0,1.2fr) minmax(220px,.55fr);gap:clamp(28px,5vw,70px)}
.about-copy>p:not(.eyebrow){font-size:17px;line-height:1.8}
.about-photo{background:#0a1a12;border:1px solid rgba(105,245,60,.22);border-radius:16px;padding:12px;box-shadow:0 16px 45px rgba(0,0,0,.2)}
.about-photo img{border-radius:10px;object-position:50% 20%}
.about-points{grid-column:1/-1;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:8px}
.about-points>div{background:#0a1a12;border:1px solid rgba(148,207,169,.14);border-radius:12px;padding:20px}
.about-points strong{font-family:Manrope,sans-serif;color:var(--green);font-size:clamp(22px,2.3vw,30px);display:block;line-height:1.2;margin-bottom:7px}
.about-points span{color:#c5d7cb;font-size:14px;line-height:1.5}
.certifications{max-width:1320px;margin:0 auto;padding:0 clamp(22px,5vw,70px) clamp(68px,8vw,110px)}
.certifications .section-intro{margin-bottom:25px}
.certifications h3{font-family:Manrope,sans-serif;font-size:clamp(28px,3.4vw,42px);letter-spacing:-.04em;line-height:1.15;margin:0}
.certifications h3 span{background:linear-gradient(95deg,#27dcb8,#7df36b);-webkit-background-clip:text;background-clip:text;color:transparent}
.cert-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.cert-card{display:flex;flex-direction:column;align-items:flex-start;min-width:0;padding:24px;border:1px solid rgba(148,207,169,.17);border-radius:14px;background:linear-gradient(145deg,#0b2117,#07130d);transition:transform .2s,border-color .2s}
.cert-card:hover{transform:translateY(-3px);border-color:rgba(105,245,60,.55)}
.cert-mark{display:grid;place-items:center;min-width:56px;height:42px;padding:0 10px;border-radius:9px;background:rgba(105,245,60,.13);border:1px solid rgba(105,245,60,.28);color:var(--green);font-family:Manrope,sans-serif;font-weight:800;font-size:16px;margin-bottom:17px}
.cert-type{font-size:10px;font-weight:700;letter-spacing:.14em;color:#8fa99a;margin-bottom:8px}
.cert-card strong{font-family:Manrope,sans-serif;font-size:18px;line-height:1.3}
.cert-card p{font-size:14px;line-height:1.6;color:var(--muted);margin:10px 0 18px}
.cert-link{margin-top:auto;color:var(--green);font-weight:700;font-size:13px}
.contact{max-width:none;padding:clamp(68px,8vw,110px) max(clamp(22px,5vw,70px),calc((100vw - 1180px)/2));background:#08170f;border-top:1px solid rgba(148,207,169,.15)}
.page-main>section[id]{scroll-margin-top:112px}
@media(max-width:850px){.hero{min-height:unset;padding-top:70px;padding-bottom:70px}.proof{padding:18px 22px}.about{grid-template-columns:minmax(0,1fr) minmax(170px,.55fr)}.cert-grid{grid-template-columns:1fr}.cert-card{padding:22px}}
@media(max-width:600px){.hero h1{font-size:clamp(40px,10vw,56px)}.hero-credibility{display:grid;grid-template-columns:1fr;gap:8px}.hero-credibility span{font-size:12px}.proof{padding:14px}.about{grid-template-columns:1fr}.about-photo{grid-column:1;grid-row:auto;width:min(72%,270px);justify-self:center}.about-copy,.about-points{grid-column:1;grid-row:auto}.about-points{grid-template-columns:1fr}.solutions-section .section-intro{padding-inline:0}.lower-showcase{margin:20px 18px 0}.lower-showcase .module-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.lower-showcase .module-card{min-height:160px}.certifications{padding-inline:18px}.contact{padding-inline:18px}}

/* Version 15 refinements: centered hero, no duplicate proof chips, and clearer credential hierarchy. */
.hero{display:flex;align-items:center;justify-content:center;text-align:center;max-width:none;min-height:clamp(480px,58vh,650px);padding:clamp(64px,8vw,100px) clamp(22px,5vw,70px);background:radial-gradient(ellipse at 50% 38%,rgba(13,89,50,.20),transparent 58%),linear-gradient(180deg,rgba(8,28,18,.24),rgba(4,15,10,0) 92%)}
.hero-copy{width:100%;max-width:930px;margin-inline:auto;display:flex;flex-direction:column;align-items:center}
.hero .eyebrow{justify-content:center}
.hero h1{max-width:900px;margin-inline:auto;text-wrap:balance}
.hero .lead{max-width:720px;margin-inline:auto}
.hero .actions{justify-content:center;flex-wrap:wrap}
.hero-tags{justify-content:center;flex-wrap:wrap}
.hero-credibility{display:none!important}
.proof{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));max-width:1180px;margin:0 auto;padding:22px clamp(22px,4vw,56px);gap:0;background:linear-gradient(90deg,rgba(8,23,15,.94),rgba(10,29,19,.8),rgba(8,23,15,.94));border:1px solid rgba(148,207,169,.12);border-radius:16px}
.proof-item{justify-content:center;padding:8px 20px}
.proof-item:last-child{border-right:0}
.cert-card{gap:0}
.cert-card .cert-mark{display:grid;place-items:center;width:58px;height:58px;min-width:58px;padding:5px;margin:0 0 16px;border-radius:12px;background:rgba(238,246,241,.96);border:1px solid rgba(148,207,169,.28);overflow:hidden}.cert-card .cert-mark img{display:block;width:100%;height:100%;object-fit:contain;border-radius:8px}
.cert-card strong{order:0;color:#f3f8f4;font-size:clamp(17px,1.5vw,20px);line-height:1.35;margin:0 0 8px}
.cert-card .cert-type{order:1;font-size:12px;letter-spacing:.015em;text-transform:none;color:#a9c3b4;margin:0 0 10px;line-height:1.5;font-weight:600}
.cert-card p{order:2;margin:0 0 20px}
.cert-card .cert-link{order:3}
.hero,.proof,.process,.solutions-section,.services,.about,.certifications,.contact{isolation:isolate}
.process{background:linear-gradient(180deg,rgba(7,19,13,.15),rgba(8,25,16,.5),rgba(7,19,13,.15))}
.solutions-section{background:linear-gradient(180deg,#08160f 0%,#091910 50%,#08160f 100%)}
.services.section{background:linear-gradient(180deg,#06110c 0%,#07150e 100%)}
.about{background:radial-gradient(ellipse at 80% 30%,rgba(20,96,56,.09),transparent 50%)}
@media(max-width:850px){.hero{min-height:unset;padding-top:72px;padding-bottom:72px}.proof{grid-template-columns:repeat(3,minmax(0,1fr));border-radius:12px;margin-inline:18px}.proof-item{padding:8px 12px}}
@media(max-width:600px){.hero{padding:64px 20px}.hero h1{font-size:clamp(38px,9vw,54px)}.hero .lead{font-size:16px}.hero-tags{gap:8px 14px}.proof{grid-template-columns:1fr;margin-inline:14px;padding:12px 16px}.proof-item{border-right:0!important;border-bottom:1px solid var(--line);flex-direction:row;align-items:center;justify-content:flex-start;padding:13px 4px}.proof-item:last-child{border-bottom:0}.proof-item>span{font-size:13px}.cert-card strong{font-size:19px}}


/* Version 16: put detailed credentials near the top and prioritize MD-Staff Certified Expert. */
.proof{grid-template-columns:repeat(2,minmax(0,1fr));max-width:1180px}
.proof-item{border-right:1px solid var(--line)}
.proof-item:last-child{border-right:0}
.hero-tags .expert-tag{color:#eaffdf;border:1px solid rgba(105,245,60,.5);background:linear-gradient(110deg,rgba(105,245,60,.14),rgba(32,217,106,.06));border-radius:999px;padding:7px 12px;font-weight:700}
.certifications{padding-top:clamp(42px,5vw,68px);padding-bottom:clamp(50px,6vw,78px);border-bottom:1px solid rgba(148,207,169,.12);background:linear-gradient(180deg,rgba(8,23,15,.62),rgba(7,18,13,.16))}
.certifications .section-intro{max-width:820px}
.certifications .section-intro>p:last-child{max-width:760px;line-height:1.65}
.cert-grid{grid-template-columns:1.18fr 1fr 1fr;align-items:stretch}
.cert-card-featured{border-color:rgba(105,245,60,.5);background:radial-gradient(ellipse at 0% 0%,rgba(105,245,60,.12),transparent 64%),linear-gradient(145deg,#10291a,#07130d);box-shadow:0 0 0 1px rgba(105,245,60,.07),0 12px 35px rgba(0,0,0,.14)}
.cert-card-featured strong{font-size:clamp(19px,1.7vw,23px);color:#f5fff2}
.cert-card-featured .cert-link{display:inline-flex;padding:8px 0 0;border-top:1px solid rgba(105,245,60,.2);width:100%}
@media(max-width:850px){.proof{grid-template-columns:repeat(2,minmax(0,1fr))}.cert-grid{grid-template-columns:1fr}.cert-card-featured{order:-1}}
@media(max-width:600px){.proof{grid-template-columns:1fr}.proof-item{border-right:0!important}.hero-tags .expert-tag{white-space:normal}.certifications{padding-top:38px}}


/* Version 19: add breathing room around the experience strip and credential section. */
.hero{padding-bottom:clamp(82px,9vw,124px)}
.proof{margin-top:clamp(18px,3vw,38px);margin-bottom:clamp(58px,7vw,92px)}
.certifications{padding-top:clamp(30px,4vw,56px);padding-bottom:clamp(72px,8vw,112px)}
.certifications .section-intro{margin-bottom:clamp(28px,3.5vw,42px)}
.cert-grid{gap:clamp(16px,1.8vw,24px)}
@media(max-width:850px){.hero{padding-bottom:76px}.proof{margin-top:18px;margin-bottom:54px}.certifications{padding-top:28px}}
@media(max-width:600px){.hero{padding-bottom:58px}.proof{margin:14px 14px 42px}.certifications{padding-top:24px;padding-bottom:64px}.certifications .section-intro{margin-bottom:24px}}

/* Version 20: progressive scroll reveals inspired by MD-Staff's section-by-section rhythm. */
.reveal-on-scroll{opacity:1;transform:none}
.motion-ready .reveal-on-scroll{opacity:0;transform:translateY(24px);transition:opacity .72s cubic-bezier(.2,.7,.2,1),transform .72s cubic-bezier(.2,.7,.2,1);transition-delay:var(--reveal-delay,0ms);will-change:opacity,transform}
.motion-ready .reveal-on-scroll.is-visible{opacity:1;transform:translateY(0);will-change:auto}
/* Keep the hero engaging on first load, with a restrained stagger. */
.motion-ready .hero-copy .eyebrow,.motion-ready .hero-copy h1,.motion-ready .hero-copy .lead,.motion-ready .hero-copy .actions,.motion-ready .hero-copy .hero-tags{animation:hero-enter .7s cubic-bezier(.2,.7,.2,1) both}
.motion-ready .hero-copy h1{animation-delay:90ms}
.motion-ready .hero-copy .lead{animation-delay:160ms}
.motion-ready .hero-copy .actions{animation-delay:230ms}
.motion-ready .hero-copy .hero-tags{animation-delay:300ms}
@keyframes hero-enter{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}
@media(prefers-reduced-motion:reduce){.motion-ready .reveal-on-scroll,.motion-ready .reveal-on-scroll.is-visible{opacity:1;transform:none;transition:none;animation:none}.motion-ready .hero-copy .eyebrow,.motion-ready .hero-copy h1,.motion-ready .hero-copy .lead,.motion-ready .hero-copy .actions,.motion-ready .hero-copy .hero-tags{animation:none}}


/* Version 21: bring the product credential into the experience strip and fade content both in and out while scrolling. */
.proof{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:10px;align-items:center}
.proof-expert{grid-column:1/-1;display:flex;align-items:center;justify-content:flex-start;padding:0 20px 2px}
.proof-expert .expert-tag{display:inline-flex;align-items:center;gap:5px;padding:7px 12px;border:1px solid rgba(105,245,60,.45);border-radius:999px;background:rgba(105,245,60,.06);color:#e7f7e9;font-size:12px;font-weight:800;white-space:nowrap}
.proof .proof-item{min-width:0}
.motion-ready .reveal-on-scroll{opacity:0;transform:translateY(26px);transition:opacity .62s cubic-bezier(.2,.7,.2,1),transform .62s cubic-bezier(.2,.7,.2,1);transition-delay:var(--reveal-delay,0ms);will-change:opacity,transform}
.motion-ready .reveal-on-scroll.is-visible{opacity:1;transform:translateY(0);will-change:auto}
@media(max-width:600px){.proof{grid-template-columns:1fr;row-gap:4px}.proof-expert{padding:2px 4px 8px}.proof-item{width:100%}}
@media(prefers-reduced-motion:reduce){.motion-ready .reveal-on-scroll,.motion-ready .reveal-on-scroll.is-visible{opacity:1;transform:none;transition:none;animation:none}}

/* V22: keep the expert credential in its own standalone bar; experience details live in About. */
.proof.proof-certification{display:flex;grid-template-columns:none;justify-content:flex-start;align-items:center;min-height:72px;padding:16px clamp(22px,4vw,56px);margin-top:clamp(18px,3vw,38px);margin-bottom:clamp(58px,7vw,92px);max-width:1180px;background:linear-gradient(90deg,rgba(8,23,15,.94),rgba(10,29,19,.8),rgba(8,23,15,.94));border:1px solid rgba(148,207,169,.12);border-radius:16px}
.proof-certification .proof-expert{display:flex;grid-column:auto;justify-content:flex-start;padding:0}
@media(max-width:850px){.proof.proof-certification{margin:18px 18px 54px;padding:16px 22px}}
@media(max-width:600px){.proof.proof-certification{margin:14px 14px 42px;padding:14px 18px;min-height:64px}.proof-certification .proof-expert{padding:0 4px}.proof-certification .expert-tag{white-space:normal}}

/* Version 24: clearer section snapping and a stronger current-section navigation state. */
html{scroll-snap-type:y proximity;scroll-padding-top:112px}
.page-main>section[id]{scroll-margin-top:112px;scroll-snap-align:start;scroll-snap-stop:normal}
.page-main>section[id]:not(#home){position:relative}
.page-main>section[id]:not(#home)::before{content:"";position:absolute;top:0;left:clamp(22px,6.5vw,100px);right:clamp(22px,6.5vw,100px);height:1px;background:linear-gradient(90deg,transparent,rgba(105,245,60,.24),rgba(50,215,177,.2),transparent);pointer-events:none}
.header nav>a:not(.nav-cta){position:relative;padding:10px 12px;border:1px solid transparent;border-radius:9px;transition:color .2s,background .2s,border-color .2s,box-shadow .2s}
.header nav>a:not(.nav-cta):hover{background:rgba(105,245,60,.07);border-color:rgba(105,245,60,.2)}
.header nav>a.active:not(.nav-cta),.header nav>a[aria-current="location"]:not(.nav-cta){color:var(--green);background:linear-gradient(180deg,rgba(105,245,60,.13),rgba(105,245,60,.055));border-color:rgba(105,245,60,.4);box-shadow:inset 0 0 0 1px rgba(105,245,60,.05),0 0 18px rgba(105,245,60,.07);font-weight:700}
.header nav>a.active:not(.nav-cta)::after,.header nav>a[aria-current="location"]:not(.nav-cta)::after{content:"";position:absolute;left:12px;right:12px;bottom:3px;height:2px;border-radius:2px;background:var(--green);box-shadow:0 0 8px rgba(105,245,60,.5)}
@media(max-width:850px){html{scroll-snap-type:y proximity}.header nav>a:not(.nav-cta){padding:10px 12px}.page-main>section[id]:not(#home)::before{left:20px;right:20px}}
@media(prefers-reduced-motion:reduce){html{scroll-snap-type:none}}

/* Version 25: reliably track the tab selected or crossed, and make major section arrivals more apparent. */
.page-main>section[id].section-scroll-transition{opacity:.28;transform:translateY(18px);transition:opacity .7s cubic-bezier(.2,.7,.2,1),transform .7s cubic-bezier(.2,.7,.2,1)}
.page-main>section[id].section-scroll-transition.section-in-view{opacity:1;transform:translateY(0)}
.header nav>a.active:not(.nav-cta){color:var(--green);background:linear-gradient(180deg,rgba(105,245,60,.19),rgba(50,215,177,.08));border-color:rgba(105,245,60,.58);box-shadow:inset 0 0 0 1px rgba(105,245,60,.08),0 0 22px rgba(105,245,60,.11);font-weight:800}
.header nav>a.active:not(.nav-cta)::after{left:9px;right:9px;bottom:2px;height:3px}
@media(prefers-reduced-motion:reduce){.page-main>section[id].section-scroll-transition,.page-main>section[id].section-scroll-transition.section-in-view{opacity:1;transform:none;transition:none}}


/* Version 26: remove native scroll snapping that could pull the page back to the previous section.
   Keep smooth anchor navigation and clear section landmarks without fighting normal wheel/touch scrolling. */
html {
  scroll-snap-type: none !important;
  scroll-behavior: smooth;
  scroll-padding-top: 112px;
}
.page-main > section[id] {
  scroll-snap-align: none !important;
  scroll-snap-stop: normal !important;
  scroll-margin-top: 112px;
}
@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; scroll-snap-type: none !important; }
}


/* Version 27: more distinct scroll chapters, with Contact reliably active at page end. */
.page-main > section[id]:not(#home) {
  position: relative;
  isolation: isolate;
}
.page-main > section[id]:not(#home)::before {
  content: "";
  position: absolute;
  z-index: -1;
  inset: 0;
  pointer-events: none;
  border-top: 1px solid rgba(105,245,60,.16);
  background:
    radial-gradient(ellipse at 12% 0%, rgba(32,217,106,.075), transparent 48%),
    linear-gradient(180deg, rgba(10,32,22,.25), rgba(4,17,11,.06) 72%);
}
.page-main > section[id]:nth-child(even)::before {
  background:
    radial-gradient(ellipse at 88% 0%, rgba(50,215,177,.065), transparent 46%),
    linear-gradient(180deg, rgba(8,27,20,.36), rgba(4,17,11,.1) 72%);
}
.page-main > section[id].section-scroll-transition {
  opacity: .12;
  transform: translateY(30px) scale(.992);
  transition: opacity .8s cubic-bezier(.2,.7,.2,1), transform .8s cubic-bezier(.2,.7,.2,1);
}
.page-main > section[id].section-scroll-transition.section-in-view {
  opacity: 1;
  transform: translateY(0) scale(1);
}
.motion-ready .reveal-on-scroll {
  opacity: 0;
  transform: translateY(34px);
  transition: opacity .78s cubic-bezier(.2,.7,.2,1), transform .78s cubic-bezier(.2,.7,.2,1);
  transition-delay: var(--reveal-delay, 0ms);
  will-change: opacity, transform;
}
.motion-ready .reveal-on-scroll.is-visible {
  opacity: 1;
  transform: translateY(0);
  will-change: auto;
}
.header nav>a.active:not(.nav-cta) {
  background: linear-gradient(180deg,rgba(105,245,60,.22),rgba(50,215,177,.1));
  border-color: rgba(105,245,60,.68);
  box-shadow: inset 0 0 0 1px rgba(105,245,60,.1), 0 0 24px rgba(105,245,60,.13);
}
@media(prefers-reduced-motion:reduce) {
  .page-main > section[id].section-scroll-transition,
  .page-main > section[id].section-scroll-transition.section-in-view,
  .motion-ready .reveal-on-scroll,
  .motion-ready .reveal-on-scroll.is-visible {
    opacity: 1; transform: none; transition: none;
  }
}