.corporate-landing { --navy:#17243b; --blue:#315b78; --sky:#dbe8ef; --sand:#f2ede5; }
.corp-hero { background:linear-gradient(135deg,#f8f6f2 0%,#edf3f5 100%); border-bottom:1px solid var(--line); overflow:hidden; position:relative; }
.corp-hero:after { background:var(--navy); content:""; height:520px; opacity:.045; position:absolute; right:-180px; top:-220px; transform:rotate(20deg); width:520px; }
.corp-hero-grid { align-items:center; display:grid; gap:80px; grid-template-columns:1.05fr .95fr; min-height:650px; padding-bottom:70px; padding-top:70px; position:relative; z-index:1; }
.corp-hero-copy h1 { color:var(--navy); font-family:'DM Sans',Arial,sans-serif; font-size:62px; font-weight:600; letter-spacing:-3.5px; line-height:1.02; max-width:720px; }
.hero-lead { font-size:18px; line-height:1.75; max-width:650px; }
.hero-proof { display:flex; flex-wrap:wrap; gap:9px 22px; margin-top:32px; }
.hero-proof span { color:#4d5968; font-size:12px; font-weight:600; }
.hero-proof span:before { color:#327052; content:"✓"; margin-right:7px; }
.operations-card { background:#fff; border:1px solid #d8e0e5; border-radius:16px; box-shadow:0 28px 70px #17243b1c; padding:26px; }
.ops-head,.ops-row { align-items:center; display:flex; }
.ops-head { justify-content:space-between; padding-bottom:20px; }
.ops-head small,.ops-head strong { display:block; }
.ops-head small { color:#83909c; font-size:9px; font-weight:700; letter-spacing:1.5px; }
.ops-head strong { color:var(--navy); font-size:17px; margin-top:3px; }
.live-dot { background:#e5f4eb; border-radius:20px; color:#327052; font-size:11px; font-weight:700; padding:5px 10px; }
.live-dot:before { content:"●"; font-size:7px; margin-right:5px; }
.ops-stats { border-block:1px solid #edf0f2; display:grid; grid-template-columns:repeat(3,1fr); padding:20px 0; }
.ops-stats div { border-right:1px solid #edf0f2; padding-left:16px; }
.ops-stats div:first-child { padding-left:0; }.ops-stats div:last-child { border:0; }
.ops-stats strong,.ops-stats span { display:block; }.ops-stats strong { color:var(--navy); font-size:25px; }.ops-stats span { color:#83909c; font-size:10px; }
.response-bar { background:#edf0f2; border-radius:9px; height:6px; margin:22px 0; overflow:hidden; }.response-bar span { background:#477c68; display:block; height:100%; }
.ops-row { border-top:1px solid #edf0f2; gap:11px; padding:13px 0; }.ops-row .avatar { background:#e8eef2; border-radius:50%; color:var(--blue); display:grid; font-size:10px; font-weight:700; height:34px; place-items:center; width:34px; }.ops-row div { flex:1; }.ops-row strong,.ops-row small { display:block; }.ops-row strong { color:var(--navy); font-size:12px; }.ops-row small { color:#8a949d; font-size:10px; }.ops-row b { color:#327052; font-size:10px; }.ops-row b.pending { color:#9c7332; }.ops-foot { color:#8a949d; font-size:10px; padding-top:12px; text-align:center; }
.corp-strip { background:var(--navy); color:#fff; }.corp-strip .wrap { align-items:center; display:flex; gap:28px; justify-content:space-between; padding-bottom:23px; padding-top:23px; }.corp-strip span { color:#90a0b5; font-size:9px; font-weight:700; letter-spacing:2px; }.corp-strip strong { font-size:11px; font-weight:500; }
.corp-section { padding-bottom:95px; padding-top:95px; }.section-intro { max-width:760px; }.section-intro h2 { color:var(--navy); font-family:'DM Sans',Arial,sans-serif; font-size:44px; font-weight:600; letter-spacing:-2px; }.section-intro>p { font-size:17px; max-width:650px; }
.corp-feature-grid { display:grid; gap:20px; grid-template-columns:1.25fr 1fr 1fr; margin-top:45px; }.corp-feature { background:#fff; border:1px solid #dfe3e5; border-radius:12px; min-height:300px; padding:32px; }.corp-feature.featured { background:var(--navy); border-color:var(--navy); color:#fff; }.corp-feature.featured p { color:#c4ceda; }.corp-feature h3 { font-family:'DM Sans',Arial,sans-serif; font-size:21px; font-weight:600; }.feature-number { color:#8ba0b2; font-size:11px; font-weight:700; letter-spacing:1.5px; }.palette-sample { align-items:center; border-top:1px solid #ffffff24; display:flex; gap:7px; margin-top:35px; padding-top:19px; }.palette-sample i { border:2px solid #ffffff35; border-radius:50%; height:20px; width:20px; }.palette-sample i:nth-child(1){background:#d8a35d}.palette-sample i:nth-child(2){background:#f8f2e7}.palette-sample i:nth-child(3){background:#315b78}.palette-sample span{color:#c4ceda;font-size:10px;margin-left:7px}
.corp-process { background:var(--navy); color:#fff; padding:80px 0; }.section-intro.light h2 { color:#fff; }.process-grid { display:grid; grid-template-columns:repeat(4,1fr); margin-top:45px; }.process-grid article { border-left:1px solid #ffffff24; padding:5px 30px 5px 22px; }.process-grid article:first-child { border-left:0; padding-left:0; }.process-grid span { color:#7f95ac; font-size:11px; }.process-grid h3 { font-family:'DM Sans',Arial,sans-serif; font-size:18px; }.process-grid p { color:#aebac8; font-size:13px; }
.channel-section { align-items:center; display:grid; gap:80px; grid-template-columns:1fr 1fr; }.channel-section h2,.partner-section h2 { color:var(--navy); font-family:'DM Sans',Arial,sans-serif; font-size:42px; font-weight:600; letter-spacing:-2px; }.check-list { list-style:none; margin:28px 0 0; padding:0; }.check-list li { border-top:1px solid var(--line); color:#4e5863; padding:12px 0; }.check-list li:before { color:#327052; content:"✓"; margin-right:10px; }.channel-card { background:#eff3f5; border-radius:14px; padding:36px; }.channel-card>div { border-top:1px solid #d7e0e5; display:grid; gap:20px; grid-template-columns:90px 1fr; padding:19px 0 8px; }.channel-card b { color:var(--blue); font-size:10px; letter-spacing:1px; }.channel-card p { font-size:13px; margin:0; }
.client-section { background:var(--sand); padding:85px 0; }.audience-grid { display:grid; gap:1px; grid-template-columns:repeat(4,1fr); margin-top:42px; }.audience-grid>div { background:#fff; min-height:215px; padding:28px; }.audience-grid span { color:#9aa1a7; font-size:10px; }.audience-grid strong { color:var(--navy); display:block; font-size:16px; margin-top:42px; }.audience-grid p { font-size:12px; }
.partner-section { align-items:center; display:grid; gap:80px; grid-template-columns:1fr 1fr; padding-bottom:90px; padding-top:90px; }.partner-types { display:grid; gap:10px; grid-template-columns:1fr 1fr; }.partner-types span { background:#fff; border:1px solid #dfe3e5; border-radius:8px; color:var(--navy); font-size:12px; font-weight:600; padding:18px; text-align:center; }
.corp-cta { background:#264c67; color:#fff; padding:80px 25px; text-align:center; }.corp-cta>div { margin:auto; max-width:760px; }.corp-cta h2 { color:#fff; font-family:'DM Sans',Arial,sans-serif; font-size:42px; font-weight:600; letter-spacing:-2px; }.corp-cta p { color:#c9d6de; font-size:16px; }.corp-cta .btn { background:#fff; border-color:#fff; color:var(--navy); margin-top:16px; }
@media(max-width:900px){.corp-hero-grid,.channel-section,.partner-section{grid-template-columns:1fr}.corp-feature-grid{grid-template-columns:1fr}.process-grid,.audience-grid{grid-template-columns:1fr 1fr}.corp-strip .wrap{flex-wrap:wrap;justify-content:flex-start}.operations-card{max-width:560px}.corp-hero-copy h1{font-size:48px}.corp-section{padding-block:65px}}
@media(max-width:600px){.corp-hero-grid{gap:40px;min-height:auto;padding-block:50px}.corp-hero-copy h1{font-size:39px;letter-spacing:-2px}.corp-strip strong{width:45%}.process-grid,.audience-grid,.partner-types{grid-template-columns:1fr}.process-grid article{border-left:0;border-top:1px solid #ffffff24;padding:20px 0}.section-intro h2,.channel-section h2,.partner-section h2,.corp-cta h2{font-size:34px}.ops-stats strong{font-size:20px}}

/* Okesheni brand system */
.corporate-landing { --navy:#53142f; --blue:#6f1b3f; --sky:#f2e4e9; --sand:#f8f0e6; }
.corp-hero { background:linear-gradient(135deg,#fffaf4 0%,#f5e8ed 100%); }
.corp-hero-grid { grid-template-columns:.9fr 1.1fr; }
.corp-hero-copy h1 { color:#53142f; }
.event-slider { min-height:520px; position:relative; }
.event-slides { border-radius:22px; box-shadow:0 30px 80px #53142f2b; height:520px; overflow:hidden; position:relative; }
.event-slide { inset:0; margin:0; opacity:0; position:absolute; transform:scale(1.05); transition:opacity .8s ease,transform 1.3s ease; visibility:hidden; }
.event-slide.is-active { opacity:1; transform:scale(1); visibility:visible; }
.event-slide:after { background:linear-gradient(180deg,transparent 48%,#210914d9 100%); content:""; inset:0; position:absolute; }
.event-slide img { height:100%; object-fit:cover; width:100%; }
.event-slide figcaption { align-items:flex-end; bottom:0; color:#fff; display:flex; gap:14px; left:0; padding:30px; position:absolute; right:0; z-index:1; }
.event-slide figcaption span { color:#d8ad64; font-size:11px; letter-spacing:1px; }
.event-slide figcaption strong { font-family:'Playfair Display',Georgia,serif; font-size:24px; font-weight:500; }
.slider-controls { align-items:center; bottom:-26px; display:flex; gap:14px; justify-content:center; left:50%; position:absolute; transform:translateX(-50%); z-index:3; }
.slider-controls>button { background:#fff; border:1px solid #ead8df; border-radius:50%; color:#53142f; height:43px; padding:0; width:43px; }
.slider-dots { align-items:center; background:#fff; border:1px solid #ead8df; border-radius:30px; display:flex; gap:7px; padding:8px 12px; }
.slider-dots button { background:#d7c3ca; border:0; border-radius:50%; height:7px; padding:0; transition:width .3s ease,background .3s ease; width:7px; }
.slider-dots button.is-active { background:#a06f22; border-radius:6px; width:22px; }
.slider-stat { background:#fff; border:1px solid #ead8df; border-radius:12px; box-shadow:0 12px 32px #53142f20; left:-30px; padding:13px 18px; position:absolute; top:34px; z-index:3; }
.slider-stat b,.slider-stat span { display:block; }.slider-stat b { color:#53142f; font-size:13px; }.slider-stat span { color:#8c7b82; font-size:10px; }
.corp-strip { background:#53142f; }
.platform-infographic { align-items:center; display:grid; grid-template-columns:1fr auto 1fr auto 1fr auto 1fr; padding-bottom:34px; padding-top:34px; }
.platform-infographic div { padding:20px; text-align:center; }.platform-infographic strong,.platform-infographic span { display:block; }.platform-infographic strong { color:#53142f; font-family:'Playfair Display',Georgia,serif; font-size:38px; }.platform-infographic span { color:#817279; font-size:11px; }.platform-infographic i { background:#e8dadd; height:48px; width:1px; }
.corp-feature.featured,.corp-process { background:#53142f; border-color:#53142f; }.palette-sample i:nth-child(1){background:#d4a454}.palette-sample i:nth-child(2){background:#fff6e9}.palette-sample i:nth-child(3){background:#6f1b3f}
.visual-story { align-items:center; display:grid; gap:70px; grid-template-columns:1.08fr .92fr; padding-bottom:95px; padding-top:95px; }.visual-story h2 { color:#53142f; font-family:'DM Sans',Arial,sans-serif; font-size:42px; font-weight:600; letter-spacing:-2px; }.visual-story-image { border-radius:18px; box-shadow:0 22px 60px #53142f25; height:440px; overflow:hidden; position:relative; }.visual-story-image:after { background:linear-gradient(180deg,transparent 60%,#210914c7); content:""; inset:0; position:absolute; }.visual-story-image img { height:100%; object-fit:cover; width:100%; }.visual-story-image span { bottom:22px; color:#fff; font-family:'Playfair Display',Georgia,serif; font-size:24px; left:24px; position:absolute; z-index:1; }.journey-flow { align-items:center; display:flex; flex-wrap:wrap; gap:9px; margin-top:28px; }.journey-flow span { background:#f7ecdf; border-radius:30px; color:#53142f; font-size:10px; font-weight:700; padding:9px 13px; }.journey-flow i { color:#c99b4e; font-style:normal; }
.image-break { height:560px; overflow:hidden; position:relative; }.image-break>img { height:100%; object-fit:cover; width:100%; }.image-break:after { background:linear-gradient(90deg,#210914c7 0%,#21091438 70%); content:""; inset:0; position:absolute; }.image-break>div { color:#fff; left:max(28px,calc((100% - 1124px)/2)); max-width:480px; position:absolute; top:50%; transform:translateY(-50%); z-index:1; }.image-break>div img { filter:brightness(0) invert(1); height:auto; margin-bottom:28px; max-width:155px; }.image-break h2 { color:#fff; font-family:'DM Sans',Arial,sans-serif; font-size:46px; letter-spacing:-2px; }.corp-cta { background:#53142f; }
.reveal { opacity:0; transform:translateY(28px); transition:opacity .7s ease,transform .7s ease; }.reveal.is-visible { opacity:1; transform:none; }.corp-feature:nth-child(2),.process-grid article:nth-child(2),.audience-grid>div:nth-child(2){transition-delay:.1s}.corp-feature:nth-child(3),.process-grid article:nth-child(3),.audience-grid>div:nth-child(3){transition-delay:.2s}.process-grid article:nth-child(4),.audience-grid>div:nth-child(4){transition-delay:.3s}
nav img { height:auto; object-fit:contain; width:170px; } footer img { height:auto; margin-right:auto; max-width:145px; } footer { align-items:center; gap:24px; }
@media(max-width:900px){.corp-hero-grid,.visual-story{grid-template-columns:1fr}.event-slider,.event-slides{height:480px}.platform-infographic{grid-template-columns:1fr 1fr}.platform-infographic i{display:none}.slider-stat{left:15px}.visual-story{gap:40px}}
@media(max-width:600px){.event-slider,.event-slides{height:390px}.event-slide figcaption strong{font-size:19px}.platform-infographic{grid-template-columns:1fr 1fr}.visual-story-image{height:330px}.image-break{height:470px}.image-break h2{font-size:36px}footer{align-items:flex-start;flex-direction:column}.slider-stat{top:15px}.reveal{opacity:1;transform:none}}
@media(prefers-reduced-motion:reduce){.event-slide,.reveal{transition:none}.reveal{opacity:1;transform:none}}