:root{
  --bg:#020914;
  --bg-2:#061426;
  --panel:#07182b;
  --panel-2:#0a2038;
  --text:#edf7ff;
  --muted:#9eb2c7;
  --cyan:#00d9ff;
  --cyan-2:#5fe8ff;
  --blue:#248cff;
  --purple:#8b5cf6;
  --violet:#b16cff;
  --green:#34e09c;
  --gold:#ffb647;
  --danger:#ff7a7a;
  --line:rgba(119,203,255,.16);
  --line-strong:rgba(68,209,255,.34);
  --shadow:0 28px 80px rgba(0,0,0,.34);
  --radius:22px;
  --radius-sm:14px;
  --max:1240px;
  --grad:linear-gradient(100deg,var(--cyan),#63a9ff 52%,var(--violet));
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:
  radial-gradient(circle at 82% 8%,rgba(50,105,255,.13),transparent 32%),
  radial-gradient(circle at 10% 30%,rgba(0,217,255,.08),transparent 25%),
  var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.55;overflow-x:hidden}
a{color:inherit;text-decoration:none}
img{max-width:100%;display:block}
button,input,select,textarea{font:inherit}
.container{width:min(var(--max),calc(100% - 40px));margin:auto}
.kicker{font-size:.76rem;letter-spacing:.2em;text-transform:uppercase;color:#b7cae0;font-weight:800}
.gradient-text{background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}
.section{padding:86px 0;position:relative}
.section.compact{padding:62px 0}
.section-title{font-size:clamp(2rem,3.5vw,3.4rem);line-height:1.03;margin:10px 0 16px;letter-spacing:-.045em}
.section-copy{max-width:760px;color:var(--muted);font-size:1.04rem}

/* header */
.site-header{position:sticky;top:0;z-index:80;background:rgba(2,9,20,.68);backdrop-filter:blur(22px);border-bottom:1px solid transparent;transition:.28s ease}
.site-header.scrolled{border-color:var(--line);background:rgba(2,9,20,.89);box-shadow:0 14px 34px rgba(0,0,0,.22)}
.nav{height:74px;display:flex;align-items:center;gap:26px}
.brand{display:flex;align-items:center;min-width:245px}
.brand img{height:45px;width:auto;object-fit:contain}
.nav-links{display:flex;align-items:center;gap:8px;margin-left:auto}
.nav-links a{padding:10px 12px;border-radius:10px;color:#c8d6e5;font-size:.93rem;font-weight:650;transition:.2s ease}
.nav-links a:hover,.nav-links a.active{color:#fff;background:rgba(30,163,255,.11)}
.nav-links a.active:after{content:"";display:block;height:2px;border-radius:8px;background:var(--grad);margin-top:5px}
.nav-actions{display:flex;align-items:center;gap:12px;margin-left:10px}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:0;border-radius:12px;padding:13px 18px;font-weight:800;cursor:pointer;transition:.2s ease;white-space:nowrap}
.btn-primary{background:var(--grad);color:#001321;box-shadow:0 12px 34px rgba(0,193,255,.21)}
.btn-primary:hover{transform:translateY(-2px);box-shadow:0 18px 42px rgba(80,133,255,.27)}
.btn-ghost{background:rgba(8,34,60,.58);color:#e7f6ff;border:1px solid rgba(104,211,255,.36)}
.btn-ghost:hover{background:rgba(18,58,93,.68);border-color:rgba(104,211,255,.58)}
.icon-btn{height:42px;width:42px;border-radius:12px;border:1px solid var(--line);background:rgba(255,255,255,.025);color:#d9eeff;display:grid;place-items:center;cursor:pointer}
.menu-btn{display:none}

/* hero */
.hero{position:relative;min-height:740px;padding:62px 0 48px;overflow:hidden;border-bottom:1px solid var(--line)}
.hero:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(62,132,185,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(62,132,185,.04) 1px,transparent 1px);background-size:44px 44px;mask-image:linear-gradient(to bottom,black,transparent 88%);pointer-events:none}
.hero-grid{display:grid;grid-template-columns:.95fr 1.25fr;gap:38px;align-items:center;position:relative;z-index:2}
.hero-copy{padding-top:16px}
.hero h1{font-size:clamp(3.35rem,5.7vw,6.2rem);line-height:.9;letter-spacing:-.068em;margin:18px 0 24px;max-width:650px}
.hero p{font-size:1.06rem;color:#b8cadc;max-width:640px;margin:0 0 28px}
.hero-actions{display:flex;gap:14px;flex-wrap:wrap}
.hero-benefits{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:34px}
.benefit{padding:16px 16px;border-left:1px solid var(--line-strong);background:linear-gradient(90deg,rgba(0,216,255,.05),transparent)}
.benefit strong{display:block;font-size:1rem;margin-bottom:3px}
.benefit span{font-size:.82rem;color:var(--muted)}
.hero-visual{position:relative;min-height:590px;border-radius:30px;overflow:hidden;background:#041020;box-shadow:var(--shadow);border:1px solid rgba(62,199,255,.18);isolation:isolate}
.hero-visual img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;filter:saturate(1.12) contrast(1.02)}
.hero-visual:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(2,9,20,.16),transparent 55%,rgba(2,9,20,.08)),linear-gradient(0deg,rgba(2,9,20,.35),transparent 46%);z-index:2;pointer-events:none}
#dataCanvas{position:absolute;inset:0;width:100%;height:100%;z-index:3;mix-blend-mode:screen;opacity:.7;pointer-events:none}
.floating-chip{position:absolute;z-index:4;padding:10px 13px;border-radius:12px;background:rgba(3,20,38,.76);border:1px solid rgba(72,214,255,.35);box-shadow:0 14px 36px rgba(0,0,0,.28);backdrop-filter:blur(12px);font-size:.82rem;color:#dff7ff;animation:float 5.3s ease-in-out infinite}
.floating-chip b{color:#69e6ff}
.floating-chip.c1{right:6%;top:12%}.floating-chip.c2{right:4%;top:42%;animation-delay:-1.4s}.floating-chip.c3{left:8%;bottom:8%;animation-delay:-2.7s}
@keyframes float{50%{transform:translateY(-10px)}}
.hero-orb{position:absolute;z-index:1;border-radius:999px;filter:blur(10px);opacity:.58}.hero-orb.one{width:220px;height:220px;background:#006dff;right:-80px;top:-60px}.hero-orb.two{width:160px;height:160px;background:#702cff;left:-50px;bottom:-40px}

/* trust strip */
.trust{border-bottom:1px solid var(--line);background:rgba(4,17,31,.52)}
.trust-grid{display:grid;grid-template-columns:1.3fr repeat(4,1fr);align-items:center;gap:20px;padding:22px 0}
.trust-title{color:#c8d9e9;font-size:.82rem;letter-spacing:.14em;text-transform:uppercase}
.trust-item{display:flex;align-items:center;gap:9px;color:#c1d2e3;font-size:.9rem}
.trust-dot{height:34px;width:34px;border-radius:10px;display:grid;place-items:center;background:rgba(20,160,255,.1);border:1px solid rgba(63,195,255,.18);color:#52e0ff;font-size:1.05rem}

/* cards */
.card-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:34px}
.cap-card{position:relative;padding:25px;border-radius:18px;border:1px solid var(--line);background:linear-gradient(180deg,rgba(10,34,58,.9),rgba(5,20,35,.86));overflow:hidden;min-height:240px;transition:.25s ease}
.cap-card:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 18% 12%,rgba(0,220,255,.14),transparent 28%);opacity:0;transition:.25s ease}
.cap-card:hover{transform:translateY(-5px);border-color:rgba(69,212,255,.34);box-shadow:0 22px 50px rgba(0,0,0,.25)}
.cap-card:hover:before{opacity:1}
.cap-icon{width:48px;height:48px;border-radius:14px;display:grid;place-items:center;background:linear-gradient(145deg,rgba(0,221,255,.17),rgba(129,80,255,.12));border:1px solid rgba(91,217,255,.22);font-size:1.25rem;margin-bottom:24px}
.cap-card h3{margin:0 0 9px;font-size:1.22rem}.cap-card p{color:var(--muted);margin:0 0 22px;font-size:.94rem}.cap-card a{color:#5ce7ff;font-weight:800;font-size:.9rem}

/* industry cards */
.industries-wrap{margin-top:30px}
.industry-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:12px}
.industry-card{position:relative;min-height:250px;border-radius:18px;overflow:hidden;border:1px solid var(--line);background:#06172a;padding:18px;display:flex;flex-direction:column;justify-content:flex-end;transition:.26s ease;isolation:isolate}
.industry-card:before{content:"";position:absolute;inset:0;z-index:-2;background:var(--industry-bg,linear-gradient(135deg,#0b2d48,#081525));transform:scale(1.02);transition:.3s ease}
.industry-card:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,transparent 15%,rgba(2,9,20,.92) 85%)}
.industry-card:hover{transform:translateY(-5px);border-color:rgba(68,220,255,.46)}
.industry-card:hover:before{transform:scale(1.08)}
.industry-card h3{font-size:1rem;line-height:1.2;margin:0 0 7px}.industry-card p{font-size:.82rem;color:#b6c9da;margin:0}.industry-card .arrow{color:#48e6ff;font-size:1.12rem;margin-top:14px}
.industry-card.featured{border-color:#00d7ff;box-shadow:0 0 0 1px rgba(0,216,255,.16),0 18px 46px rgba(0,175,255,.11)}
.industry-data{--industry-bg:linear-gradient(180deg,rgba(1,8,18,.02),rgba(1,8,18,.38)),url('industries/data-engineering.webp') center/cover no-repeat}
.industry-defence{--industry-bg:linear-gradient(180deg,rgba(1,8,18,.02),rgba(1,8,18,.38)),url('industries/defence.webp') center/cover no-repeat}
.industry-health{--industry-bg:linear-gradient(180deg,rgba(1,8,18,.02),rgba(1,8,18,.38)),url('industries/healthcare.webp') center/cover no-repeat}
.industry-retail{--industry-bg:linear-gradient(180deg,rgba(1,8,18,.02),rgba(1,8,18,.38)),url('industries/retail-ecommerce.webp') center/cover no-repeat}
.industry-agri{--industry-bg:linear-gradient(180deg,rgba(1,8,18,.02),rgba(1,8,18,.38)),url('industries/agriculture-food.webp') center/cover no-repeat}
.industry-mfg{--industry-bg:linear-gradient(180deg,rgba(1,8,18,.02),rgba(1,8,18,.38)),url('industries/manufacturing.webp') center/cover no-repeat}
.industry-smart{--industry-bg:linear-gradient(180deg,rgba(1,8,18,.02),rgba(1,8,18,.38)),url('industries/smart-infrastructure.webp') center/cover no-repeat}

/* metrics */
.metrics{margin-top:26px;border-radius:18px;border:1px solid var(--line);background:rgba(6,25,43,.72);display:grid;grid-template-columns:repeat(4,1fr)}
.metric{padding:25px 28px;border-right:1px solid var(--line)}.metric:last-child{border-right:0}.metric strong{display:block;font-size:1.65rem;color:#64e4ff;line-height:1}.metric span{font-size:.82rem;color:#b2c5d6}

/* split sections */
.split{display:grid;grid-template-columns:1fr 1fr;gap:44px;align-items:center}
.glass{border:1px solid var(--line);background:linear-gradient(180deg,rgba(9,31,53,.84),rgba(5,18,32,.72));backdrop-filter:blur(16px);box-shadow:var(--shadow);border-radius:var(--radius)}
.strategy-panel{padding:30px}.strategy-step{display:flex;gap:16px;padding:18px 0;border-bottom:1px solid var(--line)}.strategy-step:last-child{border:0}.strategy-step .n{height:38px;width:38px;border-radius:12px;background:var(--grad);color:#03111d;font-weight:900;display:grid;place-items:center;flex:0 0 auto}.strategy-step strong{display:block}.strategy-step p{margin:4px 0 0;color:var(--muted);font-size:.9rem}

/* CTA nature */
.nature-cta{position:relative;overflow:hidden;border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:linear-gradient(90deg,rgba(3,15,25,.92),rgba(3,20,28,.6)),radial-gradient(circle at 70% 80%,rgba(72,219,132,.22),transparent 30%),#06110d}
.nature-cta:after{content:"";position:absolute;right:5%;bottom:-30px;width:360px;height:240px;background:url('cordy-mark.png') center/contain no-repeat;opacity:.52;filter:saturate(1.08) drop-shadow(0 12px 38px rgba(42,204,126,.15))}
.nature-inner{min-height:260px;display:flex;align-items:center;justify-content:space-between;gap:26px;position:relative;z-index:2}.nature-inner h2{font-size:clamp(2rem,3.3vw,3.4rem);line-height:1.03;margin:8px 0 12px}.nature-inner p{margin:0;color:#c0d2df}.nature-copy{max-width:720px}

/* inner hero */
.inner-hero{padding:88px 0 64px;border-bottom:1px solid var(--line);background:radial-gradient(circle at 85% 10%,rgba(79,98,255,.18),transparent 30%),radial-gradient(circle at 15% 20%,rgba(0,204,255,.08),transparent 25%)}
.inner-hero h1{font-size:clamp(3rem,5vw,5.5rem);line-height:.95;letter-spacing:-.06em;margin:14px 0 22px;max-width:850px}.inner-hero p{max-width:760px;color:#b7cadb;font-size:1.08rem}

/* about */
.value-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:30px}.value-card{padding:22px;border-radius:16px;border:1px solid var(--line);background:rgba(7,25,43,.72)}.value-card h3{margin:10px 0 8px}.value-card p{color:var(--muted);font-size:.9rem;margin:0}
.timeline{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:26px}.time-card{padding:22px;border-top:2px solid #35ddff;background:rgba(5,21,37,.76);border-radius:0 0 16px 16px}.time-card b{color:#57e1ff}.time-card p{color:var(--muted);font-size:.88rem}

/* solutions */
.solution-detail{display:grid;grid-template-columns:220px 1fr;gap:28px;padding:28px;border-radius:20px;border:1px solid var(--line);background:rgba(7,25,43,.72);margin:16px 0}.solution-detail .badge{width:66px;height:66px;border-radius:18px;display:grid;place-items:center;font-size:1.55rem;background:var(--grad);color:#02101d}.solution-detail h2{margin:0 0 10px}.solution-detail p{color:var(--muted)}.solution-tags{display:flex;gap:8px;flex-wrap:wrap}.tag{padding:7px 10px;border:1px solid var(--line);border-radius:999px;background:rgba(255,255,255,.025);font-size:.78rem;color:#c5d7e6}

/* insights */
.insight-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:30px}.insight-card{border-radius:18px;overflow:hidden;border:1px solid var(--line);background:rgba(7,25,43,.76)}.insight-visual{height:170px;background:linear-gradient(135deg,#0e4c74,#152042 55%,#422d6f);position:relative;overflow:hidden}.insight-visual:before,.insight-visual:after{content:"";position:absolute;border-radius:999px;filter:blur(1px)}.insight-visual:before{width:180px;height:180px;border:1px solid rgba(103,226,255,.38);left:30px;top:20px}.insight-visual:after{width:110px;height:110px;background:rgba(100,69,255,.22);right:30px;bottom:-20px}.insight-body{padding:20px}.insight-body small{color:#5de3ff;font-weight:800}.insight-body h3{margin:8px 0 10px}.insight-body p{color:var(--muted);font-size:.9rem}

/* contact */
.contact-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:32px}.contact-panel{padding:28px}.contact-list{display:grid;gap:14px;margin-top:24px}.contact-item{display:flex;gap:12px;align-items:flex-start}.contact-item i{height:38px;width:38px;border-radius:12px;display:grid;place-items:center;background:rgba(0,216,255,.09);border:1px solid var(--line);font-style:normal;color:#52e4ff}.contact-item strong{display:block}.contact-item span{color:var(--muted);font-size:.88rem}
.form{display:grid;grid-template-columns:1fr 1fr;gap:14px}.form .full{grid-column:1/-1}.field{display:grid;gap:7px}.field label{font-size:.82rem;color:#bdd1e2;font-weight:700}.field input,.field select,.field textarea{width:100%;border:1px solid rgba(94,184,235,.18);background:#051426;color:#edf7ff;border-radius:12px;padding:13px 14px;outline:none;transition:.2s}.field input:focus,.field select:focus,.field textarea:focus{border-color:#43d8ff;box-shadow:0 0 0 3px rgba(0,209,255,.08)}.field textarea{min-height:140px;resize:vertical}.notice{font-size:.78rem;color:#91a8bb}

/* footer */
.footer{padding:48px 0 24px;background:#020813;border-top:1px solid var(--line)}
.footer-grid{display:grid;grid-template-columns:1.35fr .8fr 1fr 1fr;gap:32px}.footer-logo{height:52px;width:auto;margin-bottom:16px}.footer p,.footer a{color:#93a9bc;font-size:.86rem}.footer h4{font-size:.9rem;margin:0 0 13px}.footer-links{display:grid;gap:7px}.footer a:hover{color:#5fe5ff}.footer-bottom{display:flex;justify-content:space-between;gap:20px;padding-top:24px;margin-top:28px;border-top:1px solid var(--line);color:#7f96aa;font-size:.78rem}.footer-bottom div:last-child{display:flex;gap:18px}

/* subtle reveal */
.reveal{opacity:0;transform:translateY(18px);transition:.6s ease}.reveal.in{opacity:1;transform:none}

/* responsive */
@media(max-width:1100px){
  .nav-links{display:none}.menu-btn{display:grid}.brand{min-width:0}.nav-actions .btn{display:none}
  .hero{min-height:auto}.hero-grid{grid-template-columns:1fr}.hero-copy{padding-top:0}.hero-visual{min-height:520px}.hero h1{max-width:820px}
  .industry-grid{grid-template-columns:repeat(4,1fr)}
  .card-grid{grid-template-columns:repeat(2,1fr)}
  .value-grid{grid-template-columns:repeat(2,1fr)}
  .timeline{grid-template-columns:repeat(2,1fr)}
  .footer-grid{grid-template-columns:1fr 1fr}
  .contact-grid,.split{grid-template-columns:1fr}
  .insight-grid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:760px){
  .container{width:min(100% - 26px,var(--max))}.section{padding:62px 0}.inner-hero{padding:62px 0 48px}
  .nav{height:66px}.brand img{height:39px}.icon-btn{height:38px;width:38px}
  .mobile-drawer{position:fixed;inset:66px 0 auto 0;background:rgba(3,12,23,.98);border-bottom:1px solid var(--line);padding:14px 18px 22px;display:none;z-index:70}.mobile-drawer.open{display:grid}.mobile-drawer a{padding:13px 10px;border-bottom:1px solid rgba(255,255,255,.04);font-weight:700;color:#c5d6e5}.mobile-drawer .btn{margin-top:12px}
  .hero{padding:42px 0 32px}.hero h1{font-size:clamp(3rem,14vw,4.9rem)}.hero-visual{min-height:390px;border-radius:22px}.floating-chip{font-size:.72rem}.floating-chip.c3{display:none}.hero-benefits{grid-template-columns:1fr}.hero-actions .btn{width:100%}
  .trust-grid{grid-template-columns:1fr 1fr}.trust-title{grid-column:1/-1}
  .industry-grid{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:8px}.industry-card{min-width:250px;scroll-snap-align:start}
  .metrics{grid-template-columns:1fr 1fr}.metric:nth-child(2){border-right:0}.metric:nth-child(-n+2){border-bottom:1px solid var(--line)}
  .card-grid,.value-grid,.timeline,.insight-grid{grid-template-columns:1fr}
  .solution-detail{grid-template-columns:1fr}.solution-detail .badge{margin-bottom:4px}
  .form{grid-template-columns:1fr}.form .full{grid-column:auto}
  .nature-inner{align-items:flex-start;flex-direction:column;padding:44px 0}.nature-cta:after{opacity:.28;right:-18%;width:300px}.nature-inner .btn{width:100%}
  .footer-grid{grid-template-columns:1fr}.footer-bottom{flex-direction:column}.footer-bottom div:last-child{flex-wrap:wrap}
}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}.reveal{opacity:1;transform:none}}


/* distinct industry visual assets */
.industry-card{padding:18px 16px 16px}.industry-card:after{background:linear-gradient(180deg,rgba(2,9,20,.02) 0%,rgba(2,9,20,.18) 34%,rgba(2,9,20,.94) 78%)}
.industry-card h3,.industry-card p,.industry-card .arrow{position:relative;z-index:2;text-shadow:0 2px 12px rgba(0,0,0,.55)}
.industry-detail-visual{width:100%;aspect-ratio:5/3;border-radius:16px;overflow:hidden;border:1px solid rgba(80,204,255,.18);box-shadow:0 12px 30px rgba(0,0,0,.22);background:#06172a}
.industry-detail-visual img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .35s ease}
.solution-detail:hover .industry-detail-visual img{transform:scale(1.035)}
@media(max-width:700px){.industry-detail-visual{max-width:520px}}

/* Navigation: one desktop bar, one hidden mobile drawer */
.mobile-drawer[hidden]{display:none!important}
.mobile-drawer{position:fixed;top:82px;right:max(18px,calc((100vw - var(--max))/2));width:min(340px,calc(100vw - 28px));padding:14px;background:rgba(3,13,24,.97);backdrop-filter:blur(24px);border:1px solid rgba(93,227,255,.18);border-radius:18px;box-shadow:0 28px 80px rgba(0,0,0,.46);z-index:95}
.mobile-drawer.open{display:grid!important;animation:drawerIn .2s ease-out}
.mobile-drawer a{padding:13px 14px;border-radius:10px;color:#cfe1ef;font-weight:750;border-bottom:1px solid rgba(255,255,255,.045)}
.mobile-drawer a:hover{background:rgba(64,193,255,.09);color:#fff}
.mobile-drawer .btn{margin-top:10px;color:#001321;border:0}
@keyframes drawerIn{from{opacity:0;transform:translateY(-8px) scale(.98)}to{opacity:1;transform:none}}
@media(max-width:1100px){.nav-links{display:none}.menu-btn{display:grid}.brand{min-width:0}.nav-actions{margin-left:auto}}
@media(max-width:760px){.mobile-drawer{top:72px;left:13px;right:13px;width:auto}.nav-actions .btn{display:none}}

/* Insights: topic-specific smart visuals */
.insight-card{transition:.25s ease;box-shadow:0 16px 44px rgba(0,0,0,.18)}
.insight-card:hover{transform:translateY(-6px);border-color:rgba(86,225,255,.35);box-shadow:0 26px 68px rgba(0,157,255,.14)}
.insight-visual{height:210px;background:#03101d;position:relative;overflow:hidden}
.insight-visual:before,.insight-visual:after{display:none!important}
.insight-visual img{width:100%;height:100%;display:block;object-fit:cover;transition:transform .45s ease,filter .45s ease;filter:saturate(1.05) contrast(1.02)}
.insight-card:hover .insight-visual img{transform:scale(1.035);filter:saturate(1.2) contrast(1.06)}
.insight-body small{letter-spacing:.08em}

/* 2026-09-22 logo alignment + visibility refinement */
/* Header logo: retain artwork, add a controlled luminous backing so dark navy wordmark stays legible. */
.brand{
  position:relative;
  isolation:isolate;
  padding:7px 12px 7px 10px;
  border-radius:16px;
}
.brand::before{
  content:"";
  position:absolute;
  z-index:-1;
  inset:-8px -16px -8px -12px;
  border-radius:20px;
  background:
    radial-gradient(ellipse at 34% 50%,rgba(255,255,255,.13) 0%,rgba(88,222,255,.11) 34%,rgba(36,132,255,.07) 52%,transparent 74%);
  filter:blur(3px);
  opacity:.95;
  pointer-events:none;
}
.brand img{
  height:48px;
  filter:brightness(1.22) saturate(1.18) contrast(1.04) drop-shadow(0 0 13px rgba(74,220,255,.22));
}
.site-header.scrolled .brand::before{opacity:.78}

/* Nature CTA: center the Cordyceps mark behind the right-hand CTA instead of offsetting it. */
.nature-cta:after{
  right:max(24px,calc((100% - var(--max))/2));
  top:50%;
  bottom:auto;
  width:330px;
  height:246px;
  transform:translateY(-50%);
  background:url('cordy-mark.png') center center/contain no-repeat;
  opacity:.58;
  filter:brightness(1.16) saturate(1.16) drop-shadow(0 0 30px rgba(62,226,172,.2));
}
.nature-inner>.btn{
  position:relative;
  z-index:4;
  min-width:285px;
  margin-right:22px;
}

/* Footer logo: soft white/cyan halo for clarity without changing the logo artwork. */
.footer-grid>div:first-child{
  position:relative;
  isolation:isolate;
}
.footer-grid>div:first-child::before{
  content:"";
  position:absolute;
  z-index:-1;
  left:-32px;
  top:-24px;
  width:300px;
  height:125px;
  border-radius:50%;
  background:radial-gradient(ellipse at center,rgba(255,255,255,.12) 0%,rgba(59,216,255,.10) 33%,rgba(31,115,255,.055) 56%,transparent 76%);
  filter:blur(6px);
  pointer-events:none;
}
.footer-logo{
  height:58px;
  filter:brightness(1.24) saturate(1.18) contrast(1.04) drop-shadow(0 0 14px rgba(72,220,255,.18));
}

@media(max-width:760px){
  .brand{padding:5px 8px 5px 6px}
  .brand img{height:41px}
  .brand::before{inset:-7px -10px -7px -8px}
  .nature-cta:after{
    top:auto;
    bottom:-36px;
    right:-8%;
    transform:none;
    width:280px;
    height:220px;
    opacity:.30;
  }
  .nature-inner>.btn{min-width:0;margin-right:0;width:100%}
  .footer-grid>div:first-child::before{left:-22px;top:-20px;width:260px;height:110px}
  .footer-logo{height:54px}
}