:root{
  --ink:#0A0A0B; --ink-2:#161618;
  --paper:#ffffff; --bg:#F5F6F4; --bg-2:#ECEEEA; --line:#E3E5E0;
  --brand:#73FF19;            /* lime */
  --brand-strong:#63E80F;     /* button hover */
  --accent:#2E7D0A;           /* readable green for text on white */
  --brand-soft:#EEFFDD;
  --muted:#5F6560; --muted-2:#9AA096;
  --radius:16px; --radius-sm:11px; --radius-xs:8px;
  --maxw:1160px;
  --sans:'Inter',system-ui,-apple-system,Segoe UI,Roboto,sans-serif;
  --display:'Plus Jakarta Sans','Inter',system-ui,sans-serif;
  --shadow:0 1px 2px rgba(10,10,11,.05), 0 10px 26px -14px rgba(10,10,11,.22);
  --shadow-lg:0 24px 60px -24px rgba(10,10,11,.4);
  /* legacy tone slots kept so any leftover reference stays on-brand */
  --green:#2E7D0A; --violet:#17181A; --amber:#17181A; --sky:#17181A; --red:#17181A;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:140px}
body{font-family:var(--sans);color:var(--ink);background:var(--paper);line-height:1.55;-webkit-font-smoothing:antialiased}
h1,h2,h3,h4,.dsp{font-family:var(--display);letter-spacing:-.02em;line-height:1.12;color:var(--ink);font-weight:700;margin:0}
a{color:inherit;text-decoration:none}
img{max-width:100%}
.container-x{max-width:100%;width:100%;margin-inline:auto;padding-inline:clamp(16px,3.5vw,56px)}
.text-muted-2{color:var(--muted)!important}

/* ---------- Buttons ---------- */
.btn{border-radius:999px;font-weight:600;font-size:.9rem;padding:.55rem 1.15rem;transition:.18s}
.btn-brand{background:var(--brand);color:#0A0A0A;border:1px solid var(--brand);font-weight:700}
.btn-brand:hover{background:var(--brand-strong);color:#0A0A0A;border-color:var(--brand-strong)}
.btn-ghost{background:transparent;color:var(--ink);border:1px solid var(--line)}
.btn-ghost:hover{border-color:var(--ink);color:var(--ink)}
.btn-dark2{background:var(--ink);color:#fff;border:1px solid var(--ink)}
.btn-dark2:hover{background:#000;color:#fff}
.btn-icon{width:40px;height:40px;display:inline-grid;place-items:center;border-radius:999px;border:1px solid var(--line);background:#fff;color:var(--ink);transition:.18s;padding:0}
.btn-icon:hover{border-color:var(--ink)}
.ico{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}

/* ---------- Chips / meta ---------- */
.chip{display:inline-flex;align-items:center;gap:.35rem;font-size:.72rem;font-weight:600;padding:.28rem .6rem;border-radius:999px;background:#EEF0EC;color:var(--ink)}
.chip-dot::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--brand);display:inline-block}
.c-funding,.c-tech,.c-business,.c-stories,.c-news,.c-breaking{color:var(--ink);background:#EEF0EC}
.c-funding.chip-dot::before,.c-tech.chip-dot::before,.c-business.chip-dot::before,.c-stories.chip-dot::before,.c-news.chip-dot::before,.c-breaking.chip-dot::before{background:var(--brand)}
.meta{font-size:.8rem;color:var(--muted);display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}
.meta .sep{width:3px;height:3px;border-radius:50%;background:var(--muted-2)}
.meta .ico{width:15px;height:15px;stroke-width:1.8}

/* ---------- Placeholder media (black + lime) ---------- */
.ph{position:relative;overflow:hidden;background:#101011}
.ph::after{content:"";position:absolute;inset:0;background:linear-gradient(115deg,rgba(255,255,255,.06),transparent 42%),radial-gradient(120% 90% at 84% 12%,rgba(115,255,25,.22),transparent 55%)}
.ph .ph-tag{position:absolute;left:12px;top:12px;z-index:2}
.ph-indigo{background:linear-gradient(140deg,#1c1c22,#050506)}
.ph-green{background:linear-gradient(140deg,#294312,#070c01)}
.ph-amber{background:linear-gradient(140deg,#242414,#070700)}
.ph-violet{background:linear-gradient(140deg,#201b26,#060407)}
.ph-sky{background:linear-gradient(140deg,#13212a,#02070a)}
.ph-rose{background:linear-gradient(140deg,#241419,#0a0304)}
.ph-slate{background:linear-gradient(140deg,#232528,#0b0c0d)}
.ph-teal{background:linear-gradient(140deg,#0f2620,#020806)}
.ph-mono{position:absolute;inset:0;display:grid;place-items:center;z-index:1}
.ph-mono span{font-family:var(--display);font-weight:700;color:rgba(115,255,25,.92);font-size:clamp(1.4rem,4vw,2.4rem);letter-spacing:.02em}
.ar-16-9{aspect-ratio:16/9} .ar-4-3{aspect-ratio:4/3} .ar-1-1{aspect-ratio:1/1} .ar-3-2{aspect-ratio:3/2} .ar-9-16{aspect-ratio:9/16}
.avatar{border-radius:50%;display:grid;place-items:center;color:#fff;font-family:var(--display);font-weight:600;flex:none;background:#1B1B1E!important}
.avatar span{line-height:1}

/* ---------- Section frame ---------- */
.sec-head{display:flex;align-items:flex-end;justify-content:space-between;gap:1rem;margin-bottom:1.4rem}
.sec-head h2{font-size:clamp(1.35rem,2.4vw,1.75rem)}
.sec-kicker{display:flex;align-items:center;gap:.55rem;color:var(--muted);font-weight:600;font-size:.82rem;margin-bottom:.45rem}
.sec-kicker .bar{width:22px;height:2px;background:var(--brand);border-radius:2px}
.link-all{font-weight:600;font-size:.85rem;color:var(--accent);white-space:nowrap;display:inline-flex;align-items:center;gap:.3rem}
.link-all:hover{color:var(--ink)}
.link-all .ico{width:16px;height:16px}

/* ---------- Ticker ---------- */
.ticker-bar{background:#000;color:#fff;font-size:.82rem}
.ticker-wrap{display:flex;align-items:center;gap:1rem;height:42px}
.ticker-live{flex:none;display:inline-flex;align-items:center;gap:.4rem;font-weight:700;color:#0A0A0A;background:var(--brand);padding:.2rem .6rem;border-radius:6px;font-size:.72rem;letter-spacing:.03em}
.ticker-live .pulse{width:7px;height:7px;border-radius:50%;background:#0A0A0A;animation:pulse 1.4s ease-in-out infinite}
@keyframes pulse{0%,100%{opacity:1}50%{opacity:.25}}
.ticker{flex:1;overflow:hidden;position:relative;-webkit-mask-image:linear-gradient(90deg,transparent,#000 3%,#000 97%,transparent);mask-image:linear-gradient(90deg,transparent,#000 3%,#000 97%,transparent)}
.ticker-track{display:inline-flex;gap:2.4rem;white-space:nowrap;animation:ticker 42s linear infinite;will-change:transform}
.ticker:hover .ticker-track{animation-play-state:paused}
.ticker-track a{color:rgba(255,255,255,.82);font-weight:500}
.ticker-track a:hover{color:#fff}
.ticker-track b{color:var(--brand);font-weight:700;margin-right:.4rem}
@keyframes ticker{from{transform:translateX(0)}to{transform:translateX(-50%)}}
.ticker-date{flex:none;color:rgba(255,255,255,.65)}

/* ---------- Sticky header (both rows) ---------- */
.site-header{position:sticky;top:0;z-index:1030;background:#000}
.site-header.stuck{box-shadow:0 8px 26px -14px rgba(0,0,0,.7)}
.topbar{background:#000;border-bottom:1px solid #1b1b1b}
.topbar-in{display:flex;align-items:center;gap:1rem;height:60px}
.brand{display:inline-flex;align-items:center;gap:.6rem;flex:none}
.brand-pill{background:#fff;border-radius:10px;padding:5px 10px;display:inline-flex;align-items:center;line-height:0}
.brand-logo{height:26px;width:auto;display:block}
.brand-fallback{font-family:var(--display);font-weight:700;font-size:1.12rem;color:#0A0A0A;letter-spacing:-.02em;line-height:1}
.brand-fallback em{font-style:normal;color:var(--accent)}
.search{flex:1;max-width:440px;position:relative;margin-inline:.5rem}
.search input{width:100%;border:1px solid #262626;background:#141414;border-radius:999px;padding:.6rem 1rem .6rem 2.6rem;font-size:.9rem;color:#fff;transition:.18s}
.search input::placeholder{color:#8b8b8b}
.search input:focus{outline:none;border-color:var(--brand);background:#171717;box-shadow:0 0 0 3px rgba(115,255,25,.22)}
.search .ico{position:absolute;left:.95rem;top:50%;transform:translateY(-50%);color:#8b8b8b;width:18px;height:18px}
.top-actions{flex:none;display:flex;align-items:center;gap:.5rem;margin-left:auto}
.site-header .btn-ghost{color:#fff;border-color:#333}
.site-header .btn-ghost:hover{border-color:var(--brand);color:var(--brand)}
.site-header .btn-icon{background:#141414;border-color:#2a2a2a;color:#fff}
.site-header .btn-icon:hover{border-color:var(--brand);color:var(--brand)}

.navrow{background:#000;border-bottom:1px solid #1b1b1b}
.mainnav{display:flex;align-items:center;gap:.15rem;height:46px}
.mainnav a.nav-link{color:#f2f2f2;font-weight:600;font-size:.84rem;padding:.42rem .62rem;border-radius:8px;position:relative}
.mainnav a.nav-link:hover{color:var(--brand);background:#141414}
.mainnav a.nav-link.active{color:var(--brand)}
.mainnav a.nav-link.active::after{content:"";position:absolute;left:.7rem;right:.7rem;bottom:-1px;height:2px;background:var(--brand);border-radius:2px}
.nav-cat{margin-left:auto}
.dropdown-menu{border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow-lg);padding:.5rem;font-size:.88rem}
.dropdown-item{border-radius:8px;padding:.5rem .7rem;font-weight:500;display:flex;align-items:center;gap:.55rem}
.dropdown-item:active{background:var(--brand);color:#0A0A0A}
.cat-dot{width:8px;height:8px;border-radius:50%;flex:none;background:var(--brand)!important}
.offcanvas{width:82%!important;max-width:340px}
.oc-link{display:block;padding:.85rem .25rem;font-weight:600;border-bottom:1px solid var(--line);font-size:1rem}
.oc-link:hover{color:var(--accent)}

/* ---------- Hero ---------- */
.hero{padding:2rem 0 .5rem}
.feat{position:relative;border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow);background:#0A0A0A}
.feat .ph{aspect-ratio:16/9}
.feat .feat-body{position:absolute;inset:auto 0 0 0;padding:clamp(1.1rem,3vw,2rem);background:linear-gradient(0deg,rgba(4,6,3,.95),rgba(4,6,3,.4) 55%,transparent);color:#fff}
.feat h1{color:#fff;font-size:clamp(1.5rem,3.4vw,2.5rem);margin:.6rem 0 .55rem;max-width:20ch}
.feat p{color:rgba(255,255,255,.82);max-width:56ch;margin:0 0 .7rem;font-size:.98rem}
.feat .meta{color:rgba(255,255,255,.78)}
.feat .meta .sep{background:rgba(255,255,255,.5)}
.feat a.stretch::after{content:"";position:absolute;inset:0}
.feat-carousel{position:relative;border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow)}
.feat-carousel .feat{box-shadow:none;border-radius:0}
.hero-ctrl{position:absolute;top:44%;transform:translateY(-50%);z-index:4;width:42px;height:42px;border-radius:50%;background:rgba(4,6,3,.5);backdrop-filter:blur(3px);border:1px solid rgba(255,255,255,.28);color:#fff;display:grid;place-items:center;transition:.18s}
.hero-ctrl:hover{background:var(--brand);color:#0A0A0A;border-color:var(--brand)}
.hero-ctrl .ico{width:20px;height:20px}
.hero-ctrl.prev{left:12px}.hero-ctrl.next{right:12px}
@media(max-width:575px){.hero-ctrl{width:36px;height:36px;top:38%}}
.hero-inds{position:absolute;top:14px;bottom:auto;left:0;right:0;justify-content:center;z-index:4;display:flex;gap:6px;margin:0}
.hero-inds [data-bs-target]{width:8px;height:8px;border-radius:50%;background:rgba(255,255,255,.55);border:0;padding:0;transition:.18s}
.hero-inds .active{background:var(--brand);width:22px;border-radius:4px}
.latest-rail{display:flex;flex-direction:column;gap:.35rem}
.latest-rail .rail-head{font-family:var(--display);font-weight:700;font-size:1rem;display:flex;align-items:center;gap:.5rem;margin-bottom:.4rem}
.latest-rail .rail-head .bar{width:20px;height:2px;background:var(--brand)}
.rail-item{display:flex;gap:.8rem;padding:.7rem 0;border-bottom:1px solid var(--line);position:relative}
.rail-item:last-child{border-bottom:0}
.rail-item .ph{width:78px;height:60px;border-radius:10px;flex:none}
.rail-item h4{font-size:.92rem;font-weight:600;font-family:var(--sans);line-height:1.32;margin-bottom:.3rem}
.rail-item:hover h4{color:var(--accent)}
.rail-item .meta{font-size:.72rem}
.rail-item a.stretch::after{content:"";position:absolute;inset:0}

/* ---------- 70/30 FEED LAYOUT ---------- */
.feed{padding:clamp(1.4rem,3vw,2.4rem) 0 2.6rem}
.layout{display:flex;gap:2rem;align-items:stretch}
.lay-main{flex:1 1 auto;min-width:0}
.lay-side{flex:0 0 30%;max-width:30%}
.block{margin-bottom:clamp(2rem,4vw,3rem);scroll-margin-top:140px}
.block:last-child{margin-bottom:0}
.panel{border-radius:var(--radius);padding:clamp(1.15rem,2.4vw,1.7rem)}
.panel-soft{background:var(--bg)}
.panel-green{background:linear-gradient(180deg,#F4FFE9,#FBFFF5);border:1px solid #E1F3CC}
@media(max-width:991px){.layout{flex-direction:column;gap:2.4rem}.lay-side{flex-basis:auto;max-width:none;width:100%}}

/* sticky newsletter */
.side-sticky{position:sticky;top:134px}
@media(max-width:991px){.side-sticky{position:static;top:auto}}
.nl-card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow)}
.nl-top{background:#000;padding:1.3rem 1.4rem;color:#fff}
.nl-top .k{display:inline-flex;align-items:center;gap:.4rem;font-size:.74rem;font-weight:700;color:var(--brand);margin-bottom:.5rem}
.nl-top .k .dot{width:7px;height:7px;border-radius:50%;background:var(--brand);animation:pulse 1.4s ease-in-out infinite}
.nl-top h3{color:#fff;font-size:1.35rem;line-height:1.15}
.nl-top p{color:rgba(255,255,255,.8);font-size:.86rem;margin:.5rem 0 0}
.nl-body{padding:1.3rem 1.4rem}
.nl-body input{width:100%;border:1px solid var(--line);background:var(--bg);border-radius:10px;padding:.7rem .9rem;font-size:.9rem;margin-bottom:.6rem}
.nl-body input:focus{outline:none;border-color:var(--brand);background:#fff;box-shadow:0 0 0 4px var(--brand-soft)}
.nl-body .btn-brand{width:100%;border-radius:10px}
.nl-perks{list-style:none;padding:0;margin:1.1rem 0 0;display:flex;flex-direction:column;gap:.55rem}
.nl-perks li{display:flex;align-items:center;gap:.55rem;font-size:.83rem;color:var(--muted)}
.nl-perks .ico{width:16px;height:16px;color:var(--accent);stroke-width:2.6;flex:none}
.nl-follow{border-top:1px solid var(--line);margin-top:1.2rem;padding-top:1.1rem}
.nl-follow .lbl{font-size:.78rem;font-weight:600;color:var(--muted);margin-bottom:.6rem}
.nl-follow .socials{display:flex;gap:.5rem}
.nl-follow .socials a{width:38px;height:38px;border-radius:10px;border:1px solid var(--line);display:grid;place-items:center;color:var(--ink);transition:.18s}
.nl-follow .socials a:hover{background:var(--brand);color:#0A0A0A;border-color:var(--brand)}
.nl-follow .socials .ico{width:18px;height:18px}

/* ---------- Instagram Stories ---------- */
.stories-rail{display:flex;gap:1.1rem;overflow-x:auto;padding:.4rem .1rem .6rem;scrollbar-width:none;-ms-overflow-style:none;scroll-snap-type:x proximity;margin-bottom:1.1rem}
.stories-rail::-webkit-scrollbar{display:none}
.story{flex:0 0 auto;width:84px;text-align:center;cursor:pointer;scroll-snap-align:start}
.story-ring{width:76px;height:76px;border-radius:50%;padding:3px;margin:0 auto .45rem;background:conic-gradient(from 210deg,#F58529,#DD2A7B,#8134AF,#515BD4,#F58529)}
.story.seen .story-ring{background:var(--line)}
.story-ring .in{width:100%;height:100%;border-radius:50%;border:2px solid #fff;overflow:hidden;position:relative}
.story-add .story-ring{background:var(--bg-2);padding:0;border:2px dashed var(--muted-2)}
.story-add .plus{width:100%;height:100%;display:grid;place-items:center;color:var(--muted)}
.story-add .plus .ico{width:26px;height:26px;stroke-width:2.2}
.story .name{font-size:.74rem;color:var(--ink);font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.story .name.muted{color:var(--muted)}

/* ---------- Instagram Reels ---------- */
.reels-rail{display:flex;gap:1rem;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:.5rem;scrollbar-width:none;-ms-overflow-style:none}
.reels-rail::-webkit-scrollbar{display:none}
.reels-rail>*{scroll-snap-align:start;flex:0 0 calc((100% - 3rem)/4)}
@media(max-width:991px){.reels-rail>*{flex-basis:calc((100% - 2rem)/3)}}
@media(max-width:767px){.reels-rail>*{flex-basis:calc((100% - 1rem)/2)}}
@media(max-width:539px){.reels-rail>*{flex-basis:66%}}
.reel{cursor:pointer}
.r-thumb{aspect-ratio:9/16;border-radius:14px;overflow:hidden;position:relative;transition:.18s}
.reel:hover .r-thumb{transform:translateY(-2px);box-shadow:var(--shadow)}
.r-handle{position:absolute;top:10px;left:10px;z-index:3;color:#fff;font-size:.72rem;font-weight:600;display:flex;align-items:center;gap:.3rem;text-shadow:0 1px 3px rgba(0,0,0,.6)}
.r-handle .ico{width:15px;height:15px;stroke-width:2}
.r-badge{position:absolute;top:9px;right:9px;z-index:3;color:#fff}
.r-badge .ico{width:22px;height:22px;filter:drop-shadow(0 1px 2px rgba(0,0,0,.55))}
.reel .play{position:absolute;inset:0;display:grid;place-items:center;z-index:2}
.reel .play span{width:48px;height:48px;border-radius:50%;background:rgba(255,255,255,.92);display:grid;place-items:center;transition:.18s;box-shadow:0 8px 20px -8px rgba(0,0,0,.5)}
.reel:hover .play span{transform:scale(1.08);background:#fff}
.reel .play svg{width:20px;height:20px;fill:#0A0A0A;margin-left:2px}
.r-over{position:absolute;inset:auto 0 0 0;z-index:2;padding:.85rem .8rem .8rem;background:linear-gradient(0deg,rgba(4,6,3,.92),transparent);color:#fff}
.r-cap{font-weight:600;font-size:.84rem;line-height:1.28;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin-bottom:.45rem}
.r-stats{display:flex;gap:.85rem;font-size:.73rem;color:rgba(255,255,255,.9)}
.r-stats span{display:inline-flex;align-items:center;gap:.28rem}
.r-stats .ico{width:14px;height:14px;stroke-width:1.9}

/* ---------- Story / news cards ---------- */
.card-s{background:#fff;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;height:100%;display:flex;flex-direction:column;transition:.18s;position:relative}
.card-s:hover{border-color:#cfd4cb;box-shadow:var(--shadow);transform:translateY(-2px)}
.card-s .ph{aspect-ratio:16/9}
.card-s .card-body{padding:1rem 1.05rem 1.15rem;display:flex;flex-direction:column;gap:.55rem;flex:1}
.card-s h3{font-size:1.05rem;line-height:1.28;font-family:var(--sans);font-weight:700}
.card-s:hover h3{color:var(--accent)}
.card-s p{color:var(--muted);font-size:.87rem;margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.card-s .meta{margin-top:auto}
.card-s a.stretch::after{content:"";position:absolute;inset:0;z-index:1}
.card-foot{display:flex;align-items:center;gap:.5rem;font-size:.78rem;color:var(--muted)}
.card-foot .avatar{width:24px;height:24px;font-size:.62rem}

/* trending */
.trend-strip{background:#0A0A0B;border-radius:var(--radius);padding:clamp(1.15rem,2.4vw,1.7rem);color:#fff}
.trend-strip .sec-kicker,.trend-strip .link-all{color:rgba(255,255,255,.7)}
.trend-strip .sec-head h2{color:#fff}.trend-strip .link-all{color:var(--brand)}
.trend-strip .sec-kicker .bar{background:var(--brand)}
.trend-card{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.09);border-radius:14px;padding:1rem;display:flex;gap:.8rem;align-items:center;height:100%;transition:.18s;position:relative}
.trend-card:hover{background:rgba(115,255,25,.08);border-color:rgba(115,255,25,.28)}
.trend-rank{font-family:var(--display);font-weight:700;font-size:1.6rem;color:rgba(115,255,25,.42);line-height:1;flex:none;width:30px}
.trend-thumb{width:92px;height:68px;border-radius:10px;flex:none;background:#101011 center/cover no-repeat;position:relative}
.trend-thumb::after{content:"";position:absolute;inset:0;border-radius:10px;background:linear-gradient(180deg,transparent,rgba(0,0,0,.25))}
.trend-card h3{color:#fff;font-size:.95rem;font-family:var(--sans);font-weight:600;line-height:1.32;margin-bottom:.4rem}
.trend-card:hover h3{color:var(--brand)}
.trend-card .meta{color:rgba(255,255,255,.6)}
.trend-card a.stretch::after{content:"";position:absolute;inset:0}

/* funding */
.fund-card{background:#fff;border:1px solid var(--line);border-left:3px solid var(--brand);border-radius:var(--radius-sm);padding:1.05rem;height:100%;transition:.18s;position:relative}
.fund-card:hover{box-shadow:var(--shadow);transform:translateY(-2px)}
.fund-top{display:flex;align-items:center;gap:.7rem;margin-bottom:.7rem}
.fund-logo{width:44px;height:44px;border-radius:12px;flex:none;display:grid;place-items:center;overflow:hidden;position:relative}
.fund-logo span{font-family:var(--display);font-weight:700;color:rgba(115,255,25,.95);font-size:1.1rem;line-height:1}
.fund-co{font-family:var(--display);font-weight:700;font-size:1.02rem}
.fund-amt{font-family:var(--display);font-weight:700;font-size:1.5rem;color:var(--accent);line-height:1;margin:.2rem 0 .1rem}
.round-chip{font-size:.7rem;font-weight:700;color:var(--accent);background:#EAFFD6;padding:.2rem .5rem;border-radius:6px}
.fund-inv{font-size:.8rem;color:var(--muted);margin-top:.55rem}
.fund-card a.stretch::after{content:"";position:absolute;inset:0}

/* stories big */
.story-big{border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;background:#fff;height:100%;transition:.18s;position:relative;display:flex;flex-direction:column}
.story-big:hover{box-shadow:var(--shadow);transform:translateY(-2px)}
.story-big .ph{aspect-ratio:3/2}
.story-big .sb-body{padding:1.15rem 1.2rem 1.3rem;display:flex;flex-direction:column;gap:.55rem;flex:1}
.story-big h3{font-size:1.18rem;line-height:1.24}
.story-big:hover h3{color:var(--accent)}
.story-big p{color:var(--muted);font-size:.9rem;margin:0}
.story-big a.stretch::after{content:"";position:absolute;inset:0}

/* ---------- Sliders ---------- */
.rail{display:flex;gap:1rem;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:.5rem;scrollbar-width:none;-ms-overflow-style:none}
.rail::-webkit-scrollbar{display:none}
.rail>*{scroll-snap-align:start;flex:0 0 calc((100% - 2rem)/3)}
@media(max-width:767px){.rail>*{flex-basis:calc((100% - 1rem)/2)}}
@media(max-width:539px){.rail>*{flex-basis:84%}}
.rail-nav{display:flex;gap:.4rem}

/* video card */
.vid{border-radius:14px;overflow:hidden;background:#fff;border:1px solid var(--line);transition:.18s;position:relative}
.vid:hover{box-shadow:var(--shadow)}
.vid .thumb{aspect-ratio:16/9;position:relative}
.vid .play{position:absolute;inset:0;display:grid;place-items:center;z-index:2}
.vid .play span{width:52px;height:52px;border-radius:50%;background:rgba(255,255,255,.92);display:grid;place-items:center;box-shadow:0 8px 20px -8px rgba(0,0,0,.5);transition:.18s}
.vid:hover .play span{transform:scale(1.08);background:#fff}
.vid .play svg{width:22px;height:22px;fill:#0A0A0A;margin-left:3px}
.vid .dur{position:absolute;right:8px;bottom:8px;z-index:2;background:rgba(4,6,3,.85);color:#fff;font-size:.7rem;font-weight:600;padding:.15rem .4rem;border-radius:5px}
.vid .v-body{padding:.8rem .85rem .95rem}
.vid h4{font-size:.92rem;font-family:var(--sans);font-weight:600;line-height:1.3;margin:.5rem 0 .5rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.vid:hover h4{color:var(--accent)}
.vid a.stretch::after{content:"";position:absolute;inset:0;z-index:3}

/* gallery tile */
.gal{border-radius:14px;overflow:hidden;position:relative;aspect-ratio:4/5;cursor:pointer}
.gal .ph{position:absolute;inset:0}
.gal .g-over{position:absolute;inset:0;z-index:2;display:flex;flex-direction:column;justify-content:flex-end;padding:1rem;background:linear-gradient(0deg,rgba(4,6,3,.85),transparent 55%);color:#fff;opacity:.92;transition:.2s}
.gal:hover .g-over{opacity:1}
.gal .g-over h4{font-size:1rem;color:#fff;font-family:var(--sans);font-weight:700}
.gal .g-over p{font-size:.78rem;color:rgba(255,255,255,.8);margin:.2rem 0 0}
.gal .g-count{position:absolute;top:10px;right:10px;z-index:2;background:rgba(4,6,3,.6);color:#fff;font-size:.72rem;font-weight:600;padding:.2rem .5rem;border-radius:6px;display:flex;align-items:center;gap:.3rem;backdrop-filter:blur(4px)}
.gal .g-zoom{position:absolute;inset:0;z-index:1;display:grid;place-items:center;opacity:0;transition:.2s}
.gal:hover .g-zoom{opacity:1}
.gal .g-zoom span{width:46px;height:46px;border-radius:50%;background:rgba(255,255,255,.92);display:grid;place-items:center}
.gal .g-zoom .ico{color:var(--ink)}

/* testimonials */
.tcard{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:clamp(1.3rem,2.6vw,1.8rem);height:100%}
.tstars{display:flex;gap:.15rem;margin-bottom:.8rem}
.tstars .ico{width:17px;height:17px;fill:var(--brand);stroke:#3f8f12;stroke-width:1}
.tcard blockquote{font-family:var(--display);font-weight:500;font-size:clamp(1rem,1.5vw,1.15rem);line-height:1.45;color:var(--ink);margin:0 0 1.1rem}
.tperson{display:flex;align-items:center;gap:.8rem}
.tperson .avatar{width:46px;height:46px;font-size:.95rem}
.tperson .tn{font-family:var(--display);font-weight:700;font-size:.96rem}
.tperson .td{font-size:.79rem;color:var(--muted)}
.carousel-indicators{position:static;margin:1.3rem 0 0}
.carousel-indicators [data-bs-target]{width:9px;height:9px;border-radius:50%;background:var(--muted-2);opacity:.5;border:0;margin-inline:5px}
.carousel-indicators .active{opacity:1;background:var(--brand);width:26px;border-radius:5px}

/* ---------- Footer ---------- */
footer{background:#060607;color:rgba(255,255,255,.7);padding:3.4rem 0 1.6rem;font-size:.9rem}
footer h5{color:#fff;font-family:var(--display);font-weight:600;font-size:.85rem;letter-spacing:.02em;margin-bottom:1rem}
footer a{color:rgba(255,255,255,.65)}footer a:hover{color:var(--brand)}
footer ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.6rem}
.foot-about{max-width:32ch;margin:1rem 0 1.3rem;color:rgba(255,255,255,.6)}
.socials{display:flex;gap:.5rem}
.socials a{width:38px;height:38px;border-radius:10px;border:1px solid rgba(255,255,255,.14);display:grid;place-items:center;color:#fff;transition:.18s}
.socials a:hover{background:var(--brand);color:#0A0A0A;border-color:var(--brand)}
.socials .ico{width:18px;height:18px}
.foot-nl p{font-size:.85rem;color:rgba(255,255,255,.6);margin:0 0 .8rem}
.foot-nl input{width:100%;background:#141414;border:1px solid #262626;color:#fff;border-radius:9px;padding:.6rem .8rem;font-size:.85rem;margin-bottom:.5rem}
.foot-nl input::placeholder{color:#7c7c7c}
.foot-nl input:focus{outline:none;border-color:var(--brand)}
.foot-nl .btn{width:100%;border-radius:9px}
.foot-bottom{border-top:1px solid rgba(255,255,255,.1);margin-top:2.6rem;padding-top:1.4rem;display:flex;flex-wrap:wrap;gap:.6rem;justify-content:space-between;color:rgba(255,255,255,.5);font-size:.82rem}

#toTop{position:fixed;right:18px;bottom:18px;z-index:1040;opacity:0;pointer-events:none;transform:translateY(10px);transition:.22s;background:var(--brand);color:#0A0A0A;border:0}
#toTop.show{opacity:1;pointer-events:auto;transform:none}

@media (prefers-reduced-motion: reduce){.ticker-track{animation:none}*{scroll-behavior:auto!important}}
@media(max-width:575px){.topbar-in{height:64px}.search{display:none}}

/* ============================================================
   Additions: gradient headings, latest widget, video layout,
   gallery slider, neural-network section
   ============================================================ */

/* --- Gradient headings (refined) --- */
.sec-head h2,
.article-head h1,
.press-head h1{
  background:linear-gradient(95deg,#0A0A0A 0%,#2E7D0A 42%,#73FF19 100%);
  -webkit-background-clip:text;background-clip:text;
  -webkit-text-fill-color:transparent;color:transparent;
  display:inline-block;padding-bottom:.06em;
}
.sec-kicker{color:var(--accent)}

/* --- Latest news widget (right sidebar) --- */
.lnews{background:#fff;border:1px solid var(--line);border-radius:18px;padding:1.1rem 1.1rem .6rem;margin-bottom:1.25rem;box-shadow:0 18px 40px -30px rgba(0,0,0,.25)}
.lnews-head{display:flex;align-items:center;gap:.5rem;font-family:var(--display);font-weight:700;font-size:1.05rem;margin-bottom:.9rem}
.lnews-head .bar{width:18px;height:3px;border-radius:3px;background:var(--brand);display:inline-block}
.lnews-item{display:flex;gap:.8rem;padding:.7rem 0;border-top:1px solid var(--line)}
.lnews-item:first-of-type{border-top:0}
.lnews-thumb{width:74px;height:56px;border-radius:10px;flex:none;background:#101011 center/cover no-repeat;position:relative;overflow:hidden}
.lnews-item h5{font-size:.9rem;line-height:1.3;margin:.1rem 0 .3rem;font-family:var(--display);font-weight:600}
.lnews-item h5 a{color:var(--ink)}
.lnews-item h5 a:hover{color:var(--accent)}
.lnews-item .meta{font-size:.72rem;color:var(--muted)}
.lnews-more{display:block;text-align:center;padding:.7rem;font-weight:600;color:var(--accent)}

/* --- Video section: 1 big + row of small --- */
.vfeature{margin-bottom:1.25rem}
.vfeature .thumb{aspect-ratio:16/9;border-radius:16px}
.vfeature h4{font-family:var(--display);font-weight:700;font-size:clamp(1.15rem,2.4vw,1.6rem);margin-top:.7rem}
.vfeature .play span{width:64px;height:64px}
.vsmall .thumb{aspect-ratio:16/9;border-radius:13px}
.vsmall h4{font-size:.98rem;margin-top:.5rem}

/* --- Gallery: clean simple slider --- */
.gslider{display:flex;gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:.4rem;scrollbar-width:none}
.gslider::-webkit-scrollbar{display:none}
.gslide{flex:0 0 clamp(240px,42%,340px);scroll-snap-align:start}
.gslide .ph{aspect-ratio:16/9;border-radius:16px}
.gslide .gcap{display:flex;justify-content:space-between;align-items:center;margin-top:.55rem}
.gslide .gcap h4{font-family:var(--display);font-weight:600;font-size:1rem;margin:0}
.gslide .gcap .cnt{font-size:.78rem;color:var(--muted);display:inline-flex;align-items:center;gap:.3rem}

/* --- Neural Network live section --- */
.neural{position:relative;background:#050506;border-radius:22px;overflow:hidden;padding:2.4rem 1.2rem;border:1px solid rgba(115,255,25,.14)}
.neural::before{content:"";position:absolute;inset:0;background:radial-gradient(120% 90% at 50% 0,rgba(115,255,25,.14),transparent 60%)}
.neural .nn-head{position:relative;text-align:center;max-width:640px;margin:0 auto 1rem;z-index:2}
.neural .nn-head .sec-kicker{justify-content:center;display:inline-flex;color:var(--brand)}
.neural .nn-head h2{font-family:var(--display);font-weight:700;color:#fff;font-size:clamp(1.5rem,3.5vw,2.2rem);background:none;-webkit-text-fill-color:#fff}
.neural .nn-head p{color:rgba(255,255,255,.66);font-size:.98rem}
.neural canvas{position:relative;z-index:2;display:block;width:100%;height:420px;max-width:900px;margin:0 auto}
@media(max-width:600px){.neural canvas{height:340px}}
.neural .nn-legend{position:relative;z-index:2;display:flex;gap:1.2rem;justify-content:center;flex-wrap:wrap;margin-top:1rem;color:rgba(255,255,255,.7);font-size:.82rem}
.neural .nn-legend span{display:inline-flex;align-items:center;gap:.45rem}
.neural .nn-legend i{width:10px;height:10px;border-radius:50%;display:inline-block}

/* --- Video slider (small videos) --- */
.vslider{display:flex;gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:.4rem;scrollbar-width:none}
.vslider::-webkit-scrollbar{display:none}
.vslider .vsmall{flex:0 0 clamp(240px,30%,320px);scroll-snap-align:start}

/* --- Gallery flat image slides --- */
.gslide.gimg{cursor:pointer}
.gslide.gimg .ph{aspect-ratio:1;border-radius:16px}

/* --- Video hub: big featured + up-next list --- */
.video-hub{display:grid;grid-template-columns:1.7fr 1fr;gap:1.3rem;align-items:start}
@media(max-width:820px){.video-hub{grid-template-columns:1fr}}
.vhub-feature{position:relative}
.vhub-feature .thumb{aspect-ratio:16/9;border-radius:16px}
.vhub-feature .play span{width:66px;height:66px}
.vhub-feature h4{font-family:var(--display);font-weight:700;font-size:clamp(1.1rem,1.9vw,1.5rem);margin-top:.75rem;line-height:1.25}
.vlist{display:flex;flex-direction:column;gap:.4rem}
.vlist-item{display:flex;gap:.8rem;align-items:center;padding:.45rem;border-radius:12px;transition:background .15s}
.vlist-item:hover{background:rgba(0,0,0,.045)}
.vlist-thumb{position:relative;width:140px;flex:none;aspect-ratio:16/9;border-radius:10px;background:#101011 center/cover no-repeat;overflow:hidden}
.vlist-thumb .vplay{position:absolute;inset:0;display:grid;place-items:center}
.vlist-thumb .vplay svg{width:26px;height:26px;color:#fff;fill:#fff;filter:drop-shadow(0 2px 6px rgba(0,0,0,.55))}
.vlist-thumb .vdur{position:absolute;right:6px;bottom:6px;background:rgba(0,0,0,.8);color:#fff;font-size:.68rem;padding:.05rem .35rem;border-radius:5px}
.vlist-body{display:flex;flex-direction:column;min-width:0}
.vlist-title{font-family:var(--display);font-weight:600;font-size:.92rem;line-height:1.3;color:var(--ink);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.vlist-item:hover .vlist-title{color:var(--accent)}
.vlist-meta{font-size:.75rem;color:var(--muted);margin-top:.25rem}

/* --- Video featured slider (inside video hub) --- */
.vhub-slider{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;min-width:0}
.vhub-slider::-webkit-scrollbar{display:none}
.vhub-slider .vhub-feature{flex:0 0 100%;scroll-snap-align:start}

/* --- Header beautify: top accent line --- */
.site-header::before{content:"";display:block;height:3px;background:linear-gradient(90deg,#2E7D0A,#73FF19 50%,#2E7D0A)}

/* --- Search overlay (opens on click) --- */
.search-overlay{position:fixed;inset:0;z-index:1050;background:rgba(0,0,0,.62);backdrop-filter:blur(3px);display:none;align-items:flex-start;justify-content:center;padding-top:13vh}
.search-overlay.open{display:flex}
.search-overlay .sbox{width:min(680px,92vw);background:#111;border:1px solid #2a2a2a;border-radius:16px;padding:1rem;box-shadow:0 30px 80px -20px rgba(0,0,0,.85)}
.search-overlay form{display:flex;gap:.5rem;align-items:center}
.search-overlay .sfield{flex:1;position:relative}
.search-overlay input{width:100%;border:1px solid #333;background:#1a1a1a;border-radius:12px;padding:.85rem 1rem .85rem 2.9rem;color:#fff;font-size:1rem}
.search-overlay input::placeholder{color:#8b8b8b}
.search-overlay input:focus{outline:none;border-color:var(--brand);box-shadow:0 0 0 3px rgba(115,255,25,.22)}
.search-overlay .sfield .ico{position:absolute;left:.95rem;top:50%;transform:translateY(-50%);color:#8b8b8b;width:20px;height:20px}
.search-overlay .shint{color:#777;font-size:.78rem;margin-top:.65rem;text-align:center}

/* --- Gallery images: keep natural aspect (uniform height, auto width) --- */
.gslide.gimg{flex:0 0 auto;cursor:pointer}
.gslide.gimg img{height:260px;width:auto;max-width:none;border-radius:14px;display:block;object-fit:cover}
@media(max-width:600px){.gslide.gimg img{height:190px}}

/* --- Funding news: clean deal cards --- */
.fund-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}
@media(max-width:900px){.fund-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){.fund-grid{grid-template-columns:1fr}}
.fdeal{display:flex;flex-direction:column;background:#fff;border:1px solid var(--line);border-radius:16px;padding:0;position:relative;overflow:hidden;transition:.18s}
.fdeal::before{content:"";position:absolute;left:0;right:0;top:0;height:4px;z-index:2;background:linear-gradient(90deg,#2E7D0A,#73FF19)}
.fdeal:hover{box-shadow:var(--shadow);transform:translateY(-3px);border-color:transparent}
.fdeal .ph{aspect-ratio:16/9;border-radius:0}
.fdeal-body{padding:1rem;display:flex;flex-direction:column;flex:1}
.fdeal-title{font-family:var(--display);font-weight:700;font-size:1.02rem;line-height:1.3;margin:0 0 .5rem;color:var(--ink)}
.fdeal-desc{color:var(--muted);font-size:.86rem;line-height:1.5;margin:0 0 .95rem;flex:1}
.fdeal-more{display:inline-flex;align-items:center;gap:.35rem;font-weight:700;font-size:.82rem;color:var(--accent)}
.fdeal-more .ico{width:15px;height:15px;transition:transform .18s}
.fdeal:hover .fdeal-more .ico{transform:translateX(3px)}

/* --- Instagram Reels carousel (3 desktop / 2 tablet / 1 mobile) --- */
.reels-slider{display:flex;gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding-bottom:.4rem}
.reels-slider::-webkit-scrollbar{display:none}
.reel-card{flex:0 0 calc((100% - 32px)/3);scroll-snap-align:start;display:block;text-decoration:none}
@media(max-width:900px){.reel-card{flex-basis:calc((100% - 16px)/2)}}
@media(max-width:600px){.reel-card{flex-basis:100%}}
.reel-thumb{position:relative;aspect-ratio:9/16;border-radius:16px;background:#101011 center/cover no-repeat;overflow:hidden}
.reel-thumb::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.06) 40%,rgba(0,0,0,.5))}
.reel-ig{position:absolute;top:10px;right:10px;z-index:2;color:#fff}
.reel-ig .ico{width:22px;height:22px}
.reel-play{position:absolute;inset:0;z-index:2;display:grid;place-items:center;transition:transform .18s}
.reel-play svg{width:52px;height:52px;color:#fff;fill:rgba(255,255,255,.95);filter:drop-shadow(0 3px 10px rgba(0,0,0,.55))}
.reel-card:hover .reel-play{transform:scale(1.08)}
.reel-cap{margin-top:.55rem;font-size:.86rem;font-weight:600;color:var(--ink);line-height:1.3}

/* --- YouTube modal (site-wide) --- */
.yt-content{border:0;border-radius:16px;overflow:hidden;background:#000;position:relative}
.yt-close{position:absolute;top:8px;right:8px;z-index:6;width:36px;height:36px;border-radius:50%;border:0;background:rgba(0,0,0,.6);color:#fff;display:grid;place-items:center;cursor:pointer;transition:.15s}
.yt-close:hover{background:var(--brand);color:#0A0A0A}
.yt-close .ico{width:20px;height:20px}

/* --- Reel modal (Instagram embed) --- */
.reel-dialog{max-width:400px}
.reel-content{border:0;border-radius:16px;overflow:visible;background:transparent;position:relative}
.reel-embed{min-height:260px;display:flex;justify-content:center;align-items:center}
.reel-embed .instagram-media{margin:0 auto !important;min-width:0 !important;width:100% !important}
.reel-fallback{background:#111;color:#fff;border-radius:16px;padding:2rem 1.5rem;text-align:center;font-size:.95rem;line-height:1.7;width:100%}
.reel-fallback a{color:var(--brand);font-weight:700}

/* --- Single-row header (nav left · logo center · actions right) --- */
.header-row{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:1rem;min-height:66px}
.hdr-left{display:flex;align-items:center;gap:.4rem;justify-self:start;min-width:0}
.hdr-right{display:flex;align-items:center;gap:.6rem;justify-self:end}
.brand-center{justify-self:center}
.header-row .mainnav{height:auto;gap:.1rem;flex-wrap:nowrap}
.header-row .nav-link{color:#f2f2f2;font-weight:600;font-size:.85rem;padding:.42rem .62rem;border-radius:8px;position:relative;background:transparent;border:0;cursor:pointer;white-space:nowrap;font-family:inherit}
.header-row .nav-link:hover{color:#fff;background:rgba(255,255,255,.06)}
.header-row .nav-link.active{color:var(--brand)}
.header-row .nav-cat .dropdown-toggle::after{margin-left:.34rem;vertical-align:.1em}
.header-row .nav-cat .dropdown-menu{background:#101011;border:1px solid #262626;border-radius:12px;padding:.4rem}
.header-row .nav-cat .dropdown-item{color:#e7e7e7;border-radius:8px;font-size:.86rem;display:flex;align-items:center;gap:.5rem}
.header-row .nav-cat .dropdown-item:hover{background:rgba(115,255,25,.12);color:#fff}
.header-row .nav-cat .cat-dot{width:7px;height:7px;border-radius:50%;background:var(--brand);display:inline-block}
@media(max-width:991px){
  .header-row{grid-template-columns:auto 1fr auto}
  .brand-center{justify-self:center}
}

/* ============================================================
   Premium About & Contact pages
   ============================================================ */
.page-hero{position:relative;background:#050506;border-radius:24px;overflow:hidden;padding:clamp(2rem,5vw,3.6rem);border:1px solid rgba(115,255,25,.14);margin-bottom:2rem}
.page-hero::before{content:"";position:absolute;inset:0;background:radial-gradient(120% 100% at 15% 0,rgba(115,255,25,.16),transparent 55%)}
.page-hero > *{position:relative;z-index:2}
.page-hero .sec-kicker{color:var(--brand)}
.page-hero h1{font-family:var(--display);font-weight:800;color:#fff;font-size:clamp(2rem,5vw,3.2rem);line-height:1.08;margin:.3rem 0 .8rem;letter-spacing:-.02em}
.page-hero p{color:rgba(255,255,255,.72);font-size:clamp(1rem,1.6vw,1.15rem);max-width:640px;line-height:1.7}
.page-hero .hero-cta{display:flex;gap:.7rem;flex-wrap:wrap;margin-top:1.4rem}

.about-story{font-size:1.06rem;line-height:1.85;color:var(--ink)}
.about-story p{margin-bottom:1rem}
.stat-tile{background:#fff;border:1px solid var(--line);border-radius:16px;padding:1.3rem;text-align:center}
.stat-tile .n{font-family:var(--display);font-weight:800;font-size:2rem;background:linear-gradient(95deg,#2E7D0A,#73FF19);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;line-height:1}
.stat-tile .l{color:var(--muted);font-size:.85rem;margin-top:.3rem}

.value-card{background:#fff;border:1px solid var(--line);border-radius:16px;padding:1.3rem;height:100%;transition:.18s;position:relative;overflow:hidden;display:block}
.value-card:hover{box-shadow:var(--shadow);transform:translateY(-3px);border-color:transparent}
.value-card .vc-ic{width:46px;height:46px;border-radius:12px;background:#EAFFD6;color:var(--accent);display:grid;place-items:center;margin-bottom:.8rem}
.value-card .vc-ic .ico{width:22px;height:22px}
.value-card h4{font-family:var(--display);font-weight:700;font-size:1.05rem;margin:0 0 .35rem;color:var(--ink)}
.value-card p{color:var(--muted);font-size:.88rem;line-height:1.5;margin:0}

/* Contact */
.contact-card{background:#fff;border:1px solid var(--line);border-radius:16px;padding:1.15rem;display:flex;gap:.9rem;align-items:flex-start;transition:.18s}
.contact-card:hover{box-shadow:var(--shadow);border-color:transparent}
.contact-card .cc-ic{width:44px;height:44px;flex:none;border-radius:12px;background:#EAFFD6;color:var(--accent);display:grid;place-items:center}
.contact-card .cc-ic .ico{width:21px;height:21px}
.contact-card .cc-l{font-size:.76rem;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);font-weight:700}
.contact-card .cc-v{font-weight:600;color:var(--ink);word-break:break-word}
.contact-card .cc-v a{color:var(--ink)}
.contact-card .cc-v a:hover{color:var(--accent)}
.form-card{background:#fff;border:1px solid var(--line);border-radius:20px;padding:clamp(1.3rem,3vw,2rem);box-shadow:0 30px 70px -50px rgba(0,0,0,.4)}
.form-card .form-control{border-radius:11px;padding:.7rem .9rem}

/* ============================================================
   Hero banner (About / Contact) + Mission-Vision
   ============================================================ */
.hero-banner{position:relative;background:#060607;color:#fff;overflow:hidden;margin-bottom:2.4rem;border-bottom:2px solid rgba(115,255,25,.32)}
.hero-banner::before{content:"";position:absolute;inset:-25%;background:
  radial-gradient(38% 55% at 12% 0%,rgba(115,255,25,.30),transparent 60%),
  radial-gradient(46% 66% at 92% 112%,rgba(46,125,10,.42),transparent 60%),
  radial-gradient(30% 45% at 80% -6%,rgba(115,255,25,.16),transparent 60%),
  radial-gradient(120% 120% at 50% 40%,#0b1109,#060607);
  animation:bannerFloat 16s ease-in-out infinite alternate}
@keyframes bannerFloat{0%{transform:translate3d(0,0,0) scale(1)}100%{transform:translate3d(-2%,1.5%,0) scale(1.06)}}
.hero-banner::after{content:"";position:absolute;inset:0;opacity:.5;
  background-image:linear-gradient(rgba(255,255,255,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.045) 1px,transparent 1px);
  background-size:46px 46px;-webkit-mask-image:linear-gradient(180deg,#000,transparent 85%);mask-image:linear-gradient(180deg,#000,transparent 85%)}
.hero-banner-inner{position:relative;z-index:2;padding-block:clamp(3.2rem,8.5vw,6.5rem)}
.hero-banner .sec-kicker{color:var(--brand);display:inline-flex;align-items:center;gap:.5rem;background:rgba(115,255,25,.12);border:1px solid rgba(115,255,25,.28);padding:.4rem .9rem;border-radius:999px;font-weight:700;letter-spacing:.04em}
.hero-banner h1{font-family:var(--display);font-weight:800;font-size:clamp(2.2rem,6vw,3.6rem);line-height:1.06;letter-spacing:-.02em;margin:.4rem 0 .9rem;color:#fff}
.hero-banner p{color:rgba(255,255,255,.74);font-size:clamp(1.02rem,1.8vw,1.2rem);max-width:660px;line-height:1.7;margin:0}
.hero-banner .hero-cta{margin-top:1.5rem;display:flex;gap:.7rem;flex-wrap:wrap}
.hero-chips{display:flex;gap:.6rem;flex-wrap:wrap;margin-top:1.5rem}
.hero-chips a{display:inline-flex;align-items:center;gap:.5rem;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.14);color:#fff;padding:.55rem .95rem;border-radius:30px;font-size:.9rem;font-weight:600}
.hero-chips a:hover{background:rgba(115,255,25,.16);border-color:rgba(115,255,25,.45)}
.hero-chips .ico{width:18px;height:18px;color:var(--brand)}

.mv-card{background:#fff;border:1px solid var(--line);border-radius:18px;padding:1.7rem;height:100%;position:relative;overflow:hidden;transition:.18s}
.mv-card:hover{box-shadow:var(--shadow);border-color:transparent}
.mv-card::before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:linear-gradient(180deg,#2E7D0A,#73FF19)}
.mv-card .mv-ic{width:54px;height:54px;border-radius:14px;background:#0A0A0A;color:var(--brand);display:grid;place-items:center;margin-bottom:1rem}
.mv-card .mv-ic .ico{width:26px;height:26px}
.mv-card h3{font-family:var(--display);font-weight:700;font-size:1.28rem;margin:0 0 .55rem;color:var(--ink)}
.mv-card p{color:var(--muted);line-height:1.7;margin:0;font-size:.96rem}

/* --- Gallery page: masonry (natural image sizes) --- */
.gallery-masonry{column-count:4;column-gap:14px}
@media(max-width:1100px){.gallery-masonry{column-count:3}}
@media(max-width:760px){.gallery-masonry{column-count:2}}
@media(max-width:440px){.gallery-masonry{column-count:1}}
.gm-item{display:block;width:100%;margin:0 0 14px;padding:0;border:0;background:none;position:relative;border-radius:14px;overflow:hidden;cursor:zoom-in;break-inside:avoid;line-height:0}
.gm-item img{width:100%;display:block;border-radius:14px;transition:transform .4s ease}
.gm-item:hover img{transform:scale(1.06)}
.gm-zoom{position:absolute;inset:0;display:grid;place-items:center;background:rgba(10,10,10,.35);opacity:0;transition:opacity .25s}
.gm-item:hover .gm-zoom{opacity:1}
.gm-zoom .ico{width:30px;height:30px;color:#fff}

/* --- Scroll-reveal animations --- */
[data-reveal]{opacity:0;transform:translateY(22px);transition:opacity .6s cubic-bezier(.22,.61,.36,1),transform .6s cubic-bezier(.22,.61,.36,1)}
[data-reveal].reveal-in{opacity:1;transform:none}
@media(prefers-reduced-motion:reduce){[data-reveal]{opacity:1 !important;transform:none !important;transition:none}}

/* --- Subtle animated glow on hero banner + card lift polish --- */
@media(prefers-reduced-motion:no-preference){
  .hero-banner::before{animation:heroGlow 9s ease-in-out infinite alternate}
}
@keyframes heroGlow{0%{opacity:.75}100%{opacity:1}}
.mv-card,.value-card,.contact-card,.stat-tile,.form-card{transition:transform .22s ease, box-shadow .22s ease, border-color .22s ease}
.stat-tile:hover{transform:translateY(-3px);box-shadow:var(--shadow);border-color:transparent}

/* --- Notification soft-prompt card --- */
.push-card{position:fixed;left:24px;bottom:24px;z-index:1080;width:min(400px,92vw);background:#fff;border:1px solid var(--line);border-radius:16px;box-shadow:0 24px 60px -24px rgba(0,0,0,.4);padding:1rem 1.1rem;display:flex;gap:.9rem;align-items:flex-start;opacity:0;pointer-events:none;transform:translateY(16px);transition:opacity .3s ease,transform .3s ease}
.push-card.show{opacity:1;transform:translateY(0);pointer-events:auto}
.push-card .push-ic{width:42px;height:42px;flex:none;border-radius:12px;background:#EAFFD6;color:var(--accent);display:grid;place-items:center}
.push-card .push-body{flex:1}
.push-card p{margin:0 0 .7rem;font-size:.9rem;color:var(--ink);line-height:1.4}
.push-card .push-actions{display:flex;gap:.6rem;align-items:center;justify-content:flex-end}
.push-card .push-later{background:none;border:0;color:var(--muted);font-weight:600;cursor:pointer;padding:.4rem .6rem;border-radius:8px}
.push-card .push-later:hover{color:var(--ink)}
.push-card .btn{padding:.45rem 1.1rem}
@media(max-width:575px){.push-card{left:12px;right:12px;bottom:12px;width:auto}}

/* --- Listen to article (text-to-speech) --- */
.listen-bar{display:flex;align-items:center;gap:.5rem;margin:0 0 1.6rem}
.listen-btn{display:inline-flex;align-items:center;gap:.55rem;background:#0A0A0A;color:#fff;border:0;border-radius:30px;padding:.55rem 1.15rem;font-weight:700;font-size:.9rem;cursor:pointer;transition:background .15s}
.listen-btn:hover{background:var(--accent)}
.listen-btn .ico{width:18px;height:18px;color:var(--brand)}
.listen-btn:hover .ico{color:#fff}
.listen-btn .lb-pause svg{color:var(--brand)}
.listen-btn:hover .lb-pause svg{color:#fff}
.listen-stop{width:38px;height:38px;border-radius:50%;border:1px solid var(--line);background:#fff;color:var(--ink);display:grid;place-items:center;cursor:pointer}
.listen-stop:hover{background:#f3f3f3}
.listen-stop .ico{width:16px;height:16px}

/* ============================================================
   Round of tweaks: header logo, trending, funding slider, mobile
   ============================================================ */

/* #5 Header logo bigger + no background */
.brand-pill{background:transparent;border-radius:0;padding:0;box-shadow:none}
.brand-logo{height:74px;width:auto;display:block; padding:5px;}
.brand-fallback{font-family:var(--display);font-weight:800;font-size:1.4rem;color:#fff;letter-spacing:-.02em;line-height:1}
.brand-fallback em{font-style:normal;color:var(--brand)}
@media(max-width:575px){.brand-logo{height:38px}.brand-fallback{font-size:1.2rem}}

/* #3 Trending — more highlighted */
.trend-strip{position:relative;overflow:hidden;box-shadow:0 24px 60px -34px rgba(115,255,25,.4)}
.trend-strip::before{content:"";position:absolute;left:0;right:0;top:0;height:3px;background:linear-gradient(90deg,#2E7D0A,#73FF19 50%,#2E7D0A);z-index:2}
.trend-strip .sec-head h2{background:linear-gradient(95deg,#fff,#73FF19);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.trend-rank{font-size:2.1rem;font-weight:800;color:var(--brand);opacity:.9;width:40px;text-align:center}
.trend-card{transition:transform .18s ease, background .18s ease, border-color .18s ease}
.trend-card:hover{transform:translateY(-3px)}

/* #4 Funding — 3-up horizontal scroll */
.fund-slider{display:flex;gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding-bottom:.4rem}
.fund-slider::-webkit-scrollbar{display:none}
.fund-slider .fdeal{flex:0 0 calc((100% - 32px)/3);scroll-snap-align:start}
@media(max-width:900px){.fund-slider .fdeal{flex-basis:calc((100% - 16px)/2)}}
@media(max-width:560px){.fund-slider .fdeal{flex-basis:86%}}

/* #1 Spacing polish */
.feed{padding-block:clamp(1.5rem,4vw,2.6rem)}
.hero{padding-block:clamp(1.2rem,3vw,2rem)}
.sec-head{margin-bottom:1.25rem}

/* #6 Mobile hero — text below image (desktop keeps overlay) */
@media(max-width:767px){
  .feat{display:flex;flex-direction:column}
  .feat .ph{aspect-ratio:16/9;background-size:cover !important}
  .feat .feat-body{position:static;background:#0A0A0A;padding:1rem}
  .feat h1{font-size:1.4rem;margin:.5rem 0 .45rem;max-width:none}
  .feat p{font-size:.92rem;max-width:none}
  .feat .meta{color:rgba(255,255,255,.78)}
}

/* #7 Mobile trending fix */
@media(max-width:575px){
  .trend-card{gap:.65rem;padding:.7rem}
  .trend-rank{font-size:1.5rem;width:24px}
  .trend-thumb{width:76px;height:58px}
  .trend-card h3{font-size:.9rem;margin-bottom:.3rem}
}

/* ---- Extra breathing room (overall padding polish) ---- */
.container-x{padding-inline:clamp(18px,3.5vw,72px)}
.hero{padding-block:clamp(1.4rem,3vw,2.2rem)}
.feed{padding-block:clamp(1.8rem,4vw,3rem)}
.block{margin-bottom:clamp(2.3rem,4.6vw,3.4rem)}
.sec-head{margin-bottom:1.4rem}
.card-s .card-body{padding:1.05rem 1.1rem 1.15rem}
@media(max-width:575px){.container-x{padding-inline:16px}}

/* ============================================================
   FIX: show full featured images (no crop) — for text-graphics
   ============================================================ */
.feat .ph,
.card-s .ph,
.story-big .ph,
.fdeal .ph{
  background-size:contain !important;
  background-position:center !important;
  background-color:#0f0f10 !important;
}
@media(max-width:767px){ .feat .ph{background-size:contain !important} }

/* Hero arrows — centered & clearly visible (not clipped) */
.hero-ctrl{top:50%}
.hero-ctrl.prev{left:14px}
.hero-ctrl.next{right:14px}
@media(max-width:575px){.hero-ctrl{top:50%;width:36px;height:36px}}

/* Featured video title — show full below the video */
.vhub-feature h4{display:block;overflow:visible;-webkit-line-clamp:unset}

/* ============================================================
   Marked fixes: hero dots, card thumbnails, featured video title
   ============================================================ */

/* 1) Hero indicator dots — clear pill at bottom-center, never cut */
.hero-inds{position:absolute;top:auto;right:auto;bottom:12px;left:50%;transform:translateX(-50%);z-index:5;display:flex;gap:6px;margin:0;padding:6px 10px;background:rgba(0,0,0,.42);border-radius:20px}
.hero-inds [data-bs-target]{width:8px;height:8px;border-radius:50%;background:rgba(255,255,255,.6);border:0;opacity:1}
.hero-inds .active{background:var(--brand);width:22px;border-radius:4px}

/* 2) Latest-news & other card thumbnails — show full image (no crop) */
.card-s .ph{background-size:contain !important;background-position:center !important;background-color:#0f0f10 !important}

/* 3) Featured video — title clean BELOW the video (no card border/overlap) */
.vhub-feature.vid{border:0;background:transparent;overflow:visible;border-radius:0;box-shadow:none}
.vhub-feature .thumb{border-radius:16px;overflow:hidden}
.vhub-feature h4{margin-top:.85rem;padding:0;color:var(--ink);display:block;overflow:visible;-webkit-line-clamp:unset}
.vhub-feature:hover h4{color:var(--accent)}
.vhub-feature .meta{padding:0;margin-top:.35rem}

/* ============================================================
   Contact page — creative layout (method cards + map)
   ============================================================ */
.cmethods{margin-bottom:1.6rem}
.cmethod{display:block;background:#fff;border:1px solid var(--line);border-radius:16px;padding:1.3rem;height:100%;transition:.18s;position:relative;overflow:hidden}
.cmethod::before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:linear-gradient(180deg,#2E7D0A,#73FF19);opacity:0;transition:.18s}
.cmethod:hover{box-shadow:var(--shadow);transform:translateY(-3px);border-color:transparent}
.cmethod:hover::before{opacity:1}
.cmethod .cm-ic{width:50px;height:50px;border-radius:14px;background:#0A0A0A;color:var(--brand);display:grid;place-items:center;margin-bottom:.85rem}
.cmethod .cm-ic .ico{width:24px;height:24px}
.cmethod .cm-l{font-size:.74rem;text-transform:uppercase;letter-spacing:.07em;color:var(--muted);font-weight:700}
.cmethod .cm-v{font-weight:700;color:var(--ink);font-size:1.05rem;line-height:1.35;word-break:break-word;margin-top:.15rem}
.cmethod .cm-v a{color:var(--ink)}
.cmethod:hover .cm-v a{color:var(--accent)}

.contact-info-panel{background:#0A0A0A;color:#fff;border-radius:20px;padding:clamp(1.4rem,3vw,2rem);position:relative;overflow:hidden;height:100%}
.contact-info-panel::before{content:"";position:absolute;inset:0;background:radial-gradient(90% 80% at 100% 0,rgba(115,255,25,.16),transparent 55%)}
.contact-info-panel > *{position:relative;z-index:2}
.contact-info-panel h3{font-family:var(--display);font-weight:700;color:#fff;font-size:1.3rem;margin:0 0 .4rem}
.contact-info-panel p{color:rgba(255,255,255,.7);font-size:.94rem;line-height:1.6}
.contact-info-panel .ci-row{display:flex;gap:.8rem;align-items:flex-start;padding:.9rem 0;border-top:1px solid rgba(255,255,255,.1)}
.contact-info-panel .ci-row:first-of-type{border-top:0}
.contact-info-panel .ci-ic{width:40px;height:40px;flex:none;border-radius:11px;background:rgba(115,255,25,.14);color:var(--brand);display:grid;place-items:center}
.contact-info-panel .ci-ic .ico{width:19px;height:19px}
.contact-info-panel .ci-l{font-size:.72rem;text-transform:uppercase;letter-spacing:.06em;color:rgba(255,255,255,.55);font-weight:700}
.contact-info-panel .ci-v{font-weight:600;color:#fff;word-break:break-word}
.contact-info-panel .ci-v a{color:#fff}
.contact-info-panel .ci-v a:hover{color:var(--brand)}
.contact-info-panel .socials a{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.15);color:#fff}
.contact-info-panel .socials a:hover{background:var(--brand);color:#0A0A0A;border-color:var(--brand)}

.contact-map{position:relative;border-radius:20px;overflow:hidden;border:1px solid var(--line);box-shadow:0 30px 70px -50px rgba(0,0,0,.4);margin-top:2rem}
.contact-map iframe{width:100%;height:430px;border:0;display:block}
.contact-map .map-tag{position:absolute;top:16px;left:16px;z-index:2;background:#0A0A0A;color:#fff;padding:.6rem 1rem;border-radius:12px;font-weight:700;display:inline-flex;align-items:center;gap:.5rem;box-shadow:0 10px 30px -12px rgba(0,0,0,.6)}
.contact-map .map-tag .ico{color:var(--brand);width:18px;height:18px}
@media(max-width:575px){.contact-map iframe{height:300px}}

/* --- Pagination (clean, wrapping) --- */
.pagination{display:flex;flex-wrap:wrap;gap:6px;justify-content:center;align-items:center;padding:0;margin:0;list-style:none}
.pagination .page-link{border:1px solid var(--line);border-radius:10px;color:var(--ink);padding:.5rem .85rem;text-decoration:none;font-weight:600;min-width:42px;text-align:center;background:#fff;display:block;line-height:1.2}
.pagination .page-item.active .page-link{background:#0A0A0A;color:#fff;border-color:#0A0A0A}
.pagination .page-item.disabled .page-link{color:var(--muted);background:transparent;border-color:transparent;pointer-events:none}
.pagination .page-link:hover{border-color:var(--accent);color:var(--accent)}
.pagination .page-item.active .page-link:hover{color:#fff}

/* ============================================================
   Connect page (PR & Podcast platform)
   ============================================================ */
.cn-hero{position:relative;overflow:hidden;background:#060607;color:#fff;text-align:center;padding:clamp(4rem,10vw,7rem) 0;border-bottom:2px solid rgba(115,255,25,.32)}
.cn-hero::before{content:"";position:absolute;inset:-25%;background:
  radial-gradient(40% 60% at 15% 0%,rgba(115,255,25,.28),transparent 60%),
  radial-gradient(45% 65% at 90% 110%,rgba(46,125,10,.40),transparent 60%),
  radial-gradient(120% 120% at 50% 40%,#0b1109,#060607);animation:bannerFloat 16s ease-in-out infinite alternate}
.cn-hero > *{position:relative;z-index:2}
.cn-hero h1{font-family:var(--display);font-weight:800;font-size:clamp(2rem,5.5vw,3.4rem);letter-spacing:-.02em;margin:0 0 .6rem}
.cn-hero p{color:rgba(255,255,255,.82);font-size:clamp(1.05rem,2vw,1.35rem);margin:0}

.cn-intro{text-align:center;padding:clamp(2.6rem,6vw,4rem) 0}
.cn-intro h2{font-family:var(--display);font-weight:800;font-size:clamp(1.6rem,3.5vw,2.2rem);margin:0 0 1.1rem}
.cn-intro p{max-width:760px;margin:0 auto;color:var(--ink);font-size:1.08rem;line-height:1.9;font-weight:500}

.cn-offer{background:#f3f4f2;padding:clamp(2.6rem,6vw,4rem) 0}
.cn-offer h2{text-align:center;font-family:var(--display);font-weight:800;font-size:clamp(1.6rem,3.5vw,2.2rem);margin:0 0 2.2rem}
.cn-offer .oc{text-align:center;padding:1rem}
.cn-offer .oc-ic{width:76px;height:76px;border-radius:50%;background:var(--brand);color:#0A0A0A;display:grid;place-items:center;margin:0 auto 1.1rem}
.cn-offer .oc-ic .ico{width:34px;height:34px}
.cn-offer .oc h3{font-family:var(--display);font-weight:700;font-size:1.3rem;margin:0 0 .9rem}
.cn-offer .oc p{color:var(--muted);margin:.2rem 0;font-weight:500}

.cn-why{background:var(--brand);color:#0A0A0A;padding:clamp(2.8rem,6vw,4.5rem) 0}
.cn-why h2{font-family:var(--display);font-weight:800;font-size:clamp(1.7rem,4vw,2.4rem);margin:0 0 1.4rem}
.cn-why ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:1rem}
.cn-why li{display:flex;gap:.7rem;align-items:flex-start;font-size:1.08rem;font-weight:600}
.cn-why li::before{content:"→";font-weight:800;color:#0A0A0A}
.cn-why .cn-img{border-radius:14px;overflow:hidden;aspect-ratio:16/11;background:#0A0A0A center/cover no-repeat;box-shadow:0 30px 60px -30px rgba(0,0,0,.5)}
.cn-why .cn-img img{width:100%;height:100%;object-fit:cover;display:block}

.cn-cta{text-align:center;padding:clamp(2.6rem,6vw,4rem) 0}
.cn-cta h2{font-family:var(--display);font-weight:800;font-size:clamp(1.6rem,3.5vw,2.2rem);margin:0 0 1.8rem}
.cn-cta .cta-row{display:flex;gap:20px;flex-wrap:wrap;justify-content:center;max-width:820px;margin:0 auto}
.cn-cta .cta-btn{flex:1;min-width:260px;display:inline-flex;align-items:center;justify-content:center;gap:.6rem;background:var(--brand);color:#0A0A0A;font-weight:700;padding:1.1rem 1.5rem;border-radius:8px;text-decoration:none;transition:.2s}
.cn-cta .cta-btn:hover{background:#009d00;color:#fff}
.cn-cta .cta-btn .ico{width:20px;height:20px}

.cn-book{background:#eceded;padding:clamp(2.8rem,6vw,4.5rem) 0}
.cn-book .bk-head{text-align:center;margin:0 auto 2rem}
.cn-book .bk-head h2{font-family:var(--display);font-weight:800;font-size:clamp(1.4rem,3vw,2rem);margin:0;line-height:1.3}
.cn-book form{max-width:820px;margin:0 auto}
.cn-book .form-row{display:flex;gap:20px;margin-bottom:18px}
.cn-book .form-group{flex:1}
.cn-book .form-group input{width:100%;padding:15px;border:1px solid #bdbdbd;background:#fff;border-radius:6px;outline:none;font-family:inherit}
.cn-book .form-group input:focus{border-color:var(--brand);box-shadow:0 0 0 3px rgba(115,255,25,.18)}
.cn-book .submit-btn-wrap{text-align:center;margin-top:10px}
.cn-book .submit-btn-wrap button{font-family:inherit;background:var(--brand);color:#000;border:none;padding:12px 55px;font-weight:600;border-radius:6px;cursor:pointer;transition:.3s;font-size:1rem}
.cn-book .submit-btn-wrap button:hover{background:#009d00;color:#fff}
@media(max-width:768px){.cn-book .form-row{flex-direction:column;gap:15px;margin-bottom:15px}.cn-book .submit-btn-wrap button{width:100%;font-size:1.1rem}}

/* ============================================================
   Connect page v2 — premium redesign
   ============================================================ */
.cx-hero{position:relative;overflow:hidden;background:#060607;color:#fff;text-align:center;padding:clamp(4.5rem,11vw,8rem) 0;border-bottom:2px solid rgba(115,255,25,.32)}
.cx-hero::before{content:"";position:absolute;inset:-25%;background:
  radial-gradient(40% 60% at 15% 0%,rgba(115,255,25,.28),transparent 60%),
  radial-gradient(45% 65% at 90% 110%,rgba(46,125,10,.42),transparent 60%),
  radial-gradient(120% 120% at 50% 40%,#0b1109,#060607);animation:bannerFloat 16s ease-in-out infinite alternate}
.cx-hero>*{position:relative;z-index:2}
.cx-pill{display:inline-flex;gap:.5rem;align-items:center;background:rgba(115,255,25,.12);border:1px solid rgba(115,255,25,.3);color:var(--brand);font-weight:700;letter-spacing:.08em;text-transform:uppercase;font-size:.74rem;padding:.45rem 1rem;border-radius:999px;margin-bottom:1.3rem}
.cx-hero h1{font-family:var(--display);font-weight:800;font-size:clamp(2.1rem,6vw,3.8rem);letter-spacing:-.02em;line-height:1.05;margin:0 0 .7rem}
.cx-hero h1 em{font-style:normal;color:var(--brand)}
.cx-hero p{color:rgba(255,255,255,.82);font-size:clamp(1.05rem,2vw,1.3rem);margin:0 0 1.9rem}
.cx-hero-cta{display:flex;gap:14px;justify-content:center;flex-wrap:wrap}

.cx-kick{display:inline-flex;align-items:center;gap:.5rem;color:var(--accent);font-weight:700;text-transform:uppercase;letter-spacing:.08em;font-size:.78rem;margin-bottom:.7rem}
.cx-kick::before{content:"";width:26px;height:2px;background:var(--brand)}
.cx-intro{text-align:center;padding:clamp(3rem,6vw,4.5rem) 0 .5rem}
.cx-intro h2{font-family:var(--display);font-weight:800;font-size:clamp(1.7rem,3.6vw,2.4rem);margin:0 0 1.1rem}
.cx-intro p{max-width:720px;margin:0 auto;color:var(--muted);font-size:1.1rem;line-height:1.85;font-weight:500}

.cx-pkgs{padding:clamp(2.2rem,5vw,3.6rem) 0}
.pkg{position:relative;height:100%;background:#fff;border:1px solid var(--line);border-radius:20px;padding:2rem 1.8rem;transition:.2s;display:flex;flex-direction:column}
.pkg:hover{transform:translateY(-5px);box-shadow:var(--shadow)}
.pkg.feat{border-color:var(--brand);box-shadow:0 34px 74px -46px rgba(46,125,10,.55)}
.pkg-badge{position:absolute;top:-13px;left:50%;transform:translateX(-50%);background:var(--brand);color:#0A0A0A;font-weight:800;font-size:.7rem;letter-spacing:.05em;text-transform:uppercase;padding:.4rem .9rem;border-radius:999px;white-space:nowrap}
.pkg-ic{width:60px;height:60px;border-radius:16px;background:#0A0A0A;color:var(--brand);display:grid;place-items:center;margin-bottom:1.1rem}
.pkg-ic .ico{width:28px;height:28px}
.pkg h3{font-family:var(--display);font-weight:700;font-size:1.35rem;margin:0 0 1.1rem}
.pkg ul{list-style:none;padding:0;margin:0 0 1.5rem;display:flex;flex-direction:column;gap:.7rem;flex:1}
.pkg li{display:flex;gap:.6rem;align-items:flex-start;color:var(--ink);font-weight:500}
.pkg li .ico{width:18px;height:18px;color:var(--accent);flex:none;margin-top:3px}
.pkg .btn{width:100%;justify-content:center}

.cx-why{position:relative;overflow:hidden;background:#0A0A0A;color:#fff;padding:clamp(2.6rem,6vw,4rem);border-radius:28px;margin:1.5rem 0}
.cx-why::before{content:"";position:absolute;inset:0;background:radial-gradient(60% 90% at 100% 0,rgba(115,255,25,.18),transparent 55%)}
.cx-why>*{position:relative;z-index:2}
.cx-why h2{font-family:var(--display);font-weight:800;font-size:clamp(1.7rem,4vw,2.4rem);margin:0 0 1.4rem}
.cx-why .wp{display:flex;gap:1rem;padding:1.05rem 0;border-top:1px solid rgba(255,255,255,.1)}
.cx-why .wp:first-of-type{border-top:0}
.cx-why .wp .n{font-family:var(--display);font-weight:800;color:var(--brand);font-size:1.35rem;line-height:1;min-width:42px}
.cx-why .wp p{margin:0;color:rgba(255,255,255,.86);font-weight:500;font-size:1.05rem}
.cx-why .cx-img{border-radius:18px;overflow:hidden;aspect-ratio:4/3;background:#060607 center/cover;box-shadow:0 30px 60px -34px rgba(0,0,0,.6)}
.cx-why .cx-img img{width:100%;height:100%;object-fit:cover;display:block}

.cx-book{padding:clamp(2.6rem,6vw,4.5rem) 0}
.cx-book-grid{display:grid;grid-template-columns:.9fr 1.1fr;border-radius:24px;overflow:hidden;box-shadow:var(--shadow);border:1px solid var(--line)}
.cx-book-left{background:#0A0A0A;color:#fff;padding:clamp(1.8rem,4vw,2.8rem);position:relative;overflow:hidden}
.cx-book-left::before{content:"";position:absolute;inset:0;background:radial-gradient(85% 80% at 0 100%,rgba(115,255,25,.18),transparent 55%)}
.cx-book-left>*{position:relative;z-index:2}
.cx-book-left h2{font-family:var(--display);font-weight:800;font-size:clamp(1.5rem,3vw,2rem);margin:0 0 .6rem;line-height:1.25}
.cx-book-left p{color:rgba(255,255,255,.72);line-height:1.7;margin:0}
.cx-book-left .bcta{display:flex;flex-direction:column;gap:.7rem;margin-top:1.5rem}
.cx-book-left .bcta a{display:inline-flex;align-items:center;gap:.6rem;color:#fff;font-weight:600;text-decoration:none;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.14);padding:.8rem 1rem;border-radius:12px;transition:.2s}
.cx-book-left .bcta a:hover{border-color:var(--brand);color:var(--brand)}
.cx-book-left .bcta a .ico{width:18px;height:18px;color:var(--brand)}
.cx-book-right{background:#fff;padding:clamp(1.8rem,4vw,2.6rem)}
.cx-form .form-row{display:flex;gap:16px;margin-bottom:16px}
.cx-form .form-group{flex:1}
.cx-form .form-group input{width:100%;padding:14px 15px;border:1px solid var(--line);background:#fff;border-radius:10px;outline:none;font-family:inherit;transition:.15s}
.cx-form .form-group input:focus{border-color:var(--brand);box-shadow:0 0 0 3px rgba(115,255,25,.16)}
.cx-form .submit-btn-wrap{margin-top:8px}
.cx-form .submit-btn-wrap button{width:100%;font-family:inherit;background:var(--brand);color:#0A0A0A;border:none;padding:15px;font-weight:700;border-radius:10px;cursor:pointer;transition:.25s;font-size:1.02rem}
.cx-form .submit-btn-wrap button:hover{background:#009d00;color:#fff}
@media(max-width:860px){.cx-book-grid{grid-template-columns:1fr}}
@media(max-width:768px){.cx-form .form-row{flex-direction:column;gap:14px;margin-bottom:14px}}

/* --- Card slider (Her Story / Startup Stories) --- */
.card-slider{display:flex;gap:1.5rem;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;padding-bottom:.5rem;-webkit-overflow-scrolling:touch;scrollbar-width:none}
.card-slider::-webkit-scrollbar{display:none}
.card-slider > .card-s{flex:0 0 auto;width:calc((100% - 3rem) / 3);scroll-snap-align:start}
@media(max-width:575px){.card-slider > .card-s{width:100%}}

/* --- Card slider: equal-height cards, meta aligned to bottom --- */
.card-slider{align-items:stretch}
.card-slider > .card-s{display:flex;flex-direction:column}
.card-slider > .card-s .card-body{flex:1;display:flex;flex-direction:column}
.card-slider > .card-s .card-body .meta{margin-top:auto}

/* --- Card thumbnail: match uploaded image ratio (1080×700) — no crop --- */
#storySlider .card-s .ph{aspect-ratio:1080/700 !important;background-size:cover !important;background-position:center !important;background-color:#0f0f10 !important}

/* --- Connect headings: ensure visible (explicit colors) --- */
.cx-intro h2{color:var(--ink)}
.pkg h3{color:var(--ink)}
.cx-book-left h2{color:#fff}

/* --- Card slider: fit exactly (no cut) — 3 desktop / 2 tablet / 1 mobile --- */
@media(min-width:576px) and (max-width:991px){.card-slider > .card-s{width:calc((100% - 1.5rem) / 2)}}

/* ============================================================
   About hero — image banner (podcast studio), dark text on left
   ============================================================ */
.about-hero{position:relative;overflow:hidden;background-color:#f4f5f3;background-position:right center;background-size:cover;background-repeat:no-repeat;border-bottom:2px solid rgba(115,255,25,.4);margin-bottom:2.4rem;min-height:clamp(340px,42vw,520px);display:flex;align-items:center}
.about-hero::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#fff 20%,rgba(255,255,255,.92) 38%,rgba(255,255,255,.55) 52%,rgba(255,255,255,0) 66%)}
.about-hero-inner{position:relative;z-index:2;padding-block:clamp(2.4rem,5vw,3.5rem)}
.about-hero .sec-kicker{display:inline-flex;align-items:center;gap:.5rem;color:var(--accent);font-weight:700;text-transform:uppercase;letter-spacing:.06em;font-size:.8rem}
.about-hero .sec-kicker .bar{width:26px;height:2px;background:var(--brand);display:inline-block}
.about-hero h1{color:#0A0A0A;font-family:var(--display);font-weight:800;font-size:clamp(2rem,5vw,3.4rem);line-height:1.06;letter-spacing:-.02em;margin:.55rem 0 .85rem}
.about-hero p{color:#3a3a3a;font-size:clamp(1.02rem,1.8vw,1.18rem);line-height:1.7;max-width:520px;margin:0 0 1.5rem;font-weight:500}
.about-hero .hero-cta{display:flex;gap:12px;flex-wrap:wrap}
@media(max-width:768px){
  .about-hero{min-height:auto}
  .about-hero::before{background:rgba(255,255,255,.86)}
  .about-hero-inner{max-width:none}
}