/* NGW 2026 Simplified Portal — isolated preview-only design system */
:root{--navy:#142c42;--ink:#203245;--blue:#2867ac;--cobalt:#315fb9;--sky:#eaf3fb;--paper:#f6f8fa;--white:#fff;--muted:#66768a;--line:#dce4ec;--bronze:#bd9462;--good:#148070;--warning:#ae783c;--shadow:0 14px 55px rgba(19,43,68,.065);--r:18px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font:15px/1.56 system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;color:var(--ink);background:var(--paper)}a{color:inherit}button,input,textarea,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.5}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #6bb3e6;outline-offset:2px}.wrap{width:min(1200px,calc(100% - 48px));margin:0 auto}.preview-banner{background:#f8eddd;color:#674d31;border-bottom:1px solid #ebdcc6;font-weight:650;font-size:12px;text-align:center;padding:9px 16px;letter-spacing:.02em}.top{background:#fff;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:15}.nav{min-height:76px;display:flex;align-items:center;justify-content:space-between;gap:16px}.brand{text-decoration:none;display:flex;gap:11px;align-items:center;font-weight:850;letter-spacing:.13em;color:var(--navy);font-size:21px;line-height:.9}.brandmark{width:38px;height:38px;border:2px solid var(--bronze);border-radius:11px;display:grid;place-items:center;font-size:23px;color:var(--bronze);font-weight:500}.brand small{display:block;font-size:9px;letter-spacing:.26em;margin-top:9px;font-weight:750}.links{display:flex;align-items:center;gap:20px;flex-wrap:wrap}.links a{text-decoration:none;font-size:13px;font-weight:680;color:#516477}.links a:hover,.links a.current{color:var(--blue)}.links .home-link{border:1px solid var(--line);border-radius:999px;padding:9px 14px}.section{padding:56px 0}.hero{padding:66px 0 45px;background:radial-gradient(ellipse at 77% 12%,#dfeef9 0,transparent 38%),linear-gradient(135deg,#fff,#f3f7fa)}.kicker{font-size:11px;font-weight:850;letter-spacing:.21em;text-transform:uppercase;color:var(--blue)}h1,h2,h3,p{margin-top:0}h1,h2,h3{color:var(--navy);letter-spacing:-.035em}h1{font-size:clamp(34px,4.7vw,60px);line-height:1.09;margin:15px 0 19px;max-width:870px}h2{font-size:clamp(25px,3vw,35px);line-height:1.2;margin:0 0 17px}h3{font-size:18px;margin-bottom:9px}.lead{color:#617187;font-size:17px;max-width:735px;line-height:1.7}.muted{color:var(--muted)}.small{font-size:12px}.tiny{font-size:11px}.hero-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(310px,.85fr);gap:30px;align-items:center}.card{background:#fff;border:1px solid var(--line);border-radius:var(--r);box-shadow:var(--shadow);padding:27px}.card.flat{box-shadow:none}.mini-panel{background:#fff;border:1px solid var(--line);border-radius:13px;padding:18px}.accent{color:var(--blue)}.gold{color:var(--bronze)}.grid2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.grid3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.grid4{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.split{display:grid;grid-template-columns:minmax(0,1fr) minmax(290px,.78fr);gap:26px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;border-radius:10px;padding:12px 19px;background:var(--navy);color:#fff;font-weight:750;text-decoration:none;border:1px solid var(--navy);font-size:13px}.btn:hover{background:#274761}.btn.outline{background:#fff;color:var(--navy);border-color:#cbd7e2}.btn.outline:hover{background:var(--sky)}.btn.goldbtn{background:var(--bronze);border-color:var(--bronze);color:#102335}.btn.light{background:var(--sky);color:var(--navy);border:1px solid #dae9f4}.btnline{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px}.eyebrow{display:inline-flex;gap:8px;align-items:center;color:var(--good);font-size:12px;font-weight:750}.pill{border-radius:999px;background:#e8f4ee;color:#256e55;padding:5px 10px;font-size:11px;font-weight:800;white-space:nowrap}.pill.amber{color:#855a30;background:#fff1df}.pill.blue{color:#245e9b;background:#e6f1fc}.pill.grey{color:#627183;background:#edf0f3}.tile-icon{width:46px;height:46px;border:1px solid #dce8f3;border-radius:13px;display:grid;place-items:center;background:#ecf4fa;font-size:21px;margin-bottom:20px}.label{font-size:12px;font-weight:720;color:#43556a;display:block;margin-bottom:7px}.field{display:block;width:100%;border:1px solid #ccd8e3;background:#fff;border-radius:10px;padding:12px 13px;color:var(--ink);outline:none}.field:focus{border-color:var(--blue);box-shadow:0 0 0 3px #d9ebfa}.field::placeholder{color:#99a7b6}.formrow{margin-bottom:18px}.formgrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 16px}.helper{font-size:12px;color:var(--muted);margin:4px 0 12px}.checkboxline{display:flex;align-items:flex-start;gap:11px;font-size:12px;color:#516174;line-height:1.6}.checkboxline input{margin-top:4px;accent-color:var(--blue)}.note{background:#f0f6fa;border:1px solid #d9e7f1;border-radius:12px;padding:14px 17px;color:#475d73;font-size:13px}.note.warning{background:#fff5e8;border-color:#f2dfc4;color:#785732}.step-list{list-style:none;padding:0;margin:20px 0 0}.step-list li{display:flex;align-items:center;gap:12px;padding:15px 0;border-bottom:1px solid var(--line)}.step-list li:last-child{border-bottom:0}.num{width:31px;height:31px;display:grid;place-items:center;background:#e8f0f8;border-radius:50%;color:#2464a2;font-weight:800;font-size:12px;flex:none}.steps4{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:22px 0}.steps4 .item{min-width:0;border-top:5px solid #e1e8ef;padding:15px 7px 7px;color:#63758b}.steps4 .item.done{border-color:#20897b}.steps4 .item.active{border-color:var(--bronze)}.steps4 .item strong{display:block;color:var(--navy);font-size:12px}.steps4 .item span{font-size:11px}.footer{border-top:1px solid var(--line);padding:27px 0 35px;color:#728397;font-size:12px;background:#fff}.footer-inner{display:flex;gap:10px;justify-content:space-between;flex-wrap:wrap}.footer a{color:#506a80;text-decoration:none}.mt16{margin-top:16px}.mt24{margin-top:24px}.mt32{margin-top:32px}.divider{border:0;border-top:1px solid var(--line);margin:22px 0}.text-right{text-align:right}.hidden{display:none!important}.reveal{margin-top:20px;background:#eff8f4;border:1px solid #c5e7dc;border-radius:13px;padding:16px;color:#245b50}.roles{display:flex;gap:8px;flex-wrap:wrap;margin:14px 0 23px}.roles button{border:1px solid var(--line);background:#fff;border-radius:100px;padding:9px 13px;color:#4f6277;font-size:12px;font-weight:740}.roles button.active{background:var(--navy);color:#fff;border-color:var(--navy)}.scrim{background:linear-gradient(140deg,#122d43,#315a74);color:#fff;border-radius:18px;padding:24px;min-height:245px}.scrim h3{color:#fff}.scrim p{color:#dcebf6}.scrim .kicker{color:#d0aa7b}.ceo-shell{display:grid;grid-template-columns:225px minmax(0,1fr);gap:24px;align-items:start}.sidebar{background:#142c42;color:#fff;border-radius:16px;padding:23px 15px;position:sticky;top:110px}.sidebar .navitem{display:block;width:100%;text-align:left;border:0;background:none;color:#d5e1ed;text-decoration:none;padding:12px 13px;border-radius:10px;font-size:13px;margin:2px 0}.sidebar .navitem.on{background:#31566e;color:#fff}.sidebar .navitem:hover{background:#25445c}.side-hint{color:#aabfce;font-size:11px;margin:15px 12px 6px;letter-spacing:.06em}.metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.metric{background:#fff;border:1px solid var(--line);border-radius:13px;padding:19px}.metric strong{display:block;color:var(--navy);font-size:26px;line-height:1.25}.metric span{color:var(--muted);font-size:11px}.demo-layout{display:grid;grid-template-columns:260px minmax(0,1fr);gap:18px;margin-top:20px}.case-list{background:#fff;border:1px solid var(--line);border-radius:14px;padding:10px}.casebtn{width:100%;background:transparent;border:0;border-radius:11px;padding:13px 12px;text-align:left;margin:2px 0}.casebtn.on,.casebtn:hover{background:#eef5fb}.casebtn strong{display:block;font-size:13px;color:var(--navy)}.casebtn small{color:var(--muted);font-size:11px}.stage8{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:17px}.stage8 button{border:1px solid var(--line);border-radius:11px;background:#fff;text-align:left;min-height:82px;padding:10px;font-size:11px;font-weight:750;color:#55697b}.stage8 button:before{content:'';display:block;width:28px;height:4px;background:#d9e0e6;border-radius:9px;margin-bottom:12px}.stage8 button.complete{background:#edf8f4;color:#1b6d61;border-color:#d4eadf}.stage8 button.complete:before{background:var(--good)}.stage8 button.current{border-color:#cea875;background:#fff7ed;color:#876337}.stage8 button.current:before{background:var(--bronze)}.stage8 button.selected{box-shadow:inset 0 0 0 2px #375f89}.stage-detail{background:#f2f7fb;border:1px solid #d8e4ee;border-radius:13px;padding:18px;margin-top:14px}.detail-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px;margin-top:13px}.detail-grid .mini-panel{padding:15px}.doc-row{border-bottom:1px solid var(--line);padding:12px 0;display:flex;gap:12px;justify-content:space-between;font-size:13px}.doc-row:last-child{border:0}.tabcontent{display:none}.tabcontent.active{display:block}.demo-only{display:inline-block;background:#f8e9d6;color:#745024;border-radius:6px;padding:4px 8px;font-size:10px;font-weight:850;letter-spacing:.08em}.status-example{border-left:3px solid var(--bronze);padding-left:14px;margin:18px 0}.top-actions{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap}.no-data{color:#6d8091;font-style:italic;font-size:13px}button.navitem{font-family:inherit}@media(max-width:960px){.links{gap:11px}.links a{font-size:12px}.hero-grid,.split{grid-template-columns:1fr}.ceo-shell{grid-template-columns:1fr}.sidebar{position:static;display:flex;gap:6px;flex-wrap:wrap}.sidebar .navitem{width:auto}.sidebar .side-hint{display:none}}@media(max-width:730px){.wrap{width:min(100% - 28px,1200px)}.nav{flex-direction:column;align-items:flex-start;padding:14px 0}.links{gap:9px}.links a{padding:4px 0}.hero{padding:43px 0 30px}.section{padding:37px 0}.grid2,.grid3{grid-template-columns:1fr}.grid4{grid-template-columns:repeat(2,minmax(0,1fr))}.formgrid,.metrics,.detail-grid{grid-template-columns:1fr}.demo-layout{grid-template-columns:1fr}.case-list{display:flex;overflow:auto}.casebtn{min-width:200px}.stage8{grid-template-columns:repeat(2,minmax(0,1fr))}.card{padding:20px}.steps4{grid-template-columns:repeat(2,minmax(0,1fr))}.ceo-shell{gap:16px}.sidebar{padding:12px}}

/* Updated NGW official brand integration + professional-but-simple refinement · Oct 28 */
:root{--navy:#051C2C;--blue:#0034BF;--cobalt:#0034BF;--paper:#f5f7f9;--bronze:#b59161}
.official-logo{display:block;width:min(280px,45vw);height:auto;max-height:70px;object-fit:contain;object-position:left center}
.brand{min-width:245px;letter-spacing:normal;line-height:normal}
.top{box-shadow:0 2px 13px rgba(5,28,44,.025)}
.hero{background:radial-gradient(ellipse at 85% 4%,rgba(135,177,211,.19),transparent 37%),linear-gradient(125deg,#fff,#f1f5f8)}
h1,h2,h3{letter-spacing:-.027em}
.kicker{color:#174f94;letter-spacing:.16em}
.scrim{background:linear-gradient(135deg,#051c2c,#113e5a)}
.form-section-title{display:flex;gap:13px;align-items:flex-start;border-top:1px solid #e1e8ef;margin:22px 0 22px;padding-top:23px}
.form-section-title:first-of-type{border:0;padding-top:0;margin-top:20px}
.form-section-title>span{flex:none;border-radius:9px;background:#e9f1fa;padding:8px 11px;color:#0034BF;font-size:12px;font-weight:850}
.form-section-title h3{margin:0 0 2px;font-size:17px}
.form-section-title p{color:var(--muted);margin:0;font-size:12px}
.credibility-section{background:#fff}
.sector-band{background:#f1f5f9}
.sector-tags{display:flex;gap:10px;flex-wrap:wrap}
.sector-tags span{background:#fff;border:1px solid var(--line);border-radius:99px;padding:11px 16px;color:#314b63;font-size:13px;font-weight:650}
.micro-icon{font-size:14px;border:1px solid #d6e2eb;color:#174f94;background:#f2f7fa;width:41px;height:41px;display:grid;place-items:center;border-radius:11px;font-weight:800;margin-bottom:17px}
.status-metadata{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;border-top:1px solid var(--line);margin-top:26px;padding-top:24px}
.status-metadata>div{background:#f6f8fa;padding:16px;border-radius:12px}
.status-metadata span{display:block;color:#647487;font-size:11px}
.status-metadata strong{font-size:13px;color:var(--navy)}
.link-map{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.map-card{display:flex;gap:16px;align-items:flex-start;background:#fff;border:1px solid #dce4ec;border-radius:16px;padding:24px;box-shadow:var(--shadow)}
.map-card.private{background:#f6f8fb}
.map-number{flex:none;color:#0034BF;font-weight:850;font-size:14px;border-radius:10px;background:#edf3fc;padding:9px 11px}
.map-card h3{margin:8px 0}
.map-card p{font-size:13px;color:var(--muted);line-height:1.65}
.map-card a{font-size:13px;font-weight:750;color:#0034BF;text-decoration:none}
.map-card a:hover{text-decoration:underline}
.preview-form .btn{margin-top:8px}
@media(max-width:960px){.official-logo{width:min(260px,45vw)}.brand{min-width:0}}
@media(max-width:730px){.official-logo{width:240px;max-height:60px}.link-map,.status-metadata{grid-template-columns:1fr}.sector-tags span{font-size:12px}.top{position:static}}
