.home{background-color:#011833;background-image:linear-gradient(90deg,rgba(0,17,41,.12),rgba(0,24,55,.3)),url('../assets/hero/hero-background-1920x900.webp');background-position:center top;background-size:100% 27.4rem;background-repeat:no-repeat}.hero{height:21.4rem;position:relative}.hero-inner{height:100%;position:relative}.hero-copy{position:absolute;z-index:2;left:1.5rem;top:2.15rem}.hero h1{font-size:3rem;font-weight:800;line-height:1.28;letter-spacing:.025rem}.hero h1 span{font-size:2.82rem;color:#8bf2f4;background:linear-gradient(100deg,#9ef5f1,#69e0f4);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.hero-copy>p{font-size:1rem;line-height:1.65;margin-top:.8rem}.hero-actions{display:flex;gap:1.15rem;margin-top:1.45rem}.hero-actions .button{height:3.2rem;min-width:11.9rem}.hero-actions .button--outline{min-width:10.55rem}.hero-virus{position:absolute;right:4rem;top:-1.25rem;width:21.8rem;height:21.8rem;object-fit:contain}.hero-tagline{position:absolute;right:-1.1rem;bottom:1.55rem;z-index:3}.hero-tagline p{font: .85rem/1.55 var(--font-en);padding-bottom:.4rem;border-bottom:1px solid #34cee7}.hero-tagline>span{font-size:.79rem;display:block;margin-top:.4rem}
.services{height:22rem;border-block:1px solid var(--line);background:linear-gradient(90deg,#031b35d9,#032346b3,#02182f)}.section-heading{height:5.5rem;display:flex;align-items:center;gap:1.55rem;padding:.15rem .35rem 0}.section-heading h2{font-size:2rem;line-height:1.2;white-space:nowrap;position:relative;font-weight:750}.section-heading h2:after,.why-intro h2:after,.long-copy h2:after{content:"";display:block;width:2.75rem;height:.23rem;background:linear-gradient(90deg,#02d1db,#729aff);position:absolute;bottom:-.8rem;left:0}.section-heading p{font-size:.775rem;padding-left:1.55rem;border-left:1px solid #6488aa;white-space:nowrap;line-height:1.8}.section-heading>a{margin-left:auto;font-family:var(--font-en);font-size:.8rem;white-space:nowrap;color:#b5d5f1}.section-heading>a span{font-size:1.2rem;margin-left:.5rem}.why-us{height:20.25rem;border-bottom:1px solid var(--line);background-color:#031c39;background-image:linear-gradient(90deg,#00152b55,#03244af2 38%,#031c39),url('../assets/hero/hero-virus-small-400.webp');background-position:center,7rem 4rem;background-size:100% 100%,16rem auto;background-repeat:no-repeat}.why-inner{display:grid;grid-template-columns:17.35rem 1fr;gap:2rem;height:100%;padding-block:1.85rem}.why-intro{border-right:1px solid #75a0d2;padding:.9rem .3rem 0}.why-intro h2{font-size:2.5rem;line-height:1.25;letter-spacing:.07rem;position:relative}.why-intro h2:after{width:3.4rem;bottom:-1.2rem}.why-intro p{font-size:1.25rem;line-height:1.45;margin-top:2.25rem}.reason-list{margin-top:-.75rem}.reason-row{height:6.25rem;display:grid;grid-template-columns:4.4rem 13.2rem 1fr;align-items:center;gap:1.4rem;border-bottom:1px solid #5482aa88}.reason-row:last-child{border:0}.reason-icon{display:grid;place-items:center;width:4.3rem;height:4.3rem;border:1px solid #6babea;border-radius:50%;background:radial-gradient(at 30% 30%,#0b457570,#03244a40);color:#c1f3ff}.reason-icon svg{width:2.6rem;height:2.6rem}.reason-row h3{font-size:1.08rem;line-height:1.45;font-weight:700}.reason-row p{padding-left:1.9rem;border-left:1px solid #7096c2;font-size:.85rem;line-height:1.7;white-space:nowrap}
.long-aav{height:15.45rem;position:relative;background:linear-gradient(90deg,transparent,#032044a6 55%,#031b37)}.dna-art{position:absolute;width:27.5rem;height:auto;bottom:0;left:max(0px,calc((100vw - 90rem)/2));pointer-events:none;z-index:1}.long-inner{height:100%;position:relative;z-index:2}.long-copy{margin-left:24.3rem;padding-top:1.65rem}.long-copy h2{font-size:1.45rem;line-height:1.4;position:relative;white-space:nowrap}.long-copy h2:after{width:2.2rem;bottom:-.75rem}.long-columns{display:grid;grid-template-columns:15.1rem 1fr;margin-top:2rem}.capacity{border-left:.15rem solid #6ee8f5;padding-left:1rem}.capacity-number{font-family:var(--font-en);color:#6af0fa;line-height:.92;white-space:nowrap;letter-spacing:-.15rem}.capacity-number strong{font-size:5.6rem;font-weight:750}.capacity-number .greater{font-size:4.1rem;font-weight:600}.capacity-number .unit{font-size:3rem;letter-spacing:-.1rem;color:#a4f5ff}.capacity h3{font-size:1.2rem;margin-top:.6rem}.long-description{padding-left:1.3rem;border-left:1px solid var(--line)}.long-description>p{font-size:.79rem;line-height:1.75;white-space:nowrap}.case-links{display:flex;gap:.9rem;margin-top:.75rem}.case-links .button{font-family:var(--font-en);font-size:.8rem;font-weight:400;padding:.45rem .9rem;min-height:2.25rem;border-radius:.45rem;white-space:nowrap}
@media(max-width:959px){.home{background-size:auto 31rem}.hero{height:27rem}.hero-copy{left:0;top:2rem}.hero h1{font-size:2.5rem}.hero h1 span{font-size:2.2rem}.hero-copy>p{font-size:.85rem}.hero-virus{width:21rem;height:21rem;right:-1rem;top:4rem;opacity:.7}.hero-copy{z-index:2}.hero-tagline{bottom:1rem;right:0}.services{height:auto;padding-bottom:2rem}.section-heading{height:auto;padding:1.8rem 0;flex-wrap:wrap;gap:1.3rem}.section-heading h2{font-size:1.8rem}.section-heading p{order:3;width:100%;white-space:normal;border:0;padding:0}.section-heading>a{margin-left:auto}.why-us{height:auto}.why-inner{grid-template-columns:12rem 1fr;gap:1.5rem}.why-intro h2{font-size:2rem}.why-intro p{font-size:1rem}.reason-row{height:auto;min-height:8rem;grid-template-columns:3.5rem 1fr;gap:.5rem 1rem;padding:1rem 0}.reason-icon{width:3.4rem;height:3.4rem;grid-row:span 2}.reason-row h3{font-size:1rem}.reason-row p{font-size:.75rem;white-space:normal;border:0;padding:0;grid-column:2}.long-aav{height:auto;min-height:19rem}.long-copy{margin-left:15rem;padding-block:2rem}.long-copy h2{font-size:1.25rem;white-space:normal}.long-columns{grid-template-columns:1fr;gap:1.2rem}.capacity-number strong{font-size:4.5rem}.capacity-number .greater{font-size:3rem}.capacity-number .unit{font-size:2rem}.capacity h3{font-size:1rem}.long-description{border:0;padding:0}.long-description>p{white-space:normal}.long-description br{display:none}.dna-art{width:28rem;max-width:60%;opacity:.8}.case-links{flex-wrap:wrap;gap:.5rem}}
@media(max-width:599px){.hero{height:35rem}.hero-copy{top:1rem}.hero h1{font-size:2rem;line-height:1.4}.hero h1 span{font-size:1.48rem}.hero-copy>p{font-size:.82rem;max-width:22rem}.hero-copy>p br{display:none}.hero-actions{gap:.6rem;margin-top:1.2rem}.hero-actions .button{padding:.7rem .8rem;min-width:0;height:2.9rem;font-size:.8rem}.hero-actions .button--outline{min-width:0}.hero-virus{width:19rem;height:19rem;right:1.5rem;top:16rem;opacity:1}.hero-tagline{right:0;bottom:1rem}.hero-tagline p{font-size:.65rem}.hero-tagline>span{font-size:.63rem}.section-heading h2{font-size:1.6rem}.why-inner{display:block;padding-block:2rem}.why-intro{border-right:0;padding:0}.why-intro h2{font-size:1.7rem}.why-intro h2 br{display:none}.why-intro p{margin-top:2rem;font-size:.95rem}.reason-list{margin-top:1rem}.reason-row{grid-template-columns:3.5rem 1fr}.long-copy{margin-left:0;position:relative;padding-top:2rem}.long-copy h2{font-size:1.1rem}.long-columns{grid-template-columns:1fr;padding-bottom:9rem}.dna-art{width:24rem;max-width:100%;opacity:.7}.long-description{max-width:22rem}.capacity-number strong{font-size:4.8rem}.capacity-number .greater{font-size:3.5rem}.capacity-number .unit{font-size:2.5rem}}
/* Third comparison correction: keep the left science texture soft, as in the reference. */
.why-us{position:relative;background:#031c39;isolation:isolate}
.why-us::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,transparent,#031c39 39%),url('../assets/hero/hero-virus-small-400.webp') 7rem 4rem/16rem auto no-repeat;filter:blur(.45rem);opacity:.25}

/* Reference alignment revision 2 — desktop only. */
@media(min-width:960px){
 .hero-copy{left:1.625rem;top:2rem}
 .hero h1{font-size:3.125rem;line-height:1.2;font-weight:800}
 .hero h1 span{font-size:2.875rem}
 .hero-copy>p{font-size:1.0625rem;line-height:1.55}
 .hero-actions{margin-top:1.4rem}
 .hero-actions .button{font-size:.9375rem}
 .hero-virus{right:3.65rem;top:-1.75rem;width:22.5rem;height:22.5rem}
 .hero-tagline{right:-.65rem}
 .services{background:linear-gradient(100deg,#011633,#032044 60%,#011830)}
 .services .container{width:calc(100% - 5.375rem);max-width:58.625rem;position:relative;left:.1875rem}
 .section-heading{gap:1.8rem;padding-left:.375rem;transform:translateY(-.15rem)}
 .section-heading h2{font-size:2.0625rem;font-weight:800}
 .section-heading p{font-size:.8rem;padding-left:1.6rem}
 .section-heading h2:after{bottom:-.7rem}
 .why-inner{padding-top:2.25rem;padding-bottom:1.85rem}
 .why-intro{padding-top:.5rem}
 .why-intro p{font-size:1.3125rem;line-height:1.4}
 .reason-list{margin-top:-1.3rem}
 .reason-row h3{font-size:1.125rem;line-height:1.4}
 .reason-row p{font-size:.875rem;line-height:1.7}
 .reason-icon svg{width:2.85rem;height:2.85rem}
 .why-us::before{background:linear-gradient(90deg,transparent,#031c39 48%),url('../assets/hero/hero-background-1920x900.webp') 100% 60%/170% auto no-repeat;filter:blur(.28rem);opacity:.85}
 .long-aav{background:linear-gradient(90deg,#03204411,#031b37 49%),url('../assets/hero/hero-background-1920x900.webp') -25rem center/70rem auto no-repeat}
 .dna-art{width:30rem;max-width:none;left:max(-1.7rem,calc((100vw - 90rem)/2 - 1.7rem));transform:none}
 .long-copy{padding-top:1.9rem}
 .long-copy h2{font-size:1.5rem}
 .long-columns{margin-top:2.1rem}
 .capacity{transform:translateY(-.5rem)}
 .capacity-number{line-height:.86}
 .capacity-number strong{font-size:5.85rem;font-weight:750}
 .capacity-number .unit{font-weight:650}
 .capacity h3{margin-top:.25rem;font-size:1.25rem}
 .long-description>p{font-size:.84rem;line-height:1.65}
 .case-links{gap:.9rem;margin-top:.7rem}
 .case-links .button{font-size:.84rem;padding-inline:1.1rem}
}

/* Local corrections only; fixed section boundaries 96/438/790/1114/1361/1536. */
@media(min-width:960px){
.hero{height:21.375rem}.long-aav{height:15.4375rem}
.hero-virus{width:22.3rem;height:22.3rem;right:4.05rem;top:-1.7rem}
.hero-tagline{right:-.55rem;width:9rem;bottom:1.55rem;text-align:left}
.hero-tagline p{font-size:.85rem;line-height:1.55;padding-bottom:.4rem;border:0;position:relative;white-space:nowrap}
.hero-tagline p:after{content:"";position:absolute;left:0;bottom:0;width:2.6rem;height:2px;background:#45d9ec}
.hero-tagline>span{margin-top:.4rem;white-space:nowrap}
.hero h1 span{letter-spacing:0;font-size:2.85rem}
.why-intro{height:16.1rem}.reason-row h3{font-weight:650}
.why-us::before{background:linear-gradient(90deg,transparent,#031c39 57%),url('../assets/hero/hero-virus-small-400.webp') 10rem 5.6rem/11rem no-repeat,url('../assets/hero/hero-background-1920x900.webp') 82% 75%/140% auto no-repeat;opacity:.65;filter:blur(.2rem)}
.long-aav{background:#031b37;isolation:isolate}
.long-aav:before{content:"";position:absolute;inset:0;z-index:0;background:linear-gradient(90deg,transparent,#031b37 55%),url('../assets/hero/hero-virus-small-400.webp') 15rem 1rem/11rem no-repeat,url('../assets/hero/hero-background-1920x900.webp') 95% 85%/80rem auto no-repeat;opacity:.8;filter:blur(.15rem)}
.dna-art{width:31rem;left:-1.9rem;bottom:-.2rem;opacity:.93;filter:brightness(1.12)}
.long-copy{margin-left:24.45rem}
.capacity-number .unit{font-size:3rem;margin-left:-.55rem}
.capacity{transform:translateY(-.35rem)}
.long-description{transform:translateY(.15rem)}
}
/* Second overlay correction: texture placement, shared text baselines. */
@media(min-width:960px){
.why-us::before{background:linear-gradient(90deg,#031c3908,#031c39 58%),url('../assets/hero/hero-background-1920x900.webp') -20rem -.8rem/64rem 30rem no-repeat;opacity:.86;filter:blur(.3rem)}
.long-aav:before{background:linear-gradient(90deg,#031b3700,#031b37 53%),url('../assets/hero/hero-background-1920x900.webp') -29rem -12rem/64rem 30rem no-repeat;opacity:.95;filter:blur(.2rem)}
.dna-art{width:30rem;left:-1.7rem;bottom:-.1rem}
.hero-actions{margin-top:1.525rem}.hero-actions .button--outline{width:10.55rem;padding-inline:1.2rem}
.reason-row h3{transform:translateX(.15rem)}
.reason-row{border-bottom-color:#427fb066}
.long-columns{margin-top:2rem}.capacity-number strong{font-size:5.7rem}.capacity-number .unit{margin-left:-.35rem;font-weight:600}
.capacity h3{margin-top:.5rem}
}
/* Final measured offsets from the second 50% overlay. */
@media(min-width:960px){
.home .brand{transform:translateX(.2rem)}
.home .header-inner{gap:.8rem}
.home .service-grid{row-gap:.8125rem}
.hero-virus{top:-1.825rem}
.long-aav:before{background-position:center,-23rem -14rem;opacity:1}
.dna-art{bottom:-.4rem}
.home .site-footer{background-size:100% 100%,100% 75%}
}

/* Approved supplied visuals, revision 4. Original PNGs are unmodified. */
.why-us::after{content:"";position:absolute;pointer-events:none;inset:0 auto 0 0;width:26rem;max-width:52%;z-index:0;background:url('../assets/backgrounds/why-particles-overlay.png') left bottom/100% auto no-repeat;opacity:.18;mask-image:linear-gradient(90deg,#000 15%,transparent 100%)}
.why-inner{position:relative;z-index:1}
@media(min-width:960px){
/* The supplied landscape image contains particles only, so the existing DNA remains separate until the complete background is supplied. */
.long-aav:before{background:linear-gradient(90deg,transparent,#031b37 54%),url('../assets/backgrounds/long-aav-particles-supplied.webp') left bottom/29rem auto no-repeat;opacity:.6;filter:none}
}

@media(max-width:599px){.why-us::after{width:22rem;max-width:90%;opacity:.12}}
/* v4 second screenshot calibration: align visible slogan ink, keep particles below heading. */
@media(min-width:960px){
.why-us::after{background-size:22rem auto;background-position:left -1rem bottom -6rem;opacity:.24}
.long-aav:before{background:linear-gradient(90deg,transparent,#031b37 54%),url('../assets/backgrounds/long-aav-particles-supplied.webp') left bottom/29rem auto no-repeat,url('../assets/hero/hero-background-1920x900.webp') -23rem -14rem/64rem 30rem no-repeat;opacity:.78;filter:blur(.05rem)}
}
/* v4 final overlay adjustment: two-pixel downward correction at the reference width. */
@media(min-width:960px){.why-us::after{opacity:.20}}

/* v5 finishing pass: visual layers only; no layout changes. */
@media(min-width:960px){
.long-aav:before{filter:blur(.05rem) brightness(.875)}
.dna-art{filter:brightness(.98)}
}
@media(max-width:959px){.dna-art{filter:brightness(.875)}}
/* v6: services heading underline sampled from the approved reference. */
.home .services .section-heading h2:after{height:.21875rem;background:#00ffff;box-shadow:0 0 .0625rem #08eff75c}
@media(min-width:960px){.home .services .section-heading h2:after{bottom:-.65rem}}

/* v8: local pixel alignment to the supplied 1024 × 1536 reference. */
.home .why-intro h2:after{height:.3125rem;background:linear-gradient(90deg,#00f0f8 0%,#00eff8 42%,#6ab3ff 100%);box-shadow:0 0 .0625rem #30c9ff50}
@media(min-width:960px){
.home .why-intro h2:after{left:.2rem;bottom:-1.25rem}
.home .hero-tagline{top:15.1875rem;bottom:auto}
.home .hero-tagline p{font-family:"Ephraim Noto","Noto Sans SC",Arial,sans-serif;font-size:.875rem;line-height:1.25rem;padding-bottom:.5rem;letter-spacing:-.00625rem;top:.0625rem}
.home .hero-tagline p:after{width:8.875rem;height:.125rem;bottom:-.03125rem;background:linear-gradient(90deg,#00ffff 0%,#00ffff 24%,#185895 27%,#185895 100%);box-shadow:0 0 .0625rem #2baaf288}
.home .hero-tagline>span{font-family:"Ephraim Noto","Noto Sans SC",var(--font-zh);font-size:.775rem;line-height:1.25rem;margin-top:.4375rem;letter-spacing:0;transform:translate(-.125rem,.0625rem)}
}
