/* Cloud Engineering follows the shared service-page and section patterns. */
.anthropic-partnership-page .delivery-hero h1 { font-size:clamp(42px,4.5vw,66px); }
.anthropic-partnership-page .delivery-solutions-grid { grid-template-columns:repeat(6,minmax(0,1fr)); }
.anthropic-partnership-page .delivery-solution { grid-column:span 2; padding:32px; }
.anthropic-partnership-page .delivery-solution:nth-child(n+7) { grid-column:span 3; }
.anthropic-partnership-page .delivery-solution h3 { font-size:27px; }
.cloud-partner { display:flex; align-items:center; gap:22px; margin-top:30px; }
.cloud-partner img { width:142px; height:100px; object-fit:contain; background:#fff; border-radius:8px; padding:10px; }
.cloud-partner span { color:#fff; font-size:16px; font-weight:700; }
.cloud-partner p { color:#c5d5e5; font-size:13px; margin:5px 0 0; }
.cloud-banner { background:#e5f2e9; padding:65px 0; }
.cloud-banner > .container { display:flex; justify-content:space-between; align-items:center; gap:55px; }
.cloud-banner-copy { max-width:820px; }
.cloud-banner h2 { font-size:clamp(32px,3.5vw,50px); line-height:1.15; letter-spacing:-.04em; margin:0; }
.cloud-banner h2 span { color:#318c4c; }
.cloud-banner p { color:#00235a; margin:20px 0 0; font-size:17px; line-height:1.75; }
.cloud-banner .button { flex:none; }
@media(max-width:1050px){
 .anthropic-partnership-page .delivery-solutions-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
 .anthropic-partnership-page .delivery-solution:nth-child(n) { grid-column:auto; }
}
@media(max-width:750px){
 .anthropic-partnership-page .delivery-solutions-grid { grid-template-columns:1fr; }
 .anthropic-partnership-page .delivery-solution { padding:30px; }
 .cloud-banner > .container { display:block; }
 .cloud-banner .button { margin-top:28px; }
 .cloud-partner { gap:16px; }
}
/* Hero partner panel. */
.anthropic-partnership-page .cloud-partner {
  position:relative; isolation:isolate; overflow:hidden; width:fit-content; max-width:100%;
  gap:22px; padding:18px 25px 18px 18px; margin-top:32px;
  border:1px solid #ffffff26; border-left:3px solid #ff9900; border-radius:12px;
  background:linear-gradient(115deg,#ffffff0d,#ffffff03); box-shadow:0 12px 30px #00000014;
}
.cloud-partner-logo { flex:none; display:grid; place-items:center; width:110px; height:100px; background:#fff; border-radius:7px; }
.anthropic-partnership-page .cloud-partner img { width:108px; height:82px; padding:5px; border-radius:0; background:transparent; }
.anthropic-partnership-page .cloud-partner-label { display:block; color:#ffb54d; font-size:10px; letter-spacing:.13em; text-transform:uppercase; margin-bottom:8px; }
.cloud-partner-copy { position:relative; z-index:1; }
.cloud-partner-copy strong { display:block; font-size:19px; line-height:1.3; letter-spacing:-.02em; color:#fff; }
.anthropic-partnership-page .cloud-partner p { font-size:12px; color:#b9ccdf; margin-top:8px; }
.cloud-partner-mark { position:absolute; right:-14px; bottom:-16px; font-size:100px; color:#ffffff04; z-index:-1; }
@media(max-width:480px){
 .anthropic-partnership-page .cloud-partner { padding:15px; gap:16px; width:100%; }
 .cloud-partner-logo { width:94px; height:94px; }
 .anthropic-partnership-page .cloud-partner img { width:90px; height:76px; }
 .cloud-partner-copy strong { font-size:18px; }
 .anthropic-partnership-page .cloud-partner-label { font-size:9px; }
}
/* Keep the partner panel aligned with the site's navy and green theme. */
.anthropic-partnership-page .cloud-partner { border-left-color:var(--green); }
.anthropic-partnership-page .cloud-partner-label { color:#bde7c8; }
.anthropic-partnership-page .cloud-partner-logo { background:transparent; }
/* Compact AWS partner treatment in the hero. */
.anthropic-partnership-page .cloud-partner { padding:10px 16px 10px 12px; gap:14px; margin-top:24px; border-radius:8px; width:fit-content; }
.anthropic-partnership-page .cloud-partner-logo { width:64px; height:64px; }
.anthropic-partnership-page .cloud-partner img { width:64px; height:64px; padding:0; }
.anthropic-partnership-page .cloud-partner-label { font-size:9px; margin-bottom:5px; }
.anthropic-partnership-page .cloud-partner-copy strong { font-size:15px; line-height:1.25; }
.anthropic-partnership-page .cloud-partner p { font-size:11px; margin-top:5px; }
.anthropic-partnership-page .cloud-partner-mark { font-size:75px; }
/* Feature the AWS partnership in place of the hero artwork. */
.anthropic-partnership-page .cloud-partner-feature {
  justify-self:center; align-self:center; margin:0; padding:38px;
  flex-direction:column; gap:24px; width:min(350px,100%); text-align:center;
  border:1px solid #ffffff26; border-top:3px solid var(--green); border-radius:16px;
  background:radial-gradient(ellipse at 50% 0%,#4aba6a12,transparent 70%),#ffffff04;
}
.anthropic-partnership-page .cloud-partner-feature .cloud-partner-logo { width:150px; height:150px; }
.anthropic-partnership-page .cloud-partner-feature img { width:150px; height:150px; }
.anthropic-partnership-page .cloud-partner-feature .cloud-partner-label { font-size:11px; margin-bottom:12px; }
.anthropic-partnership-page .cloud-partner-feature strong { font-size:25px; line-height:1.3; }
.anthropic-partnership-page .cloud-partner-feature p { font-size:13px; margin-top:12px; }
.anthropic-partnership-page .cloud-partner-feature .cloud-partner-mark { font-size:140px; }
@media(max-width:750px){
 .anthropic-partnership-page .cloud-partner-feature { padding:26px; width:min(350px,100%); gap:18px; }
 .anthropic-partnership-page .cloud-partner-feature .cloud-partner-logo,
 .anthropic-partnership-page .cloud-partner-feature img { width:110px; height:110px; }
 .anthropic-partnership-page .cloud-partner-feature strong { font-size:22px; }
}
/* Premium AWS hero feature: restrained framing and a focused credential. */
.anthropic-partnership-page .cloud-partner-feature {
  display:block; position:relative; width:min(410px,100%); padding:28px 32px 0;
  text-align:left; border:1px solid #88b6b435; border-radius:22px;
  background:radial-gradient(ellipse at 50% 38%,#4aba6a12,transparent 60%),linear-gradient(145deg,#12385c90,#05264b80);
  box-shadow:0 28px 70px #00000026,inset 0 1px 0 #ffffff0b;
}
.partner-feature-top { display:flex; justify-content:space-between; align-items:center; gap:12px; }
.partner-kicker { font-size:10px; letter-spacing:.16em; text-transform:uppercase; color:#a7c3d4; }
.partner-status { display:flex; align-items:center; gap:7px; font-size:10px; letter-spacing:.08em; color:#bde7c8; }
.partner-status i { width:5px; height:5px; border-radius:50%; background:var(--green); box-shadow:0 0 12px #4aba6a60; }
.partner-badge-stage { position:relative; display:grid; place-items:center; margin:28px 0 26px; padding:22px 0; }
.partner-badge-stage::before { content:''; position:absolute; width:206px; height:206px; border-radius:50%; border:1px solid #88b6b41c; box-shadow:0 0 0 20px #88b6b405; }
.anthropic-partnership-page .cloud-partner-feature .cloud-partner-logo,
.anthropic-partnership-page .cloud-partner-feature img { width:148px; height:148px; position:relative; }
.anthropic-partnership-page .cloud-partner-feature .cloud-partner-label { color:#a9dfb8; font-size:10px; letter-spacing:.16em; margin-bottom:12px; }
.anthropic-partnership-page .cloud-partner-feature strong { font-size:34px; line-height:1.1; letter-spacing:-.035em; font-weight:700; }
.anthropic-partnership-page .cloud-partner-feature p { font-size:13px; color:#afc4d7; margin:14px 0 26px; }
.partner-feature-bottom { display:flex; justify-content:space-between; gap:15px; padding:18px 0; border-top:1px solid #a6c8ce24; }
.anthropic-partnership-page .partner-feature-bottom span { font-size:11px; font-weight:400; color:#b9cedb; }
@media(max-width:750px){
 .anthropic-partnership-page .cloud-partner-feature { width:min(410px,100%); padding:24px 26px 0; }
 .anthropic-partnership-page .cloud-partner-feature strong { font-size:30px; }
 .partner-badge-stage { margin:22px 0; }
 .anthropic-partnership-page .cloud-partner-feature .cloud-partner-logo,
 .anthropic-partnership-page .cloud-partner-feature img { width:130px; height:130px; }
 .partner-badge-stage::before { width:180px; height:180px; }
}
/* Compact premium partner panel. */
.anthropic-partnership-page .cloud-partner-feature { width:min(350px,100%); padding:22px 26px 0; border-radius:18px; }
.anthropic-partnership-page .cloud-partner-feature .partner-kicker { font-size:9px; letter-spacing:.13em; font-weight:600; }
.anthropic-partnership-page .cloud-partner-feature .partner-status { font-size:10px; }
.anthropic-partnership-page .cloud-partner-feature .partner-badge-stage { margin:18px 0; padding:12px 0; }
.anthropic-partnership-page .cloud-partner-feature .cloud-partner-logo,
.anthropic-partnership-page .cloud-partner-feature img { width:108px; height:108px; }
.anthropic-partnership-page .partner-badge-stage::before { width:148px; height:148px; box-shadow:0 0 0 12px #88b6b405; }
.anthropic-partnership-page .cloud-partner-feature .cloud-partner-label { font-size:9px; margin-bottom:9px; }
.anthropic-partnership-page .cloud-partner-feature strong { font-size:27px; line-height:1.12; }
.anthropic-partnership-page .cloud-partner-feature p { font-size:12px; margin:11px 0 20px; }
.anthropic-partnership-page .partner-feature-bottom { padding:14px 0; }
.anthropic-partnership-page .partner-feature-bottom span { font-size:10px; }
/* A green neon highlight travels around the partner panel perimeter. */
@property --partner-border-angle {
  syntax: '<angle>';
  initial-value: 0deg;
  inherits: false;
}
.anthropic-partnership-page .cloud-partner-feature::after {
  content:''; position:absolute; inset:0; z-index:2; pointer-events:none;
  padding:2px; border-radius:inherit;
  background:conic-gradient(from var(--partner-border-angle),transparent 0deg,transparent 260deg,#4aba6a55 300deg,#4aba6a 335deg,#bde7c8 350deg,transparent 360deg);
  -webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);
  mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);
  -webkit-mask-composite:xor; mask-composite:exclude;
  filter:drop-shadow(0 0 5px #4aba6a);
  animation:partner-neon-orbit 6s linear infinite;
}
@keyframes partner-neon-orbit { to { --partner-border-angle:360deg; } }
@media(prefers-reduced-motion:reduce) {
  .anthropic-partnership-page .cloud-partner-feature::after { animation:none; background:#4aba6a; }
}
/* Give the AWS credential greater prominence within the compact panel. */
.anthropic-partnership-page .cloud-partner-feature .cloud-partner-logo,
.anthropic-partnership-page .cloud-partner-feature img { width:150px; height:150px; }
.anthropic-partnership-page .partner-badge-stage::before { width:184px; height:184px; }
.anthropic-partnership-page .cloud-partner-feature .partner-kicker { font-size:15px; letter-spacing:.1em; font-weight:700; }

.anthropic-partnership-page .delivery-hero h1 { font-size:clamp(40px,4.2vw,62px); }
.anthropic-partnership-page .delivery-intro { font-size:17px; }
.anthropic-partnership-page .delivery-solution:nth-child(n) { grid-column:span 2; }
.partnership-logos { display:flex; align-items:center; flex-direction:column; gap:20px; padding:30px 0; }
.anthropic-partnership-page .cloud-partner-feature .partnership-purelogics { width:180px; height:auto; }
.anthropic-partnership-page .cloud-partner-feature .partnership-anthropic { width:230px; height:auto; filter:brightness(0) invert(1); }
.anthropic-partnership-page .cloud-partner-feature .partnership-times { font-size:24px; font-weight:400; color:var(--green); }
@media(min-width:1051px){
 .anthropic-partnership-page #industries .delivery-benefits-grid { grid-template-columns:repeat(6,minmax(0,1fr)); }
 .anthropic-partnership-page #industries .delivery-benefit { grid-column:span 2; }
 .anthropic-partnership-page #industries .delivery-benefit:nth-child(n+4) { grid-column:span 3; }
}
@media(max-width:1050px){.anthropic-partnership-page .delivery-solution:nth-child(n){grid-column:auto;}}
/* A distinct co-branded alliance, rather than an AWS-style credential card. */
.anthropic-alliance { position:relative; isolation:isolate; overflow:hidden; width:100%; max-width:490px; justify-self:center; padding:30px; border:1px solid #a4c9c52e; border-radius:4px 36px 4px 36px; background:linear-gradient(135deg,#103b5b,#05244a); box-shadow:0 28px 70px #0002; }
.anthropic-alliance::before { content:''; position:absolute; z-index:-1; width:290px; height:290px; right:-170px; bottom:15px; border:1px solid #4aba6a30; border-radius:50%; box-shadow:0 0 0 30px #4aba6a08,0 0 0 60px #4aba6a05; }
.alliance-overline { display:flex; align-items:center; gap:9px; color:#b8d3d8; font-size:9px; font-weight:700; letter-spacing:.13em; text-transform:uppercase; }
.alliance-dot { width:5px; height:5px; background:var(--green); border-radius:50%; }
.alliance-brands { display:grid; grid-template-columns:minmax(0,1fr) 30px minmax(0,1fr); align-items:start; gap:14px; margin:38px 0 32px; padding-bottom:28px; border-bottom:1px solid #ffffff1a; }
.alliance-brand { display:flex; flex-direction:column; justify-content:center; min-width:0; gap:15px; }
.alliance-brand img { width:100%; height:35px; object-fit:contain; object-position:left center; }
.alliance-brand .alliance-anthropic { filter:brightness(0) invert(1); }
.alliance-brand > span { font-size:9px; color:#aac1d0; }
.alliance-connector { display:grid; place-items:center; height:35px; color:var(--green); font-size:25px; font-weight:400; }
.alliance-copy .alliance-label { color:#bde7c8; text-transform:uppercase; font-size:9px; letter-spacing:.17em; margin:0 0 15px; }
.alliance-copy h2 { color:#fff; font-size:clamp(28px,2.5vw,37px); letter-spacing:-.035em; line-height:1.12; margin:0; }
.alliance-copy h2 span { color:#bde7c8; }
.alliance-copy > p:last-child { color:#afc7d8; font-size:13px; line-height:1.7; margin:18px 0 28px; }
.alliance-footer { display:flex; align-items:center; justify-content:space-between; gap:12px; border-top:1px solid #ffffff1a; padding-top:17px; color:#b8cdd9; font-size:10px; }
.alliance-footer i { color:var(--green); font-size:13px; }
@media(max-width:1050px){.anthropic-alliance{padding:25px}.alliance-brands{gap:9px;grid-template-columns:minmax(0,1fr) 20px minmax(0,1fr)}.alliance-brand > span{font-size:8px}}
@media(max-width:750px){.anthropic-alliance{max-width:460px}.alliance-brands{margin-top:30px}.alliance-brand > span{font-size:9px}}
/* Strengthen the role labels beneath both partner logos. */
.anthropic-alliance .alliance-brand > span { font-size:12px; font-weight:700; line-height:1.4; color:#d9ebe3; }
@media(min-width:751px) and (max-width:1050px){.anthropic-alliance .alliance-brand > span{font-size:11px}}
/* Refine the hero hierarchy and animate the partnership status. */
.anthropic-alliance .alliance-overline { font-size:12px; line-height:1.5; letter-spacing:.1em; }
.anthropic-alliance .alliance-dot { width:7px; height:7px; flex:none; }
@media(prefers-reduced-motion:no-preference){
 .anthropic-alliance .alliance-dot { animation:alliance-status-pulse 2.8s ease-out infinite; }
}
@keyframes alliance-status-pulse {
 0% { box-shadow:0 0 0 0 #4aba6a80; opacity:1; }
 65% { box-shadow:0 0 0 8px #4aba6a00; opacity:.8; }
 100% { box-shadow:0 0 0 0 #4aba6a00; opacity:1; }
}
/* Cinematic partnership introduction, exclusive to this page. */
.partnership-intro { position:fixed; inset:0; z-index:1000; display:grid; place-items:center; overflow:hidden; background:#00162e; color:#fff; transition:opacity .7s ease,visibility .7s; }
.partnership-intro.intro-finished { opacity:0; visibility:hidden; pointer-events:none; }
.intro-ambient { position:absolute; inset:-25%; pointer-events:none; background:radial-gradient(ellipse at 50% 45%,#174b642e,transparent 48%),radial-gradient(ellipse at 50% 70%,#4aba6a0b,transparent 45%); animation:intro-atmosphere 4.4s ease both; }
.intro-scene { position:relative; width:min(960px,calc(100% - 48px)); text-align:center; }
.intro-eyebrow { margin:0 0 58px; display:flex; align-items:center; justify-content:center; gap:12px; color:#a4bfc9; font-size:9px; font-weight:600; letter-spacing:.23em; animation:intro-soft-reveal 1s .15s both; }
.intro-eyebrow > span { width:4px; height:4px; background:var(--green); border-radius:50%; box-shadow:0 0 12px #4aba6a50; }
.intro-collaboration { display:grid; grid-template-columns:1fr 180px 1fr; align-items:center; gap:30px; }
.intro-brand { position:relative; display:flex; flex-direction:column; align-items:center; gap:24px; }
.intro-role { font-size:8px; letter-spacing:.25em; color:#7596a8; }
.intro-brand img { width:235px; max-width:100%; height:58px; object-fit:contain; }
.intro-intelligence img { filter:brightness(0) invert(1); }
.intro-brand-caption { font-size:11px; color:#93afbf; letter-spacing:.015em; }
.intro-engineering { animation:intro-brand-left 1.6s cubic-bezier(.22,1,.36,1) .1s both; }
.intro-intelligence { animation:intro-brand-right 1.6s cubic-bezier(.22,1,.36,1) .3s both; }
.intro-reactor { position:relative; display:grid; place-items:center; height:140px; animation:intro-soft-reveal 1s .7s both; }
.intro-orbit { position:absolute; width:126px; height:126px; border:1px solid #99c5bc26; border-radius:50%; transform:rotate(-35deg) scaleY(.58); animation:intro-orbit-turn 6s linear infinite; }
.intro-orbit-inner { width:95px; height:95px; border-color:#4aba6a45; transform:rotate(40deg) scaleY(.6); animation-direction:reverse; }
.intro-core { width:9px; height:9px; border-radius:50%; background:#d8f8e0; box-shadow:0 0 15px #9ae4ad,0 0 45px #4aba6a70,0 0 90px #4aba6a30; animation:intro-energy 1.4s 1.1s ease-in-out both; }
.intro-beam { position:absolute; top:50%; height:1px; width:170px; background:linear-gradient(90deg,transparent,#4aba6a90); transform-origin:right; }
.intro-beam-left { right:50%; animation:intro-connect 1.1s .6s both; }
.intro-beam-right { left:50%; transform-origin:left; background:linear-gradient(90deg,#4aba6a90,transparent); animation:intro-connect 1.1s .8s both; }
.intro-result { margin-top:45px; }
.intro-result-label { color:#9ac7b1; font-size:8px; letter-spacing:.23em; margin:0 0 14px; animation:intro-soft-reveal .7s 1.9s both; }
.intro-message { font-size:clamp(38px,5vw,66px); line-height:1.02; letter-spacing:-.055em; font-weight:500; margin:0; animation:intro-title-reveal 1.1s 1.8s cubic-bezier(.22,1,.36,1) both; }
.intro-message em { font-style:normal; color:#a8dfb7; }
.intro-outcomes { display:flex; justify-content:center; align-items:center; gap:18px; margin-top:27px; }
.intro-outcomes > span { font-size:11px; font-weight:400; color:#bbcfda; display:flex; align-items:center; gap:9px; animation:intro-soft-reveal .6s 2.4s both; }
.intro-outcomes > span:nth-of-type(2) { animation-delay:2.65s; }.intro-outcomes > span:nth-of-type(3) { animation-delay:2.9s; }
.intro-outcomes small { color:#5b8c82; font-size:8px; }
.intro-outcomes b { width:34px; height:1px; background:linear-gradient(90deg,#4aba6a55,#ffffff15); animation:intro-soft-reveal .5s 2.5s both; }
.intro-bottom { position:absolute; bottom:30px; left:40px; right:40px; display:flex; align-items:center; justify-content:space-between; gap:30px; }
.intro-bottom > span { color:#6f91a4; font-size:10px; letter-spacing:.04em; }
.intro-progress { position:absolute; left:0; right:0; bottom:-30px; height:2px; background:#ffffff08; }
.intro-progress span { display:block; height:100%; background:linear-gradient(90deg,#4aba6a20,#4aba6a); transform-origin:left; animation:intro-load 4.4s linear both; }
.intro-skip { border:0; border-bottom:1px solid #ffffff20; background:transparent; color:#9fbac9; font-size:10px; padding:8px 0; cursor:pointer; letter-spacing:.06em; }
.intro-skip span { margin-left:18px; color:#a8dfb7; }.intro-skip:hover { color:#fff; border-color:var(--green); }
@keyframes intro-soft-reveal { from{opacity:0}to{opacity:1} }
@keyframes intro-brand-left { from{opacity:0;transform:translateX(-55px);filter:blur(5px)}to{opacity:1;transform:translateX(0);filter:blur(0)} }
@keyframes intro-brand-right { from{opacity:0;transform:translateX(55px);filter:blur(5px)}to{opacity:1;transform:translateX(0);filter:blur(0)} }
@keyframes intro-title-reveal { from{opacity:0;transform:translateY(16px);filter:blur(8px)}to{opacity:1;transform:translateY(0);filter:blur(0)} }
@keyframes intro-connect { from{opacity:0;transform:scaleX(0)}to{opacity:1;transform:scaleX(1)} }
@keyframes intro-orbit-turn { from{transform:rotate(-35deg) scaleY(.58)}to{transform:rotate(325deg) scaleY(.58)} }
@keyframes intro-energy { 0%{transform:scale(.6);opacity:.3}55%{transform:scale(1.8);opacity:1}100%{transform:scale(1);opacity:1} }
@keyframes intro-atmosphere { from{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1.06)} }
@keyframes intro-load { from{transform:scaleX(0)}to{transform:scaleX(1)} }
@media(max-width:600px){
 .intro-scene{width:calc(100% - 36px)}.intro-eyebrow{font-size:7px;letter-spacing:.14em;margin-bottom:35px;gap:8px}
 .intro-collaboration{grid-template-columns:1fr 65px 1fr;gap:10px}.intro-brand{gap:17px}.intro-brand img{width:130px;height:37px}.intro-role{font-size:6px;letter-spacing:.17em}.intro-brand-caption{font-size:8px}
 .intro-reactor{height:90px}.intro-orbit{width:73px;height:73px}.intro-orbit-inner{width:55px;height:55px}.intro-beam{width:70px}.intro-core{width:6px;height:6px}
 .intro-result{margin-top:38px}.intro-message{font-size:43px}.intro-result-label{font-size:7px}.intro-outcomes{gap:10px;margin-top:23px}.intro-outcomes>span{font-size:10px;gap:5px}.intro-outcomes b{width:19px}
 .intro-bottom{left:22px;right:22px;bottom:24px}.intro-bottom>span{font-size:8px}.intro-progress{bottom:-24px}
}
@media(prefers-reduced-motion:reduce){.partnership-intro{display:none}}
/* A longer cinematic arc: arrival, connection, creation, then reveal. */
.partnership-intro { transition:opacity .9s ease,visibility .9s; }
.intro-scene { animation:intro-camera-drift 7.2s cubic-bezier(.2,.6,.3,1) both; }
.intro-ambient { animation-duration:7.2s; background:radial-gradient(ellipse at 50% 45%,#174b6445,transparent 48%),radial-gradient(ellipse at 50% 70%,#4aba6a12,transparent 45%); }
.intro-cinematic-light { position:absolute; width:55vw; height:150vh; top:-25vh; left:0; pointer-events:none; background:linear-gradient(90deg,transparent,#9cddbc08,transparent); filter:blur(35px); transform:rotate(24deg); animation:intro-light-sweep 7.2s ease-in-out both; }
.intro-letterbox { position:absolute; z-index:2; left:0; right:0; height:5vh; background:#000a; pointer-events:none; }
.intro-letterbox-top { top:0; }.intro-letterbox-bottom { bottom:0; }
.intro-bottom { z-index:3; bottom:calc(5vh + 17px); }
.intro-progress { bottom:calc(-5vh - 17px); }
.intro-eyebrow { animation-duration:1.5s; animation-delay:.4s; }
.intro-engineering { animation-duration:2.3s; animation-delay:.5s; }
.intro-intelligence { animation-duration:2.3s; animation-delay:.9s; }
.intro-reactor { animation-duration:1.6s; animation-delay:1.5s; }
.intro-beam-left { animation-duration:1.6s; animation-delay:1.7s; }
.intro-beam-right { animation-duration:1.6s; animation-delay:1.9s; }
.intro-core { animation:intro-energy-cinematic 3.4s 1.7s ease-in-out both; }
.intro-result-label { animation-duration:1.1s; animation-delay:3.2s; }
.intro-message { animation-duration:1.6s; animation-delay:3.5s; }
.intro-outcomes > span { animation-duration:.9s; animation-delay:4.4s; }
.intro-outcomes > span:nth-of-type(2) { animation-delay:4.8s; }
.intro-outcomes > span:nth-of-type(3) { animation-delay:5.2s; }
.intro-outcomes b { animation-duration:.9s; animation-delay:4.7s; }
.intro-progress span { animation-duration:7.2s; }
@keyframes intro-camera-drift { from{transform:scale(.95)}to{transform:scale(1.015)} }
@keyframes intro-light-sweep { 0%{opacity:0;transform:translateX(-65vw) rotate(24deg)}20%{opacity:.6}60%{opacity:1}100%{opacity:0;transform:translateX(110vw) rotate(24deg)} }
@keyframes intro-energy-cinematic {
 0%{opacity:0;transform:scale(.35)}
 35%{opacity:.8;transform:scale(.8)}
 60%{opacity:1;transform:scale(1.9);box-shadow:0 0 22px #bde7c8,0 0 75px #4aba6a90,0 0 160px #4aba6a45}
 100%{opacity:1;transform:scale(1);box-shadow:0 0 15px #9ae4ad,0 0 45px #4aba6a70,0 0 90px #4aba6a30}
}
/* Larger outcome labels, with a staggered color cycle after each reveal. */
.intro-outcomes > span {
  font-size:17px; font-weight:600; gap:10px;
  animation:intro-soft-reveal .9s 4.4s both,intro-outcome-color 2.4s 5.3s ease-in-out infinite;
}
.intro-outcomes > span:nth-of-type(2) {
  animation:intro-soft-reveal .9s 4.8s both,intro-outcome-color 2.4s 5.7s ease-in-out infinite;
}
.intro-outcomes > span:nth-of-type(3) {
  animation:intro-soft-reveal .9s 5.2s both,intro-outcome-color 2.4s 6.1s ease-in-out infinite;
}
.intro-outcomes small { font-size:10px; }
@keyframes intro-outcome-color {
  0%,100% { color:#bbcfda; text-shadow:none; }
  45% { color:var(--green); text-shadow:0 0 16px #4aba6a40; }
  65% { color:#bde7c8; text-shadow:0 0 12px #4aba6a25; }
}
@media(max-width:600px){
  .intro-outcomes > span { font-size:14px; gap:6px; }
  .intro-outcomes small { font-size:8px; }
  .intro-outcomes { gap:9px; }
  .intro-outcomes b { width:15px; }
}