.emerald-page{--accent:#57d5b0}
.emerald-page .eyebrow{color:var(--accent)}
.emerald-page .nav-contact{border-color:var(--accent)}
.header-brands{display:flex;align-items:center;gap:2.5rem;min-width:0}
.emerald-header-brand{display:block;width:200px}
.emerald-header-art{display:block;width:100%;aspect-ratio:446/115}
.emerald-header-art>img{width:100%;height:auto}
.demo-section{padding-top:1.5rem;padding-bottom:3rem}
.showcase video{border-color:rgba(87,213,176,.2)}
.video-stage{position:relative}
.demo-play-button{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;align-items:center;justify-content:center;width:104px;height:104px;padding:0;border-radius:50%;border:2px solid rgba(255,255,255,.85);background:#16a779;color:#fff;box-shadow:0 4px 28px #0006;transition:background .15s ease,box-shadow .15s ease}
.demo-play-button svg{width:48px;height:48px;margin-left:6px}
.demo-play-button:hover{background:#0e8d64;box-shadow:0 4px 35px #0008}
.demo-play-button:focus-visible{outline:3px solid white;outline-offset:6px}
@media(max-width:700px){.demo-play-button{width:80px;height:80px}.demo-play-button svg{width:36px;height:36px}}
.transcript div{max-width:55rem}
.video-source-note{padding-top:1rem;border-top:1px solid var(--line)}
.video-source-note a{color:var(--accent);text-decoration:underline;text-underline-offset:3px}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.benefits-section,.planned-section{border-top:1px solid var(--line);padding-block:3rem}
.role-details{display:grid;grid-template-columns:1fr 1fr;gap:4rem}
.role-details h2{font-size:1.25rem;font-weight:600;letter-spacing:-.015em;line-height:1.4}
.role-details ul{color:var(--muted);margin:.8rem 0 0;padding-left:1.2rem}
.role-details li{margin:.55rem 0;padding-left:.15rem}
.role-details li::marker{color:var(--accent)}
.planned-section>h2{font-size:clamp(1.75rem,2.5vw,2.35rem)}
.planned-features{margin:1.25rem 0 0;padding-left:1.2rem;color:var(--muted);max-width:55rem}
.planned-features li{padding-left:.2rem}
.planned-features li::marker{color:var(--accent)}
.planned-features strong{display:block;color:var(--white);font-weight:600;margin-bottom:.35rem}
.box-section{background:var(--surface-deep);border-block:1px solid var(--line)}
.box-content{padding-block:3.5rem}
.box-content .eyebrow{margin-bottom:.7rem}
.box-content h2{font-size:clamp(2rem,3vw,2.65rem)}
.box-images{display:grid;grid-template-columns:1.65fr .85fr;gap:2.5rem;align-items:center;margin-top:2rem}
.transport-board{width:100%;height:auto;aspect-ratio:16/9;object-fit:contain;border-radius:6px}
.box-art{position:relative;width:100%;aspect-ratio:2.05;overflow:hidden;border-radius:6px;background:#d4dcd9}
.box-art img{position:absolute;width:210%;height:auto;max-width:none;left:-98%;top:-62%}
.emerald-contact{display:grid;grid-template-columns:.85fr 1.15fr;gap:5rem;align-items:start}
.emerald-contact h2{font-size:clamp(2rem,3vw,2.65rem)}
.emerald-contact p:not(.eyebrow):not(.form-status){margin-top:1.25rem;color:var(--muted)}
.emerald-contact .button{background:var(--accent)}
.emerald-contact .button:hover{background:#99ead1}
.emerald-contact .demo-note{font-size:.875rem;line-height:1.7}
.emerald-contact .form-actions{margin-top:.4rem;justify-content:center}
@media(max-width:850px){.role-details{gap:2rem}.box-images{gap:1.5rem}.emerald-contact{gap:3rem}}
@media(max-width:700px){.header-brands{gap:1.3rem}.emerald-header-brand{width:160px}.emerald-page .site-header nav{gap:1rem;flex-wrap:nowrap}.demo-section{padding-top:1rem;padding-bottom:2.5rem}.role-details,.box-images,.emerald-contact{grid-template-columns:1fr}.role-details{gap:2rem}.box-content{padding-block:3rem}.box-images{gap:1.5rem;margin-top:1.5rem}.box-art{max-width:360px;justify-self:center}.emerald-contact{gap:2.5rem}.emerald-contact .demo-note{padding-top:1.5rem;border-top:1px solid var(--line)}}
@media(max-width:430px){.emerald-page .site-header{gap:.7rem}.header-brands{gap:.7rem}.emerald-page .brand{width:75px}.emerald-header-brand{width:130px}.emerald-page .site-header nav{gap:.65rem;font-size:.8125rem}}