
:root{--navy:#062d57;--blue:#0b78b2;--teal:#00a39d;--mint:#eaf8f3;--ink:#0d2b4a;--muted:#697d8f;--line:#dce7ee;--soft:#f5f9fb}
*{box-sizing:border-box}body{margin:0;font-family:Arial,sans-serif;color:var(--ink);background:#fff;line-height:1.5}a{text-decoration:none;color:inherit}.wrap{width:min(1180px,calc(100% - 36px));margin:auto}
.topnav{position:sticky;top:0;z-index:20;background:#fff;border-bottom:1px solid var(--line)}.navin{height:78px;display:flex;align-items:center;gap:28px}.logo{height:50px}.navlinks{display:flex;gap:24px;margin-left:auto;font-size:14px;font-weight:700}.navbtns{display:flex;gap:10px;align-items:center}
.btn{display:inline-flex;align-items:center;justify-content:center;padding:13px 20px;border-radius:999px;font-weight:800;border:1px solid transparent}.btn-dark{background:var(--navy);color:#fff}.btn-primary{background:linear-gradient(100deg,#b6ef80,#76dfa0);color:#073858}.btn-outline{border-color:var(--line);background:#fff}.btn-light{border-color:#ffffff88;color:#fff}
.hero{background:linear-gradient(120deg,#031e39,#07577c 60%,#0b7891);color:#fff;padding:90px 0 55px}.hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:70px;align-items:center}.eyebrow,.kicker{font-size:12px;font-weight:900;letter-spacing:.16em;text-transform:uppercase;color:#9ee9dc;margin-bottom:16px}.hero h1,.section h2{margin:0;letter-spacing:-.045em;line-height:1.02}.hero h1{font-size:74px}.hero h1 span{color:#8ce8aa}.lead{font-size:19px;color:#ffffffc7;line-height:1.7}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin:28px 0}.proofs{display:flex;gap:28px;padding-top:20px;border-top:1px solid #ffffff28}.proofs div{display:flex;flex-direction:column}.proofs span{font-size:12px;color:#ffffff8c}
.preview,.panel,.card,.pricecard{background:#fff;border:1px solid var(--line);border-radius:22px;padding:22px}.preview{color:var(--ink);box-shadow:0 28px 70px #0004}.preview-top,.listrow{display:flex;justify-content:space-between;gap:18px}.preview-top{font-size:11px;color:#728596;border-bottom:1px solid var(--line);padding-bottom:13px}.status,.badge{display:inline-flex;background:var(--mint);color:#2b7a53;padding:5px 8px;border-radius:999px;font-size:10px;font-weight:900}
.orgline{display:flex;align-items:center;gap:13px;padding:18px 0}.greenov-mark{width:54px;height:54px;border-radius:16px;background:linear-gradient(135deg,#10b29c,#1788d1);color:#fff;display:grid;place-items:center;font-size:20px;font-weight:900}.orgname{font-size:19px;font-weight:900}.meta{font-size:12px;color:#738697}
.scorebox{display:flex;justify-content:space-between;align-items:center;background:linear-gradient(135deg,#edf7fa,#eefaf4);border-radius:18px;padding:17px}.scorebox small{display:block;font-size:10px;font-weight:900;letter-spacing:.11em}.scorebox strong{display:block;font-size:24px}.qbadge{width:70px;height:70px;border:8px solid #10a49e;border-radius:50%;display:grid;place-items:center;font-weight:900}
.section{padding:95px 0}.soft{background:var(--soft)}.dark{background:linear-gradient(130deg,#041f39,#073f5e);color:#fff}.section h2{font-size:58px}.two{display:grid;grid-template-columns:1fr .85fr;gap:70px;align-items:end}.intro{font-size:17px;color:var(--muted);line-height:1.7}.dark .intro{color:#ffffffad}
.cards3,.steps,.opp-list{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:40px}.card h3{font-size:22px;margin:28px 0 8px}.card p{font-size:14px;color:var(--muted)}.icon{font-size:28px;color:var(--teal)}.step{display:flex;gap:14px}.num{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:#e8f6f5;color:#078e88;font-weight:900;flex:0 0 auto}
.callgrid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:38px}.call{background:#ffffff12;border:1px solid #ffffff22;border-radius:22px;padding:24px}.chip{display:inline-flex;font-size:10px;border:1px solid var(--line);padding:6px 8px;border-radius:999px;margin:3px}.dark .chip{border-color:#ffffff2c;color:#fff}.callfoot{display:flex;justify-content:space-between;border-top:1px solid #ffffff24;padding-top:14px;margin-top:16px;font-size:12px}
.pricewrap{display:grid;grid-template-columns:.8fr 1.2fr;gap:70px;align-items:center}.pricehead{display:flex;justify-content:space-between;border-bottom:1px solid var(--line);padding-bottom:18px}.pricehead strong{font-size:52px;color:var(--teal)}.pricecard ul{list-style:none;padding:14px 0}.pricecard li{padding:8px 0}.pricecard li:before{content:"✓";color:#2ebd76;margin-right:10px;font-weight:900}.cta{background:linear-gradient(115deg,#eaf8f9,#eef9ed)}.ctabox{display:flex;justify-content:space-between;align-items:center;gap:50px}
.footer{background:#031d32;color:#fff;padding:36px 0}.footin{display:grid;grid-template-columns:1fr 1fr 1fr;gap:25px;align-items:center}.footer img{height:52px;background:#fff;border-radius:10px;padding:5px}.footer span{font-size:12px;color:#ffffff8c}
.pagehero{background:linear-gradient(120deg,#062d57,#0b7390);color:#fff;padding:60px 0}.pagehero h1{font-size:56px;margin:0}.filters{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:25px 0}.filter{border:1px solid var(--line);border-radius:13px;padding:12px;background:#fff}.opp-card{border:1px solid var(--line);border-radius:20px;overflow:hidden;background:#fff}.opp-img{height:130px;background:linear-gradient(135deg,#5cb8d2,#075b7c)}.opp-body{padding:17px}.opp-body h3{font-size:19px;margin:9px 0}.opp-body p{font-size:13px;color:var(--muted)}
.form-shell{min-height:100vh;background:linear-gradient(135deg,#0a4870,#087c92);padding:65px 20px}.form-card{width:min(900px,100%);margin:auto;background:#fff;border-radius:26px;padding:32px}.form-card h1{font-size:40px;margin:0}.progress{display:flex;gap:12px;margin:20px 0}.progress span{width:34px;height:34px;border:1px solid var(--line);border-radius:50%;display:grid;place-items:center;font-weight:900}.progress .active{background:var(--navy);color:#fff}.formgrid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.field{display:flex;flex-direction:column;gap:7px;font-size:12px;font-weight:850}.field.full{grid-column:1/-1}.field input,.field textarea,.field select{border:1px solid #d3dfe6;border-radius:12px;padding:13px}.formactions{display:flex;justify-content:space-between;align-items:center;margin-top:20px}.aihint{background:#f0fbf7;border:1px solid #c6eadd;border-radius:17px;padding:16px;margin-top:16px}
.dashboard{background:#f4f7f9;min-height:100vh}.appbar{height:72px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;padding:0 24px}.appbar img{height:45px}.spacer{flex:1}.layout{display:grid;grid-template-columns:230px 1fr;min-height:calc(100vh - 72px)}.sidebar{background:#062f54;color:#fff;padding:24px 16px}.sidebar a{display:block;padding:11px 12px;border-radius:9px;color:#ffffffbd;font-size:13px;margin-bottom:4px}.sidebar a.active{background:#ffffff1c;color:#fff}.content{padding:32px}.pagehead{display:flex;justify-content:space-between;gap:25px;margin-bottom:24px}.pagehead h1{font-size:34px;margin:0}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:18px}.listrow{padding:12px 0;border-top:1px solid #edf2f4}.listrow:first-child{border-top:0}.table{width:100%;border-collapse:collapse;font-size:13px}.table th,.table td{padding:10px;border-bottom:1px solid #edf2f4;text-align:left}.table th{font-size:10px;text-transform:uppercase;color:#748696}
@media(max-width:900px){.navlinks,.navbtns{display:none}.hero-grid,.two,.pricewrap,.grid2,.callgrid{grid-template-columns:1fr}.cards3,.steps,.opp-list{grid-template-columns:1fr}.layout{grid-template-columns:1fr}.sidebar{display:none}.filters{grid-template-columns:1fr 1fr}.formgrid{grid-template-columns:1fr}.field.full{grid-column:auto}.footin{grid-template-columns:1fr}}

/* V3: preserve original visual language while improving content */
.greenov-logo-real{width:86px;height:54px;border-radius:14px;background:#fff;border:1px solid var(--line);display:flex;align-items:center;justify-content:center;padding:7px;overflow:hidden}.greenov-logo-real img{max-width:100%;max-height:100%;object-fit:contain}.callgrid3{grid-template-columns:repeat(3,1fr)}.callcode{font-size:10px;letter-spacing:.04em;color:#ffffff91;margin:10px 0 12px;word-break:break-word}.free-note{background:linear-gradient(135deg,#f0faf6,#f5fbfb);border:1px solid #d8ece5;border-radius:16px;padding:17px}.free-note strong{display:block;margin-bottom:4px}.footer-full{padding:52px 0 22px}.footer-grid{display:grid;grid-template-columns:1.5fr .8fr .8fr 1fr;gap:42px;align-items:start}.footer-brand img{height:58px;background:#fff;border-radius:10px;padding:5px}.footer-brand p{margin:14px 0 5px}.footer-brand span{display:block;max-width:320px;line-height:1.6}.footer-col{display:flex;flex-direction:column;gap:8px}.footer-col strong{font-size:13px;margin-bottom:4px}.footer-col a{font-size:12px;color:#ffffff9c}.footer-col a:hover{color:#fff}.footer-bottom{display:flex;justify-content:space-between;gap:24px;border-top:1px solid #ffffff1a;margin-top:35px;padding-top:18px}.footer-bottom span{font-size:11px;color:#ffffff78}
@media(max-width:1100px){.callgrid3{grid-template-columns:1fr 1fr}.footer-grid{grid-template-columns:1.3fr 1fr 1fr}.footer-grid .footer-col:last-child{grid-column:2/4}}
@media(max-width:900px){.callgrid3{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr 1fr}.footer-grid .footer-col:last-child{grid-column:auto}.footer-bottom{flex-direction:column}}
@media(max-width:600px){.footer-grid{grid-template-columns:1fr}.greenov-logo-real{width:76px}.hero h1{font-size:50px}.section h2{font-size:42px}}

/* V4.2 — faithful coded version of the approved GREENOV card */
.topnav .navin{height:92px}
.topnav .logo{height:auto;width:190px;max-height:62px;object-fit:contain}
.hero{padding:80px 0 62px}
.hero-grid{grid-template-columns:1fr 1fr;gap:64px;align-items:center}
.hero h1{font-size:72px}
.kicker{font-size:15px;letter-spacing:.14em;margin-bottom:17px}
.section h2{font-size:68px}

.greenov-card{width:100%;max-width:570px;margin-left:auto;background:#fff;color:var(--ink);border:1px solid #dbe8ef;border-radius:25px;padding:18px;box-shadow:0 26px 65px rgba(0,0,0,.22)}
.greenov-card-head{display:grid;grid-template-columns:118px 1fr auto;align-items:center;gap:15px;padding:1px 1px 17px}
.greenov-logo-box{height:68px;border:1px solid #dbe7ee;border-radius:16px;background:#fff;display:flex;align-items:center;justify-content:center;overflow:hidden;padding:7px}
.greenov-logo-box img{width:100%;height:100%;object-fit:contain}
.greenov-name{font-size:25px;line-height:1.05;font-weight:900;letter-spacing:.01em;color:#062d57}
.greenov-meta{font-size:12px;color:#738697;margin-top:6px}
.verified-pill{display:inline-flex;align-items:center;gap:6px;background:#e5f7ef;color:#08795f;padding:8px 11px;border-radius:999px;font-size:10px;font-weight:900;white-space:nowrap}
.verified-check{width:18px;height:18px;border-radius:50%;background:#08a884;color:#fff;display:grid;place-items:center;font-size:12px}

.greenov-experience{position:relative;overflow:hidden;border-radius:19px;min-height:255px;background:linear-gradient(105deg,#04355c 0%,#075a77 62%,#08778a 100%);display:grid;grid-template-columns:1.38fr 1fr;color:#fff}
.greenov-experience:before{content:"";position:absolute;inset:0;background-image:linear-gradient(90deg,rgba(1,38,68,.86) 0%,rgba(2,51,80,.54) 45%,rgba(1,61,80,.58) 100%),url('assets/greenov-maritime-bg.jpg');background-size:cover;background-position:center;opacity:.95}
.experience-main,.experience-stats{position:relative;z-index:1}
.experience-main{padding:29px 24px 24px}
.experience-label{font-size:11px;font-weight:900;letter-spacing:.16em;color:#9ff4e5}
.experience-level{font-size:46px;line-height:1;font-weight:900;margin-top:9px;letter-spacing:-.04em}
.experience-copy{font-size:13px;margin-top:7px;color:rgba(255,255,255,.9)}
.track-btn{display:inline-flex;align-items:center;gap:22px;margin-top:24px;border:1px solid rgba(255,255,255,.75);border-radius:999px;padding:10px 16px;color:#fff;font-size:12px;font-weight:800;background:rgba(0,0,0,.08)}
.track-btn:hover{background:rgba(255,255,255,.1)}
.experience-stats{margin:25px 16px 25px 0;padding-left:18px;border-left:1px solid rgba(255,255,255,.35);display:flex;flex-direction:column;justify-content:center;gap:17px}
.experience-stat{display:grid;grid-template-columns:38px 1fr;gap:11px;align-items:start}
.stat-icon{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:rgba(28,156,219,.58);box-shadow:inset 0 0 0 1px rgba(255,255,255,.08)}
.stat-icon svg{width:21px;height:21px;fill:#fff}
.experience-stat strong{display:block;font-size:11px;line-height:1.25;color:#fff}
.experience-stat span:not(.stat-icon){display:block;font-size:9.5px;line-height:1.35;color:rgba(255,255,255,.83);margin-top:3px}

.greenov-call-card{margin-top:14px;min-height:198px;border:1px solid #d9e7ed;border-radius:19px;background:linear-gradient(120deg,#fff 0%,#fff 57%,#effaf7 100%);display:grid;grid-template-columns:minmax(0,1fr) 110px 150px;gap:10px;align-items:center;overflow:hidden;padding:17px 14px 17px 20px}
.call-copy{min-width:0}
.mission-pill{display:inline-flex;align-items:center;background:#dff6ed;color:#08775f;border-radius:999px;padding:7px 11px;font-size:9.5px;font-weight:900;letter-spacing:.05em}
.call-copy h3{font-size:22px;line-height:1.08;margin:13px 0 7px;color:#062d57;letter-spacing:-.02em}
.greenov-call-code{font-size:10px;color:#75899a;margin-bottom:8px}
.call-copy p{font-size:11px;line-height:1.45;color:#6d8193;margin:0}
.fit-badge{width:98px;height:98px;border-radius:50%;background:conic-gradient(#34f0c3 0 36%,#04a59a 36% 70%,#0c6b8d 70% 100%);padding:8px;display:grid;place-items:center;box-shadow:0 9px 24px rgba(0,120,125,.18)}
.fit-inner{width:100%;height:100%;border-radius:50%;background:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:#082e55}
.fit-check{width:24px;height:24px;border-radius:50%;background:#079d7c;color:#fff;display:grid;place-items:center;font-size:15px;font-weight:900;margin-bottom:2px}
.fit-inner strong{font-size:15px;line-height:1}
.fit-inner small{font-size:7.5px;line-height:1.05;color:#7890a1;margin-top:4px}
.call-photo-wrap{position:relative;height:164px;border-radius:16px;overflow:hidden}
.call-photo-wrap img{width:100%;height:100%;object-fit:cover;display:block}
.call-photo-wrap:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,70,90,.05),rgba(0,40,70,.05));pointer-events:none}
.call-arrow{position:absolute;right:10px;top:50%;transform:translateY(-50%);z-index:2;width:42px;height:42px;border-radius:50%;background:#e7faf4;color:#087b75;display:grid;place-items:center;font-size:24px;box-shadow:0 7px 18px rgba(0,0,0,.12)}

.footer-bottom span:first-child{font-weight:700;color:#a9eadf}

@media(max-width:1120px){
  .topnav .logo{width:170px}.hero-grid{gap:38px}.hero h1{font-size:64px}.section h2{font-size:62px}
  .greenov-card{max-width:540px}.greenov-card-head{grid-template-columns:105px 1fr auto}.greenov-name{font-size:22px}
}
@media(max-width:900px){
  .topnav .navin{height:82px}.topnav .logo{width:180px}.hero-grid{grid-template-columns:1fr}.greenov-card{max-width:650px;margin:22px auto 0}.section h2{font-size:56px}
}
@media(max-width:620px){
  .topnav .logo{width:164px}.greenov-card{padding:12px}.greenov-card-head{grid-template-columns:92px 1fr}.verified-pill{grid-column:1/-1;justify-self:start}.greenov-experience{grid-template-columns:1fr}.experience-stats{margin:0 18px 20px;padding:18px 0 0;border-left:0;border-top:1px solid rgba(255,255,255,.25)}.greenov-call-card{grid-template-columns:1fr 85px}.call-photo-wrap{grid-column:1/-1;height:140px}.fit-badge{width:80px;height:80px}.fit-inner strong{font-size:12px}.section h2{font-size:46px}.hero h1{font-size:50px}
}

/* V4.3 refinements: imagery, alignment, typography and consistent CTAs */
.hero .lead,
.section .intro,
.card p,
.step p,
.call-body p,
.pricewrap .intro,
.ctabox .intro{
  text-align:justify;
  text-justify:inter-word;
  hyphens:auto;
}
.hero .lead{max-width:610px;margin-top:22px;margin-bottom:0}
.two{align-items:start}
.section-intro-row{align-items:start}
.section .intro{max-width:560px;margin:6px 0 0 auto}
.cards3{align-items:stretch}
.cards3 .card{padding:28px 24px 26px;display:flex;flex-direction:column;min-height:252px}
.cards3 .card h3{font-size:22px;line-height:1.25;margin:30px 0 12px;min-height:55px}
.cards3 .card p{margin:0;line-height:1.6}
.steps{align-items:stretch}
.steps .card{min-height:210px;padding:27px 24px;align-items:flex-start}
.steps .card h3{font-size:21px;line-height:1.3;margin:7px 0 13px;min-height:54px}
.steps .card p{margin:0;line-height:1.55}
.proofs{align-items:flex-start}
.proofs div{min-width:105px}
.proofs strong{font-size:16px;line-height:1.2}.proofs span{line-height:1.35;margin-top:4px}

.opportunities-section{padding-top:88px;padding-bottom:92px}
.opportunities-section .two{margin-bottom:34px}
.opportunities-section .intro{max-width:520px;color:rgba(255,255,255,.78)}
.callgrid3{gap:20px;margin-top:0;align-items:stretch}
.call.call-visual-card{padding:0;overflow:hidden;display:flex;flex-direction:column;background:#163f59;border-color:rgba(255,255,255,.16);min-height:520px}
.call-visual{height:175px;position:relative;overflow:hidden;background:#0a5a78}
.call-visual:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,28,50,.05),rgba(0,28,50,.28));pointer-events:none}
.call-visual img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .25s ease}
.call-visual-card:hover .call-visual img{transform:scale(1.025)}
.call-program{position:absolute;left:16px;top:15px;z-index:2;display:inline-flex;align-items:center;background:rgba(232,250,245,.95);color:#06745f;padding:7px 10px;border-radius:999px;font-size:10px;font-weight:900;letter-spacing:.04em;box-shadow:0 4px 14px rgba(0,0,0,.12)}
.call-body{display:flex;flex-direction:column;flex:1;padding:21px 23px 20px}
.call-body .callcode{margin:0 0 12px;font-size:10px;line-height:1.4;min-height:28px;color:rgba(255,255,255,.62)}
.call-body h3{font-size:21px;line-height:1.3;margin:0 0 12px;min-height:82px;letter-spacing:-.012em}
.call-body p{font-size:14px;line-height:1.55;color:rgba(255,255,255,.83);margin:0 0 17px;min-height:66px}
.call-tags{margin-top:auto;min-height:66px;display:flex;align-content:flex-start;flex-wrap:wrap;gap:5px}
.call-tags .chip{margin:0;font-size:9.5px;padding:5px 8px}
.call-body .callfoot{margin-top:13px;padding-top:14px;font-size:12px;align-items:center}
.call-body .callfoot a{font-weight:800;color:#fff}

.pricewrap{align-items:start}.pricewrap>div:first-child{padding-top:42px}.pricewrap h2{max-width:520px}.pricewrap .intro{margin:18px 0 0;max-width:500px}
.ctabox>div{max-width:760px}.ctabox .intro{margin-top:14px;max-width:660px}

/* Improve hierarchy without crowding */
.kicker{margin-bottom:19px}.section h2{max-width:650px}
.dark .section-intro-row h2{max-width:610px}

@media(max-width:1100px){
  .call.call-visual-card{min-height:505px}.call-body h3{min-height:auto}.call-body p{min-height:auto}.call-tags{min-height:auto}
}
@media(max-width:900px){
  .section .intro{margin:18px 0 0;max-width:none}.cards3 .card,.steps .card{min-height:auto}.cards3 .card h3,.steps .card h3{min-height:auto}.call.call-visual-card{min-height:auto}.call-visual{height:210px}
}
.opp-img{height:165px;overflow:hidden}.opp-img img{width:100%;height:100%;object-fit:cover;display:block}.opp-body{display:flex;flex-direction:column;min-height:245px}.opp-body h3{line-height:1.3;min-height:74px}.opp-body p{text-align:justify;text-justify:inter-word;line-height:1.5;margin-bottom:18px}.opp-body .btn{margin-top:auto;align-self:flex-start}

/* V10.4.2 responsive navigation critical rules */
.mobile-menu-toggle,.member-mobile-toggle{display:none}
.mobile-nav-panel,.member-mobile-panel{display:none}
@media(max-width:900px){
  .mobile-menu-toggle{display:block;margin-left:auto;width:42px;height:42px;padding:9px;border:0;background:transparent;border-radius:10px;cursor:pointer}
  .mobile-menu-toggle span{display:block;height:2px;background:#07355c;margin:5px 0;border-radius:2px}
  .mobile-nav-panel{position:absolute;z-index:1000;top:82px;left:0;right:0;background:#fff;border-top:1px solid #dfe8ed;border-bottom:1px solid #dfe8ed;box-shadow:0 12px 28px rgba(4,43,67,.12);padding:16px 5%;flex-direction:column;gap:4px}
  .mobile-nav-panel.open{display:flex}
  .mobile-nav-panel>a,.mobile-nav-actions a{display:block;padding:12px 10px;color:#07355c;font-weight:800;text-decoration:none}
  .mobile-nav-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding-top:8px}
  .member-mobile-toggle{display:inline-flex;align-items:center;justify-content:center;margin-left:8px;border:1px solid #dce7ec;border-radius:9px;padding:8px 11px;font-size:12px;font-weight:800;background:#fff;color:#07355c}
  .member-mobile-panel{position:fixed;z-index:1500;top:70px;right:12px;left:12px;background:#fff;border:1px solid #dce7ec;border-radius:16px;box-shadow:0 18px 44px rgba(4,43,67,.18);padding:12px}
  .member-mobile-panel.open{display:block}
}
