:root{--navy:#061b43;--navy2:#0d2c5f;--blue:#187ff0;--cyan:#75c8f4;--ink:#17243a;--muted:#68758a;--soft:#edf5fb;--line:#d4dee8;--white:#fff;--max:1060px}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:Inter,"Segoe UI",Arial,sans-serif;color:var(--ink);line-height:1.55;background:#fff}
img{max-width:100%;display:block}
a{color:inherit}
.shell{width:min(var(--max),calc(100% - 40px));margin:auto}
.hero{background:radial-gradient(circle at 80% 10%,#144c93 0,transparent 38%),linear-gradient(135deg,#041229,#082255 62%,#061a3d);color:#fff;padding-bottom:88px}
.nav{height:88px;display:flex;align-items:center;justify-content:space-between}
.brand{display:inline-flex;align-items:center;gap:12px;color:#fff;text-decoration:none;min-width:0}
.brand-symbol{position:relative;display:block;flex:0 0 58px;width:58px;height:44px;overflow:hidden}
.brand-symbol img{position:absolute;top:-13px;left:-6px;width:158px;max-width:none;height:auto}
.brand-wordmark{font-size:27px;font-weight:820;line-height:1;letter-spacing:.045em}
.hero-inner{padding-top:86px}
.hero h1{max-width:900px;font-size:clamp(2.35rem,5vw,4.2rem);line-height:1.02;margin:12px 0 18px;letter-spacing:-.04em}
.lead{max-width:900px;color:#d0d9e8;font-size:1.08rem}
.eyebrow{color:#1586d9;font-size:.81rem;letter-spacing:.14em;font-weight:800;margin:0 0 20px}
.eyebrow.light{color:#8fd3fa}
.button{display:inline-flex;align-items:center;justify-content:center;padding:14px 22px;border-radius:8px;text-decoration:none;background:var(--blue);color:#fff;font-weight:700;border:1px solid var(--blue);transition:transform .2s ease,background .2s ease}
.button:hover{transform:translateY(-2px);background:#086edf}
.button.small{padding:11px 18px}
.button.outline{background:transparent;border-color:#7d91b3}
.button.outline:hover{background:#ffffff12}
.button.full{width:100%}
.actions{display:flex;gap:14px;flex-wrap:wrap;margin:34px 0}
.hero-note{margin-top:45px;padding:28px 36px;border:1px solid #4b6283;border-radius:15px;background:#ffffff0d;display:flex;flex-direction:column}
.hero-note strong{color:#75c7f4}
.section{padding:82px 0}
.soft{background:var(--soft)}
.section h2{font-size:clamp(1.7rem,3vw,2.7rem);line-height:1.15;margin:0 0 24px;letter-spacing:-.02em}
.section h3{line-height:1.25}
.section p{margin:0 0 18px}
.muted{color:var(--muted)}
.section-heading{max-width:820px}
.main-image{margin:36px auto 0;max-width:900px;padding:14px;background:#fff;border-radius:20px;box-shadow:0 24px 60px #193d6720}
.main-image img{width:100%;height:auto;border-radius:13px}
.split-layout{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:56px;align-items:center}
.context-photo{margin:0;position:relative;overflow:hidden;border-radius:18px;background:#dce7f1;box-shadow:0 22px 48px #17385e1c}
.context-photo img{width:100%;height:390px;object-fit:cover}
.context-photo figcaption{position:absolute;left:0;right:0;bottom:0;padding:38px 22px 18px;color:#fff;font-size:.86rem;background:linear-gradient(transparent,#061b43dd)}
.field-photo img{height:470px;object-position:center}
.legal-note{border-left:3px solid #1997e5;padding-left:18px;color:var(--muted)}
.grid{display:grid;gap:0}
.two{grid-template-columns:repeat(2,1fr)}
.cards{border:1px solid var(--line);margin-top:38px;background:#fff;border-radius:14px;overflow:hidden}
.cards article,.feature-grid article{padding:28px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);min-height:126px}
.cards article:nth-child(2n),.feature-grid article:nth-child(2n){border-right:0}
.cards article:nth-last-child(-n+2),.feature-grid article:nth-last-child(-n+2){border-bottom:0}
.cards h3,.feature-grid h3{margin:0 0 4px}
.cards p,.feature-grid p{color:var(--muted);margin:0}
.dark,.final{background:var(--navy);color:#fff}
.compact-center{text-align:center}
.compact-center p{max-width:850px;margin-left:auto;margin-right:auto;color:#d2d9e5}
.pills{display:flex;gap:9px;flex-wrap:wrap;justify-content:center;margin-top:20px}
.pills span{padding:9px 14px;border-radius:999px;border:1px solid #ffffff30;background:#ffffff12;font-size:.9rem}
.flow-card{padding:30px 34px;border-radius:13px;display:flex;flex-direction:column;margin-top:35px}
.light-card{background:#fff;border:1px solid var(--line)}
.dark-card{background:var(--navy);color:#fff}
.down{text-align:center;color:#1c8fe9;font-size:34px;padding:12px}
.feature-grid{border:1px solid var(--line);margin-top:34px;border-radius:14px;overflow:hidden}
.icon-list{list-style:none;padding:0;margin:24px 0 0}
.icon-list li{padding:10px 0 10px 34px;position:relative}
.icon-list li:before{content:'✓';position:absolute;left:0;color:#1685e8;font-weight:800}
.identity-card{background:linear-gradient(135deg,#187df0,#0c2856 78%);color:#fff;border-radius:18px;padding:54px 62px}
.benefits article{min-height:145px}
.role-grid{gap:22px 28px;margin-top:36px}
.role-grid article,.steps-grid article{border-top:3px solid #1685e8;padding-top:16px}
.role-grid h3,.steps-grid h3{margin:0 0 3px}
.role-grid p,.steps-grid p{margin:0}
.steps-grid{gap:18px 26px;margin-top:38px}
.final .shell{max-width:980px}
.final p{color:#d5deeb}
.contact-box{background:#fff;color:var(--ink);padding:28px;border-radius:15px;margin-top:34px}
.contact-box h3,.contact-box p{margin:0 0 5px}
.contact-box .button{margin-top:14px}
footer{background:#03102b;color:#d1d8e4;padding:46px 0 24px}
.footer-grid{display:grid;grid-template-columns:1.25fr 1fr 1fr;gap:52px;align-items:start}
.footer-brand p{max-width:320px;color:#96a5b9;font-size:.9rem;margin:18px 0 0}
.footer-grid address,.footer-contact{display:flex;flex-direction:column;gap:7px;font-style:normal;font-size:.92rem}
.footer-grid strong{color:#fff;margin-bottom:5px}
.footer-contact a{text-decoration:none;color:#d1d8e4;overflow-wrap:anywhere}
.footer-contact a:hover,.footer-bottom a:hover{color:#75c8f4}
.footer-bottom{border-top:1px solid #ffffff1f;margin-top:34px;padding-top:20px;display:flex;justify-content:space-between;gap:20px;color:#7f90a8;font-size:.82rem}
.footer-bottom a{text-decoration:none}
@media(max-width:820px){
  .split-layout{grid-template-columns:1fr;gap:30px}
  .reverse-mobile .field-photo{order:2}
  .reverse-mobile .split-copy{order:1}
  .context-photo img,.field-photo img{height:340px}
  .footer-grid{grid-template-columns:1fr 1fr}
  .footer-brand{grid-column:1/-1}
}
@media(max-width:720px){
  .shell{width:min(var(--max),calc(100% - 28px))}
  .nav{height:78px}.brand-symbol{flex-basis:52px;width:52px;height:40px}.brand-symbol img{width:143px}.brand-wordmark{font-size:24px}
  .nav .button{width:auto;padding:10px 13px;font-size:.84rem}
  .hero{padding-bottom:62px}.hero-inner{padding-top:44px}.hero h1{font-size:2.38rem}.lead{font-size:1rem}
  .section{padding:60px 0}.two{grid-template-columns:1fr}
  .cards article,.feature-grid article{border-right:0;border-bottom:1px solid var(--line)!important}.cards article:last-child,.feature-grid article:last-child{border-bottom:0!important}
  .main-image{padding:7px;margin-top:26px;border-radius:13px}.main-image img{border-radius:9px;width:100%;height:auto;object-fit:contain}
  .context-photo img,.field-photo img{height:275px}
  .identity-card{padding:38px 24px}
  .button{width:100%}.hero-note{padding:22px}
  .footer-grid{grid-template-columns:1fr;gap:30px}.footer-brand{grid-column:auto}.footer-bottom{flex-direction:column}
}

.contact-page{min-height:100vh;background:linear-gradient(135deg,#041229,#082255 68%,#0b3168);color:#fff;display:flex;flex-direction:column}
.contact-header{border-bottom:1px solid #ffffff1c}
.contact-back{color:#d3dfef;text-decoration:none;font-weight:700}
.contact-back:hover{color:#75c8f4}
.contact-main{flex:1;padding:70px 0 82px}
.contact-layout{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:64px;align-items:start}
.contact-intro h1{font-size:clamp(2.2rem,4.5vw,4rem);line-height:1.05;letter-spacing:-.04em;margin:0 0 25px}
.contact-intro>p:not(.eyebrow){color:#cbd7e8;max-width:560px;font-size:1.05rem}
.contact-details{margin-top:40px;border-top:1px solid #ffffff2a}
.contact-details div{display:flex;flex-direction:column;gap:4px;padding:18px 0;border-bottom:1px solid #ffffff2a}
.contact-details span{color:#8fd3fa;font-size:.78rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase}
.contact-details a{color:#fff;text-decoration:none;font-weight:700}
.form-card{background:#fff;color:var(--ink);border-radius:20px;padding:34px;box-shadow:0 30px 70px #0005}
.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.form-grid label{display:flex;flex-direction:column;gap:8px;font-weight:750;font-size:.92rem}
.form-grid .wide{grid-column:1/-1}
.form-grid input,.form-grid select,.form-grid textarea{width:100%;border:1px solid #bdcbd9;border-radius:8px;background:#f8fbfd;color:var(--ink);font:inherit;padding:12px 13px;outline:none}
.form-grid textarea{resize:vertical;min-height:135px}
.form-grid input:focus,.form-grid select:focus,.form-grid textarea:focus{border-color:var(--blue);box-shadow:0 0 0 3px #187ff022;background:#fff}
.consent{display:flex;align-items:flex-start;gap:10px;margin:22px 0;color:#526177;font-size:.86rem}
.consent input{margin-top:4px;accent-color:var(--blue)}
.website-field{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;overflow:hidden!important}
.submit-button{border:0;cursor:pointer;font:inherit}
.submit-button:disabled{opacity:.65;cursor:wait;transform:none}
.form-status{min-height:24px;margin:16px 0 0!important;font-size:.9rem;font-weight:700}
.form-status.success{color:#087849}.form-status.error{color:#b42318}
.contact-footer{padding:22px 0;border-top:1px solid #ffffff1c;color:#9fb0c6;font-size:.84rem}
@media(max-width:820px){.contact-layout{grid-template-columns:1fr;gap:38px}.contact-main{padding-top:45px}}
@media(max-width:600px){.contact-header .nav{height:72px}.contact-back{font-size:.85rem}.contact-main{padding:38px 0 55px}.contact-intro h1{font-size:2.35rem}.form-card{padding:24px 20px;border-radius:15px}.form-grid{grid-template-columns:1fr}.form-grid .wide{grid-column:auto}}