html,body{max-width:100%;overflow-x:hidden}
body,main,main>section{width:100%}
.hero{position:relative;isolation:isolate;grid-template-columns:minmax(0,820px);min-height:100svh;color:#fff;background:#07111f}
.hero:after{content:"";position:absolute;z-index:-1;inset:0;background:linear-gradient(90deg,rgba(7,17,31,.88) 0%,rgba(7,17,31,.7) 48%,rgba(7,17,31,.18) 100%)}
.hero-video{position:absolute;z-index:-2;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;pointer-events:none}
.hero-audio-toggle{position:absolute;z-index:2;right:max(30px,7vw);bottom:32px;display:inline-flex;align-items:center;gap:9px;padding:11px 15px;border:1px solid rgba(255,255,255,.65);border-radius:999px;background:rgba(7,17,31,.58);color:#fff;font:700 13px "DM Sans",sans-serif;cursor:pointer;backdrop-filter:blur(10px);transition:background .2s,transform .2s}
.hero-audio-toggle:hover{background:rgba(7,17,31,.82);transform:translateY(-2px)}
.hero-audio-toggle:focus-visible{outline:3px solid var(--lime);outline-offset:3px}
.hero-audio-icon{font-size:17px;line-height:1}
.hero-copy{position:relative;max-width:820px}
.hero h1 em{color:var(--lime)}
.hero p{color:#e2e8ed;text-shadow:0 1px 16px rgba(0,0,0,.28)}
.hero .button.primary{background:var(--lime);color:var(--ink)}
.hero .button.ghost{border-color:rgba(255,255,255,.72);background:rgba(7,17,31,.3);color:#fff;backdrop-filter:blur(8px)}
.hero .trust-line{color:#d9e1e7}
.hero .trust-line i{background:var(--lime)}
.about-section{gap:70px 9vw}
.about-metric{margin-top:48px;display:flex;align-items:center;gap:20px;max-width:430px}
.about-metric strong{font-size:54px;line-height:1;color:#568e13}.about-metric span{color:var(--muted)}
.purpose-grid{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:18px}
.purpose-card{min-height:360px;padding:38px;display:flex;flex-direction:column;justify-content:flex-end;border:1px solid #cdd6c9;border-radius:var(--radius);background:#f8faf5}
.purpose-card>span{margin-bottom:auto;color:#568e13;font-size:12px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}
.purpose-card h3{max-width:520px;margin:35px 0 15px;font-size:32px;line-height:1.15}.purpose-card p{margin:0;color:var(--muted)}
.purpose-card-dark{background:var(--ink);color:#fff;border-color:var(--ink)}.purpose-card-dark>span{color:var(--lime)}.purpose-card-dark p{color:#b5c0ca}
.values-block{grid-column:1/-1;padding-top:25px;display:grid;grid-template-columns:.75fr 1.25fr;gap:8vw}
.values-block h3{margin:0;font-size:clamp(30px,3.5vw,46px);line-height:1.1}
.values-list{display:grid;grid-template-columns:1fr 1fr}.values-list article{padding:22px 20px 22px 0;border-top:1px solid #c5cec0}
.values-list article:last-child{grid-column:1/-1}.values-list b{font-size:18px}.values-list p{margin:5px 0 0;color:var(--muted)}
.contact-section{grid-template-columns:.8fr 1.2fr}
.contact-section>*{min-width:0}
.contact-form{width:100%;min-width:0;padding:34px;border:1px solid #344454;border-radius:var(--radius);background:rgba(255,255,255,.045)}
.form-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:22px 18px}
.form-grid label{min-width:0}
.contact-form label span{display:block;margin-bottom:7px;color:#cbd4dc;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.08em}
.contact-form input,.contact-form textarea{display:block;width:100%;max-width:100%;min-width:0;border:1px solid #4a5968;border-radius:11px;background:#101d2b;color:#fff;padding:14px 15px;font:inherit;outline:none;transition:border-color .2s,box-shadow .2s}
.contact-form textarea{resize:vertical;min-height:130px}.contact-form input:focus,.contact-form textarea:focus{border-color:var(--lime);box-shadow:0 0 0 3px rgba(167,239,69,.12)}
.form-wide{grid-column:1/-1}.form-trap{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;overflow:hidden!important}
.form-footer{margin-top:22px;display:flex;align-items:center;gap:18px}.contact-form button{border:0;cursor:pointer;font:700 15px "DM Sans",sans-serif}.contact-form button:disabled{cursor:wait;opacity:.65}
.contact-status{margin:0;font-size:14px}.contact-status.is-success{color:var(--lime)}.contact-status.is-error{color:#ffaaa5}
.contact-details{min-width:0;margin-top:24px;padding-top:20px;display:flex;gap:22px;flex-wrap:wrap;border-top:1px solid #344454;color:#bdc8d1;font-size:13px}.contact-details a{max-width:100%;overflow-wrap:anywhere}.contact-details a:hover{color:var(--lime)}
@media(max-width:900px){
  .purpose-grid,.values-block{grid-template-columns:1fr}
  .contact-section{grid-template-columns:minmax(0,1fr);gap:42px}
  .contact-copy,.contact-form{width:100%}
}
@media(max-width:600px){
  .hero{min-height:100svh;padding-top:135px;padding-bottom:70px;align-items:end}
  .hero:after{background:linear-gradient(180deg,rgba(7,17,31,.32) 0%,rgba(7,17,31,.72) 45%,rgba(7,17,31,.94) 100%)}
  .hero-video{object-position:center}
  .hero-audio-toggle{right:20px;bottom:18px}
  .purpose-card{min-height:330px;padding:28px}
  .purpose-card h3{font-size:27px}
  .values-list{grid-template-columns:1fr}
  .values-list article:last-child{grid-column:auto}
  .contact-section{padding:64px 20px;gap:30px}
  .contact-copy h2{font-size:clamp(34px,11vw,46px);line-height:1.02}
  .contact-copy p{margin-bottom:0;font-size:16px}
  .contact-form{padding:22px 18px;border-radius:18px}
  .form-grid{grid-template-columns:minmax(0,1fr);gap:17px}
  .form-wide{grid-column:auto}
  .contact-form input,.contact-form textarea{padding:13px 14px;border-radius:9px}
  .contact-form textarea{min-height:120px}
  .form-footer{align-items:stretch;flex-direction:column;margin-top:18px}
  .contact-form .button{min-width:0;width:100%}
  .contact-details{flex-direction:column;gap:10px;margin-top:20px}
}