/* EEB Innovation wing: builds on /assets/site.css (navy + dark green theme) */
:root{--inno:#007fb1;--green:#0b6e4f;--mint:#5fdba6;--navy:#0b1f3a}

/* Wing switcher */
.wings{background:#071528;border-bottom:1px solid rgba(255,255,255,.08)}
.wings .wrap{display:flex;gap:6px}
.wings a{flex:1;display:block;padding:10px 14px;text-decoration:none;color:#b8c7dc;font:700 13px/1.3 Manrope,Arial,sans-serif;border-bottom:3px solid transparent}
.wings a small{display:block;font:400 12px 'DM Sans',Arial,sans-serif;color:#8ea3bf}
.wings a:hover{color:#fff}
.wings a[aria-current=true]{color:#fff;border-bottom-color:var(--mint)}
.wings a.inno[aria-current=true]{border-bottom-color:#4cc3f0}
.inno-accent{color:var(--mint)}

/* Offers, proof, rates */
.offer{display:flex;flex-direction:column}
.offer .price{margin-top:auto;padding-top:18px;border-top:1px solid var(--line);font:800 22px Manrope,Arial,sans-serif;color:var(--ink)}
.offer .price span{display:block;font:600 12px 'DM Sans',Arial,sans-serif;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}
.offer .arrow{margin:14px 0 18px!important}
.pill{display:inline-block;background:#e3f1ea;color:var(--green);font-weight:700;font-size:14px;padding:6px 14px;border-radius:999px}
.proof{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:20px}
.proof>div{border-top:4px solid var(--green);background:var(--panel);border-radius:0 0 10px 10px;padding:22px}
.proof strong{display:block;font:800 18px Manrope,Arial,sans-serif;margin-bottom:8px}
.proof p{color:var(--muted);font-size:15px;margin:0}
.proof a{color:var(--green)}
.rates{width:100%;border-collapse:collapse;margin-top:20px;font-size:15px}
.rates th{text-align:left;font:700 12px 'DM Sans',Arial,sans-serif;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);padding:12px;border-bottom:2px solid var(--line)}
.rates td{padding:14px 12px;border-bottom:1px solid var(--line);vertical-align:top;color:var(--muted)}
.rates td:first-child{font-weight:700;color:var(--ink)}
.rates td:last-child{white-space:nowrap;color:var(--ink);font-weight:600}
.rates a{color:var(--green)}
.feature .incl li{color:#d5e0ee}.feature .incl b{color:#fff}.feature .note{color:#9fb2cc}

/* Estimator and funding finder */
.est{max-width:860px}
.est-card{background:#fff;border:1px solid var(--line);border-radius:16px;box-shadow:0 20px 50px rgba(11,31,58,.10);padding:30px}
.est-top{display:flex;justify-content:space-between;font-size:13px;color:var(--muted);margin-bottom:10px}
.bar{height:6px;background:var(--panel);border-radius:6px;overflow:hidden;margin-bottom:26px}
.bar i{display:block;height:100%;width:10%;background:linear-gradient(90deg,var(--inno),var(--green));transition:width .35s}
.q h2,.result h2{font-size:clamp(1.6rem,3vw,2.3rem);margin:8px 0 6px}
.q h2:focus,.result h2:focus{outline:none}
.hint{color:var(--muted);margin-bottom:18px}
.opts{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.opt{text-align:left;background:#fff;border:1.5px solid var(--line);border-radius:12px;padding:16px 18px;cursor:pointer;color:var(--ink);transition:border-color .15s,transform .15s,background .15s;min-height:64px}
.opt strong{display:block;font:700 16px Manrope,Arial,sans-serif}
.opt span{display:block;font-size:14px;color:var(--muted);margin-top:4px}
.opt:hover,.opt:focus-visible{border-color:var(--green);background:#f3faf6;transform:translateY(-1px)}
.est-nav{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:20px;flex-wrap:wrap}
.linkbtn{background:none;border:0;color:var(--green);font-weight:700;cursor:pointer;padding:8px 0;min-height:44px}
.fade{animation:fadein .3s ease}
@keyframes fadein{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
@media(prefers-reduced-motion:reduce){.fade{animation:none}.bar i{transition:none}}
.range{font:800 clamp(2.2rem,5vw,3.4rem)/1.1 Manrope,Arial,sans-serif;color:var(--green);margin:14px 0 6px;letter-spacing:-.03em}
.range small{display:block;font:400 14px 'DM Sans',Arial,sans-serif;color:var(--muted);letter-spacing:0;margin-top:6px}
.pay{margin:12px 0 0;padding:12px 16px;border-left:4px solid var(--navy);background:var(--panel);border-radius:0 10px 10px 0;color:var(--ink);font-size:15px;font-weight:600}
.incl{padding-left:20px;color:var(--muted)}.incl li{margin-bottom:8px}
.flags{display:grid;gap:10px;margin:18px 0}
.flag{border-left:4px solid var(--orange);background:#fff6ef;padding:12px 16px;border-radius:0 10px 10px 0;font-size:15px;color:var(--ink)}
.flag a{color:var(--green);font-weight:700}
.summary{margin-top:20px;font-size:13px;color:var(--muted);border-top:1px solid var(--line);padding-top:14px}
.lead-form{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:10px}
.lead-form .actions{grid-column:1/-1;margin:8px 0 0}
.thanks{display:none;background:#e3f1ea;border-radius:12px;padding:22px;margin-top:10px}
.thanks.show{display:block}.thanks h3{margin-top:0}
.writeup{margin:18px 0;border-left:4px solid var(--green)!important}
.why{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:24px}
.why>div{font-size:14px;color:var(--muted)}.why b{display:block;color:var(--ink);margin-bottom:4px}
.why a{color:var(--green)}

/* Funding alert */
.alert-box{display:grid;grid-template-columns:1.2fr 1fr;gap:28px;align-items:center;border:1px solid var(--line);border-radius:16px;padding:30px;background:var(--panel)}
.alert-box h2{font-size:clamp(1.6rem,3vw,2.3rem)}
.alert-box .lead{color:var(--muted)}
.alert-form{display:grid;gap:12px}
.alert-form input[type=email]{margin-top:0}
.alert-form label.chk{display:flex;gap:10px;align-items:flex-start;font-size:13px;color:var(--muted)}
.alert-form label.chk input{width:18px;height:18px;margin:2px 0 0;flex:none}
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

/* Funding news */
.news-list{display:grid;gap:16px;max-width:860px}
a.card{display:block;color:inherit;text-decoration:none}
.post{max-width:760px}.post h2{font-size:1.7rem;margin-top:34px}
.post p,.post li{font-size:17px;line-height:1.7;color:var(--muted)}.post b{color:var(--ink)}
.post a{color:var(--green)}

/* Cover: EEB Design | EEB Innovation */
.cover{--dg:#0b3d2e;--dg2:#0f4d3a;--nv:#0a1c33;--mint:#8fe3bd;--sky:#7cd6ff;
  position:fixed;inset:0;z-index:1000;display:flex;background:var(--nv);color:#fff;overflow:hidden;
  font-family:'DM Sans',Arial,sans-serif;opacity:0;transition:opacity .5s ease}
.cover.cv-in{opacity:1}.cover.cv-leave{opacity:0;transform:scale(1.02);transition:opacity .5s,transform .5s}
.cv-side{position:relative;flex:1 1 0;min-width:0;display:flex;align-items:flex-end;border:0;margin:0;padding:0;
  font:inherit;color:inherit;text-align:left;text-decoration:none;cursor:pointer;overflow:hidden;
  transition:flex-grow .7s cubic-bezier(.2,.8,.2,1),filter .5s}
.cv-design{background:radial-gradient(120% 90% at 30% 20%,var(--dg2),var(--dg) 60%,#072a20)}
.cv-inno{background:var(--nv)}
.cover[data-hot=design] .cv-design,.cover[data-hot=inno] .cv-inno{flex-grow:1.45}
.cover[data-hot=design] .cv-inno,.cover[data-hot=inno] .cv-design{filter:brightness(.62) saturate(.8)}
.cv-side:focus-visible{outline:3px solid #fff;outline-offset:-10px}
.cover:focus{outline:none}

/* drawing */
.cv-draw{position:absolute;inset:0;width:100%;height:100%;opacity:.9}
.cv-draw .ln path{fill:none;stroke-linecap:square}
.cv-draw .base path{stroke:rgba(215,245,230,.62);stroke-width:1.6}
.cv-draw .fine path{stroke:rgba(215,245,230,.4);stroke-width:1}
.cv-draw .dim path{stroke:var(--mint);stroke-width:.8;opacity:.75}
.cv-draw .tx text{fill:rgba(215,245,230,.55);font-size:9px;letter-spacing:.06em}
.cover.cv-in .cv-draw path{stroke-dasharray:1400;stroke-dashoffset:1400;animation:cvdraw 2.6s cubic-bezier(.6,.05,.25,1) forwards}
.cover.cv-in .cv-draw .fine path{animation-delay:.7s}.cover.cv-in .cv-draw .dim path{animation-delay:1.4s}
.cv-draw .tx{opacity:0}.cover.cv-in .cv-draw .tx{animation:cvfade .8s 2.2s forwards}
@keyframes cvdraw{to{stroke-dashoffset:0}}@keyframes cvfade{to{opacity:1}}
.cv-design::after{content:"";position:absolute;inset:0;pointer-events:none;
  background:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px) 0 0/28px 28px,linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px) 0 0/28px 28px,
  linear-gradient(180deg,transparent 35%,rgba(4,26,19,.85) 100%)}
.cv-field{position:absolute;inset:0;width:100%;height:100%;display:block}
.cv-inno::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,transparent 35%,rgba(6,16,30,.88) 100%)}

/* text */
.cv-body{position:relative;z-index:2;display:block;width:100%;padding:0 clamp(24px,5vw,72px) clamp(96px,13vh,140px)}
.cv-word{display:block;font:800 clamp(3rem,6.6vw,7.6rem)/.9 Manrope,Arial,sans-serif;letter-spacing:-.055em;
  color:transparent;-webkit-text-stroke:1.5px rgba(255,255,255,.85);transition:color .5s,-webkit-text-stroke-color .5s;
  transform:translateY(18px);opacity:0}
.cover.cv-in .cv-word{animation:cvrise .9s .35s cubic-bezier(.2,.8,.2,1) forwards}
.cover.cv-in .cv-inno .cv-word{animation-delay:.5s}
@keyframes cvrise{to{transform:none;opacity:1}}
.cv-design:hover .cv-word,.cv-design:focus-visible .cv-word{color:#fff}
.cv-inno:hover .cv-word,.cv-inno:focus-visible .cv-word{color:#fff}
.cv-line{display:block;max-width:34ch;margin:22px 0 18px;font-size:clamp(1rem,1.35vw,1.2rem);line-height:1.5;color:rgba(255,255,255,.82)}
.cv-tags{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:26px}
.cv-tags span{font-size:13px;padding:6px 12px;border-radius:999px;border:1px solid rgba(255,255,255,.22);color:rgba(255,255,255,.85);background:rgba(255,255,255,.04)}
.cv-go{display:inline-flex;align-items:center;gap:12px;font:700 15px Manrope,Arial,sans-serif;padding:14px 22px;border-radius:999px;background:#fff;color:var(--dg)}
.cv-inno .cv-go{color:var(--nv)}
.cv-go::after{content:"";width:22px;height:1.5px;background:currentColor;transition:width .35s}
.cv-side:hover .cv-go::after,.cv-side:focus-visible .cv-go::after{width:38px}
.cv-design .cv-go{box-shadow:0 0 0 0 rgba(143,227,189,.0);transition:box-shadow .4s}
.cv-design:hover .cv-go{box-shadow:0 0 0 6px rgba(143,227,189,.25)}
.cv-inno:hover .cv-go{box-shadow:0 0 0 6px rgba(111,163,230,.3)}

/* seam, brand, footer */
.cv-seam{position:absolute;z-index:3;left:50%;top:clamp(22px,4vh,40px);transform:translateX(-50%);width:clamp(96px,9vw,128px);height:auto;pointer-events:none;
  transition:left .7s cubic-bezier(.2,.8,.2,1)}
.cover[data-hot=design] .cv-seam{left:59.2%}.cover[data-hot=inno] .cv-seam{left:40.8%}
.cv-seam img{width:100%;height:auto;display:block}
.cv-brand{position:absolute;z-index:3;left:50%;top:calc(clamp(22px,4vh,40px) + clamp(104px,9.6vw,138px));transform:translateX(-50%);text-align:center;pointer-events:none;
  transition:left .7s cubic-bezier(.2,.8,.2,1);white-space:nowrap;text-shadow:0 2px 18px rgba(0,0,0,.55)}
.cover[data-hot=design] .cv-brand{left:59.2%}.cover[data-hot=inno] .cv-brand{left:40.8%}
.cv-mark{display:block;font:800 clamp(56px,6.2vw,96px)/.9 Manrope,Arial,sans-serif;letter-spacing:.06em;margin:0 0 10px .06em}
.cv-brand b{display:block;font:700 clamp(15px,1.25vw,19px)/1.2 Manrope,Arial,sans-serif;letter-spacing:.02em}
.cv-brand > span{display:block;margin-top:4px;font-size:clamp(14px,1.1vw,17px);color:rgba(255,255,255,.72)}
.cover::before{content:"";position:absolute;z-index:2;top:0;bottom:0;left:50%;width:1px;background:linear-gradient(transparent,rgba(255,255,255,.35) 20%,rgba(255,255,255,.35) 80%,transparent);
  transition:left .7s cubic-bezier(.2,.8,.2,1);pointer-events:none}
.cover[data-hot=design]::before{left:59.2%}.cover[data-hot=inno]::before{left:40.8%}
.cv-foot{position:absolute;z-index:3;left:0;right:0;bottom:0;display:flex;justify-content:center;align-items:center;gap:clamp(18px,3vw,44px);padding:16px 24px;font-size:clamp(14px,1.05vw,16px);color:rgba(255,255,255,.8);background:rgba(4,14,26,.72);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);border-top:1px solid rgba(255,255,255,.12);pointer-events:none}
.cv-foot .cv-url{font:800 clamp(16px,1.25vw,19px) Manrope,Arial,sans-serif;color:var(--mint);letter-spacing:.02em}
.cv-foot a{color:#fff;font-weight:700;text-decoration:none;pointer-events:auto}.cv-foot a:hover,.cv-foot a:focus-visible{text-decoration:underline}

@media (max-width:760px){
  .cover{flex-direction:column}
  .cv-side{flex-basis:50%}
  .cover[data-hot] .cv-side{flex-grow:1}.cover[data-hot] .cv-side{filter:none}
  .cover::before{left:0!important;right:0;top:50%;bottom:auto;width:auto;height:1px;background:rgba(255,255,255,.3)}
  .cv-seam{left:50%!important;top:50%;transform:translate(-50%,-50%);width:76px;height:76px;background:#0a1c33;border-radius:50%;padding:11px;box-shadow:0 0 0 1px rgba(255,255,255,.25)}
  .cv-brand{left:50%!important;top:12px;width:100%}.cv-mark{font-size:40px;margin-bottom:4px}.cv-brand b{font-size:14px}.cv-brand > span{font-size:13px;margin-top:2px}
  .cv-body{padding:0 22px 26px}
  .cv-design .cv-body{padding-top:112px;padding-bottom:52px}
  .cv-inno .cv-body{padding-bottom:64px}
  .cv-line{margin:12px 0 12px;font-size:.98rem}
  .cv-tags{display:none}
  .cv-go{padding:11px 18px;font-size:14px}
  .cv-foot{justify-content:space-around;gap:10px;padding:12px 14px;font-size:14px}
  .cv-foot .cv-addr{display:none}
  .cv-foot .cv-url{font-size:15px}
}
@media (prefers-reduced-motion:reduce){
  .cover,.cover.cv-leave,.cv-side,.cv-seam,.cv-brand,.cover::before{transition:none}
  .cover.cv-in .cv-draw path,.cover.cv-in .cv-word,.cover.cv-in .cv-draw .tx{animation:none;stroke-dashoffset:0;opacity:1;transform:none}
  .cv-word{opacity:1;transform:none}.cv-draw .tx{opacity:1}
}

@media(max-width:860px){.opts,.lead-form,.proof,.why,.doors,.alert-box{grid-template-columns:1fr}.est-card{padding:20px}.rates td:last-child{white-space:normal}.wings a small{display:none}}

/* Industries */
.industries h2{max-width:22ch}
.ind-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:22px}
.ind-grid>div{background:var(--panel);border-radius:12px;padding:18px;border-top:3px solid var(--green)}
.ind-grid b{display:block;font:800 16px Manrope,Arial,sans-serif;margin-bottom:6px;color:var(--ink)}
.ind-grid span{font-size:14px;color:var(--muted);line-height:1.5}
.industries .note a{color:var(--green);font-weight:700}
@media(max-width:980px){.ind-grid{grid-template-columns:1fr 1fr}}@media(max-width:560px){.ind-grid{grid-template-columns:1fr}}

/* ==== Wing colours: each side keeps its own colour; the other is the trim ====
   Design = green body, blue trim.  Innovation = navy/blue body, green trim. */
:root{--d-green:#0b3d2e;--d-green2:#0f4d3a;--d-btn:#0b6e4f;--d-btnh:#085a40;--d-mint:#8fe3bd;
  --i-navy:#0a1c33;--i-navy2:#15365f;--i-btn:#1b5fa3;--i-btnh:#164f88;--i-sky:#6fa3e6;--i-btn2:#2a6fc0;--trim-blue:#1f5f99;--trim-green:#0b6e4f}

/* Design side */
.wing-design .topline{background:var(--d-green)}
.wing-design .hero,.wing-design .pagehero,.wing-design .cta,.wing-design .feature,.wing-design footer{
  background-color:var(--d-green);
  background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(135deg,#0b3d2e 0%,#0f4d3a 60%,#072a20 100%)}
.wing-design .hero .eyebrow,.wing-design .pagehero .eyebrow,.wing-design .cta .eyebrow,.wing-design .feature .eyebrow,.wing-design footer .eyebrow,.wing-design .feature .num{color:var(--i-sky)!important}
.wing-design .hero .accent,.wing-design .pagehero .accent,.wing-design .cta .accent{color:var(--i-sky)}
.wing-design .eyebrow{color:var(--trim-blue)}
.wing-design .card:hover,.wing-design .jump a:hover{border-color:var(--trim-blue)}
.wing-design .code-item{border-left-color:var(--trim-blue)}
.wing-design .hero .btn,.wing-design .pagehero .btn,.wing-design .cta .btn,.wing-design .feature .btn{background:var(--d-mint);border-color:var(--d-mint);color:#062a1e}
.wing-design .hero .btn:hover,.wing-design .pagehero .btn:hover,.wing-design .cta .btn:hover,.wing-design .feature .btn:hover{background:#fff;border-color:#fff}
.wing-design .hero .btn.outline,.wing-design .pagehero .btn.outline,.wing-design .cta .btn.outline,.wing-design .feature .btn.outline{background:transparent;color:#fff;border-color:rgba(111,163,230,.65)}
.wing-design header{border-bottom:2px solid var(--trim-blue)}
.wing-design .copyright{border-top-color:rgba(111,163,230,.3)}

/* Innovation side */
.wing-inno .topline{background:var(--i-navy)}
.wing-inno .btn,.wing-inno .feature .btn{background:var(--i-btn);border-color:var(--i-btn);color:#fff}
.wing-inno .btn:hover{background:var(--i-btnh);border-color:var(--i-btnh)}
.wing-inno .btn.outline{background:transparent;color:var(--i-btn);border-color:var(--i-btn)}
.wing-inno .hero .btn,.wing-inno .pagehero .btn,.wing-inno .cta .btn,.wing-inno .feature .btn{background:var(--i-btn2);border-color:var(--i-btn2);color:#fff}
.wing-inno .hero .btn:hover,.wing-inno .pagehero .btn:hover,.wing-inno .cta .btn:hover,.wing-inno .feature .btn:hover{background:#3580d6;border-color:#3580d6}
.wing-inno .hero .btn.outline,.wing-inno .pagehero .btn.outline,.wing-inno .cta .btn.outline,.wing-inno .feature .btn.outline{background:transparent;color:#fff;border-color:rgba(143,227,189,.6)}
.wing-inno .links a[aria-current=page],.wing-inno .links a:hover{color:var(--i-btn)}
.wing-inno header{border-bottom:2px solid var(--trim-green)}
.wing-inno .range{color:var(--i-btn)}
.wing-inno .opt:hover,.wing-inno .opt:focus-visible{border-color:var(--i-btn);background:#f1f6fc}
.wing-inno .linkbtn{color:var(--i-btn)}
.wing-inno .pay{border-left-color:var(--trim-green)}
.wing-inno .offer .arrow,.wing-inno .rates a,.wing-inno .proof a,.wing-inno .post a,.wing-inno .why a,.wing-inno .flag a,.wing-inno .industries .note a{color:var(--i-btn)}
.wing-inno .proof>div,.wing-inno .ind-grid>div{border-top-color:var(--trim-green)}
.wing-inno .card:hover{border-color:var(--i-btn)}
.wing-inno .social a{border-color:var(--i-btn);color:var(--i-btn)}.wing-inno .social a:hover{background:var(--i-btn);color:#fff}

/* Switch bar: each side's tab in its own colour */
.wings{background:#06111f}
.wings a[aria-current=true]{border-bottom-color:var(--d-mint)}
.wings a.inno[aria-current=true]{border-bottom-color:var(--i-sky)}
.wing-design .wings{background:#06261c}
.wing-design .system,.wing-design .scene-card{background:#072a20}
.wing-design .scene3d{background:radial-gradient(ellipse at 50% 30%,#14533f,#072a20 70%)}
.wing-design .system-top .live,.wing-design .scene-card .system-top .live{color:var(--i-sky)}

/* Case study */
.cs{display:grid;grid-template-columns:minmax(0,300px) minmax(0,1fr);gap:48px;align-items:start}
.cs-facts{display:grid;gap:16px;position:sticky;top:120px;border-left:3px solid var(--trim-green);padding-left:20px}
.cs-facts b{display:block;font:700 13px Manrope,Arial,sans-serif;color:var(--i-btn)}
.cs-facts span{color:var(--muted);font-size:15px}
.cs-body{max-width:70ch}.cs-body h2{font-size:clamp(1.5rem,2.4vw,2rem);margin:0 0 14px}.cs-body h2:not(:first-child){margin-top:40px}
.cs-body p,.cs-steps li{font-size:17px;line-height:1.7;color:var(--muted)}
.cs-steps{padding-left:22px}.cs-steps li{margin-bottom:12px}.cs-steps b{color:var(--ink)}
.cs-quote{margin:36px 0 0;padding:20px 24px;border-left:4px solid var(--trim-green);background:var(--panel);border-radius:0 12px 12px 0;font:700 clamp(1.1rem,1.8vw,1.35rem)/1.45 Manrope,Arial,sans-serif;color:var(--ink)}
.cs-teaser h2{max-width:24ch}
.cs-card{max-width:820px;border:1px solid var(--line);border-left:4px solid var(--trim-green);border-radius:0 14px 14px 0;padding:24px 28px;background:#fff}
.cs-card p{color:var(--muted);font-size:17px;line-height:1.7}.cs-card .arrow{color:var(--i-btn);font-weight:700}
@media(max-width:860px){.cs{grid-template-columns:1fr;gap:28px}.cs-facts{position:static}}

/* Cover: scale with screen height too, so nothing collides on short or zoomed screens */
@media (min-width:761px){
.cv-seam{width:min(clamp(96px,9vw,128px),13vh);top:min(clamp(22px,4vh,40px),3vh)}
.cv-brand{top:calc(min(clamp(22px,4vh,40px),3vh) + min(clamp(104px,9.6vw,138px),14vh))}
.cv-mark{font-size:min(clamp(56px,6.2vw,96px),9vh);margin-bottom:min(10px,1vh)}
.cv-brand b{font-size:min(clamp(15px,1.25vw,19px),2.4vh)}
.cv-brand > span{font-size:min(clamp(14px,1.1vw,17px),2.2vh)}
.cv-word{font-size:min(clamp(3rem,6.6vw,7.6rem),10.5vh)}
.cv-body{padding-bottom:calc(clamp(64px,9vh,120px) + 20px)}
}
@media (min-width:761px) and (max-height:820px){
  .cv-line{margin:min(22px,2vh) 0 min(18px,1.8vh);font-size:min(1.2rem,2.3vh)}
  .cv-tags{margin-bottom:min(26px,2.4vh)}.cv-tags span{padding:4px 10px;font-size:12px}
  .cv-go{padding:min(14px,1.6vh) 20px}
  .cv-foot{padding:min(16px,1.6vh) 24px}
}
@media (min-width:761px) and (max-height:640px){.cv-tags{display:none}.cv-brand > span{display:none}}

.cs-cards{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.cs-cards .cs-card{max-width:none;display:flex;flex-direction:column}.cs-card h3{margin:0 0 10px;font-size:1.25rem}
.cs-card .arrow{margin-top:auto}.cs-num{display:block;font:800 clamp(1.3rem,2vw,1.7rem) Manrope,Arial,sans-serif;color:var(--i-btn);margin-bottom:8px;letter-spacing:-.02em}
@media(max-width:860px){.cs-cards{grid-template-columns:1fr}}

/* EEB mark: the first E arrives from the Design side, the B from the Innovation side, the middle E drops in;
   then a green-to-blue light passes through the letters every few seconds */
.cv-mark{display:flex;justify-content:center;gap:.02em}
.cv-mark span{display:inline-block;color:#fff;background:linear-gradient(100deg,#fff 0%,#fff 38%,#8fe3bd 46%,#6fa3e6 54%,#fff 62%,#fff 100%);
  background-size:300% 100%;background-position:100% 0;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.cover.cv-in .cv-mark .m1{animation:mkL 1s .25s cubic-bezier(.2,.8,.2,1) both,mkSheen 7s 2.2s ease-in-out infinite}
.cover.cv-in .cv-mark .m2{animation:mkT 1s .45s cubic-bezier(.2,.8,.2,1) both,mkSheen 7s 2.35s ease-in-out infinite}
.cover.cv-in .cv-mark .m3{animation:mkR 1s .25s cubic-bezier(.2,.8,.2,1) both,mkSheen 7s 2.5s ease-in-out infinite}
@keyframes mkL{from{opacity:0;transform:translateX(-46vw)}to{opacity:1;transform:none}}
@keyframes mkR{from{opacity:0;transform:translateX(46vw)}to{opacity:1;transform:none}}
@keyframes mkT{from{opacity:0;transform:translateY(-0.9em)}to{opacity:1;transform:none}}
@keyframes mkSheen{0%,70%{background-position:100% 0}100%{background-position:0 0}}
.cover[data-hot=design] .cv-mark .m1,.cover[data-hot=inno] .cv-mark .m3{text-shadow:none;filter:drop-shadow(0 0 14px rgba(143,227,189,.45))}
.cover[data-hot=inno] .cv-mark .m3{filter:drop-shadow(0 0 14px rgba(111,163,230,.55))}
@media (prefers-reduced-motion:reduce){.cover.cv-in .cv-mark span{animation:none}}
.cv-mark span{text-shadow:none}
.cv-mark{filter:drop-shadow(0 2px 14px rgba(0,0,0,.45))}
.offer{min-width:0}.offer h3,.offer .num{overflow-wrap:anywhere;hyphens:auto}
@media(max-width:560px){.offer .num{letter-spacing:.08em}}

/* No flash of the home page before the cover appears */
html.cv-pre{background:#0a1c33}html.cv-pre body>*:not(.cover){visibility:hidden}
@media (max-width:760px) and (max-height:700px){
  .cv-brand{top:8px}.cv-mark{font-size:30px;margin-bottom:2px}.cv-brand b{font-size:12px}.cv-brand > span{display:none}
  .cv-design .cv-body{padding-top:64px}
}
/* Tablets and narrow laptops: identical 2 x 2 tag grid and equal text height on both sides, so pills, text and buttons line up */
@media (min-width:761px) and (max-width:1279px){
  .cv-tags{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;max-width:400px}
  .cv-tags span{text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .cv-line{min-height:3em}
}
@media (min-width:1280px){.cv-tags{flex-wrap:nowrap}.cv-line{min-height:3em}}
@media (min-width:761px) and (max-width:899px){.cv-tags{grid-template-columns:1fr;max-width:240px}}
/* Tablets: the Innovation menu has 7 links, so it opens from the Menu button instead of squeezing into the bar */
@media (min-width:761px) and (max-width:1180px){
  .wing-inno .menu{display:block;margin-left:auto}
  .wing-inno .links{display:none;position:absolute;top:100%;left:0;right:0;background:#fff;padding:20px max(24px,5vw);flex-direction:column;align-items:stretch;gap:2px;border-bottom:2px solid var(--trim-green);box-shadow:0 18px 40px rgba(10,28,51,.12)}
  .wing-inno .links.open{display:flex}
  .wing-inno .links a{font-size:16px;min-height:44px;display:flex;align-items:center;padding:6px 8px}
  .wing-inno .nav{gap:16px}
}