@import url('./oxytech-v440.css');

/* V4.46 — UNIVERSAL PUBLIC STORY
   Goal: delight first, explain second. No investor memo blocks on the public page.
   The same page must make sense to a person, seller, partner or investor. */

/* ---------- WHY OXY ---------- */
#investment{
  background:linear-gradient(180deg,#f8f1e5 0%,#fffaf2 100%)!important;
  color:#0b1118!important;padding:64px 0 58px!important;
}
#investment .eyebrow{font-size:0!important;color:#b57b13!important}
#investment .eyebrow::after{content:'WHY OXY';font-size:11px;letter-spacing:.18em;font-weight:800}
.investHead{display:grid!important;grid-template-columns:.82fr 1.18fr!important;gap:48px!important;align-items:end!important;margin-bottom:24px!important}
.investHead .sectionTitle{font-size:0!important;margin:0!important}
.investHead .sectionTitle::before{content:'Life moves.';display:block;font-family:Georgia,'Times New Roman',serif;font-size:44px;line-height:1.02;color:#0b1118}
.investHead .sectionTitle::after{content:'OXY moves with it.';display:block;font-family:Georgia,'Times New Roman',serif;font-size:44px;line-height:1.02;color:#c58b1d;margin-top:3px}
.investHead>p{font-size:0!important;line-height:0!important;margin:0!important;max-width:620px!important}
.investHead>p::after{content:'Understand the moment. Bring the right help. Complete the commerce. Keep the value.';font-size:16px;line-height:1.5;color:#626b74;display:block}

.wedgeGrid{display:grid!important;grid-template-columns:.95fr 1.05fr!important;gap:16px!important;margin-bottom:16px!important;min-height:300px}
.wedgeCard{position:relative!important;overflow:hidden!important;padding:28px!important;border-radius:22px!important;border:1px solid rgba(183,129,25,.22)!important;background:#0b1118!important;color:#fff!important;box-shadow:0 18px 45px rgba(11,17,24,.10)!important}
.wedgeCard::after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,rgba(6,12,18,.03),rgba(6,12,18,.82)),url('https://images.unsplash.com/photo-1529156069898-49953e39b3ac?auto=format&fit=crop&w=1400&q=88') center/cover no-repeat;opacity:.78;z-index:0}
.wedgeCard>*{position:relative;z-index:2}.wedgeCard h3{font-size:0!important;margin:0 0 7px!important}
.wedgeCard h3::after{content:'One life. One flow.';font-family:Georgia,'Times New Roman',serif;font-size:31px;line-height:1.05;color:#fff}
.wedgeCard>p{font-size:0!important;line-height:0!important;margin:0!important}.wedgeCard>p::after{content:'Move · Eat · Shop · Pay · Enjoy';font-size:11px;line-height:1.4;color:#ead8aa;letter-spacing:.08em;text-transform:uppercase}
.wedgeSignals{position:absolute!important;left:28px;right:28px;bottom:24px;display:grid!important;grid-template-columns:repeat(2,1fr)!important;gap:8px!important;margin:0!important}
.wedgeSignals div{padding:10px 12px!important;border:1px solid rgba(255,255,255,.17)!important;border-radius:12px!important;background:rgba(8,14,20,.62)!important;backdrop-filter:blur(9px)}
.wedgeSignals b{display:block!important;color:#f0bf55!important;font-size:11px!important;margin:0!important}.wedgeSignals span{display:none!important}
.wedgeSignals div:nth-child(1) b{font-size:0!important}.wedgeSignals div:nth-child(1) b::after{content:'⌂  Near you';font-size:11px}.wedgeSignals div:nth-child(2) b{font-size:0!important}.wedgeSignals div:nth-child(2) b::after{content:'↻  Every day';font-size:11px}.wedgeSignals div:nth-child(3) b{font-size:0!important}.wedgeSignals div:nth-child(3) b::after{content:'↗  Better value';font-size:11px}.wedgeSignals div:nth-child(4) b{font-size:0!important}.wedgeSignals div:nth-child(4) b::after{content:'◇  One checkout';font-size:11px}

.wedgeFlow{position:relative!important;overflow:hidden!important;display:grid!important;grid-template-columns:repeat(3,1fr)!important;grid-template-rows:repeat(2,1fr)!important;gap:9px!important;padding:20px!important;border-radius:22px!important;background:linear-gradient(145deg,#08111a,#101d28)!important;border:1px solid rgba(210,160,49,.30)!important;box-shadow:0 18px 45px rgba(11,17,24,.10)!important}
.wedgeFlow::before{content:''!important;position:absolute!important;left:10%!important;right:10%!important;top:50%!important;height:1px!important;background:linear-gradient(90deg,transparent,#d9a632,transparent)!important;opacity:.45!important}
.wedgeFlow div{position:relative!important;z-index:2!important;display:flex!important;flex-direction:column!important;justify-content:flex-end!important;min-height:116px!important;padding:15px!important;border-radius:15px!important;background:linear-gradient(180deg,rgba(255,255,255,.05),rgba(255,255,255,.015))!important;border:1px solid rgba(218,168,57,.20)!important;text-align:left!important}
.wedgeFlow div::before{display:block;font-size:23px;color:#e2ad35;margin-bottom:auto}.wedgeFlow div:nth-child(1)::before{content:'◉'}.wedgeFlow div:nth-child(2)::before{content:'✦'}.wedgeFlow div:nth-child(3)::before{content:'↗'}.wedgeFlow div:nth-child(4)::before{content:'✓'}.wedgeFlow div:nth-child(5)::before{content:'◇'}.wedgeFlow div:nth-child(6)::before{content:'∞'}
.wedgeFlow b{font-size:0!important;margin:0 0 3px!important}.wedgeFlow span{font-size:0!important}
.wedgeFlow div:nth-child(1) b::after{content:'Understand';font-size:12px;color:#f0bc4e}.wedgeFlow div:nth-child(2) b::after{content:'Help';font-size:12px;color:#f0bc4e}.wedgeFlow div:nth-child(3) b::after{content:'Discover';font-size:12px;color:#f0bc4e}.wedgeFlow div:nth-child(4) b::after{content:'Checkout';font-size:12px;color:#f0bc4e}.wedgeFlow div:nth-child(5) b::after{content:'Keep value';font-size:12px;color:#f0bc4e}.wedgeFlow div:nth-child(6) b::after{content:'Learn';font-size:12px;color:#f0bc4e}
.wedgeFlow div:nth-child(1) span::after{content:'the moment';font-size:9px;color:#aeb7bf}.wedgeFlow div:nth-child(2) span::after{content:'at the right time';font-size:9px;color:#aeb7bf}.wedgeFlow div:nth-child(3) span::after{content:'what fits';font-size:9px;color:#aeb7bf}.wedgeFlow div:nth-child(4) span::after{content:'without friction';font-size:9px;color:#aeb7bf}.wedgeFlow div:nth-child(5) span::after{content:'after commerce';font-size:9px;color:#aeb7bf}.wedgeFlow div:nth-child(6) span::after{content:'for next time';font-size:9px;color:#aeb7bf}

.whyNow{display:grid!important;grid-template-columns:repeat(4,1fr)!important;gap:10px!important;margin-top:14px!important}.whyCard{min-height:92px!important;padding:16px!important;border-radius:15px!important;border:1px solid rgba(183,129,25,.18)!important;background:#fffaf1!important;box-shadow:none!important}.whyCard::before{display:block;font-size:19px;color:#c18b20;margin-bottom:10px}.whyCard:nth-child(1)::before{content:'✦'}.whyCard:nth-child(2)::before{content:'⇄'}.whyCard:nth-child(3)::before{content:'⌂'}.whyCard:nth-child(4)::before{content:'◎'}
.whyCard strong{display:block!important;font-family:inherit!important;font-size:0!important;margin:0!important}.whyCard span{display:none!important}.whyCard:nth-child(1) strong::after{content:'Smarter everyday help';font-size:12px;color:#15202a}.whyCard:nth-child(2) strong::after{content:'Connected commerce';font-size:12px;color:#15202a}.whyCard:nth-child(3) strong::after{content:'Built from Abu Dhabi';font-size:12px;color:#15202a}.whyCard:nth-child(4) strong::after{content:'Less app switching';font-size:12px;color:#15202a}

/* ---------- VALUE FOR EVERYONE ---------- */
#capital{position:relative!important;overflow:hidden!important;background:linear-gradient(160deg,#071019 0%,#0a1621 55%,#09121a 100%)!important;color:#fff!important;padding:64px 0 58px!important;border-top:1px solid rgba(205,158,49,.22)!important}
#capital::before{content:'';position:absolute;right:-110px;top:20px;width:420px;height:420px;border-radius:50%;background:radial-gradient(circle,rgba(222,168,45,.16),rgba(222,168,45,0) 66%)}
#capital .eyebrow{font-size:0!important;color:#c28a1b!important}#capital .eyebrow::after{content:'ONE ECOSYSTEM';font-size:11px;letter-spacing:.18em;font-weight:800}
.capitalHead{display:grid!important;grid-template-columns:.85fr 1.15fr!important;gap:48px!important;align-items:end!important;margin-bottom:24px!important}.capitalHead .sectionTitle{font-size:0!important;margin:0!important}.capitalHead .sectionTitle::before{content:'Useful for people.';display:block;font-family:Georgia,'Times New Roman',serif;font-size:42px;line-height:1.02;color:#fff}.capitalHead .sectionTitle::after{content:'Valuable for business.';display:block;font-family:Georgia,'Times New Roman',serif;font-size:42px;line-height:1.02;color:#d5a233;margin-top:3px}.capitalHead>p{font-size:0!important;line-height:0!important;margin:0!important}.capitalHead>p::after{content:'A human experience in front. Intelligence and commerce quietly working behind it.';display:block;font-size:16px;line-height:1.5;color:#b7c0c8;max-width:620px}

.flywheel{display:grid!important;grid-template-columns:repeat(6,1fr)!important;gap:8px!important;margin:16px 0 20px!important}.flywheel div{position:relative!important;min-height:102px!important;padding:14px 12px!important;border-radius:15px!important;border:1px solid rgba(211,161,49,.27)!important;background:linear-gradient(180deg,#111c26,#0c151e)!important;display:flex!important;flex-direction:column!important;justify-content:flex-end!important;text-align:left!important}.flywheel strong{font-size:0!important;margin:0 0 auto!important}.flywheel b{font-size:0!important;margin:0!important}.flywheel span{display:none!important}.flywheel div::before{display:block;margin-bottom:auto;color:#dca937;font-size:18px}.flywheel div:nth-child(1)::before{content:'◉'}.flywheel div:nth-child(2)::before{content:'✦'}.flywheel div:nth-child(3)::before{content:'↗'}.flywheel div:nth-child(4)::before{content:'✓'}.flywheel div:nth-child(5)::before{content:'∞'}.flywheel div:nth-child(6)::before{content:'↻'}
.flywheel div:nth-child(1) b::after{content:'Understand';font-size:12px;color:#fff}.flywheel div:nth-child(2) b::after{content:'Assist';font-size:12px;color:#fff}.flywheel div:nth-child(3) b::after{content:'Connect';font-size:12px;color:#fff}.flywheel div:nth-child(4) b::after{content:'Complete';font-size:12px;color:#fff}.flywheel div:nth-child(5) b::after{content:'Improve';font-size:12px;color:#fff}.flywheel div:nth-child(6) b::after{content:'Repeat';font-size:12px;color:#fff}

/* Turn the former investor panels into four universal audience value cards. */
.investorGrid{display:grid!important;grid-template-columns:repeat(4,1fr)!important;gap:10px!important}.proofPanel,.modelPanel{display:contents!important}.panelTitle,.integrityNote{display:none!important}.proofGrid,.modelGrid{display:contents!important}.proofCard,.modelCard{min-height:122px!important;padding:17px!important;border-radius:15px!important;background:#111d27!important;border:1px solid rgba(211,161,49,.21)!important;box-shadow:none!important;position:relative!important}.proofCard p,.modelCard p{display:none!important}.proofCard h3,.modelCard h3{font-family:inherit!important;font-size:0!important;margin:0!important}.proofCard::before,.modelCard::before{display:block;color:#dfaa36;font-size:22px;margin-bottom:24px}
.proofCard:nth-child(1)::before{content:'☺'}.proofCard:nth-child(2)::before{content:'↗'}.modelCard:nth-child(1)::before{content:'⇄'}.modelCard:nth-child(2)::before{content:'◇'}
.proofCard:nth-child(1) h3::after{content:'For people';font-size:13px;color:#e7b648}.proofCard:nth-child(2) h3::after{content:'For sellers';font-size:13px;color:#e7b648}.modelCard:nth-child(1) h3::after{content:'For partners';font-size:13px;color:#e7b648}.modelCard:nth-child(2) h3::after{content:'For investors';font-size:13px;color:#e7b648}
.proofCard:nth-child(1)::after{content:'Less friction · more useful moments';display:block;color:#aeb7bf;font-size:10px;line-height:1.4;margin-top:5px}.proofCard:nth-child(2)::after{content:'More discovery · conversion · repeat';display:block;color:#aeb7bf;font-size:10px;line-height:1.4;margin-top:5px}.modelCard:nth-child(1)::after{content:'New demand · connected rails · shared growth';display:block;color:#aeb7bf;font-size:10px;line-height:1.4;margin-top:5px}.modelCard:nth-child(2)::after{content:'One platform · multiple compounding economics';display:block;color:#aeb7bf;font-size:10px;line-height:1.4;margin-top:5px}
.proofCard:nth-child(3),.proofCard:nth-child(4),.modelCard:nth-child(3),.modelCard:nth-child(4){display:none!important}

/* Funding ask should not interrupt a public website. */
.raiseBlock,.capitalStatement{display:none!important}
.nav a[href='#investment']{display:none!important}

@media(max-width:1100px){.investHead,.capitalHead,.wedgeGrid{grid-template-columns:1fr!important}.whyNow{grid-template-columns:repeat(2,1fr)!important}.wedgeFlow{grid-template-columns:repeat(3,1fr)!important}.flywheel{grid-template-columns:repeat(3,1fr)!important}.investorGrid{grid-template-columns:repeat(2,1fr)!important}}
@media(max-width:700px){#investment,#capital{padding:46px 0!important}.investHead .sectionTitle::before,.investHead .sectionTitle::after,.capitalHead .sectionTitle::before,.capitalHead .sectionTitle::after{font-size:34px!important}.whyNow,.wedgeSignals,.investorGrid{grid-template-columns:1fr!important}.wedgeFlow,.flywheel{grid-template-columns:repeat(2,1fr)!important}.wedgeSignals{position:relative!important;left:auto!important;right:auto!important;bottom:auto!important;margin-top:150px!important}}