/* Application page: aligned with shared styles.css design language */

.application-page{
  position:relative;
  isolation:isolate;
}

.application-section{
  position:relative;
  padding:96px 0 0;
}

.application-section:last-child{
  padding-bottom:112px;
}

.application-section__heading{
  max-width:920px;
  margin-bottom:34px;
}

.application-section__heading--compact{
  max-width:760px;
}

.application-section__title{
  margin:18px 0 0;
  font-size:clamp(34px,3.85vw,58px);
  line-height:1.06;
  letter-spacing:-.045em;
  text-shadow:0 0 16px rgba(0,0,0,.24);
}

.application-section__intro{
  margin-top:18px;
  color:var(--muted);
  font-size:clamp(17px,1.22vw,20px);
  line-height:1.52;
  max-width:900px;
}

.reveal-up{
  opacity:0;
  transform:translateY(26px);
  transition:opacity .72s ease, transform .72s cubic-bezier(.22,1,.36,1);
  transition-delay:var(--reveal-delay, 0s);
}

.reveal-up.is-visible{
  opacity:1;
  transform:translateY(0);
}

.application-hero{
  position:relative;
  overflow:hidden;
  min-height:calc(100vh - 80px);
  padding:72px 0 72px;
}

.application-hero__bg,
.application-hero__grid,
.application-hero__glow,
.application-hero__particles,
.application-hero__beam{
  position:absolute;
  inset:0;
}

.application-hero__bg{
  z-index:0;
  background:
    radial-gradient(circle at 16% 24%, rgba(84,185,255,.12), transparent 22%),
    radial-gradient(circle at 84% 16%, rgba(166,140,255,.10), transparent 24%),
    radial-gradient(circle at 72% 70%, rgba(91,227,255,.06), transparent 24%),
    linear-gradient(180deg, #05101e 0%, #04101d 34%, #020814 58%, #01040b 78%, #000 100%);
}

.application-hero__grid{
  background-image:
    linear-gradient(rgba(255,255,255,.026) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,.026) 1px, transparent 1px);
  background-size:54px 54px;
  opacity:.66;
  mask-image:linear-gradient(180deg, rgba(0,0,0,.78), rgba(0,0,0,.22));
}

.application-hero__bg::after{
  content:"";
  position:absolute;
  left:0;
  right:0;
  bottom:0;
  height:58%;
  pointer-events:none;
  background:linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,.10) 24%, rgba(0,0,0,.48) 58%, rgba(0,0,0,.82) 82%, #000 100%);
}

.application-hero__glow{
  border-radius:50%;
  filter:blur(18px);
}

.application-hero__glow--left{
  inset:10% auto auto -8%;
  width:min(34vw, 520px);
  height:min(34vw, 520px);
  background:radial-gradient(circle, rgba(85,160,255,.24), rgba(85,160,255,.06) 42%, transparent 72%);
  animation:heroGlowDriftLeft 14s ease-in-out infinite alternate;
}

.application-hero__glow--right{
  inset:auto -10% 6% auto;
  width:min(36vw, 560px);
  height:min(36vw, 560px);
  background:radial-gradient(circle, rgba(139,226,255,.18), rgba(139,226,255,.04) 42%, transparent 72%);
  animation:heroGlowDriftRight 18s ease-in-out infinite alternate;
}

.application-hero__particles{
  position:absolute;
  inset:0;
  overflow:hidden;
  pointer-events:none;
  mask-image:linear-gradient(180deg, rgba(0,0,0,1) 0%, rgba(0,0,0,.98) 52%, rgba(0,0,0,.42) 78%, transparent 100%);
}

.application-hero__molecule{
  position:absolute;
  left:var(--x);
  top:var(--y);
  width:116px;
  height:84px;
  opacity:var(--opacity);
  transform-style:preserve-3d;
  will-change:transform, opacity;
  filter:drop-shadow(0 0 12px rgba(139,226,255,.12));
  animation:moleculeFloat var(--duration) ease-in-out var(--delay) infinite alternate;
}

.application-hero__molecule::before{
  content:"";
  position:absolute;
  inset:10px 8px;
  border-radius:999px;
  background:radial-gradient(circle at 50% 50%, rgba(139,226,255,.08), transparent 72%);
  filter:blur(12px);
  opacity:.55;
}

.application-hero__bond{
  position:absolute;
  left:var(--x);
  top:var(--y);
  width:var(--length);
  height:1.5px;
  border-radius:999px;
  transform-origin:left center;
  transform:rotate(var(--angle));
  background:linear-gradient(90deg, rgba(166,140,255,.22), rgba(139,226,255,.72), rgba(117,245,211,.24));
  box-shadow:0 0 10px rgba(139,226,255,.20);
  opacity:.88;
  animation:bondPulse var(--pulse) ease-in-out var(--bond-delay) infinite alternate;
}

.application-hero__bond::after{
  content:"";
  position:absolute;
  inset:-1.5px 0;
  border-radius:999px;
  background:inherit;
  filter:blur(5px);
  opacity:.35;
}

.application-hero__atom{
  position:absolute;
  left:var(--x);
  top:var(--y);
  width:var(--size);
  height:var(--size);
  margin-left:calc(var(--size) / -2);
  margin-top:calc(var(--size) / -2);
  border-radius:50%;
  border:1px solid rgba(220,245,255,.34);
  background:radial-gradient(circle at 30% 30%, rgba(255,255,255,.96), rgba(139,226,255,.82) 52%, rgba(139,226,255,.18) 100%);
  box-shadow:0 0 0 1px rgba(255,255,255,.04), 0 0 18px rgba(139,226,255,.24), inset 0 1px 2px rgba(255,255,255,.26);
  animation:atomPulse var(--pulse) ease-in-out var(--atom-delay) infinite alternate;
}

.application-hero__atom--accent{
  background:radial-gradient(circle at 30% 30%, rgba(255,255,255,.98), rgba(166,140,255,.84) 54%, rgba(166,140,255,.18) 100%);
  box-shadow:0 0 0 1px rgba(255,255,255,.04), 0 0 18px rgba(166,140,255,.24), inset 0 1px 2px rgba(255,255,255,.26);
}

.application-hero__atom--mint{
  background:radial-gradient(circle at 30% 30%, rgba(255,255,255,.98), rgba(117,245,211,.84) 54%, rgba(117,245,211,.18) 100%);
  box-shadow:0 0 0 1px rgba(255,255,255,.04), 0 0 18px rgba(117,245,211,.24), inset 0 1px 2px rgba(255,255,255,.26);
}

.application-hero__beam{
  inset:auto auto auto 0;
  height:1px;
  background:linear-gradient(90deg, rgba(139,226,255,0), rgba(139,226,255,.56), rgba(139,226,255,0));
  filter:blur(.6px);
  opacity:.48;
}

.application-hero__beam--one{
  top:24%;
  width:42%;
}

.application-hero__beam--two{
  top:76%;
  left:auto;
  right:0;
  width:38%;
}

.application-hero__inner{
  position:relative;
  z-index:2;
  min-height:calc(100vh - 80px);
  display:grid;
  grid-template-columns:minmax(0, 1.05fr) minmax(320px, .95fr);
  align-items:center;
  gap:38px;
}

.application-hero__content{
  position:relative;
  z-index:3;
  max-width:760px;
}

.application-hero__title{
  margin:0;
  font-size:clamp(40px,4.4vw,66px);
  line-height:1.04;
  letter-spacing:-.05em;
  text-shadow:0 0 16px rgba(0,0,0,.26);
}

.application-hero__lead{
  margin:22px 0 0;
  color:var(--muted);
  font-size:clamp(18px,1.26vw,21px);
  line-height:1.58;
  max-width:760px;
}

.application-hero__sublead{
  margin:12px 0 0;
  color:var(--soft);
  font-size:16px;
  line-height:1.72;
  max-width:690px;
}

.application-hero__actions{
  display:flex;
  flex-wrap:wrap;
  gap:14px;
  margin-top:34px;
}

.application-hero__visual{
  position:relative;
  min-height:620px;
  display:grid;
  place-items:center;
}

.hero-orbit{
  position:absolute;
  left:50%;
  top:50%;
  border-radius:50%;
  transform:translate(-50%, -50%);
  border:1px solid rgba(139,226,255,.18);
  box-shadow:0 0 24px rgba(139,226,255,.08);
}

.hero-orbit::before{
  content:"";
  position:absolute;
  inset:0;
  border-radius:50%;
  border:1px solid rgba(255,255,255,.06);
  transform:rotateX(70deg);
}

.hero-orbit--one{
  width:min(78%, 430px);
  aspect-ratio:1;
  transform:translate(-50%, -50%) rotate(16deg) scaleY(.62);
  animation:orbitSpin 18s linear infinite;
}

.hero-orbit--two{
  width:min(62%, 340px);
  aspect-ratio:1;
  border-color:rgba(166,140,255,.18);
  transform:translate(-50%, -50%) rotate(-34deg) scaleY(.74);
  animation:orbitSpinReverse 15s linear infinite;
}

.hero-orbit--three{
  width:min(92%, 520px);
  aspect-ratio:1;
  border-color:rgba(120,205,255,.14);
  transform:translate(-50%, -50%) rotate(72deg) scaleY(.48);
  animation:orbitSpin 22s linear infinite;
}

.hero-core-card{
  position:relative;
  z-index:2;
  width:min(100%, 420px);
  padding:28px 28px 26px;
  border-radius:30px;
  border:1px solid rgba(171,198,255,.18);
  background:
    radial-gradient(circle at 18% 18%, rgba(139,226,255,.16), transparent 34%),
    linear-gradient(180deg, rgba(8,20,42,.84), rgba(4,10,22,.96));
  box-shadow:
    0 24px 56px rgba(2,7,18,.30),
    inset 0 1px 0 rgba(255,255,255,.04),
    0 0 40px rgba(139,226,255,.08);
  overflow:hidden;
}

.hero-core-card::before{
  content:"";
  position:absolute;
  inset:18px;
  border-radius:24px;
  border:1px solid rgba(135,224,255,.10);
  pointer-events:none;
}

.hero-core-card__badge{
  position:relative;
  z-index:1;
  display:inline-flex;
  align-items:center;
  gap:10px;
  min-height:38px;
  padding:8px 14px;
  border-radius:999px;
  background:rgba(255,255,255,.04);
  border:1px solid rgba(255,255,255,.10);
  color:rgba(240,246,255,.88);
  font-size:13px;
  letter-spacing:.08em;
}

.hero-core-card__badge::before{
  content:"";
  width:8px;
  height:8px;
  border-radius:50%;
  background:linear-gradient(135deg, var(--accent-2), var(--accent));
  box-shadow:0 0 16px rgba(139,226,255,.58);
}

.hero-core-card__grid{
  position:relative;
  z-index:1;
  display:grid;
  grid-template-columns:repeat(2, minmax(0, 1fr));
  gap:14px;
  margin-top:20px;
}

.hero-core-card__item{
  min-height:110px;
  padding:18px 18px 16px;
  border-radius:22px;
  border:1px solid rgba(171,198,255,.12);
  background:linear-gradient(180deg, rgba(255,255,255,.05), rgba(255,255,255,.02));
  display:flex;
  flex-direction:column;
  justify-content:flex-end;
}

.hero-core-card__item strong{
  font-size:clamp(30px,2.6vw,40px);
  line-height:1;
  letter-spacing:-.05em;
  color:#f5f9ff;
}

.hero-core-card__item span{
  margin-top:10px;
  color:var(--muted);
  font-size:14px;
  line-height:1.5;
}

.hero-float-tag{
  position:absolute;
  z-index:3;
  display:inline-flex;
  align-items:center;
  min-height:42px;
  padding:0 16px;
  border-radius:999px;
  border:1px solid rgba(171,198,255,.16);
  background:rgba(8,20,42,.72);
  backdrop-filter:blur(14px);
  color:#eef5ff;
  font-size:14px;
  letter-spacing:.02em;
  box-shadow:0 10px 28px rgba(2,7,18,.22), 0 0 24px rgba(139,226,255,.06);
}

.hero-float-tag::before{
  content:"";
  width:8px;
  height:8px;
  margin-right:10px;
  border-radius:50%;
  background:radial-gradient(circle, rgba(255,255,255,.98), rgba(139,226,255,.92) 54%, rgba(139,226,255,.16) 100%);
  box-shadow:0 0 16px rgba(139,226,255,.72);
}

.hero-float-tag--a{top:14%; left:6%; animation:floatTag 8s ease-in-out infinite;}
.hero-float-tag--b{top:24%; right:2%; animation:floatTag 9s ease-in-out -2s infinite;}
.hero-float-tag--c{bottom:20%; left:4%; animation:floatTag 7.5s ease-in-out -1.2s infinite;}
.hero-float-tag--d{bottom:12%; right:1%; animation:floatTag 8.6s ease-in-out -2.6s infinite;}

.materials-grid{
  display:grid;
  grid-template-columns:repeat(4, minmax(0, 1fr));
  gap:20px;
}

.material-card{
  position:relative;
  min-height:320px;
  padding:24px 22px 22px;
  border-radius:28px;
  border:1px solid rgba(171,198,255,.14);
  background:
    radial-gradient(circle at 84% 18%, rgba(139,226,255,.10), transparent 18%),
    linear-gradient(180deg, rgba(8,18,38,.82), rgba(4,10,22,.96));
  box-shadow:0 18px 42px rgba(2,7,18,.24), inset 0 1px 0 rgba(255,255,255,.04);
  overflow:hidden;
  transition:transform .3s ease, border-color .3s ease, box-shadow .3s ease;
}

.material-card:hover{
  transform:translateY(-5px);
  border-color:rgba(139,226,255,.34);
  box-shadow:0 24px 56px rgba(2,7,18,.32), 0 0 30px rgba(139,226,255,.10);
}

.material-card__surface{
  position:absolute;
  inset:0;
  background:
    linear-gradient(135deg, rgba(139,226,255,.08), transparent 24%, transparent 74%, rgba(142,184,255,.06)),
    linear-gradient(180deg, transparent 0%, rgba(255,255,255,.03) 100%);
  pointer-events:none;
}

.material-card__icon{
  position:relative;
  z-index:1;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:58px;
  height:58px;
  border-radius:18px;
  border:1px solid rgba(255,255,255,.10);
  background:rgba(255,255,255,.04);
  color:#d9efff;
  box-shadow:0 0 24px rgba(139,226,255,.08);
}

.material-card__icon svg{
  width:30px;
  height:30px;
}

.material-card__eyebrow{
  position:relative;
  z-index:1;
  display:block;
  margin-top:26px;
  color:rgba(238,244,255,.46);
  font-size:12px;
  letter-spacing:.16em;
  text-transform:uppercase;
}

.material-card__title{
  position:relative;
  z-index:1;
  margin:12px 0 0;
  font-size:28px;
  line-height:1.12;
  letter-spacing:-.03em;
}

.material-card__text{
  position:relative;
  z-index:1;
  margin:16px 0 0;
  color:var(--muted);
  font-size:16px;
  line-height:1.72;
}

.application-tasks{
  padding-top:72px;
}

.task-pills{
  display:flex;
  flex-wrap:wrap;
  gap:14px;
}

.task-pill{
  position:relative;
  display:inline-flex;
  align-items:center;
  min-height:52px;
  padding:0 18px;
  border-radius:999px;
  border:1px solid rgba(171,198,255,.14);
  background:
    linear-gradient(180deg, rgba(8,18,38,.78), rgba(4,10,22,.94));
  color:#eff5ff;
  font-size:15px;
  font-weight:560;
  letter-spacing:.01em;
  box-shadow:0 12px 28px rgba(2,7,18,.18);
}

.task-pill::before{
  content:"";
  width:8px;
  height:8px;
  margin-right:10px;
  border-radius:50%;
  background:linear-gradient(135deg, var(--accent-2), var(--accent));
  box-shadow:0 0 16px rgba(139,226,255,.6);
}

.application-industries{
  overflow:hidden;
}

.application-industries__bg,
.application-industries__grid,
.application-industries__glow{
  position:absolute;
  inset:0;
}

.application-industries__bg{
  z-index:0;
  background:
    radial-gradient(circle at 18% 24%, rgba(66,129,255,.12), transparent 26%),
    radial-gradient(circle at 82% 76%, rgba(139,226,255,.10), transparent 30%),
    linear-gradient(180deg, #04101e 0%, #030914 100%);
}

.application-industries__grid{
  background-image:
    linear-gradient(rgba(255,255,255,.026) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,.026) 1px, transparent 1px);
  background-size:54px 54px;
  opacity:.58;
  mask-image:linear-gradient(180deg, rgba(0,0,0,.82), rgba(0,0,0,.18));
}

.application-industries__glow{
  border-radius:50%;
  filter:blur(18px);
}

.application-industries__glow--left{
  inset:12% auto auto -10%;
  width:min(32vw, 520px);
  height:min(32vw, 520px);
  background:radial-gradient(circle, rgba(84,166,255,.16), rgba(84,166,255,.04) 42%, transparent 70%);
}

.application-industries__glow--right{
  inset:auto -12% 4% auto;
  width:min(36vw, 580px);
  height:min(36vw, 580px);
  background:radial-gradient(circle, rgba(139,226,255,.14), rgba(139,226,255,.03) 44%, transparent 72%);
}

.application-industries .container{
  position:relative;
  z-index:1;
}

.industry-grid{
  display:grid;
  grid-template-columns:repeat(3, minmax(0, 1fr));
  gap:20px;
}

.industry-card{
  position:relative;
  min-height:230px;
  padding:24px 22px 22px;
  border-radius:28px;
  border:1px solid rgba(171,198,255,.12);
  background:
    linear-gradient(180deg, rgba(7,18,38,.78), rgba(4,10,22,.94));
  box-shadow:0 18px 42px rgba(2,7,18,.22);
  overflow:hidden;
  transition:transform .3s ease, border-color .3s ease, box-shadow .3s ease;
}

.industry-card::before{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(135deg, rgba(139,226,255,.08), transparent 28%, transparent 72%, rgba(142,184,255,.06));
  opacity:.78;
  pointer-events:none;
}

.industry-card:hover{
  transform:translateY(-4px);
  border-color:rgba(139,226,255,.28);
  box-shadow:0 24px 54px rgba(2,7,18,.28), 0 0 28px rgba(139,226,255,.08);
}

.industry-card__icon{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:54px;
  height:54px;
  border-radius:18px;
  border:1px solid rgba(255,255,255,.10);
  background:rgba(255,255,255,.04);
  color:#d8efff;
}

.industry-card__icon svg{
  width:28px;
  height:28px;
}

.industry-card__title{
  margin:20px 0 0;
  font-size:24px;
  line-height:1.18;
  letter-spacing:-.025em;
}

.industry-card__text{
  margin:14px 0 0;
  color:var(--muted);
  font-size:15px;
  line-height:1.7;
}

.application-enduse{
  padding-top:88px;
}

.enduse-grid{
  display:grid;
  grid-template-columns:repeat(4, minmax(0, 1fr));
  gap:18px;
}

.enduse-card{
  position:relative;
  min-height:260px;
  border-radius:24px;
  border:1px solid rgba(171,198,255,.12);
  overflow:hidden;
  background:
    linear-gradient(180deg, rgba(6,14,28,.66), rgba(4,10,22,.94));
  box-shadow:0 16px 36px rgba(2,7,18,.22);
}

.enduse-card::before,
.enduse-card::after{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
}

.enduse-card::before{
  background:
    radial-gradient(circle at 22% 20%, rgba(255,255,255,.10), transparent 18%),
    linear-gradient(180deg, rgba(255,255,255,.02), rgba(255,255,255,0));
  opacity:.72;
}

.enduse-card::after{
  inset:auto 10% 10px 10%;
  height:1px;
  background:linear-gradient(90deg, transparent, rgba(155,220,255,.56), transparent);
  opacity:.28;
}

.enduse-card--compass{
  background:
    radial-gradient(circle at 76% 24%, rgba(140,225,255,.20), transparent 28%),
    linear-gradient(140deg, rgba(5,13,28,.82), rgba(6,18,36,.9)),
    linear-gradient(180deg, rgba(6,14,28,.66), rgba(4,10,22,.94));
}

.enduse-card--motor{
  background:
    radial-gradient(circle at 80% 22%, rgba(122,188,255,.18), transparent 28%),
    linear-gradient(160deg, rgba(8,16,32,.86), rgba(8,22,42,.92)),
    linear-gradient(180deg, rgba(6,14,28,.66), rgba(4,10,22,.94));
}

.enduse-card--transformer{
  background:
    radial-gradient(circle at 24% 22%, rgba(135,224,255,.18), transparent 26%),
    linear-gradient(150deg, rgba(6,14,28,.86), rgba(7,20,40,.92)),
    linear-gradient(180deg, rgba(6,14,28,.66), rgba(4,10,22,.94));
}

.enduse-card--storage{
  background:
    radial-gradient(circle at 82% 18%, rgba(166,140,255,.18), transparent 28%),
    linear-gradient(145deg, rgba(6,14,28,.86), rgba(10,20,42,.92)),
    linear-gradient(180deg, rgba(6,14,28,.66), rgba(4,10,22,.94));
}

.enduse-card--compass .enduse-card__overlay{
  background:
    linear-gradient(135deg, rgba(139,226,255,.08), transparent 30%),
    repeating-linear-gradient(90deg, rgba(255,255,255,.025) 0 1px, transparent 1px 36px),
    repeating-linear-gradient(0deg, rgba(255,255,255,.02) 0 1px, transparent 1px 36px);
}

.enduse-card--motor .enduse-card__overlay{
  background:
    radial-gradient(circle at 50% 52%, rgba(255,255,255,.06), transparent 14%),
    radial-gradient(circle at 50% 52%, rgba(139,226,255,.10), transparent 24%),
    linear-gradient(90deg, rgba(255,255,255,.02) 0 1px, transparent 1px 32px);
}

.enduse-card--transformer .enduse-card__overlay{
  background:
    linear-gradient(90deg, rgba(255,255,255,.02) 0 1px, transparent 1px 26px),
    linear-gradient(180deg, rgba(255,255,255,.02) 0 1px, transparent 1px 26px),
    radial-gradient(circle at 76% 32%, rgba(139,226,255,.12), transparent 20%);
}

.enduse-card--storage .enduse-card__overlay{
  background:
    linear-gradient(180deg, rgba(255,255,255,.02) 0 1px, transparent 1px 18px),
    linear-gradient(90deg, rgba(255,255,255,.018) 0 1px, transparent 1px 18px),
    radial-gradient(circle at 64% 40%, rgba(166,140,255,.12), transparent 24%);
}

.enduse-card__overlay{
  position:absolute;
  inset:0;
  opacity:.9;
  mask-image:linear-gradient(180deg, rgba(0,0,0,.62), rgba(0,0,0,.9));
}

.enduse-card__content{
  position:absolute;
  inset:auto 0 0 0;
  z-index:1;
  padding:22px 18px 20px;
  background:linear-gradient(180deg, rgba(4,10,22,0), rgba(4,10,22,.76) 34%, rgba(4,10,22,.96) 100%);
}

.enduse-card__title{
  margin:0;
  font-size:22px;
  line-height:1.18;
  letter-spacing:-.02em;
}

.enduse-card__text{
  margin:10px 0 0;
  color:var(--muted);
  font-size:14px;
  line-height:1.68;
}

.application-logos{
  padding-top:88px;
}

.logo-wall{
  display:grid;
  grid-template-columns:repeat(3, minmax(0, 1fr));
  gap:18px;
}

.logo-wall__item{
  min-height:108px;
  padding:22px 20px;
  border-radius:24px;
  border:1px solid rgba(171,198,255,.12);
  background:
    linear-gradient(180deg, rgba(8,18,38,.78), rgba(4,10,22,.94));
  display:grid;
  place-items:center;
  text-align:center;
  color:rgba(238,244,255,.84);
  font-size:16px;
  letter-spacing:.04em;
  box-shadow:0 14px 30px rgba(2,7,18,.18);
}

.application-cta{
  padding-top:92px;
  padding-bottom:112px;
  overflow:hidden;
}

.application-cta__bg,
.application-cta__grid,
.application-cta__glow{
  position:absolute;
  inset:0;
}

.application-cta__bg{
  z-index:0;
  background:
    radial-gradient(circle at 18% 50%, rgba(66,129,255,.16), transparent 28%),
    radial-gradient(circle at 84% 26%, rgba(139,226,255,.18), transparent 28%),
    linear-gradient(180deg, #031021 0%, #030914 100%);
}

.application-cta__grid{
  background-image:
    linear-gradient(rgba(255,255,255,.026) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,.026) 1px, transparent 1px);
  background-size:54px 54px;
  opacity:.6;
  mask-image:linear-gradient(180deg, rgba(0,0,0,.82), rgba(0,0,0,.18));
}

.application-cta__glow{
  inset:50% auto auto 50%;
  width:min(48vw, 720px);
  height:min(48vw, 720px);
  transform:translate(-50%, -50%);
  border-radius:50%;
  background:radial-gradient(circle, rgba(139,226,255,.16), rgba(139,226,255,.03) 42%, transparent 72%);
  filter:blur(18px);
  animation:ctaGlowPulse 8s ease-in-out infinite;
}

.application-cta .container{
  position:relative;
  z-index:1;
}

.cta-panel{
  position:relative;
  max-width:980px;
  margin:0 auto;
  padding:44px 40px 40px;
  border-radius:34px;
  border:1px solid rgba(171,198,255,.18);
  background:
    linear-gradient(180deg, rgba(8,20,42,.82), rgba(4,10,22,.96));
  box-shadow:
    0 26px 64px rgba(2,7,18,.34),
    inset 0 1px 0 rgba(255,255,255,.04),
    0 0 40px rgba(139,226,255,.08);
  text-align:center;
  overflow:hidden;
}

.cta-panel::before{
  content:"";
  position:absolute;
  inset:16px;
  border-radius:26px;
  border:1px solid rgba(135,224,255,.10);
  pointer-events:none;
}

.cta-panel__eyebrow{
  position:relative;
  z-index:1;
  display:inline-flex;
  align-items:center;
  gap:10px;
  min-height:38px;
  padding:8px 16px;
  border-radius:999px;
  background:rgba(255,255,255,.04);
  border:1px solid rgba(255,255,255,.10);
  color:rgba(240,246,255,.84);
  font-size:12px;
  letter-spacing:.18em;
  text-transform:uppercase;
}

.cta-panel__eyebrow::before{
  content:"";
  width:8px;
  height:8px;
  border-radius:50%;
  background:linear-gradient(135deg, var(--accent-3), var(--accent-2));
  box-shadow:0 0 16px rgba(139,226,255,.64);
}

.cta-panel__title{
  position:relative;
  z-index:1;
  margin:20px 0 0;
  font-size:clamp(32px,3.4vw,50px);
  line-height:1.08;
  letter-spacing:-.045em;
}

.cta-panel__text{
  position:relative;
  z-index:1;
  margin:18px auto 0;
  max-width:720px;
  color:var(--muted);
  font-size:clamp(17px,1.18vw,19px);
  line-height:1.68;
}

.cta-panel__actions{
  position:relative;
  z-index:1;
  display:flex;
  justify-content:center;
  flex-wrap:wrap;
  gap:14px;
  margin-top:30px;
}

@keyframes heroGlowDriftLeft{
  0%{transform:translate3d(0,0,0) scale(.96); opacity:.62;}
  100%{transform:translate3d(36px,22px,0) scale(1.08); opacity:1;}
}

@keyframes heroGlowDriftRight{
  0%{transform:translate3d(0,0,0) scale(.94); opacity:.58;}
  100%{transform:translate3d(-34px,-26px,0) scale(1.06); opacity:.94;}
}

@keyframes moleculeFloat{
  0%{transform:translate3d(0,0,0) rotate(0deg) scale(var(--scale)); opacity:calc(var(--opacity) * .88);}
  100%{transform:translate3d(var(--dx), var(--dy), 0) rotate(var(--rotate)) scale(var(--scale)); opacity:var(--opacity);}
}

@keyframes atomPulse{
  0%{transform:scale(.94); opacity:.72;}
  100%{transform:scale(1.14); opacity:1;}
}

@keyframes bondPulse{
  0%{opacity:.46; filter:saturate(.92);}
  100%{opacity:.96; filter:saturate(1.08);}
}

@keyframes particleDrift{
  0%{transform:translate3d(0,0,0) scale(.86);}
  100%{transform:translate3d(var(--dx), var(--dy), 0) scale(1.12);}
}

@keyframes orbitSpin{
  from{transform:translate(-50%, -50%) rotate(var(--from, 0deg)) scaleY(var(--scale-y, .62));}
  to{transform:translate(-50%, -50%) rotate(calc(var(--from, 0deg) + 360deg)) scaleY(var(--scale-y, .62));}
}

@keyframes orbitSpinReverse{
  from{transform:translate(-50%, -50%) rotate(var(--from, 0deg)) scaleY(var(--scale-y, .74));}
  to{transform:translate(-50%, -50%) rotate(calc(var(--from, 0deg) - 360deg)) scaleY(var(--scale-y, .74));}
}

.hero-orbit--one{--from:16deg; --scale-y:.62;}
.hero-orbit--two{--from:-34deg; --scale-y:.74;}
.hero-orbit--three{--from:72deg; --scale-y:.48;}

@keyframes floatTag{
  0%,100%{transform:translateY(0);}
  50%{transform:translateY(-10px);}
}

@keyframes ctaGlowPulse{
  0%,100%{transform:translate(-50%, -50%) scale(.94); opacity:.62;}
  50%{transform:translate(-50%, -50%) scale(1.05); opacity:1;}
}

@media (max-width:1180px){
  .materials-grid{
    grid-template-columns:repeat(2, minmax(0, 1fr));
  }

  .industry-grid{
    grid-template-columns:repeat(2, minmax(0, 1fr));
  }

  .enduse-grid{
    grid-template-columns:repeat(2, minmax(0, 1fr));
  }
}

@media (max-width:980px){
  .application-section{
    padding-top:84px;
  }

  .application-hero{
    min-height:auto;
    padding:48px 0 70px;
  }

  .application-hero__inner{
    min-height:auto;
    grid-template-columns:1fr;
    gap:30px;
  }

  .application-hero__content{
    max-width:none;
  }

  .application-hero__title{
    font-size:clamp(36px,7vw,52px);
  }

  .application-hero__visual{
    min-height:520px;
  }

  .hero-float-tag--a{left:4%;}
  .hero-float-tag--c{left:2%;}
  .materials-grid,
  .industry-grid,
  .logo-wall{
    grid-template-columns:repeat(2, minmax(0, 1fr));
  }
}

@media (max-width:640px){
  .application-section{
    padding-top:72px;
  }

  .application-section:last-child{
    padding-bottom:88px;
  }

  .application-section__title{
    font-size:clamp(30px,9vw,42px);
    line-height:1.08;
  }

  .application-section__intro,
  .application-hero__lead,
  .cta-panel__text{
    font-size:16px;
    line-height:1.7;
  }

  .application-hero{
    padding:38px 0 60px;
  }

  .application-hero__visual{
    min-height:420px;
  }

  .hero-core-card{
    padding:20px 18px 18px;
    border-radius:24px;
  }

  .hero-core-card__grid{
    grid-template-columns:1fr 1fr;
    gap:12px;
  }

  .hero-core-card__item{
    min-height:92px;
    padding:14px;
    border-radius:18px;
  }

  .hero-core-card__item strong{
    font-size:28px;
  }

  .hero-float-tag{
    min-height:38px;
    padding:0 14px;
    font-size:13px;
  }

  .materials-grid,
  .industry-grid,
  .enduse-grid,
  .logo-wall{
    grid-template-columns:1fr;
  }

  .material-card,
  .industry-card{
    min-height:auto;
  }

  .task-pills{
    gap:10px;
  }

  .task-pill{
    width:100%;
    justify-content:flex-start;
    min-height:48px;
  }

  .cta-panel{
    padding:32px 22px 28px;
    border-radius:26px;
  }

  .cta-panel__actions .button{
    width:100%;
  }
}



.application-hero__visual--animation{
  position:absolute;
  right:-50%;
  top:50%;
  z-index:1;
  width:min(66vw, 1100px);
  min-height:800px;
  transform:translateY(-50%);
  align-items:stretch;
  pointer-events:none;
}

.hero-animation-frame{
  position:relative;
  width:100%;
  min-height:800px;
  margin-left:auto;
  display:flex;
  align-items:center;
  justify-content:center;
  overflow:visible;
  border-radius:0;
  background:transparent;
  mask-image:none;
  -webkit-mask-image:none;
}

.hero-animation-frame__iframe{
  width:100%;
  height:800px;
  border:0;
  background:transparent;
  display:block;
  transform:scale(1.25);
  transform-origin:68% 52%;
}

@media (max-width:1280px){
  .application-hero__visual--animation{
    right:-58%;
    width:min(74vw, 1050px);
    min-height:660px;
  }

  .hero-animation-frame{
    min-height:660px;
  }

  .hero-animation-frame__iframe{
    height:660px;
    transform:scale(1.06);
    transform-origin:68% 52%;
  }
}

@media (max-width:980px){
  .application-hero__visual--animation{
    position:relative;
    right:-12%;
    top:auto;
    transform:none;
    width:72%;
    min-height:360px;
    margin:8px 0 0 auto;
  }

  .hero-animation-frame{
    min-height:360px;
  }

  .hero-animation-frame__iframe{
    height:360px;
    transform:scale(.9);
    transform-origin:center center;
  }
}

@media (max-width:640px){
  .application-hero__visual--animation{
    right:-8%;
    width:78%;
    min-height:280px;
  }

  .hero-animation-frame{
    width:100%;
    min-height:280px;
  }

  .hero-animation-frame__iframe{
    height:280px;
    transform:scale(.72);
    transform-origin:center center;
  }
}


/* Hero refinements: align with homepage hero typography */
.application-hero__beam{
  display:none;
}

.application-hero__content{
  max-width:min(56vw, 900px);
  transform:translateY(-42px);
}

.application-hero .eyebrow{
  display:inline-flex;
  align-items:center;
  gap:10px;
  padding:8px 14px;
  margin-bottom:24px;
  border-radius:999px;
  font-size:12px;
  letter-spacing:.14em;
  text-transform:uppercase;
  color:var(--muted);
  border:1px solid rgba(255,255,255,.10);
  background:rgba(255,255,255,.04);
  box-shadow:none;
}

.application-hero .eyebrow::before{
  content:"";
  width:8px;
  height:8px;
  border-radius:50%;
  background:linear-gradient(135deg,var(--accent-3),var(--accent));
  box-shadow:0 0 16px rgba(139,226,255,.75);
  flex:0 0 auto;
}

.application-hero__title{
  margin:0;
  font-size:clamp(34px,3.85vw,58px);
  line-height:1.08;
  letter-spacing:-.045em;
  max-width:none;
  font-weight:700;
  color:var(--text);
  text-shadow:0 0 16px rgba(0,0,0,.26);
}

.application-hero__lead,
.application-hero__sublead{
  max-width:none;
  font-size:clamp(17px,1.22vw,20px);
  line-height:1.54;
  font-weight:400;
  text-shadow:0 0 14px rgba(0,0,0,.22);
}

.application-hero__lead{
  margin:20px 0 0;
  color:var(--muted);
}

.application-hero__sublead{
  margin:8px 0 0;
  color:var(--muted);
}

.application-hero__actions{
  margin-top:36px;
}

.application-hero__visual--animation{
  right:calc(-36% + 510px);
  width:min(99vw, 1650px);
  min-height:1200px;
}

.hero-animation-frame{
  min-height:1200px;
}

.hero-animation-frame__iframe{
  height:1200px;
  transform:scale(1.875);
  transform-origin:62% 52%;
}

@media (max-width:1280px){
  .application-hero__visual--animation{
    right:calc(-44% + 510px);
    width:min(108vw, 1500px);
    min-height:1040px;
  }

  .hero-animation-frame{
    min-height:1040px;
  }

  .hero-animation-frame__iframe{
    height:1040px;
    transform:scale(1.62);
    transform-origin:62% 52%;
  }
}

@media (max-width:980px){
  .application-hero__content{
    max-width:720px;
    transform:translateY(-18px);
  }

  .application-hero .eyebrow{
    margin-bottom:20px;
  }

  .application-hero__visual--animation{
    right:28%;
    width:98%;
    min-height:520px;
  }

  .hero-animation-frame{
    min-height:520px;
  }

  .hero-animation-frame__iframe{
    height:520px;
    transform:scale(1.28);
    transform-origin:center center;
  }
}

@media (max-width:640px){
  .application-hero .eyebrow{
    margin-bottom:18px;
    font-size:12px;
  }

  .application-hero__content{
    transform:none;
  }

  .application-hero__visual--animation{
    right:18%;
    width:104%;
    min-height:360px;
  }

  .hero-animation-frame{
    min-height:360px;
  }

  .hero-animation-frame__iframe{
    height:360px;
    transform:scale(1.02);
    transform-origin:center center;
  }

  .application-hero__title{
    font-size:clamp(32px,9.2vw,42px);
    line-height:1.08;
  }

  .application-hero__lead,
  .application-hero__sublead{
    font-size:17px;
    line-height:1.54;
  }
}

/* v7 hero animation adjustment: slightly enlarged on current layout */
.application-hero__visual--animation{
  right:calc(-36% + 425px);
  width:min(72vw, 1210px);
  min-height:900px;
}

.hero-animation-frame{
  min-height:900px;
}

.hero-animation-frame__iframe{
  height:900px;
  transform:scale(1.43);
  transform-origin:62% 52%;
}

@media (max-width:1280px){
  .application-hero__visual--animation{
    right:calc(-44% + 425px);
    width:min(80vw, 1150px);
    min-height:740px;
  }

  .hero-animation-frame{
    min-height:740px;
  }

  .hero-animation-frame__iframe{
    height:740px;
    transform:scale(1.23);
    transform-origin:62% 52%;
  }
}

@media (max-width:980px){
  .application-hero__visual--animation{
    right:20%;
    width:79%;
    min-height:390px;
  }

  .hero-animation-frame{
    min-height:390px;
  }

  .hero-animation-frame__iframe{
    height:390px;
    transform:scale(1.06);
    transform-origin:center center;
  }
}

@media (max-width:640px){
  .application-hero__visual--animation{
    right:14%;
    width:85%;
    min-height:300px;
  }

  .hero-animation-frame{
    min-height:300px;
  }

  .hero-animation-frame__iframe{
    height:300px;
    transform:scale(.86);
    transform-origin:center center;
  }
}


/* v9 hero animation correction: keep upward shift, move horizontally to the right */
.application-hero__visual--animation{
  right:calc(-36% + 150px);
  top:calc(50% - 146px);
}

@media (max-width:1280px){
  .application-hero__visual--animation{
    right:calc(-44% + 150px);
    top:calc(50% - 128px);
  }
}

@media (max-width:980px){
  .application-hero__visual--animation{
    right:-4%;
    top:calc(50% - 78px);
  }
}

@media (max-width:640px){
  .application-hero__visual--animation{
    right:-6%;
    top:calc(50% - 52px);
  }
}

/* v4 adjustments: hero animation, material eyebrow bubble, image-backed cards */
.application-section__heading .eyebrow,
.application-section__heading .eyebrow--bubble{
  display:inline-flex;
  align-items:center;
  gap:12px;
  min-height:52px;
  padding:0 22px;
  border-radius:999px;
  border:1px solid rgba(171,198,255,.18);
  background:rgba(8,20,42,.56);
  backdrop-filter:blur(14px);
  -webkit-backdrop-filter:blur(14px);
  color:#eef5ff;
  font-size:17px;
  font-weight:600;
  letter-spacing:.02em;
  box-shadow:0 14px 34px rgba(2,7,18,.22), inset 0 1px 0 rgba(255,255,255,.04);
}

.application-section__heading .eyebrow::before,
.application-section__heading .eyebrow--bubble::before{
  content:"";
  width:14px;
  height:14px;
  border-radius:50%;
  background:linear-gradient(135deg, rgba(166,140,255,.98), rgba(139,226,255,.88));
  box-shadow:0 0 18px rgba(166,140,255,.45), 0 0 10px rgba(139,226,255,.32);
  flex:0 0 auto;
}

.material-card{
  display:flex;
  flex-direction:column;
  justify-content:flex-end;
  min-height:440px;
  padding:26px 24px 28px;
  background:linear-gradient(180deg, rgba(8,18,38,.22), rgba(4,10,22,.78));
}

.material-card__media{
  position:absolute;
  inset:0;
  background-position:center center;
  background-size:cover;
  background-repeat:no-repeat;
  transform:scale(1.04);
  transition:transform .55s ease, filter .55s ease;
  filter:saturate(1.05) brightness(.9);
}

.material-card:hover .material-card__media{
  transform:scale(1.08);
  filter:saturate(1.12) brightness(.96);
}

.material-card__surface{
  background:
    linear-gradient(180deg, rgba(4,10,22,.06) 0%, rgba(4,10,22,.18) 26%, rgba(4,10,22,.52) 58%, rgba(4,10,22,.88) 100%),
    linear-gradient(135deg, rgba(139,226,255,.09), transparent 28%, transparent 72%, rgba(142,184,255,.08));
}

.material-card__icon,
.material-card__eyebrow{
  display:none;
}

.material-card__title,
.material-card__text{
  z-index:2;
  position:relative;
  text-shadow:0 0 14px rgba(0,0,0,.28);
}

.material-card__title{
  margin:0;
  font-size:clamp(30px,2.28vw,46px);
  line-height:1.08;
  letter-spacing:-.04em;
}

.material-card__text{
  margin:18px 0 0;
  font-size:clamp(16px,1.1vw,18px);
  line-height:1.78;
  color:rgba(238,244,255,.88);
  max-width:92%;
}

.material-card--magnet .material-card__media{
  background-image:url('assets/material_bg_magnet.png');
  background-position:center 34%;
}

.material-card--blocks .material-card__media{
  background-image:url('assets/material_bg_blocks.png');
  background-position:center 38%;
}

.material-card--nano .material-card__media{
  background-image:url('assets/material_bg_nano.png');
  background-position:center 34%;
}

.material-card--oxide .material-card__media{
  background:
    radial-gradient(circle at 52% 42%, rgba(134,224,255,.26), transparent 20%),
    radial-gradient(circle at 72% 30%, rgba(166,140,255,.18), transparent 18%),
    linear-gradient(120deg, rgba(12,32,64,.46), rgba(5,16,36,.12) 46%, rgba(10,28,56,.68) 100%),
    linear-gradient(180deg, rgba(7,18,38,.56), rgba(4,10,22,.84));
}

.material-card--oxide .material-card__media::before,
.material-card--oxide .material-card__media::after{
  content:"";
  position:absolute;
  inset:auto;
  pointer-events:none;
}

.material-card--oxide .material-card__media::before{
  left:13%;
  top:18%;
  width:58%;
  height:58%;
  border-radius:50%;
  border:1px solid rgba(130,220,255,.26);
  box-shadow:0 0 24px rgba(130,220,255,.12), inset 0 0 40px rgba(130,220,255,.06);
  background:
    radial-gradient(circle at 50% 50%, rgba(255,255,255,.10), transparent 58%),
    repeating-radial-gradient(circle at 50% 50%, rgba(130,220,255,.08) 0 2px, transparent 2px 18px);
}

.material-card--oxide .material-card__media::after{
  right:12%;
  bottom:18%;
  width:24%;
  height:24%;
  border-radius:50%;
  border:1px solid rgba(130,220,255,.20);
  background:radial-gradient(circle at 38% 38%, rgba(255,255,255,.12), rgba(130,220,255,.16) 52%, transparent 100%);
  box-shadow:0 0 18px rgba(130,220,255,.10);
}

.application-hero__visual--animation{
  right:calc(-38% + 120px);
  top:calc(50% - 210px);
  width:min(76vw, 1290px);
  min-height:940px;
}

.hero-animation-frame{
  min-height:940px;
}

.hero-animation-frame__iframe{
  height:940px;
  transform:scale(1.5);
  transform-origin:63% 52%;
}

@media (max-width:1280px){
  .application-hero__visual--animation{
    right:calc(-46% + 112px);
    top:calc(50% - 182px);
    width:min(84vw, 1210px);
    min-height:780px;
  }

  .hero-animation-frame{min-height:780px;}
  .hero-animation-frame__iframe{height:780px; transform:scale(1.28); transform-origin:63% 52%;}
}

@media (max-width:980px){
  .application-section__heading .eyebrow,
  .application-section__heading .eyebrow--bubble{
    min-height:46px;
    padding:0 18px;
    font-size:15px;
  }

  .material-card{min-height:400px;}
  .application-hero__visual--animation{
    right:-6%;
    top:calc(50% - 114px);
    width:86%;
    min-height:420px;
  }
  .hero-animation-frame{min-height:420px;}
  .hero-animation-frame__iframe{height:420px; transform:scale(1.12);}
}

@media (max-width:640px){
  .application-section__heading .eyebrow,
  .application-section__heading .eyebrow--bubble{
    min-height:42px;
    padding:0 16px;
    gap:10px;
    font-size:14px;
  }

  .application-section__heading .eyebrow::before,
  .application-section__heading .eyebrow--bubble::before{
    width:11px;
    height:11px;
  }

  .material-card{
    min-height:340px;
    padding:22px 20px 24px;
  }

  .material-card__title{font-size:clamp(28px,8vw,36px);}
  .material-card__text{max-width:100%; font-size:16px; line-height:1.72;}

  .application-hero__visual--animation{
    right:-10%;
    top:calc(50% - 56px);
    width:92%;
    min-height:320px;
  }
  .hero-animation-frame{min-height:320px;}
  .hero-animation-frame__iframe{height:320px; transform:scale(.92);}
}


/* v5 refinements: move hero animation slightly left/up and enlarge; restore material cards closer to original size and use provided images directly */
.application-hero__visual--animation{
  right:calc(-35% + 128px);
  top:calc(50% - 176px);
  width:min(80vw, 1360px);
  min-height:1020px;
}

.hero-animation-frame{
  min-height:1020px;
}

.hero-animation-frame__iframe{
  height:1020px;
  transform:scale(1.62);
  transform-origin:62% 50%;
}

.material-card{
  min-height:368px;
  padding:24px 22px 22px;
  justify-content:flex-start;
  background:
    radial-gradient(circle at 84% 18%, rgba(139,226,255,.10), transparent 18%),
    linear-gradient(180deg, rgba(8,18,38,.82), rgba(4,10,22,.96));
}

.material-card__media{
  position:relative;
  inset:auto;
  width:100%;
  height:176px;
  margin:0 0 22px;
  border-radius:22px;
  border:1px solid rgba(171,198,255,.12);
  background-color:rgba(4,10,22,.82);
  background-size:contain;
  background-position:center center;
  background-repeat:no-repeat;
  box-shadow:0 14px 28px rgba(2,7,18,.22), inset 0 1px 0 rgba(255,255,255,.04);
  transform:none !important;
  filter:none !important;
  z-index:1;
}

.material-card:hover .material-card__media{
  transform:none !important;
  filter:none !important;
}

.material-card__surface{
  background:
    linear-gradient(180deg, rgba(4,10,22,.04) 0%, rgba(4,10,22,.10) 18%, rgba(4,10,22,.20) 36%, rgba(4,10,22,.46) 70%, rgba(4,10,22,.76) 100%),
    linear-gradient(135deg, rgba(139,226,255,.08), transparent 28%, transparent 72%, rgba(142,184,255,.06));
}

.material-card__title,
.material-card__text{
  position:relative;
  z-index:2;
  text-shadow:0 0 14px rgba(0,0,0,.28);
}

.material-card__title{
  margin:0;
  font-size:clamp(28px,2vw,40px);
  line-height:1.1;
  letter-spacing:-.035em;
}

.material-card__text{
  margin:16px 0 0;
  max-width:100%;
  color:var(--muted);
  font-size:clamp(16px,1.02vw,18px);
  line-height:1.72;
}

.material-card--magnet .material-card__media{
  background-image:url('assets/material_bg_magnet.png');
  background-position:center center;
}

.material-card--blocks .material-card__media{
  background-image:url('assets/material_bg_blocks.png');
  background-position:center center;
}

.material-card--nano .material-card__media{
  background-image:url('assets/material_bg_nano.png');
  background-position:center center;
}

.material-card--oxide .material-card__media{
  background:
    radial-gradient(circle at 50% 46%, rgba(134,224,255,.26), transparent 22%),
    radial-gradient(circle at 70% 30%, rgba(166,140,255,.18), transparent 18%),
    linear-gradient(120deg, rgba(12,32,64,.46), rgba(5,16,36,.12) 46%, rgba(10,28,56,.68) 100%),
    linear-gradient(180deg, rgba(7,18,38,.56), rgba(4,10,22,.84));
  background-size:cover;
}

.material-card--oxide .material-card__media::before,
.material-card--oxide .material-card__media::after{
  content:"";
  position:absolute;
  pointer-events:none;
}

.material-card--oxide .material-card__media::before{
  left:18%;
  top:18%;
  width:54%;
  height:54%;
  border-radius:50%;
  border:1px solid rgba(130,220,255,.24);
  box-shadow:0 0 22px rgba(130,220,255,.10), inset 0 0 32px rgba(130,220,255,.05);
  background:
    radial-gradient(circle at 50% 50%, rgba(255,255,255,.10), transparent 58%),
    repeating-radial-gradient(circle at 50% 50%, rgba(130,220,255,.08) 0 2px, transparent 2px 18px);
}

.material-card--oxide .material-card__media::after{
  right:14%;
  bottom:16%;
  width:22%;
  height:22%;
  border-radius:50%;
  border:1px solid rgba(130,220,255,.18);
  background:radial-gradient(circle at 38% 38%, rgba(255,255,255,.12), rgba(130,220,255,.16) 52%, transparent 100%);
  box-shadow:0 0 16px rgba(130,220,255,.08);
}

@media (max-width:1280px){
  .application-hero__visual--animation{
    right:calc(-41% + 118px);
    top:calc(50% - 150px);
    width:min(88vw, 1260px);
    min-height:840px;
  }

  .hero-animation-frame{min-height:840px;}
  .hero-animation-frame__iframe{height:840px; transform:scale(1.4); transform-origin:62% 50%;}

  .material-card{min-height:344px;}
  .material-card__media{height:160px;}
}

@media (max-width:980px){
  .application-hero__visual--animation{
    right:-2%;
    top:calc(50% - 96px);
    width:92%;
    min-height:480px;
  }

  .hero-animation-frame{min-height:480px;}
  .hero-animation-frame__iframe{height:480px; transform:scale(1.2); transform-origin:center center;}

  .material-card{
    min-height:332px;
  }

  .material-card__media{
    height:152px;
  }
}

@media (max-width:640px){
  .application-hero__visual--animation{
    right:-4%;
    top:calc(50% - 68px);
    width:98%;
    min-height:348px;
  }

  .hero-animation-frame{min-height:348px;}
  .hero-animation-frame__iframe{height:348px; transform:scale(1.0); transform-origin:center center;}

  .material-card{
    min-height:320px;
    padding:20px 18px 22px;
  }

  .material-card__media{
    height:146px;
    margin-bottom:18px;
    border-radius:18px;
  }
}



/* v7 refinements: hero animation nudged right; material cards are full-bleed image tiles with hover-revealed copy */

.application-hero__visual--animation{
  right:calc(-36.2% + 142px);
}

.application-materials .application-section__heading .eyebrow,
.application-materials .application-section__heading .eyebrow--bubble{
  display:inline-flex;
  align-items:center;
  gap:10px;
  min-height:auto;
  padding:8px 14px;
  border-radius:999px;
  font-size:12px;
  letter-spacing:.14em;
  text-transform:uppercase;
  color:var(--muted);
  border:1px solid rgba(255,255,255,.10);
  background:rgba(255,255,255,.04);
  box-shadow:none;
  backdrop-filter:none;
  -webkit-backdrop-filter:none;
}

.application-materials .application-section__heading .eyebrow::before,
.application-materials .application-section__heading .eyebrow--bubble::before{
  width:8px;
  height:8px;
  box-shadow:0 0 16px rgba(139,226,255,.75);
}

.application-materials .materials-grid{
  grid-template-columns:repeat(4, minmax(0, 1fr));
  gap:28px;
}

.application-materials .material-card{
  position:relative;
  min-height:auto;
  aspect-ratio:1 / 1;
  padding:0;
  overflow:hidden;
  border-radius:34px;
  background:linear-gradient(180deg, rgba(8,18,38,.82), rgba(4,10,22,.96));
}

.application-materials .material-card__media{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  margin:0;
  border-radius:inherit;
  overflow:hidden;
  background:none !important;
  transform:scale(1.01) !important;
  filter:none !important;
}

.application-materials .material-card__media img{
  width:100%;
  height:100%;
  display:block;
  object-fit:cover;
}

.application-materials .material-card__surface{
  position:absolute;
  inset:0;
  border-radius:inherit;
  background:
    linear-gradient(180deg, rgba(4,10,22,.08) 0%, rgba(4,10,22,.12) 26%, rgba(4,10,22,.78) 74%, rgba(4,10,22,.96) 100%),
    radial-gradient(circle at 50% 18%, rgba(255,255,255,.08), transparent 22%),
    linear-gradient(135deg, rgba(139,226,255,.10), transparent 36%, transparent 78%, rgba(142,184,255,.08));
  transition:opacity .28s ease, background .28s ease;
  pointer-events:none;
}

.application-materials .material-card__content{
  position:absolute;
  inset:auto 0 0 0;
  z-index:2;
  padding:28px 28px 30px;
  transform:translateY(18px);
  opacity:0;
  transition:opacity .28s ease, transform .32s cubic-bezier(.22,1,.36,1);
}

.application-materials .material-card__title,
.application-materials .material-card__text{
  position:relative;
  z-index:2;
}

.application-materials .material-card__title{
  margin:0;
  font-size:clamp(28px,2.05vw,42px);
  line-height:1.08;
  color:#f4f8ff;
  text-shadow:0 0 18px rgba(0,0,0,.28);
}

.application-materials .material-card__text{
  display:block !important;
  margin:14px 0 0;
  color:rgba(238,244,255,.88);
  font-size:18px;
  line-height:1.7;
  max-width:88%;
  text-shadow:0 0 16px rgba(0,0,0,.26);
}

.application-materials .material-card:hover{
  border-color:rgba(139,226,255,.32);
  box-shadow:0 26px 58px rgba(2,7,18,.30), 0 0 36px rgba(139,226,255,.08);
}

.application-materials .material-card:hover .material-card__media{
  transform:scale(1.035) !important;
}

.application-materials .material-card:hover .material-card__surface{
  background:
    linear-gradient(180deg, rgba(4,10,22,.04) 0%, rgba(4,10,22,.10) 22%, rgba(4,10,22,.64) 58%, rgba(4,10,22,.94) 100%),
    radial-gradient(circle at 50% 18%, rgba(255,255,255,.10), transparent 24%),
    linear-gradient(135deg, rgba(139,226,255,.12), transparent 38%, transparent 80%, rgba(142,184,255,.10));
}

.application-materials .material-card:hover .material-card__content{
  opacity:1;
  transform:translateY(0);
}

.application-materials .material-card--oxide .material-card__media::before,
.application-materials .material-card--oxide .material-card__media::after{
  display:none !important;
}

@media (max-width:1280px){
  .application-hero__visual--animation{
    right:calc(-42.2% + 132px);
  }
  .application-materials .materials-grid{
    gap:22px;
  }
  .application-materials .material-card__content{
    padding:24px 24px 26px;
  }
  .application-materials .material-card__text{
    font-size:17px;
    max-width:92%;
  }
}

@media (max-width:980px){
  .application-hero__visual--animation{
    right:0%;
  }
  .application-materials .application-section__heading .eyebrow,
  .application-materials .application-section__heading .eyebrow--bubble{
    padding:8px 14px;
    font-size:12px;
    min-height:auto;
  }
  .application-materials .materials-grid{
    grid-template-columns:repeat(2, minmax(0, 1fr));
  }
  .application-materials .material-card{
    aspect-ratio:1 / 1;
  }
  .application-materials .material-card__content{
    opacity:1;
    transform:none;
  }
}

@media (max-width:640px){
  .application-materials .materials-grid{
    grid-template-columns:1fr;
  }
  .application-materials .material-card{
    aspect-ratio:auto;
    min-height:320px;
  }
  .application-materials .material-card__content{
    padding:20px 20px 22px;
  }
  .application-materials .material-card__text{
    font-size:16px;
    max-width:100%;
  }
}


/* v8 task section: convert pills into five equal square cards */
.application-tasks{
  padding-top:84px;
}

.application-tasks .application-section__heading .eyebrow,
.application-tasks .application-section__heading .eyebrow--bubble{
  display:inline-flex;
  align-items:center;
  gap:10px;
  min-height:auto;
  padding:8px 14px;
  border-radius:999px;
  font-size:12px;
  letter-spacing:.14em;
  text-transform:uppercase;
  color:var(--muted);
  border:1px solid rgba(255,255,255,.10);
  background:rgba(255,255,255,.04);
  box-shadow:none;
  backdrop-filter:none;
  -webkit-backdrop-filter:none;
}

.application-tasks .application-section__heading .eyebrow::before,
.application-tasks .application-section__heading .eyebrow--bubble::before{
  content:"";
  width:8px;
  height:8px;
  border-radius:50%;
  background:linear-gradient(135deg,var(--accent-3),var(--accent));
  box-shadow:0 0 16px rgba(139,226,255,.75);
  flex:0 0 auto;
}

.application-tasks .application-section__heading{
  max-width:980px;
  margin-bottom:34px;
}

.task-grid{
  display:grid;
  grid-template-columns:repeat(5, minmax(0, 1fr));
  gap:18px;
}

.task-card{
  position:relative;
  min-height:188px;
  aspect-ratio:1 / 1;
  padding:22px 18px 18px;
  border-radius:28px;
  border:1px solid rgba(171,198,255,.14);
  background:
    radial-gradient(circle at 50% 18%, rgba(139,226,255,.10), transparent 24%),
    linear-gradient(180deg, rgba(8,18,38,.82), rgba(4,10,22,.96));
  box-shadow:0 18px 42px rgba(2,7,18,.22), inset 0 1px 0 rgba(255,255,255,.04);
  overflow:hidden;
  transition:transform .28s ease, border-color .28s ease, box-shadow .28s ease;
}

.task-card::before{
  content:"";
  position:absolute;
  inset:0;
  border-radius:inherit;
  background:linear-gradient(135deg, rgba(139,226,255,.08), transparent 32%, transparent 72%, rgba(142,184,255,.06));
  pointer-events:none;
}

.task-card::after{
  content:"";
  position:absolute;
  inset:16px;
  border-radius:22px;
  border:1px solid rgba(135,224,255,.08);
  pointer-events:none;
}

.task-card__main,
.task-card__hover{
  position:relative;
  z-index:1;
}

.task-card__main{
  display:flex;
  flex-direction:column;
  justify-content:space-between;
  min-height:100%;
}

.task-card__title{
  margin:0;
  font-size:clamp(18px,1.26vw,26px);
  line-height:1.16;
  letter-spacing:-.02em;
  color:#f4f8ff;
}

.task-card__text{
  margin:18px 0 0;
  color:rgba(238,244,255,.82);
  font-size:15px;
  line-height:1.6;
}

.task-card__hover{
  position:absolute;
  left:18px;
  right:18px;
  bottom:18px;
  min-height:52px;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:12px 14px;
  border-radius:16px;
  border:1px solid rgba(139,226,255,.18);
  background:rgba(7,17,34,.78);
  color:#ecf5ff;
  font-size:14px;
  line-height:1.45;
  text-align:center;
  opacity:0;
  transform:translateY(10px);
  transition:opacity .28s ease, transform .32s cubic-bezier(.22,1,.36,1);
  box-shadow:0 14px 28px rgba(2,7,18,.20), 0 0 22px rgba(139,226,255,.08);
}

.task-card:hover{
  transform:translateY(-4px);
  border-color:rgba(139,226,255,.28);
  box-shadow:0 24px 54px rgba(2,7,18,.28), 0 0 30px rgba(139,226,255,.10);
}

.task-card:hover .task-card__hover{
  opacity:1;
  transform:translateY(0);
}

@media (max-width:1280px){
  .task-grid{
    grid-template-columns:repeat(5, minmax(0, 1fr));
    gap:14px;
  }
  .task-card{
    padding:20px 16px 16px;
    border-radius:24px;
  }
  .task-card__title{
    font-size:clamp(17px,1.2vw,22px);
  }
  .task-card__text{
    font-size:14px;
  }
  .task-card__hover{
    left:16px;
    right:16px;
    bottom:16px;
    font-size:13px;
  }
}

@media (max-width:980px){
  .task-grid{
    grid-template-columns:repeat(2, minmax(0, 1fr));
    gap:16px;
  }
  .task-card{
    aspect-ratio:auto;
    min-height:200px;
  }
  .task-card__hover{
    opacity:1;
    transform:none;
    position:relative;
    left:auto;
    right:auto;
    bottom:auto;
    margin-top:14px;
  }
}

@media (max-width:640px){
  .task-grid{
    grid-template-columns:1fr;
  }
  .application-tasks .application-section__heading .eyebrow,
  .application-tasks .application-section__heading .eyebrow--bubble{
    padding:8px 14px;
    font-size:12px;
  }
  .task-card{
    min-height:188px;
  }
}


/* ===== Rebuilt v7 overrides ===== */

.application-materials .application-section__title{
  letter-spacing:-.04em;
}

.application-materials .material-card{
  border:1px solid rgba(84,180,255,.20);
  box-shadow:0 16px 36px rgba(2,7,18,.22), inset 0 1px 0 rgba(255,255,255,.04);
}

.application-materials .material-card__surface{
  background:
    linear-gradient(180deg, rgba(4,10,22,.02) 0%, rgba(4,10,22,.06) 30%, rgba(4,10,22,.16) 60%, rgba(4,10,22,.28) 100%),
    linear-gradient(135deg, rgba(139,226,255,.06), transparent 40%, transparent 78%, rgba(142,184,255,.05));
}

.application-materials .material-card__content{
  position:absolute;
  inset:auto 18px 18px 18px;
  z-index:3;
  padding:24px 26px 24px;
  opacity:0 !important;
  visibility:hidden;
  transform:translateY(10px);
  transition:opacity .22s ease, transform .22s ease, visibility 0s linear .22s;
}

.application-materials .material-card__content::before{
  content:"";
  position:absolute;
  inset:0;
  border-radius:28px;
  background:linear-gradient(180deg, rgba(125,136,154,.34), rgba(68,78,96,.42));
  border:1px solid rgba(255,255,255,.10);
  backdrop-filter:blur(12px);
  -webkit-backdrop-filter:blur(12px);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08), 0 18px 38px rgba(2,7,18,.26);
}

.application-materials .material-card:hover .material-card__content,
.application-materials .material-card:focus-within .material-card__content{
  opacity:1 !important;
  visibility:visible;
  transform:translateY(0);
  transition-delay:0s;
}

.application-materials .material-card__title,
.application-materials .material-card__text{
  position:relative;
  z-index:1;
}

.application-materials .material-card__title{
  font-size:clamp(30px,2.15vw,44px);
  line-height:1.08;
  margin:0 0 14px;
}

.application-materials .material-card__text{
  margin:0;
  max-width:100%;
  font-size:clamp(16px,1.02vw,18px);
  line-height:1.62;
  color:rgba(238,244,255,.92);
}

.application-materials .material-card:hover .material-card__surface,
.application-materials .material-card:focus-within .material-card__surface{
  background:
    linear-gradient(180deg, rgba(4,10,22,.02) 0%, rgba(4,10,22,.05) 34%, rgba(4,10,22,.12) 62%, rgba(4,10,22,.22) 100%),
    linear-gradient(135deg, rgba(139,226,255,.07), transparent 42%, transparent 80%, rgba(142,184,255,.06));
}

.application-tasks{
  padding-top:84px;
}

.application-tasks .application-section__heading{
  max-width:1180px;
  margin-bottom:42px;
}

.application-tasks .application-section__heading .eyebrow,
.application-tasks .application-section__heading .eyebrow--bubble{
  display:inline-flex;
  align-items:center;
  gap:10px;
  min-height:56px;
  padding:0 22px;
  border-radius:999px;
  border:1px solid rgba(171,198,255,.14);
  background:rgba(8,20,42,.42);
  backdrop-filter:blur(10px);
  -webkit-backdrop-filter:blur(10px);
  color:#eef5ff;
  font-size:17px;
  font-weight:600;
  letter-spacing:.02em;
  text-transform:none;
  box-shadow:0 12px 30px rgba(2,7,18,.18), inset 0 1px 0 rgba(255,255,255,.04);
}

.application-tasks .application-section__heading .eyebrow::before,
.application-tasks .application-section__heading .eyebrow--bubble::before{
  content:"";
  width:13px;
  height:13px;
  border-radius:50%;
  background:linear-gradient(135deg, rgba(166,140,255,.98), rgba(139,226,255,.9));
  box-shadow:0 0 16px rgba(139,226,255,.42);
  flex:0 0 auto;
}

.task-folder-stack{
  position:relative;
  min-height:420px;
  padding-top:86px;
}

.task-folder{
  position:absolute;
  inset:0;
}

.task-folder__tab{
  --tab-width:clamp(184px, 16vw, 232px);
  appearance:none;
  position:absolute;
  top:0;
  display:flex;
  align-items:center;
  justify-content:center;
  width:var(--tab-width);
  min-height:76px;
  padding:0 28px;
  border-radius:26px 26px 0 0;
  border:1px solid rgba(127,213,255,.92);
  border-bottom:0;
  background:
    linear-gradient(180deg, rgba(86,129,220,.94) 0%, rgba(68,112,206,.92) 100%);
  color:#f8fbff;
  font-size:clamp(22px, 1.9vw, 28px);
  font-weight:700;
  letter-spacing:-.02em;
  box-shadow:
    0 0 0 1px rgba(192,231,255,.10),
    0 0 28px rgba(90,180,255,.18),
    0 16px 32px rgba(2,7,18,.18);
  cursor:pointer;
  transition:transform .28s ease, box-shadow .28s ease, filter .28s ease;
  z-index:3;
}

.task-folder__tab::before{
  content:"";
  position:absolute;
  inset:8px 8px 0;
  border-radius:18px 18px 0 0;
  border:1px solid rgba(255,255,255,.18);
  border-bottom:0;
  pointer-events:none;
}

.task-folder__tab span{
  position:relative;
  z-index:1;
}

.task-folder__panel{
  position:relative;
  height:100%;
  min-height:334px;
  padding:46px 40px 38px;
  border-radius:34px;
  border:1px solid rgba(200,222,255,.12);
  background:
    linear-gradient(180deg, rgba(72,84,102,.94), rgba(55,66,84,.94));
  box-shadow:
    0 24px 54px rgba(2,7,18,.22),
    inset 0 1px 0 rgba(255,255,255,.08);
  opacity:0;
  transform:translateY(18px) scale(.985);
  transition:opacity .24s ease, transform .32s cubic-bezier(.22,1,.36,1), box-shadow .32s ease;
  pointer-events:none;
}

.task-folder__panel::before{
  content:"";
  position:absolute;
  inset:16px;
  border-radius:24px;
  border:1px solid rgba(255,255,255,.06);
  pointer-events:none;
}

.task-folder__list{
  position:relative;
  z-index:1;
  margin:0;
  padding:0 0 0 24px;
  display:grid;
  gap:16px;
}

.task-folder__list li{
  color:#eef4ff;
  font-size:18px;
  line-height:1.72;
}

.task-folder__list li::marker{
  color:rgba(159,224,255,.96);
}

.task-folder.is-active{
  z-index:6;
}

.task-folder.is-active .task-folder__tab{
  transform:translateY(-10px);
  box-shadow:
    0 0 0 1px rgba(204,240,255,.16),
    0 0 34px rgba(92,185,255,.24),
    0 20px 38px rgba(2,7,18,.24);
  filter:saturate(1.04) brightness(1.02);
}

.task-folder.is-active .task-folder__panel{
  opacity:1;
  transform:translateY(0) scale(1);
  pointer-events:auto;
}

.task-folder:not(.is-active) .task-folder__tab:hover,
.task-folder:not(.is-active) .task-folder__tab:focus-visible{
  transform:translateY(-4px);
  box-shadow:
    0 0 0 1px rgba(204,240,255,.12),
    0 0 26px rgba(92,185,255,.18),
    0 18px 34px rgba(2,7,18,.20);
}

.task-folder__tab:focus-visible{
  outline:none;
}

.task-folder--1 .task-folder__tab{left:0;}
.task-folder--2 .task-folder__tab{left:18%;}
.task-folder--3 .task-folder__tab{left:36%;}
.task-folder--4 .task-folder__tab{left:54%;}
.task-folder--5 .task-folder__tab{right:0;}


@media (max-width:1280px){
  .task-folder-stack{
    min-height:448px;
  }

  .task-folder__tab{
    --tab-width:clamp(172px, 17vw, 214px);
    min-height:72px;
    font-size:clamp(20px, 1.85vw, 25px);
  }

  .task-folder__panel{
    padding:40px 34px 34px;
  }

  .task-folder__list li{
    font-size:17px;
  }
}

@media (max-width:980px){
  .application-materials .materials-grid{
    grid-template-columns:repeat(2, minmax(0, 1fr));
  }

  .task-folder-stack{
    min-height:auto;
    padding-top:0;
    display:grid;
    gap:16px;
  }

  .task-folder{
    position:relative;
    inset:auto;
  }

  .task-folder__tab,
  .task-folder--1 .task-folder__tab,
  .task-folder--2 .task-folder__tab,
  .task-folder--3 .task-folder__tab,
  .task-folder--4 .task-folder__tab,
  .task-folder--5 .task-folder__tab{
    position:relative;
    left:auto;
    right:auto;
    top:auto;
    width:100%;
    min-height:72px;
    border-radius:22px 22px 0 0;
    transform:none;
  }

  .task-folder__panel{
    min-height:0;
    max-height:0;
    padding:0 28px;
    overflow:hidden;
    border-radius:0 0 26px 26px;
    opacity:1;
    transform:none;
    transition:max-height .34s ease, padding .28s ease;
    pointer-events:auto;
  }

  .task-folder__panel::before{
    inset:14px;
  }

  .task-folder.is-active .task-folder__tab{
    transform:none;
  }

  .task-folder.is-active .task-folder__panel{
    max-height:520px;
    padding:26px 28px 24px;
  }
}

@media (max-width:640px){
  .application-materials .materials-grid{
    grid-template-columns:1fr;
  }
  .application-materials .material-card__content{
    inset:auto 14px 14px 14px;
    padding:18px 18px 18px;
  }
  .application-materials .material-card__title{font-size:clamp(26px,8vw,36px);}  
  .application-materials .material-card__text{font-size:16px; line-height:1.58;}

  .task-folder__tab{
    min-height:68px;
    padding:0 22px;
    font-size:18px;
  }

  .task-folder.is-active .task-folder__panel{
    padding:22px 20px 20px;
  }

  .task-folder__list{
    gap:14px;
    padding-left:20px;
  }

  .task-folder__list li{
    font-size:15px;
    line-height:1.68;
  }
}


/* ===== v9 performance + style unification overrides ===== */

/* unify section pills with materials style */
.application-tasks .application-section__heading .eyebrow,
.application-tasks .application-section__heading .eyebrow--bubble,
.application-industries .application-section__heading .eyebrow,
.application-industries .application-section__heading .eyebrow--bubble{
  display:inline-flex;
  align-items:center;
  gap:12px;
  min-height:56px;
  padding:0 26px;
  border-radius:999px;
  border:1px solid rgba(171,198,255,.16);
  background:rgba(8,20,42,.44);
  backdrop-filter:blur(12px);
  -webkit-backdrop-filter:blur(12px);
  color:#eef5ff;
  font-size:17px;
  font-weight:600;
  letter-spacing:.02em;
  text-transform:none;
  box-shadow:0 12px 30px rgba(2,7,18,.18), inset 0 1px 0 rgba(255,255,255,.04);
}

.application-tasks .application-section__heading .eyebrow::before,
.application-tasks .application-section__heading .eyebrow--bubble::before,
.application-industries .application-section__heading .eyebrow::before,
.application-industries .application-section__heading .eyebrow--bubble::before{
  content:"";
  width:13px;
  height:13px;
  border-radius:50%;
  background:linear-gradient(135deg, rgba(166,140,255,.98), rgba(139,226,255,.9));
  box-shadow:0 0 18px rgba(139,226,255,.42);
  flex:0 0 auto;
}

/* materials hover overlay: remove laggy delayed layer */
.application-materials .material-card__content{
  inset:auto 20px 20px 20px;
  padding:24px 26px;
  opacity:0 !important;
  transform:translateY(0);
  visibility:visible;
  pointer-events:none;
  border-radius:28px;
  border:1px solid rgba(255,255,255,.10);
  background:linear-gradient(180deg, rgba(122,132,148,.44), rgba(58,68,84,.54));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08), 0 18px 38px rgba(2,7,18,.22);
  transition:opacity .16s ease !important;
  will-change:opacity;
}

.application-materials .material-card__content::before{
  display:none !important;
}

.application-materials .material-card:hover .material-card__content,
.application-materials .material-card:focus-within .material-card__content{
  opacity:1 !important;
  transform:none;
}

.application-materials .material-card__title,
.application-materials .material-card__text{
  text-shadow:0 0 12px rgba(0,0,0,.18);
}

/* task title */
.application-tasks .application-section__title{
  max-width:unset;
}

/* industries section unified with materials language */
.application-industries{
  padding-top:96px;
}

.application-industries .application-section__heading{
  margin-bottom:34px;
}

.industry-grid{
  display:grid;
  grid-template-columns:repeat(3, minmax(0, 1fr));
  gap:24px;
  align-items:stretch;
}

.industry-card{
  min-height:286px;
  padding:28px 28px 26px;
  border-radius:34px;
  border:1px solid rgba(84,180,255,.18);
  background:
    linear-gradient(180deg, rgba(5,13,28,.82), rgba(4,10,22,.96));
  box-shadow:0 16px 36px rgba(2,7,18,.22), inset 0 1px 0 rgba(255,255,255,.04);
}

.industry-card::before{
  background:
    linear-gradient(180deg, rgba(4,10,22,.04) 0%, rgba(4,10,22,.08) 34%, rgba(4,10,22,.16) 72%, rgba(4,10,22,.22) 100%),
    linear-gradient(135deg, rgba(139,226,255,.06), transparent 40%, transparent 80%, rgba(142,184,255,.05));
  opacity:1;
}

.industry-card__icon{
  display:none !important;
}

.industry-card__title{
  margin:0;
  font-size:clamp(26px,2vw,38px);
  line-height:1.12;
  letter-spacing:-.03em;
}

.industry-card__text{
  margin:16px 0 0;
  color:rgba(238,244,255,.84);
  font-size:clamp(16px,1vw,18px);
  line-height:1.72;
}

.industry-card:hover{
  transform:translateY(-4px);
  border-color:rgba(139,226,255,.30);
  box-shadow:0 22px 48px rgba(2,7,18,.28), 0 0 28px rgba(139,226,255,.08);
}

.industry-grid__divider{
  grid-column:1 / -1;
  position:relative;
  height:40px;
  display:flex;
  align-items:center;
  justify-content:center;
}

.industry-grid__divider::before,
.industry-grid__divider::after{
  content:"";
  position:absolute;
  top:50%;
  width:calc(50% - 120px);
  height:1px;
  background:linear-gradient(90deg, rgba(139,226,255,0), rgba(139,226,255,.42));
  box-shadow:0 0 12px rgba(139,226,255,.12);
}

.industry-grid__divider::before{ left:0; }
.industry-grid__divider::after{ right:0; transform:scaleX(-1); }

.industry-grid__divider span{
  position:relative;
  z-index:1;
  display:inline-flex;
  align-items:center;
  min-height:40px;
  padding:0 18px;
  border-radius:999px;
  border:1px solid rgba(171,198,255,.14);
  background:rgba(8,20,42,.42);
  backdrop-filter:blur(10px);
  -webkit-backdrop-filter:blur(10px);
  color:rgba(238,244,255,.84);
  font-size:14px;
  letter-spacing:.08em;
}

@media (max-width:980px){
  .industry-grid{grid-template-columns:repeat(2, minmax(0, 1fr));}
  .industry-grid__divider{order:4; margin:2px 0;}
}

@media (max-width:640px){
  .application-tasks .application-section__heading .eyebrow,
  .application-tasks .application-section__heading .eyebrow--bubble,
  .application-industries .application-section__heading .eyebrow,
  .application-industries .application-section__heading .eyebrow--bubble{
    min-height:46px;
    padding:0 18px;
    font-size:15px;
  }

  .application-materials .material-card__content{
    inset:auto 14px 14px 14px;
    padding:18px 18px 18px;
  }

  .industry-grid{grid-template-columns:1fr; gap:18px;}
  .industry-card{min-height:auto; padding:22px 20px 20px; border-radius:26px;}
  .industry-card__title{font-size:30px;}
  .industry-card__text{font-size:16px; line-height:1.68;}
}


/* ===== v10 targeted fixes ===== */

/* hero: remove grid overlay and bring animation back into view */
.application-hero__grid{display:none !important;}
.application-hero__visual--animation{
  z-index:2;
  right:max(-6vw, -88px) !important;
  top:50% !important;
  width:min(56vw, 920px) !important;
  min-height:760px !important;
  transform:translateY(-50%);
  opacity:1;
}
.hero-animation-frame{
  min-height:760px !important;
  width:100%;
}
.hero-animation-frame__iframe{
  height:760px !important;
  width:100%;
  transform:scale(1.12) !important;
  transform-origin:56% 50% !important;
  opacity:1;
  visibility:visible;
}

/* materials cards: keep only single overlay, no delayed extra layer */
.application-materials .material-card__surface{
  transition:opacity .16s ease !important, background .16s ease !important;
}
.application-materials .material-card__content{
  transition:opacity .16s ease !important;
}


/* industries: add same design language divider above first row */
.industry-grid__divider--top{
  margin:-2px 0 4px;
}
.industry-grid__divider--top::before,
.industry-grid__divider--top::after{
  width:calc(50% - 108px);
}

/* hide removed end-use section defensively */
.application-enduse{display:none !important;}

@media (max-width:1280px){
  .application-hero__visual--animation{
    right:max(-10vw, -108px) !important;
    width:min(60vw, 860px) !important;
    min-height:680px !important;
  }
  .hero-animation-frame{min-height:680px !important;}
  .hero-animation-frame__iframe{height:680px !important; transform:scale(1.06) !important;}
}

@media (max-width:980px){
  .application-hero__visual--animation{
    position:relative;
    right:auto !important;
    top:auto !important;
    width:92% !important;
    min-height:420px !important;
    margin:0 0 0 auto;
    transform:none;
  }
  .hero-animation-frame{min-height:420px !important;}
  .hero-animation-frame__iframe{height:420px !important; transform:scale(1.0) !important; transform-origin:center center !important;}
  .industry-grid__divider--top{order:-1; margin:0 0 4px;}
}

@media (max-width:640px){
  .application-hero__visual--animation{
    width:100% !important;
    min-height:320px !important;
  }
  .hero-animation-frame{min-height:320px !important;}
  .hero-animation-frame__iframe{height:320px !important;}
}

/* ===== v11 hero animation enlarge + remove bottom mask alignment ===== */
/* Desktop: enlarge the right hero animation by 1x (2x visible scale) while keeping its anchor position unchanged */
.application-hero__visual--animation{
  transform:translateY(-50%) scale(2) !important;
  transform-origin:right center !important;
}

.hero-animation-frame{
  overflow:visible !important;
  background:transparent !important;
  mask-image:none !important;
  -webkit-mask-image:none !important;
}

.hero-animation-frame__iframe{
  background:transparent !important;
}

@media (max-width:1280px){
  .application-hero__visual--animation{
    transform:translateY(-50%) scale(1.7) !important;
    transform-origin:right center !important;
  }
}

@media (max-width:980px){
  .application-hero__visual--animation{
    transform:none !important;
    transform-origin:center center !important;
  }
}


/* ===== v12 requested refinements ===== */

/* 2) nudge hero animation one label unit to the upper-right while preserving the enlarged scale */
.application-hero__visual--animation{
  right:calc(max(-6vw, -88px) - 108px) !important;
  top:calc(50% - 108px) !important;
}

/* 3) industry section cards: halve the height and tighten the layout */
.application-industries .application-section__intro{
  max-width:1180px;
}

.industry-grid{
  gap:20px !important;
}

.industry-card{
  min-height:148px !important;
  padding:22px 24px 20px !important;
  border-radius:30px !important;
}

.industry-card__title{
  font-size:clamp(24px, 1.8vw, 34px) !important;
  line-height:1.12 !important;
}

.industry-card__text{
  margin-top:12px !important;
  font-size:16px !important;
  line-height:1.56 !important;
}

/* 5) task + industry section pills use the same compact style as the materials tag */
.application-tasks .application-section__heading .eyebrow,
.application-tasks .application-section__heading .eyebrow--bubble,
.application-industries .application-section__heading .eyebrow,
.application-industries .application-section__heading .eyebrow--bubble{
  display:inline-flex !important;
  align-items:center !important;
  gap:10px !important;
  min-height:auto !important;
  padding:8px 14px !important;
  border-radius:999px !important;
  font-size:12px !important;
  letter-spacing:.14em !important;
  text-transform:uppercase !important;
  color:var(--muted) !important;
  border:1px solid rgba(255,255,255,.10) !important;
  background:rgba(255,255,255,.04) !important;
  box-shadow:none !important;
  backdrop-filter:none !important;
  -webkit-backdrop-filter:none !important;
}

.application-tasks .application-section__heading .eyebrow::before,
.application-tasks .application-section__heading .eyebrow--bubble::before,
.application-industries .application-section__heading .eyebrow::before,
.application-industries .application-section__heading .eyebrow--bubble::before{
  content:"" !important;
  width:8px !important;
  height:8px !important;
  border-radius:50% !important;
  background:linear-gradient(135deg,var(--accent-3),var(--accent)) !important;
  box-shadow:0 0 16px rgba(139,226,255,.75) !important;
  flex:0 0 auto !important;
}

@media (max-width:1280px){
  .application-hero__visual--animation{
    right:calc(max(-10vw, -108px) - 108px) !important;
    top:calc(50% - 108px) !important;
  }

  .industry-card{
    min-height:144px !important;
  }
}

@media (max-width:980px){
  .application-hero__visual--animation{
    right:auto !important;
    top:auto !important;
  }

  .industry-card{
    min-height:152px !important;
    padding:20px 20px 18px !important;
  }
}

@media (max-width:640px){
  .industry-card{
    min-height:auto !important;
  }

  .application-tasks .application-section__heading .eyebrow,
  .application-tasks .application-section__heading .eyebrow--bubble,
  .application-industries .application-section__heading .eyebrow,
  .application-industries .application-section__heading .eyebrow--bubble{
    padding:8px 14px !important;
    font-size:12px !important;
    min-height:auto !important;
  }
}

/* v15 hero animation adjustment: make the right-up shift clearly visible on desktop */
@media (min-width:981px){
  .application-hero__visual--animation{
    right:calc(max(-10vw, -108px) - 288px) !important;
    top:calc(50% - 180px) !important;
  }
}


/* v16 hero animation adjustment: nudge a bit to the right on desktop */
@media (min-width:981px){
  .application-hero__visual--animation{
    right:calc(max(-10vw, -108px) - 360px) !important;
    top:calc(50% - 180px) !important;
  }
}


/* v19: apply photographic backgrounds to the three top industry cards */
.industry-card--nuclear,
.industry-card--steel,
.industry-card--rareearth{
  position:relative;
  overflow:hidden;
  background-color:#040c18 !important;
  background-repeat:no-repeat !important;
  background-size:cover !important;
  box-shadow:0 18px 42px rgba(2,7,18,.26), inset 0 1px 0 rgba(255,255,255,.04) !important;
}

.industry-card--nuclear{
  background-image:url("assets/industry_nuclear.png") !important;
  background-position:center center !important;
}

.industry-card--steel{
  background-image:url("assets/industry_steel.png") !important;
  background-position:center center !important;
}

.industry-card--rareearth{
  background-image:url("assets/industry_rareearth.png") !important;
  background-position:center center !important;
}

.industry-card--nuclear::before,
.industry-card--steel::before,
.industry-card--rareearth::before{
  display:none !important;
}

@media (max-width:980px){
  .industry-card--nuclear,
  .industry-card--steel,
  .industry-card--rareearth{
    background-position:center center !important;
  }
}


/* v20: top three industry cards use clean image-only state and black hover reveal */
.industry-card--feature{
  min-height:230px;
  background-color:#050b15 !important;
  background-repeat:no-repeat !important;
  background-size:cover !important;
  background-position:center center !important;
  box-shadow:0 18px 42px rgba(2,7,18,.26), inset 0 1px 0 rgba(255,255,255,.04) !important;
}

.industry-card--feature::before{
  display:none !important;
}

.industry-card--feature::after{
  content:"";
  position:absolute;
  inset:0;
  background:rgba(0,0,0,0);
  transition:background .3s ease;
  pointer-events:none;
  z-index:0;
}

.industry-card--feature .industry-card__content{
  position:absolute;
  left:28px;
  right:28px;
  bottom:24px;
  z-index:2;
  display:flex;
  flex-direction:column;
  align-items:flex-start;
}

.industry-card--feature .industry-card__title{
  margin:0;
  font-size:clamp(32px,2.4vw,52px);
  line-height:1.08;
  letter-spacing:-.035em;
  color:#f2f7ff;
  text-shadow:0 10px 30px rgba(0,0,0,.42), 0 0 18px rgba(0,0,0,.32);
  transition:transform .3s ease, opacity .22s ease, visibility .22s ease;
}

.industry-card--feature .industry-card__text{
  margin:12px 0 0;
  max-width:min(88%, 720px);
  color:rgba(238,244,255,.86);
  font-size:15px;
  line-height:1.68;
  opacity:0;
  max-height:0;
  overflow:hidden;
  transform:translateY(10px);
  transition:opacity .28s ease, transform .28s ease, max-height .28s ease;
  text-shadow:none;
}

.industry-card--feature:hover,
.industry-card--feature:focus-within{
  background-image:none !important;
  background-color:#000 !important;
  border-color:rgba(139,226,255,.28);
  box-shadow:0 24px 54px rgba(2,7,18,.30), 0 0 28px rgba(139,226,255,.08);
}

.industry-card--feature:hover::after,
.industry-card--feature:focus-within::after{
  background:rgba(0,0,0,1);
}

.industry-card--feature:hover .industry-card__content,
.industry-card--feature:focus-within .industry-card__content{
  inset:0;
  left:0;
  right:0;
  bottom:0;
  display:flex;
  align-items:center;
  justify-content:center;
  text-align:center;
  padding:28px 34px;
}

.industry-card--feature:hover .industry-card__title,
.industry-card--feature:focus-within .industry-card__title{
  opacity:0;
  visibility:hidden;
  transform:translateY(-12px);
  position:absolute;
}

.industry-card--feature:hover .industry-card__text,
.industry-card--feature:focus-within .industry-card__text{
  opacity:1;
  max-height:120px;
  max-width:min(82%, 760px);
  margin:0;
  transform:translateY(0);
  text-align:center;
}

@media (max-width:980px){
  .industry-card--feature .industry-card__content{
    left:22px;
    right:22px;
    bottom:20px;
  }

  .industry-card--feature .industry-card__title{
    font-size:clamp(24px,5vw,34px);
  }

  .industry-card--feature .industry-card__text{
    max-width:100%;
    font-size:14px;
  }
}


/* ===== v22 image updates for industry and end-use cards ===== */
.industry-card--nuclear{
  background-image:url("assets/industry_nuclear_v22.jpg") !important;
  background-position:60% 54% !important;
}

.industry-card--rareearth{
  background-image:url("assets/industry_rareearth_v22.jpg") !important;
  background-position:76% 52% !important;
}

.industry-card--motor-app,
.industry-card--wind-app,
.industry-card--robot-app{
  background-repeat:no-repeat !important;
  background-size:cover !important;
  border-color:rgba(84,180,255,.16) !important;
  box-shadow:0 18px 42px rgba(2,7,18,.26), inset 0 1px 0 rgba(255,255,255,.04) !important;
}

.industry-card--motor-app::before,
.industry-card--wind-app::before,
.industry-card--robot-app::before{
  display:block !important;
  background:
    linear-gradient(90deg, rgba(4,10,22,.88) 0%, rgba(4,10,22,.72) 34%, rgba(4,10,22,.44) 64%, rgba(4,10,22,.18) 100%) !important;
  opacity:1 !important;
}

.industry-card--motor-app{
  background-image:url("assets/industry_motor_v22.png") !important;
  background-position:74% 52% !important;
}

.industry-card--wind-app{
  background-image:url("assets/industry_wind_v22.png") !important;
  background-position:68% 52% !important;
}

.industry-card--robot-app{
  background-image:url("assets/industry_robot_v22.jpg") !important;
  background-position:66% 50% !important;
}

.industry-card--motor-app .industry-card__title,
.industry-card--wind-app .industry-card__title,
.industry-card--robot-app .industry-card__title,
.industry-card--motor-app .industry-card__text,
.industry-card--wind-app .industry-card__text,
.industry-card--robot-app .industry-card__text{
  position:relative;
  z-index:2;
  text-shadow:0 10px 30px rgba(0,0,0,.48), 0 0 18px rgba(0,0,0,.28);
}

@media (max-width:980px){
  .industry-card--nuclear{background-position:64% 52% !important;}
  .industry-card--rareearth{background-position:72% 50% !important;}
  .industry-card--motor-app{background-position:70% 52% !important;}
  .industry-card--wind-app{background-position:64% 50% !important;}
  .industry-card--robot-app{background-position:60% 50% !important;}
}


/* ===== v23: bottom three industry cards match top feature card behavior ===== */
.industry-card--motor-app,
.industry-card--wind-app,
.industry-card--robot-app{
  position:relative;
  overflow:hidden;
  background-color:#050b15 !important;
  background-repeat:no-repeat !important;
  background-size:cover !important;
  box-shadow:0 18px 42px rgba(2,7,18,.26), inset 0 1px 0 rgba(255,255,255,.04) !important;
}

.industry-card--motor-app::before,
.industry-card--wind-app::before,
.industry-card--robot-app::before{
  display:none !important;
}

.industry-card--motor-app::after,
.industry-card--wind-app::after,
.industry-card--robot-app::after{
  content:"";
  position:absolute;
  inset:0;
  background:rgba(0,0,0,0);
  transition:background .3s ease;
  pointer-events:none;
  z-index:0;
}

.industry-card--motor-app .industry-card__icon,
.industry-card--wind-app .industry-card__icon,
.industry-card--robot-app .industry-card__icon{
  display:none !important;
}

.industry-card--motor-app .industry-card__title,
.industry-card--wind-app .industry-card__title,
.industry-card--robot-app .industry-card__title{
  position:absolute;
  left:28px;
  right:28px;
  bottom:24px;
  z-index:2;
  margin:0;
  font-size:clamp(32px,2.4vw,52px);
  line-height:1.08;
  letter-spacing:-.035em;
  color:#f2f7ff;
  text-shadow:0 10px 30px rgba(0,0,0,.42), 0 0 18px rgba(0,0,0,.32);
  transition:transform .3s ease, opacity .22s ease, visibility .22s ease;
}

.industry-card--motor-app .industry-card__text,
.industry-card--wind-app .industry-card__text,
.industry-card--robot-app .industry-card__text{
  position:absolute;
  left:50%;
  top:50%;
  z-index:2;
  width:min(82%, 760px);
  margin:0;
  color:rgba(238,244,255,.86);
  font-size:15px;
  line-height:1.68;
  opacity:0;
  transform:translate(-50%, calc(-50% + 10px));
  transition:opacity .28s ease, transform .28s ease;
  text-align:center;
  text-shadow:none;
  pointer-events:none;
}

.industry-card--motor-app:hover,
.industry-card--motor-app:focus-within,
.industry-card--wind-app:hover,
.industry-card--wind-app:focus-within,
.industry-card--robot-app:hover,
.industry-card--robot-app:focus-within{
  background-image:none !important;
  background-color:#000 !important;
  border-color:rgba(139,226,255,.28) !important;
  box-shadow:0 24px 54px rgba(2,7,18,.30), 0 0 28px rgba(139,226,255,.08) !important;
}

.industry-card--motor-app:hover::after,
.industry-card--motor-app:focus-within::after,
.industry-card--wind-app:hover::after,
.industry-card--wind-app:focus-within::after,
.industry-card--robot-app:hover::after,
.industry-card--robot-app:focus-within::after{
  background:rgba(0,0,0,1);
}

.industry-card--motor-app:hover .industry-card__title,
.industry-card--motor-app:focus-within .industry-card__title,
.industry-card--wind-app:hover .industry-card__title,
.industry-card--wind-app:focus-within .industry-card__title,
.industry-card--robot-app:hover .industry-card__title,
.industry-card--robot-app:focus-within .industry-card__title{
  opacity:0;
  visibility:hidden;
  transform:translateY(-12px);
}

.industry-card--motor-app:hover .industry-card__text,
.industry-card--motor-app:focus-within .industry-card__text,
.industry-card--wind-app:hover .industry-card__text,
.industry-card--wind-app:focus-within .industry-card__text,
.industry-card--robot-app:hover .industry-card__text,
.industry-card--robot-app:focus-within .industry-card__text{
  opacity:1;
  transform:translate(-50%, -50%);
}

@media (max-width:980px){
  .industry-card--motor-app .industry-card__title,
  .industry-card--wind-app .industry-card__title,
  .industry-card--robot-app .industry-card__title{
    left:22px;
    right:22px;
    bottom:20px;
    font-size:clamp(24px,5vw,34px);
  }

  .industry-card--motor-app .industry-card__text,
  .industry-card--wind-app .industry-card__text,
  .industry-card--robot-app .industry-card__text{
    width:86%;
    font-size:14px;
  }
}


/* ===== v13 requested section-centering + task folder refinements ===== */
.application-section__heading{
  margin:0 auto 34px;
  text-align:center;
}

.application-section__heading .eyebrow,
.application-section__heading .eyebrow--bubble{
  margin-inline:auto;
}

.application-section__intro{
  margin-inline:auto;
}

.application-tasks .application-section__heading{
  margin-bottom:42px;
}

.task-folder-stack{
  position:relative;
  min-height:520px;
  padding-top:0;
}

.task-folder{
  position:absolute;
  inset:0;
}

.task-folder__tab{
  appearance:none;
  position:absolute;
  top:0;
  left:calc(var(--folder-index, 0) * 20%);
  display:flex;
  align-items:center;
  justify-content:center;
  width:20%;
  min-height:82px;
  padding:0 18px;
  border-radius:28px 28px 0 0;
  border:1px solid rgba(138,194,255,.22);
  border-bottom:0;
  background:linear-gradient(180deg, rgba(28,54,103,.86) 0%, rgba(18,36,72,.92) 100%);
  color:rgba(219,232,255,.48);
  font-size:clamp(20px, 1.85vw, 28px);
  font-weight:700;
  letter-spacing:-.02em;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.06);
  cursor:pointer;
  transition:background .26s ease, color .26s ease, box-shadow .26s ease, transform .26s ease, border-color .26s ease;
  z-index:3;
}

.task-folder__tab::before{
  content:"";
  position:absolute;
  inset:10px 10px 0;
  border-radius:20px 20px 0 0;
  border:1px solid rgba(255,255,255,.08);
  border-bottom:0;
  pointer-events:none;
}

.task-folder__tab span{
  position:relative;
  z-index:1;
}

.task-folder__panel{
  position:relative;
  z-index:1;
  height:calc(100% - 72px);
  min-height:448px;
  margin-top:72px;
  padding:70px 48px 44px;
  border-radius:0 30px 30px 30px;
  border:1px solid rgba(136,182,255,.18);
  background:
    linear-gradient(180deg, rgba(18,33,60,.90), rgba(10,20,40,.95)),
    linear-gradient(135deg, rgba(139,226,255,.05), rgba(166,140,255,.03));
  box-shadow:
    0 24px 56px rgba(2,7,18,.24),
    inset 0 1px 0 rgba(255,255,255,.05);
  opacity:0;
  transform:translateY(12px);
  transition:opacity .24s ease, transform .3s cubic-bezier(.22,1,.36,1), box-shadow .3s ease;
  pointer-events:none;
  overflow:hidden;
}

.task-folder__panel::before{
  content:"";
  position:absolute;
  inset:26px;
  border-radius:22px;
  border:1px solid rgba(255,255,255,.06);
  pointer-events:none;
}

.task-folder__panel::after{
  content:"";
  position:absolute;
  inset:0;
  background:
    linear-gradient(180deg, rgba(142,184,255,.06), transparent 28%),
    radial-gradient(circle at 18% 12%, rgba(139,226,255,.10), transparent 22%),
    radial-gradient(circle at 82% 10%, rgba(166,140,255,.08), transparent 20%);
  pointer-events:none;
}

.task-folder__list{
  position:relative;
  z-index:1;
  margin:0;
  padding:0 0 0 26px;
  display:grid;
  gap:18px;
}

.task-folder__list li{
  color:rgba(236,243,255,.92);
  font-size:17px;
  line-height:1.78;
}

.task-folder__list li::marker{
  color:rgba(137,216,255,.96);
}

.task-folder.is-active{
  z-index:2;
}

.task-folder.is-active .task-folder__tab{
  background:linear-gradient(180deg, rgba(86,129,220,.96) 0%, rgba(62,102,196,.94) 100%);
  color:#f7fbff;
  border-color:rgba(137,215,255,.88);
  transform:translateY(-6px);
  box-shadow:
    0 0 0 1px rgba(207,235,255,.10),
    0 0 30px rgba(92,185,255,.16),
    0 18px 34px rgba(2,7,18,.18),
    inset 0 1px 0 rgba(255,255,255,.10);
}

.task-folder.is-active .task-folder__panel{
  opacity:1;
  transform:translateY(0);
  pointer-events:auto;
}

.task-folder:not(.is-active) .task-folder__tab:hover,
.task-folder:not(.is-active) .task-folder__tab:focus-visible{
  color:rgba(239,246,255,.82);
  background:linear-gradient(180deg, rgba(42,70,126,.92) 0%, rgba(22,43,82,.94) 100%);
  border-color:rgba(137,215,255,.38);
}

.task-folder__tab:focus-visible{
  outline:none;
}

.task-folder--1{--folder-index:0;}
.task-folder--2{--folder-index:1;}
.task-folder--3{--folder-index:2;}
.task-folder--4{--folder-index:3;}
.task-folder--5{--folder-index:4;}

@media (max-width:1280px){
  .task-folder-stack{
    min-height:540px;
  }

  .task-folder__tab{
    min-height:78px;
    font-size:clamp(18px, 1.75vw, 24px);
    padding:0 14px;
  }

  .task-folder__panel{
    min-height:456px;
    padding:68px 40px 40px;
  }

  .task-folder__list li{
    font-size:16px;
  }
}

@media (max-width:980px){
  .task-folder-stack{
    min-height:auto;
    display:grid;
    gap:16px;
  }

  .task-folder{
    position:relative;
    inset:auto;
  }

  .task-folder__tab,
  .task-folder--1 .task-folder__tab,
  .task-folder--2 .task-folder__tab,
  .task-folder--3 .task-folder__tab,
  .task-folder--4 .task-folder__tab,
  .task-folder--5 .task-folder__tab{
    position:relative;
    top:auto;
    left:auto;
    width:100%;
    min-height:72px;
    border-radius:22px 22px 0 0;
    transform:none;
  }

  .task-folder__panel{
    height:auto;
    min-height:0;
    max-height:0;
    margin-top:0;
    padding:0 28px;
    overflow:hidden;
    border-radius:0 0 26px 26px;
    opacity:1;
    transform:none;
    transition:max-height .34s ease, padding .28s ease;
    pointer-events:auto;
  }

  .task-folder__panel::before{
    inset:14px;
  }

  .task-folder__panel::after{
    display:none;
  }

  .task-folder.is-active .task-folder__tab{
    transform:none;
  }

  .task-folder.is-active .task-folder__panel{
    max-height:520px;
    padding:24px 28px 24px;
  }
}

@media (max-width:640px){
  .task-folder__tab{
    min-height:66px;
    font-size:17px;
    padding:0 18px;
  }

  .task-folder.is-active .task-folder__panel{
    padding:20px 20px 20px;
  }

  .task-folder__list{
    gap:14px;
    padding-left:20px;
  }

  .task-folder__list li{
    font-size:15px;
    line-height:1.68;
  }
}

/* ===== v3 task tabs + partner placeholders ===== */
.application-logos .application-section__heading .eyebrow,
.application-logos .application-section__heading .eyebrow--bubble{
  display:inline-flex !important;
  align-items:center !important;
  gap:10px !important;
  min-height:auto !important;
  padding:8px 14px !important;
  border-radius:999px !important;
  font-size:12px !important;
  letter-spacing:.14em !important;
  text-transform:uppercase !important;
  color:var(--muted) !important;
  border:1px solid rgba(255,255,255,.10) !important;
  background:rgba(255,255,255,.04) !important;
  box-shadow:none !important;
  backdrop-filter:none !important;
  -webkit-backdrop-filter:none !important;
}

.application-logos .application-section__heading .eyebrow::before,
.application-logos .application-section__heading .eyebrow--bubble::before{
  content:"" !important;
  width:8px !important;
  height:8px !important;
  border-radius:50% !important;
  background:linear-gradient(135deg,var(--accent-3),var(--accent)) !important;
  box-shadow:0 0 16px rgba(139,226,255,.72) !important;
  flex:0 0 auto !important;
}

.application-tasks .application-section__heading{
  margin-bottom:32px !important;
}

.task-folder-stack{
  position:relative !important;
  display:grid !important;
  grid-template-rows:auto 1fr !important;
  gap:0 !important;
  min-height:410px !important;
  padding-top:0 !important;
}

.task-folder__tabs{
  position:relative;
  z-index:2;
  display:grid;
  grid-template-columns:repeat(5, minmax(0, 1fr));
  gap:0;
  align-items:end;
}

.task-folder__tab,
.task-folder--1 .task-folder__tab,
.task-folder--2 .task-folder__tab,
.task-folder--3 .task-folder__tab,
.task-folder--4 .task-folder__tab,
.task-folder--5 .task-folder__tab{
  appearance:none;
  position:relative !important;
  top:auto !important;
  left:auto !important;
  right:auto !important;
  width:100% !important;
  min-height:112px;
  margin:0 0 -1px 0;
  padding:22px 20px 24px;
  border:1px solid rgba(102,166,235,.24);
  border-bottom:none;
  border-radius:30px 30px 0 0;
  background:
    linear-gradient(180deg, rgba(10,26,52,.96) 0%, rgba(7,19,40,.98) 100%),
    linear-gradient(135deg, rgba(90,200,235,.05), rgba(90,200,235,0));
  color:rgba(207,222,245,.58);
  display:flex;
  align-items:center;
  justify-content:center;
  text-align:center;
  font-size:clamp(20px, 1.75vw, 26px);
  font-weight:700;
  letter-spacing:-.02em;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04);
  cursor:pointer;
  transition:background .24s ease, color .24s ease, border-color .24s ease, transform .24s ease, box-shadow .24s ease;
  z-index:1;
}

.task-folder__tab + .task-folder__tab{
  margin-left:-1px;
}

.task-folder__tab::before{
  content:"";
  position:absolute;
  inset:14px 14px 0;
  border-radius:20px 20px 0 0;
  border:1px solid rgba(255,255,255,.06);
  border-bottom:none;
  pointer-events:none;
}

.task-folder__tab span{
  position:relative;
  z-index:1;
}

.task-folder__tab.is-active,
.task-folder__tab[aria-selected="true"]{
  background:
    linear-gradient(180deg, rgba(34,84,152,.94) 0%, rgba(22,53,108,.98) 100%),
    linear-gradient(135deg, rgba(116,230,255,.16), rgba(116,230,255,0));
  color:#f5fbff;
  border-color:rgba(118,211,235,.56);
  transform:translateY(-8px);
  box-shadow:
    0 18px 34px rgba(1,9,22,.18),
    0 0 26px rgba(77,171,214,.10),
    inset 0 1px 0 rgba(255,255,255,.08);
  z-index:3;
}

.task-folder__tab:not(.is-active):hover,
.task-folder__tab:not(.is-active):focus-visible{
  color:rgba(231,241,255,.86);
  border-color:rgba(92,183,216,.34);
  background:
    linear-gradient(180deg, rgba(14,33,63,.96) 0%, rgba(8,22,45,.98) 100%),
    linear-gradient(135deg, rgba(90,200,235,.06), rgba(90,200,235,0));
  z-index:2;
}

.task-folder__tab:focus-visible{
  outline:none;
}

.task-folder__panels{
  position:relative;
  min-height:300px;
}

.task-folder__panel,
.task-folder.is-active .task-folder__panel{
  position:absolute !important;
  inset:0 !important;
  min-height:300px !important;
  height:300px !important;
  margin-top:0 !important;
  padding:46px 44px 28px !important;
  border-radius:0 0 30px 30px !important;
  border:1px solid rgba(85,154,214,.20) !important;
  background:
    linear-gradient(90deg, rgba(7,20,43,.98) 0%, rgba(7,31,64,.98) 52%, rgba(10,26,52,.98) 100%),
    radial-gradient(circle at 18% 18%, rgba(92,197,214,.06), transparent 24%),
    radial-gradient(circle at 82% 10%, rgba(72,128,200,.06), transparent 22%) !important;
  box-shadow:0 24px 48px rgba(1,7,18,.20), inset 0 1px 0 rgba(255,255,255,.04) !important;
  opacity:0;
  transform:translateY(10px);
  transition:opacity .22s ease, transform .26s ease;
  pointer-events:none;
  overflow:hidden;
}

.task-folder__panel::before{
  content:"";
  position:absolute;
  inset:18px;
  border-radius:24px;
  border:1px solid rgba(255,255,255,.05);
  pointer-events:none;
}

.task-folder__panel::after{
  display:none !important;
}

.task-folder__panel.is-active,
.task-folder__panel:not([hidden]){
  opacity:1;
  transform:translateY(0);
  pointer-events:auto;
}

.task-folder__list{
  position:relative;
  z-index:1;
  margin:0;
  padding:0 0 0 28px;
  display:grid;
  gap:14px;
}

.task-folder__list li{
  color:rgba(232,241,252,.92);
  font-size:16px;
  line-height:1.68;
}

.task-folder__list li::marker{
  color:rgba(122,212,245,.98);
}

.logo-wall{
  gap:22px;
}

.logo-wall__item{
  min-height:164px;
  border-radius:28px;
  border:1px solid rgba(171,198,255,.12);
  background:linear-gradient(180deg, rgba(6,16,34,.84), rgba(3,10,24,.96));
  box-shadow:0 18px 36px rgba(2,7,18,.20), inset 0 1px 0 rgba(255,255,255,.03);
}

.logo-placeholder{
  display:grid;
  justify-items:center;
  gap:16px;
}

.logo-placeholder__mark{
  position:relative;
  width:66px;
  height:66px;
  border-radius:20px;
  border:1px solid rgba(129,206,235,.30);
  background:
    radial-gradient(circle at 32% 28%, rgba(138,214,255,.18), transparent 26%),
    linear-gradient(180deg, rgba(17,45,86,.88), rgba(8,23,46,.94));
  box-shadow:0 0 24px rgba(84,176,214,.08), inset 0 1px 0 rgba(255,255,255,.05);
}

.logo-placeholder__mark::before,
.logo-placeholder__mark::after{
  content:"";
  position:absolute;
  inset:18px;
  border-radius:12px;
  border:1px solid rgba(255,255,255,.08);
}

.logo-placeholder__mark::after{
  inset:24px;
  border-radius:8px;
  border-color:rgba(120,208,235,.28);
}

.logo-placeholder__word{
  color:rgba(223,236,255,.76);
  font-size:18px;
  font-weight:650;
  letter-spacing:.22em;
}

@media (max-width:980px){
  .task-folder-stack{
    min-height:auto !important;
  }

  .task-folder__tabs{
    grid-template-columns:1fr;
    gap:10px;
  }

  .task-folder__tab,
  .task-folder__tab + .task-folder__tab{
    margin:0;
    min-height:70px;
    height:auto !important;
    border-radius:22px;
    border-bottom:1px solid rgba(102,166,235,.24);
    transform:none !important;
  }

  .task-folder__tab::before{
    inset:10px;
    border-radius:14px;
    border-bottom:1px solid rgba(255,255,255,.06);
  }

  .task-folder__panels{
    min-height:auto;
  }

  .task-folder__panel,
  .task-folder.is-active .task-folder__panel{
    position:relative !important;
    inset:auto !important;
    height:auto !important;
    min-height:0 !important;
    margin-top:10px !important;
    padding:24px 22px 20px !important;
    border-radius:26px !important;
    display:none;
  }

  .task-folder__panel.is-active,
  .task-folder__panel:not([hidden]){
    display:block;
  }
}

@media (max-width:640px){
  .task-folder__tab{
    min-height:64px;
    font-size:18px;
    padding:18px 14px;
  }

  .task-folder__panel,
  .task-folder.is-active .task-folder__panel{
    padding:22px 18px 18px !important;
  }

  .task-folder__list{
    gap:12px;
    padding-left:20px;
  }

  .task-folder__list li{
    font-size:15px;
    line-height:1.62;
  }
}

/* ===== v4 refined spacing + task tabs + CTA ===== */
.application-page{
  background:#020813;
}

.application-page > .application-section{
  padding-top:84px;
  box-shadow:
    inset 0 48px 42px -48px rgba(0,0,0,.98),
    inset 0 -48px 42px -48px rgba(0,0,0,.96);
}

.application-page > .application-section:last-child{
  padding-bottom:96px;
}

.application-page > .application-section > .container,
.application-page > .application-section .application-industries__bg,
.application-page > .application-section .application-cta__bg{
  position:relative;
  z-index:1;
}

.application-page > .application-section::after{
  content:"";
  position:absolute;
  left:0;
  right:0;
  bottom:-1px;
  height:72px;
  pointer-events:none;
  background:linear-gradient(180deg, rgba(0,0,0,0), rgba(0,0,0,.82) 72%, rgba(0,0,0,.95) 100%);
  z-index:0;
}

.application-page > .application-section::before{
  content:"";
  position:absolute;
  left:0;
  right:0;
  top:-1px;
  height:56px;
  pointer-events:none;
  background:linear-gradient(180deg, rgba(0,0,0,.92), rgba(0,0,0,0));
  z-index:0;
}

.application-page > .application-hero::before,
.application-page > .application-hero::after{
  display:none;
}

.application-tasks .application-section__heading{
  margin-bottom:28px !important;
}

.task-folder-stack{
  min-height:336px !important;
}

.task-folder__tabs{
  gap:0 !important;
  align-items:end !important;
}

.task-folder__tab,
.task-folder--1 .task-folder__tab,
.task-folder--2 .task-folder__tab,
.task-folder--3 .task-folder__tab,
.task-folder--4 .task-folder__tab,
.task-folder--5 .task-folder__tab{
  min-height:76px !important;
  padding:14px 18px 16px !important;
  border-color:rgba(74,149,199,.24) !important;
  background:
    linear-gradient(180deg, rgba(7,24,49,.98) 0%, rgba(4,15,33,.99) 100%),
    linear-gradient(135deg, rgba(96,212,235,.04), rgba(96,212,235,0)) !important;
  color:rgba(207,220,240,.62) !important;
  font-size:clamp(17px, 1.5vw, 21px) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.04),
    inset 0 -12px 18px rgba(0,8,20,.16) !important;
}

.task-folder__tab + .task-folder__tab{
  margin-left:-1px !important;
}

.task-folder__tab::before{
  inset:10px 10px 0 !important;
  border-radius:18px 18px 0 0 !important;
  border-color:rgba(255,255,255,.05) !important;
}

.task-folder__tab::after{
  content:"";
  position:absolute;
  left:0;
  right:0;
  bottom:0;
  height:12px;
  background:linear-gradient(180deg, rgba(96,212,235,0), rgba(96,212,235,.06));
  pointer-events:none;
}

.task-folder__tab.is-active,
.task-folder__tab[aria-selected="true"]{
  background:
    linear-gradient(180deg, rgba(78,180,214,.42) 0%, rgba(19,72,109,.98) 38%, rgba(5,28,56,.99) 100%),
    linear-gradient(135deg, rgba(123,238,255,.16), rgba(123,238,255,0)) !important;
  color:#f5fbff !important;
  border-color:rgba(118,224,235,.54) !important;
  transform:translateY(-3px) !important;
  box-shadow:
    0 14px 26px rgba(0,0,0,.22),
    0 0 30px rgba(87,196,225,.12),
    inset 0 1px 0 rgba(228,252,255,.22),
    inset 0 -18px 24px rgba(6,29,58,.24) !important;
}

.task-folder__tab.is-active::after,
.task-folder__tab[aria-selected="true"]::after{
  background:linear-gradient(180deg, rgba(139,232,248,0), rgba(139,232,248,.18));
}

.task-folder__tab:not(.is-active):hover,
.task-folder__tab:not(.is-active):focus-visible{
  background:
    linear-gradient(180deg, rgba(14,43,74,.98) 0%, rgba(5,20,42,.99) 100%),
    linear-gradient(135deg, rgba(99,222,240,.10), rgba(99,222,240,0)) !important;
  color:rgba(233,246,255,.90) !important;
  border-color:rgba(94,204,225,.38) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.06),
    inset 0 -12px 20px rgba(0,9,24,.18),
    0 0 24px rgba(73,181,214,.08) !important;
}

.task-folder__panels{
  min-height:262px !important;
}

.task-folder__panel,
.task-folder.is-active .task-folder__panel{
  min-height:262px !important;
  height:262px !important;
  padding:34px 40px 24px !important;
  border-radius:0 0 28px 28px !important;
  border-color:rgba(72,149,199,.22) !important;
  background:
    linear-gradient(90deg, rgba(4,18,39,.985) 0%, rgba(6,28,58,.985) 52%, rgba(5,18,39,.985) 100%),
    radial-gradient(circle at 18% 18%, rgba(96,212,235,.05), transparent 24%),
    radial-gradient(circle at 82% 10%, rgba(72,128,200,.05), transparent 22%) !important;
  box-shadow:
    0 18px 40px rgba(1,7,18,.18),
    inset 0 1px 0 rgba(255,255,255,.04) !important;
}

.task-folder__panel::before{
  inset:16px !important;
  border-radius:22px !important;
  border-color:rgba(255,255,255,.055) !important;
}

.task-folder__list{
  padding:0 0 0 28px !important;
  gap:12px !important;
}

.task-folder__list li{
  color:rgba(234,243,252,.92) !important;
  font-size:clamp(17px, 1.22vw, 20px) !important;
  line-height:1.52 !important;
}

.task-folder__list li::marker{
  color:rgba(123,228,245,.98) !important;
}

.application-cta{
  padding-top:84px !important;
  padding-bottom:96px !important;
  overflow:hidden;
}

.application-cta__bg{
  background:#020813 !important;
}

.application-cta__image,
.application-cta__veil{
  position:absolute;
  inset:0;
}

.application-cta__image{
  background:
    linear-gradient(180deg, rgba(0,0,0,.06), rgba(0,0,0,.06)),
    url("assets/application_cta_city.png") center center / cover no-repeat;
  transform:scale(1.03);
  filter:saturate(.92) brightness(.86);
}

.application-cta__veil{
  background:
    radial-gradient(circle at 50% 44%, rgba(97,189,235,.18), transparent 26%),
    linear-gradient(180deg, rgba(0,0,0,.72) 0%, rgba(2,8,19,.56) 28%, rgba(2,8,19,.68) 72%, rgba(0,0,0,.86) 100%),
    linear-gradient(90deg, rgba(0,0,0,.74) 0%, rgba(2,8,19,.30) 16%, rgba(2,8,19,.24) 84%, rgba(0,0,0,.74) 100%);
}

.application-cta__grid{
  opacity:.36 !important;
}

.application-cta__glow{
  width:min(54vw, 820px) !important;
  height:min(54vw, 820px) !important;
  background:radial-gradient(circle, rgba(96,212,235,.20), rgba(96,212,235,.04) 42%, transparent 72%) !important;
}

.cta-panel{
  max-width:1180px !important;
}

.cta-panel--hero{
  min-height:360px;
  padding:52px 40px !important;
  border-radius:36px !important;
  background:
    linear-gradient(180deg, rgba(2,10,24,.82), rgba(2,10,24,.92)) !important;
  box-shadow:
    0 28px 72px rgba(0,0,0,.26),
    inset 0 1px 0 rgba(255,255,255,.05),
    0 0 40px rgba(89,195,225,.08) !important;
}

.cta-panel--hero::before{
  inset:22px !important;
  border-color:rgba(106,198,225,.12) !important;
}

.cta-panel__title{
  max-width:980px;
  margin:0 auto !important;
  font-size:clamp(42px, 5vw, 78px) !important;
  line-height:1.04 !important;
  letter-spacing:-.05em !important;
  text-shadow:0 0 22px rgba(0,0,0,.34);
}

.cta-panel__actions{
  margin-top:34px !important;
}

.cta-panel__actions--single .button{
  min-width:188px;
}

.application-cta .button.primary{
  background:linear-gradient(135deg, rgba(96,212,235,.34), rgba(122,190,255,.22));
  border:1px solid rgba(119,216,235,.46);
  box-shadow:0 0 28px rgba(96,212,235,.12);
}

@media (max-width:980px){
  .application-page > .application-section{
    padding-top:76px;
  }

  .task-folder__tab,
  .task-folder--1 .task-folder__tab,
  .task-folder--2 .task-folder__tab,
  .task-folder--3 .task-folder__tab,
  .task-folder--4 .task-folder__tab,
  .task-folder--5 .task-folder__tab{
    min-height:62px !important;
    font-size:18px !important;
  }

  .task-folder__panel,
  .task-folder.is-active .task-folder__panel{
    padding:24px 24px 20px !important;
    height:auto !important;
    min-height:0 !important;
  }

  .task-folder__list li{
    font-size:17px !important;
  }

  .cta-panel--hero{
    min-height:300px;
    padding:42px 24px !important;
  }

  .cta-panel__title{
    font-size:clamp(34px, 7vw, 54px) !important;
  }
}

@media (max-width:640px){
  .task-folder__tab,
  .task-folder--1 .task-folder__tab,
  .task-folder--2 .task-folder__tab,
  .task-folder--3 .task-folder__tab,
  .task-folder--4 .task-folder__tab,
  .task-folder--5 .task-folder__tab{
    min-height:58px !important;
    padding:12px 12px 14px !important;
    font-size:16px !important;
  }

  .task-folder__list{
    padding-left:22px !important;
  }

  .task-folder__list li{
    font-size:16px !important;
    line-height:1.56 !important;
  }

  .cta-panel--hero{
    min-height:260px;
    border-radius:28px !important;
  }
}


/* ===== v5 requested refinements ===== */
.application-hero{
  position:relative;
}

.application-hero::after{
  content:"";
  position:absolute;
  left:0;
  right:0;
  bottom:-1px;
  height:64%;
  pointer-events:none;
  z-index:1;
  background:linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(1,5,12,.18) 22%, rgba(1,5,12,.56) 48%, rgba(0,0,0,.86) 74%, #000 100%);
}

.application-hero__inner,
.application-materials .container,
.application-tasks .container,
.application-industries .container,
.application-logos .container,
.application-cta .container{
  position:relative;
  z-index:2;
}

.application-materials,
.application-tasks,
.application-industries,
.application-logos,
.application-cta{
  position:relative;
  background:#000;
}

.application-materials::before,
.application-tasks::before,
.application-industries::before,
.application-logos::before,
.application-cta::before,
.application-materials::after,
.application-tasks::after,
.application-industries::after,
.application-logos::after,
.application-cta::after{
  content:"";
  position:absolute;
  left:0;
  right:0;
  height:72px;
  pointer-events:none;
  z-index:1;
}

.application-materials::before,
.application-tasks::before,
.application-industries::before,
.application-logos::before,
.application-cta::before{
  top:0;
  background:linear-gradient(180deg, #000 0%, rgba(0,0,0,0) 100%);
}

.application-materials::after,
.application-tasks::after,
.application-industries::after,
.application-logos::after,
.application-cta::after{
  bottom:0;
  background:linear-gradient(180deg, rgba(0,0,0,0) 0%, #000 100%);
}

.application-page > .application-section{
  padding-top:88px !important;
}

.application-page > .application-section:last-child{
  padding-bottom:88px !important;
}

.application-section__heading{
  margin-bottom:36px !important;
}

.application-tasks .application-section__heading{
  margin-bottom:44px !important;
}

.application-section__intro--tasks{
  max-width:1080px;
}

.task-folder-stack{
  min-height:360px !important;
}

.task-folder__tab,
.task-folder--1 .task-folder__tab,
.task-folder--2 .task-folder__tab,
.task-folder--3 .task-folder__tab,
.task-folder--4 .task-folder__tab,
.task-folder--5 .task-folder__tab{
  min-height:82px !important;
  height:82px !important;
  padding:0 18px !important;
  border-radius:26px 26px 0 0 !important;
  border-color:rgba(62,132,184,.30) !important;
  background:
    linear-gradient(180deg, rgba(6,23,48,.98) 0%, rgba(4,16,38,.99) 100%),
    linear-gradient(135deg, rgba(96,212,235,.04), rgba(96,212,235,0)) !important;
  color:rgba(205,220,240,.64) !important;
  font-size:clamp(18px, 1.52vw, 22px) !important;
  font-weight:700 !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04), inset 0 -14px 20px rgba(0,8,20,.14) !important;
}

.task-folder__tab::before{
  inset:10px 10px 0 !important;
  border-radius:18px 18px 0 0 !important;
  border-color:rgba(255,255,255,.05) !important;
}

.task-folder__tab.is-active,
.task-folder__tab[aria-selected="true"]{
  background:
    linear-gradient(180deg, rgba(96,184,214,.56) 0%, rgba(28,102,144,.98) 36%, rgba(5,34,65,.99) 100%),
    linear-gradient(135deg, rgba(139,232,248,.16), rgba(139,232,248,0)) !important;
  color:#f5fbff !important;
  border-color:rgba(118,224,235,.58) !important;
  transform:translateY(-4px) !important;
  box-shadow:0 14px 26px rgba(0,0,0,.22), 0 0 30px rgba(87,196,225,.12), inset 0 1px 0 rgba(228,252,255,.20), inset 0 -18px 24px rgba(6,29,58,.20) !important;
}

.task-folder__tab.is-active::before,
.task-folder__tab[aria-selected="true"]::before{
  border-color:rgba(200,247,255,.16) !important;
}

.task-folder__panel,
.task-folder.is-active .task-folder__panel{
  min-height:286px !important;
  margin-top:82px !important;
  padding:34px 42px 28px !important;
  border-radius:0 0 30px 30px !important;
  border-color:rgba(72,149,199,.22) !important;
  background:
    linear-gradient(90deg, rgba(4,18,39,.985) 0%, rgba(6,28,58,.985) 52%, rgba(5,18,39,.985) 100%),
    radial-gradient(circle at 18% 18%, rgba(96,212,235,.05), transparent 24%),
    radial-gradient(circle at 82% 10%, rgba(72,128,200,.05), transparent 22%) !important;
  box-shadow:0 18px 40px rgba(1,7,18,.18), inset 0 1px 0 rgba(255,255,255,.04) !important;
}

.task-folder__panel::before{
  display:none !important;
}

.task-folder__list{
  padding:0 0 0 24px !important;
  gap:14px !important;
}

.task-folder__list li{
  font-size:clamp(16px, 1.12vw, 18px) !important;
  line-height:1.58 !important;
}

.task-folder__list li::marker{
  color:rgba(120,226,246,.98) !important;
}

.application-cta{
  padding-top:88px !important;
  padding-bottom:88px !important;
}

.application-cta .container{
  width:100% !important;
  max-width:none !important;
  padding:0 !important;
}

.application-cta__bg{
  background:#000 !important;
}

.application-cta__image{
  background:
    linear-gradient(180deg, rgba(255,255,255,.02), rgba(255,255,255,.02)),
    url("assets/application_cta_skyline.png") center center / cover no-repeat !important;
  filter:brightness(.92) saturate(.88) !important;
  transform:scale(1.02) !important;
}

.application-cta__veil{
  background:
    linear-gradient(180deg, rgba(0,0,0,.54) 0%, rgba(0,0,0,.30) 18%, rgba(0,0,0,.34) 82%, rgba(0,0,0,.62) 100%),
    linear-gradient(90deg, rgba(0,0,0,.86) 0%, rgba(0,0,0,.28) 16%, rgba(0,0,0,.18) 50%, rgba(0,0,0,.28) 84%, rgba(0,0,0,.86) 100%) !important;
}

.application-cta__grid,
.application-cta__glow{
  display:none !important;
}

.cta-panel{
  max-width:none !important;
}

.cta-panel--hero{
  width:100% !important;
  min-height:252px !important;
  margin:0 !important;
  padding:54px 48px !important;
  border-radius:0 !important;
  background:linear-gradient(180deg, rgba(1,7,18,.68), rgba(1,7,18,.78)) !important;
  box-shadow:none !important;
}

.cta-panel--hero::before{
  display:none !important;
}

.cta-panel__title{
  max-width:980px !important;
  margin:0 auto !important;
  font-size:clamp(24px, 2.7vw, 40px) !important;
  line-height:1.08 !important;
  letter-spacing:-.045em !important;
}

.cta-panel__actions{
  margin-top:28px !important;
}

@media (max-width:980px){
  .application-page > .application-section{
    padding-top:72px !important;
  }

  .task-folder-stack{
    min-height:auto !important;
  }

  .task-folder__tab,
  .task-folder--1 .task-folder__tab,
  .task-folder--2 .task-folder__tab,
  .task-folder--3 .task-folder__tab,
  .task-folder--4 .task-folder__tab,
  .task-folder--5 .task-folder__tab{
    min-height:54px !important;
    height:auto !important;
    font-size:17px !important;
  }

  .task-folder__panel,
  .task-folder.is-active .task-folder__panel{
    min-height:0 !important;
    margin-top:0 !important;
    padding:30px 24px 24px !important;
  }

  .task-folder__list li{
    font-size:17px !important;
  }

  .cta-panel--hero{
    min-height:220px !important;
    padding:42px 24px !important;
  }
}


/* ===== v2 incremental adjustments: tasks + CTA/footer ===== */
.task-folder__tabs{
  position:relative !important;
  z-index:2 !important;
  margin-bottom:0 !important;
}

.task-folder__panels{
  position:relative !important;
  z-index:1 !important;
  margin-top:-1px !important;
  min-height:262px !important;
}

.task-folder__panel,
.task-folder.is-active .task-folder__panel{
  margin-top:0 !important;
  border-top:1px solid rgba(72,149,199,.22) !important;
}

.application-page > .application-section:last-child{
  padding-bottom:0 !important;
}

.application-cta{
  padding-top:72px !important;
  padding-bottom:0 !important;
  overflow:hidden !important;
}

.application-cta::after{
  display:none !important;
}

.application-cta__bg{
  background:
    radial-gradient(circle at 50% 0%, rgba(55,126,216,.20) 0%, rgba(55,126,216,.10) 18%, rgba(6,18,40,0) 46%),
    linear-gradient(180deg, #051224 0%, #020814 38%, #000 100%) !important;
}

.application-cta__image,
.application-cta__veil,
.application-cta__grid,
.application-cta__glow{
  display:none !important;
}

.application-cta .container{
  width:100% !important;
  max-width:none !important;
  padding:0 32px !important;
}

.cta-panel{
  max-width:1440px !important;
}

.cta-panel--hero{
  position:relative !important;
  overflow:hidden !important;
  width:100% !important;
  min-height:330px !important;
  margin:0 !important;
  padding:56px 48px !important;
  border-radius:38px 38px 0 0 !important;
  border:1px solid rgba(86,176,229,.16) !important;
  background:
    linear-gradient(180deg, rgba(2,10,24,.34) 0%, rgba(2,10,24,.56) 18%, rgba(2,10,24,.82) 100%),
    radial-gradient(circle at 50% 46%, rgba(134,218,255,.22) 0%, rgba(134,218,255,.10) 14%, rgba(7,19,40,0) 38%),
    linear-gradient(90deg, rgba(3,11,24,.96) 0%, rgba(6,22,48,.92) 48%, rgba(3,11,24,.96) 100%),
    url("assets/application_cta_skyline.png") center center / cover no-repeat !important;
  box-shadow:
    0 -28px 90px rgba(48,120,210,.12),
    0 20px 64px rgba(0,0,0,.30),
    inset 0 1px 0 rgba(255,255,255,.06),
    inset 0 0 0 1px rgba(113,206,236,.08) !important;
}

.cta-panel--hero::before{
  content:"" !important;
  position:absolute !important;
  inset:18px 18px 0 18px !important;
  border-radius:28px 28px 0 0 !important;
  border:1px solid rgba(142,223,244,.14) !important;
  pointer-events:none !important;
}

.cta-panel--hero::after{
  content:"";
  position:absolute;
  left:50%;
  top:48%;
  width:min(42vw, 560px);
  height:min(22vw, 260px);
  transform:translate(-50%, -50%);
  background:radial-gradient(circle, rgba(135,219,255,.22) 0%, rgba(135,219,255,.10) 28%, rgba(135,219,255,0) 74%);
  filter:blur(10px);
  pointer-events:none;
}

.cta-panel__title,
.cta-panel__actions{
  position:relative;
  z-index:1;
}

.site-footer{
  margin-top:0 !important;
  padding-top:0 !important;
  border-top:none !important;
}

.footer-top{
  padding-top:18px !important;
}

@media (max-width:980px){
  .application-cta{
    padding-top:56px !important;
  }

  .application-cta .container{
    padding:0 16px !important;
  }

  .cta-panel--hero{
    min-height:280px !important;
    padding:42px 24px !important;
    border-radius:28px 28px 0 0 !important;
  }

  .cta-panel--hero::before{
    inset:14px 14px 0 14px !important;
    border-radius:20px 20px 0 0 !important;
  }
}


/* ===== v3 incremental adjustments: CTA full-bleed + shorter height ===== */
.application-cta{
  padding-top:56px !important;
  padding-bottom:0 !important;
}

.application-cta .container{
  width:100% !important;
  max-width:none !important;
  padding:0 !important;
}

.cta-panel{
  max-width:none !important;
}

.cta-panel--hero{
  width:100% !important;
  min-height:248px !important;
  padding:42px 36px !important;
  border-radius:0 !important;
  border-left:none !important;
  border-right:none !important;
  background:
    linear-gradient(180deg, rgba(2,10,24,.66) 0%, rgba(2,10,24,.72) 20%, rgba(2,10,24,.84) 100%),
    radial-gradient(circle at 50% 42%, rgba(134,218,255,.16) 0%, rgba(134,218,255,.07) 16%, rgba(7,19,40,0) 40%),
    url("assets/application_cta_fullbleed_v3.png") center center / cover no-repeat !important;
  box-shadow:
    0 -18px 56px rgba(48,120,210,.08),
    inset 0 1px 0 rgba(255,255,255,.05) !important;
}

.cta-panel--hero::before{
  display:none !important;
}

.cta-panel--hero::after{
  width:min(34vw, 460px) !important;
  height:min(16vw, 180px) !important;
  top:44% !important;
  background:radial-gradient(circle, rgba(135,219,255,.14) 0%, rgba(135,219,255,.06) 30%, rgba(135,219,255,0) 72%) !important;
}

@media (max-width:980px){
  .application-cta{
    padding-top:44px !important;
  }

  .cta-panel--hero{
    min-height:212px !important;
    padding:34px 20px !important;
  }
}


/* ===== v4 incremental adjustments: task panel + CTA ===== */
.task-folder__panel,
.task-folder.is-active .task-folder__panel{
  padding:56px 44px 34px !important;
  background:
    linear-gradient(90deg, rgba(4,18,39,.82) 0%, rgba(6,28,58,.80) 52%, rgba(5,18,39,.82) 100%),
    radial-gradient(circle at 18% 18%, rgba(96,212,235,.035), transparent 24%),
    radial-gradient(circle at 82% 10%, rgba(72,128,200,.035), transparent 22%) !important;
}

.task-folder__list{
  margin-top:4px !important;
}

.task-folder__list li{
  font-size:clamp(18px, 1.22vw, 20px) !important;
  line-height:1.64 !important;
}

.application-cta{
  padding-top:44px !important;
}

.cta-panel--hero{
  position:relative !important;
  overflow:hidden !important;
  min-height:250px !important;
  padding:56px 32px 34px !important;
  border:none !important;
  border-radius:42px 42px 0 0 !important;
  background:
    linear-gradient(180deg, rgba(14,24,42,.68) 0%, rgba(10,20,38,.72) 28%, rgba(7,15,31,.82) 100%),
    url("assets/application_cta_fullbleed_v3.png") center 54% / cover no-repeat !important;
  box-shadow:none !important;
}

.cta-panel--hero::before{
  display:none !important;
}

.cta-panel--hero::after{
  content:"" !important;
  position:absolute !important;
  inset:auto !important;
  left:50% !important;
  top:56% !important;
  width:min(56vw, 820px) !important;
  height:180px !important;
  transform:translate(-50%, -50%) !important;
  border-radius:999px !important;
  background:radial-gradient(circle, rgba(112,196,255,.22) 0%, rgba(112,196,255,.12) 26%, rgba(112,196,255,0) 72%) !important;
  filter:blur(26px) !important;
  pointer-events:none !important;
}

.cta-panel__title,
.cta-panel__actions{
  position:relative !important;
  z-index:1 !important;
}

.cta-panel__title{
  margin-top:20px !important;
}

.cta-panel__actions{
  margin-top:30px !important;
}

@media (max-width:980px){
  .task-folder__panel,
  .task-folder.is-active .task-folder__panel{
    padding:44px 24px 24px !important;
  }

  .task-folder__list li{
    font-size:17px !important;
  }

  .cta-panel--hero{
    min-height:220px !important;
    padding:46px 18px 26px !important;
    border-radius:28px 28px 0 0 !important;
  }

  .cta-panel__title{
    margin-top:12px !important;
  }
}


/* ===== v5 restore homepage-identical footer spacing ===== */
.site-footer{
  margin-top:0 !important;
  padding:24px 0 30px !important;
  border-top:1px solid rgba(255,255,255,.06) !important;
}

.footer-top{
  padding:10px 0 18px !important;
}


/* ===== v6 incremental adjustment: CTA section directly attached to footer ===== */
.site-footer.panel-snap--footer{
  min-height:auto !important;
  justify-content:flex-start !important;
  scroll-snap-align:none !important;
  scroll-snap-stop:normal !important;
}

.site-footer{
  margin-top:0 !important;
  padding-top:0 !important;
}

.footer-top{
  padding-top:0 !important;
}

@media (max-width:980px){
  .site-footer.panel-snap--footer{
    min-height:auto !important;
  }
}


/* ===== v7 incremental adjustment: move footer content down 50px ===== */
.site-footer .footer-top{
  padding-top:50px !important;
}