:root{--warm:#f6f1e7;--warm2:#fbf8f1;--deep:#06263b;--deep2:#0a344a;--signal:#16b7aa;--safety:#df342c;--ice:#edf4f5}
body{background:var(--warm2)}
.header{background:rgba(250,247,240,.96);border-bottom:1px solid rgba(6,38,59,.09)}
.nav{min-height:74px}.brand img{width:38px;height:38px}.links{font-size:12px}.pill.dark{background:var(--deep)}
.hero{background:var(--warm);color:var(--deep)}.hero:before,.hero:after{display:none}.hg{min-height:720px;grid-template-columns:minmax(430px,.86fr) minmax(620px,1.14fr);gap:42px;padding:66px 0 58px}.badge{padding:0;background:none;color:var(--signal);letter-spacing:.06em}.hero h1{font-size:clamp(46px,5.2vw,74px);line-height:1.05;max-width:700px;margin:24px 0 16px}.hero h1 em{display:block;color:var(--safety)}.hero .lead{color:#627382;font-size:18px;line-height:1.75;max-width:680px}.hero .lead strong{color:var(--deep)}.hero .primary,.cta-band .primary{background:var(--safety);color:#fff;box-shadow:none}.hero .light{background:var(--deep);color:#fff}.hero .ghost{border-color:#aebbc3;color:var(--deep)}.hero .proof span{background:#fff;border-color:#e5e1da;color:var(--deep);min-height:auto;padding:9px 14px}.hero .visual{margin-right:-9vw;padding:0;border:1px solid #c7d1d3;border-radius:22px 0 0 22px;overflow:hidden;box-shadow:0 26px 60px rgba(16,36,46,.18);transform:none}.hero .visual-top,.hero .gate,.hero .proof-status{display:none}.hero .visual img{width:100%;max-height:none;object-fit:cover}
.signal-story{background:var(--deep);color:#fff}.signal-story .head{max-width:1020px}.signal-story .head h2{font-size:clamp(36px,4vw,58px)}.signal-story .head p{color:#bed0da}.signal-stage{display:grid;grid-template-columns:repeat(3,minmax(0,1fr)) minmax(270px,.9fr);gap:18px}.signal-source{position:relative;min-height:270px;overflow:hidden;border-radius:20px;background:#12384c}.signal-source img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.signal-source:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(3,20,33,.02),rgba(3,20,33,.86))}.signal-source div{position:absolute;z-index:1;left:20px;right:20px;bottom:19px}.signal-source small{color:#80e5d8;font-size:10px;font-weight:900;letter-spacing:.08em}.signal-source h3{margin:7px 0 0;font-size:21px}.event-receipt{padding:25px;border-radius:20px;background:var(--warm);color:var(--deep);display:flex;flex-direction:column;justify-content:center}.event-receipt small{color:var(--signal);font-weight:900}.event-receipt h3{font-size:23px;line-height:1.3;margin:14px 0}.receipt-tags{display:flex;gap:7px;flex-wrap:wrap}.receipt-tags span{padding:8px 10px;border-radius:999px;background:#e4f6f2;color:#086c65;font-size:10px;font-weight:900}.receipt-meta{margin:18px 0 10px;color:#526b7a;font-size:12px;line-height:1.7}.receipt-state{padding:10px 12px;border-radius:999px;background:var(--deep);color:#fff;text-align:center;font-size:11px;font-weight:900}.tech-line{margin-top:18px;color:#8dafbe;font-size:10px;letter-spacing:.035em}.verified-loop{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:8px;margin-top:25px}.loop-step{position:relative;padding-top:34px;color:#dbe8ee;font-size:11px}.loop-step:before{content:attr(data-step);position:absolute;top:0;left:0;width:25px;height:25px;border-radius:50%;display:grid;place-items:center;background:var(--signal);color:#fff;font-weight:900}.loop-step:last-child:before{background:var(--safety)}
.role-story{background:var(--ice)}.role-layout{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(360px,.75fr);gap:44px;align-items:center}.role-product{overflow:hidden;border-radius:22px;border:1px solid #ccd8dc;box-shadow:0 22px 55px rgba(6,38,59,.14);background:#fff}.role-product img{display:block;width:100%;height:auto}.role-list{display:grid;gap:11px}.role-item{display:grid;grid-template-columns:12px 1fr;gap:13px;padding:18px 20px;border:1px solid #d5dfe2;background:#fff;border-radius:14px}.role-item i{width:10px;height:10px;border-radius:50%;margin-top:6px;background:var(--signal)}.role-item:last-child i{background:var(--safety)}.role-item b{display:block;font-size:15px}.role-item span{display:block;margin-top:5px;color:#647683;font-size:12px;line-height:1.55}.role-chain{margin-top:15px;padding:14px 18px;border-radius:999px;background:var(--deep);color:#fff;font-size:11px;font-weight:800;text-align:center;letter-spacing:.035em}
.sector-showcase{background:var(--warm)}.sector-showcase:before{display:none}.sector-showcase,.sector-showcase .head p{color:var(--deep)}.sector-grid{gap:20px}.sector-card,.sector-card:nth-child(1),.sector-card:nth-child(6){grid-column:span 4;min-height:300px;border-radius:18px;border-color:#d6d0c7;box-shadow:none}.sector-card:after{background:linear-gradient(180deg,rgba(3,15,29,.03),rgba(3,15,29,.82))}.sector-loop{background:var(--deep);border:0}.sector-content{padding:22px}.sector-content h3{font-size:25px}.sector-content p{font-size:13px}.sector-content small{background:rgba(6,38,59,.58);color:#a8f1e8}.sector-loop b{color:#75e6d5}
#closure{background:#fff}.closure{box-shadow:none}.story-card{box-shadow:none}.assurance{background:#edf4f5}.cta-band{background:var(--warm);border-color:#ded4c6}.ip-band{background:var(--deep)}
@media(max-width:1180px){.hg{grid-template-columns:1fr;min-height:auto}.hero .visual{margin-right:-4vw}.signal-stage{grid-template-columns:repeat(2,minmax(0,1fr))}.verified-loop{grid-template-columns:repeat(4,1fr)}}
@media(max-width:940px){.role-layout{grid-template-columns:1fr}.hero .visual{margin:0;border-radius:22px}.sector-card,.sector-card:nth-child(1),.sector-card:nth-child(6){grid-column:span 6}}
@media(max-width:700px){.hg{padding:54px 0}.hero h1{font-size:clamp(40px,12vw,55px)}.signal-stage{grid-template-columns:1fr}.signal-source{min-height:230px}.verified-loop{grid-template-columns:repeat(2,1fr);row-gap:18px}.role-layout{gap:24px}.sector-card,.sector-card:nth-child(1),.sector-card:nth-child(6){grid-column:1/-1;min-height:290px}.role-chain{border-radius:18px;line-height:1.7}.hero .ghost{background:#fff}.signal-story .head h2{font-size:36px}}

/* 2026-09-28 readability hotfix: keep text legible over industry photography */
.sector-card:after{background:linear-gradient(180deg,rgba(3,15,29,.10) 10%,rgba(3,15,29,.56) 48%,rgba(3,15,29,.94) 100%)}
.sector-content h3{color:#fff;text-shadow:0 2px 12px rgba(0,0,0,.45)}
.sector-content p{color:#f2f7fa;text-shadow:0 1px 8px rgba(0,0,0,.35)}
.sector-content small{background:rgba(4,37,54,.82);color:#9bf5e8;border-color:rgba(155,245,232,.45)}