.evolegion-prototype-wrapper {
  --black: #050505;
  --graphite: #151618;
  --ivory: #f6f2e8;
  --white: #fff;
  --signal: #e5482d;
  --line: rgba(255,255,255,.14);
  --muted: rgba(246,242,232,.72);
  --max: 1220px;
  background: var(--black);
  color: var(--white);
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  line-height: 1.5;
}
.evolegion-prototype-wrapper * { box-sizing: border-box; }
.evolegion-prototype-wrapper a { color: inherit; text-decoration: none; }
.evolegion-prototype-wrapper .wrap { width: min(calc(100% - 48px), var(--max)); margin: 0 auto; }
.evolegion-prototype-wrapper .en { display: none; }
.evolegion-prototype-wrapper .fr { display: inline; }
.evolegion-prototype-wrapper header { position: sticky; top: 0; z-index: 30; border-bottom: 1px solid var(--line); background: rgba(5,5,5,.88); backdrop-filter: blur(16px); }
.evolegion-prototype-wrapper .header-inner { min-height: 78px; display: flex; justify-content: space-between; align-items: center; gap: 24px; }
.evolegion-prototype-wrapper .logo { width: 190px; display: inline-flex; }
.evolegion-prototype-wrapper .logo img { display: block; width: 100%; height: auto; }
.evolegion-prototype-wrapper nav { display: flex; align-items: center; gap: 22px; font-size: .84rem; font-weight: 650; color: rgba(255,255,255,.78); }
.evolegion-prototype-wrapper nav a { transition: color .2s ease; }
.evolegion-prototype-wrapper nav a:hover { color: var(--white); }
.evolegion-prototype-wrapper .nav-cta { border: 1px solid rgba(255,255,255,.42); padding: 9px 14px; color: var(--white); }
.evolegion-prototype-wrapper .language-switch { display: flex; align-items: center; gap: 7px; font-size: .75rem; font-weight: 850; letter-spacing: .08em; }
.evolegion-prototype-wrapper .language-switch button { border: 0; background: transparent; padding: 0; color: rgba(255,255,255,.48); font: inherit; font-size: inherit; font-weight: inherit; letter-spacing: inherit; cursor: pointer; transition: color .2s ease; }
.evolegion-prototype-wrapper .language-switch button:hover, .evolegion-prototype-wrapper .language-switch button.active { color: var(--white); }
.evolegion-prototype-wrapper .language-switch .divider { color: rgba(255,255,255,.26); font-weight: 400; }
.evolegion-prototype-wrapper .hero { position: relative; isolation: isolate; overflow: hidden; min-height: 760px; display: flex; align-items: center; border-bottom: 1px solid var(--line); background: radial-gradient(circle at 78% 21%, rgba(229,72,45,.14), transparent 25rem), linear-gradient(124deg, #050505 6%, #151618 62%, #070708 100%); }
.evolegion-prototype-wrapper .wolf-backdrop { position: absolute; z-index: -3; inset: 0 0 0 38%; background-repeat: no-repeat; background-size: cover; background-position: center right; filter: grayscale(1) brightness(.84) contrast(1.08); opacity: .94; }
.evolegion-prototype-wrapper .hero:after { content: ""; position: absolute; z-index: -2; inset: auto 0 0; height: 170px; background: linear-gradient(transparent, #050505); pointer-events: none; }
.evolegion-prototype-wrapper .hero-grid { display: grid; grid-template-columns: minmax(0, 1.1fr) minmax(280px, .58fr); gap: clamp(30px, 8vw, 130px); align-items: center; padding: 92px 0 70px; }
.evolegion-prototype-wrapper .kicker { display: flex; align-items: center; gap: 11px; margin: 0 0 18px; color: var(--ivory); font-size: .76rem; font-weight: 850; text-transform: uppercase; letter-spacing: .15em; }
.evolegion-prototype-wrapper .kicker:before { content: ""; width: 34px; height: 2px; background: var(--signal); }
.evolegion-prototype-wrapper h1 { max-width: 760px; margin: 0; font-size: clamp(3.35rem, 7vw, 7rem); letter-spacing: -.075em; line-height: .88; font-weight: 760; }
.evolegion-prototype-wrapper h1 span { color: var(--ivory); }
.evolegion-prototype-wrapper .lede { max-width: 640px; margin: 30px 0 0; color: var(--ivory); font-size: clamp(1.12rem, 1.5vw, 1.32rem); font-weight: 600; line-height: 1.43; }
.evolegion-prototype-wrapper .copy { max-width: 640px; margin: 15px 0 0; color: var(--muted); font-size: clamp(1rem, 1.28vw, 1.12rem); }
.evolegion-prototype-wrapper .actions { display: flex; flex-wrap: wrap; gap: 13px; margin-top: 33px; }
.evolegion-prototype-wrapper .button { min-height: 48px; display: inline-flex; align-items: center; justify-content: center; padding: 0 20px; font-size: .9rem; font-weight: 800; transition: transform .2s ease, background .2s ease, border-color .2s ease; }
.evolegion-prototype-wrapper .button:hover { transform: translateY(-2px); }
.evolegion-prototype-wrapper .primary { color: var(--white); background: var(--signal); border: 1px solid var(--signal); }
.evolegion-prototype-wrapper .primary:hover { background: #f05b43; border-color: #f05b43; }
.evolegion-prototype-wrapper .secondary { border: 1px solid rgba(255,255,255,.43); background: rgba(0,0,0,.2); }
.evolegion-prototype-wrapper .secondary:hover { border-color: var(--white); }
.evolegion-prototype-wrapper .book-stage { position: relative; justify-self: end; width: min(100%, 430px); padding: 25px 18px 20px; display: flex; flex-direction: column; align-items: center; }
.evolegion-prototype-wrapper .book-stage:before { content: ""; position: absolute; inset: 8% 0 2% 11%; z-index: -1; border: 1px solid rgba(246,242,232,.18); background: rgba(4,4,4,.42); box-shadow: 0 34px 80px rgba(0,0,0,.72); transform: skewY(-2.2deg); }
.evolegion-prototype-wrapper .book-stage:after { content: ""; position: absolute; inset: 16% 5% 4% 15%; z-index: -2; background: rgba(229,72,45,.18); filter: blur(45px); }
.evolegion-prototype-wrapper .book-stage img { position: relative; z-index: 2; display: block; width: 100%; max-height: 540px; object-fit: contain; filter: drop-shadow(19px 28px 31px rgba(0,0,0,.72)); }
.evolegion-prototype-wrapper .book-label { position: relative; z-index: 3; margin-top: 15px; padding: 9px 12px; background: var(--ivory); color: #050505; font-weight: 850; font-size: .7rem; letter-spacing: .09em; text-transform: uppercase; border: 1px solid rgba(0,0,0,.1); align-self: flex-start; }
.evolegion-prototype-wrapper section { border-bottom: 1px solid var(--line); }
.evolegion-prototype-wrapper .section { padding: 112px 0; }
.evolegion-prototype-wrapper .section-label { color: var(--signal); font-size: .78rem; font-weight: 850; letter-spacing: .13em; text-transform: uppercase; }
.evolegion-prototype-wrapper h2 { margin: 12px 0 0; max-width: 820px; font-size: clamp(2rem, 4vw, 4.15rem); letter-spacing: -.055em; line-height: .98; }
.evolegion-prototype-wrapper .section-intro { max-width: 720px; margin: 25px 0 0; color: var(--muted); font-size: 1.12rem; }
.evolegion-prototype-wrapper .offer-grid { display: grid; grid-template-columns: repeat(5, 1fr); border-left: 1px solid var(--line); border-top: 1px solid var(--line); margin-top: 48px; }
.evolegion-prototype-wrapper .offer { min-height: 230px; padding: 25px; border-right: 1px solid var(--line); border-bottom: 1px solid var(--line); background: rgba(255,255,255,.018); }
.evolegion-prototype-wrapper .offer .num, .evolegion-prototype-wrapper .step-number { color: var(--signal); font-size: .76rem; font-weight: 850; letter-spacing: .1em; }
.evolegion-prototype-wrapper .offer h3 { margin: 34px 0 0; font-size: 1.04rem; line-height: 1.15; letter-spacing: -.025em; }
.evolegion-prototype-wrapper .offer p { margin: 11px 0 0; color: var(--muted); font-size: .87rem; }
.evolegion-prototype-wrapper .feature-grid, .evolegion-prototype-wrapper .art-grid, .evolegion-prototype-wrapper .book-grid, .evolegion-prototype-wrapper .eva-grid { display: grid; grid-template-columns: 1.05fr .95fr; gap: clamp(35px, 8vw, 120px); align-items: center; }
.evolegion-prototype-wrapper .feature-copy p, .evolegion-prototype-wrapper .art-copy p, .evolegion-prototype-wrapper .book-copy p, .evolegion-prototype-wrapper .eva-copy p { color: var(--muted); font-size: 1.05rem; }
.evolegion-prototype-wrapper .inline-link { display: inline-flex; margin-top: 14px; padding-bottom: 4px; border-bottom: 1px solid var(--signal); color: var(--ivory); font-size: .9rem; font-weight: 800; }
.evolegion-prototype-wrapper .map-panel { position: relative; min-height: 500px; overflow: hidden; border: 1px solid var(--line); background: radial-gradient(circle at 56% 47%, rgba(229,72,45,.17), transparent 18rem), linear-gradient(145deg, #1b1d20, #070708); }
.evolegion-prototype-wrapper .map-grid { position: absolute; inset: 0; background-image: linear-gradient(rgba(255,255,255,.06) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.06) 1px, transparent 1px); background-size: 48px 48px; mask-image: linear-gradient(to bottom, black, transparent); }
.evolegion-prototype-wrapper .map-arc { position: absolute; height: 170px; border-top: 1px solid rgba(246,242,232,.55); border-radius: 50%; transform-origin: left top; }
.evolegion-prototype-wrapper .arc-ca-eu { width: 370px; left: 14%; top: 50%; transform: rotate(-8deg); }
.evolegion-prototype-wrapper .arc-ca-na { width: 270px; left: 14%; top: 52%; transform: rotate(18deg); border-color: rgba(229,72,45,.7); }
.evolegion-prototype-wrapper .arc-eu-na { width: 220px; left: 54%; top: 43%; transform: rotate(19deg); border-color: rgba(246,242,232,.34); }
.evolegion-prototype-wrapper .node { position: absolute; z-index: 2; display: flex; align-items: center; gap: 8px; color: var(--ivory); font-size: .72rem; font-weight: 850; letter-spacing: .11em; text-transform: uppercase; }
.evolegion-prototype-wrapper .node:before { content: ""; width: 10px; height: 10px; border-radius: 50%; background: var(--signal); box-shadow: 0 0 0 7px rgba(229,72,45,.13); }
.evolegion-prototype-wrapper .node.ca { left: 13%; top: 56%; }
.evolegion-prototype-wrapper .node.eu { left: 63%; top: 40%; }
.evolegion-prototype-wrapper .node.na { left: 74%; top: 65%; }
.evolegion-prototype-wrapper .node.na:before { background: var(--ivory); box-shadow: 0 0 0 7px rgba(246,242,232,.12); }
.evolegion-prototype-wrapper .nato-mark { position: absolute; right: 10%; top: 12%; z-index: 3; width: 95px; aspect-ratio: 1; border: 1px solid rgba(246,242,232,.60); border-radius: 50%; display: grid; place-items: center; color: var(--ivory); font-size: 2.8rem; line-height: 1; font-weight: 300; }
.evolegion-prototype-wrapper .nato-mark:before { content: "✦"; transform: rotate(45deg); }
.evolegion-prototype-wrapper .map-caption { position: absolute; left: 32px; bottom: 28px; right: 32px; z-index: 3; color: rgba(246,242,232,.62); font-size: .78rem; letter-spacing: .025em; }
.evolegion-prototype-wrapper .map-caption b { color: var(--ivory); }
.evolegion-prototype-wrapper .art-frame { position: relative; overflow: hidden; min-height: 475px; background: #0a0a0a; }
.evolegion-prototype-wrapper .art-frame img { width: 100%; height: 100%; min-height: 475px; object-fit: cover; object-position: center; display: block; filter: grayscale(.22) contrast(1.04); }
.evolegion-prototype-wrapper .art-frame:after { content: ""; position: absolute; inset: 0; background: linear-gradient(140deg, rgba(0,0,0,.13), rgba(0,0,0,.65)); pointer-events: none; }
.evolegion-prototype-wrapper .eva-section { background: radial-gradient(circle at 78% 35%, rgba(229,72,45,.11), transparent 23rem), #0c0d0f; }
.evolegion-prototype-wrapper .eva-copy h2 { margin-top: 17px; font-size: clamp(3rem, 5vw, 5.25rem); }
.evolegion-prototype-wrapper .eva-code { display: inline-block; margin: 14px 0 0; padding: 6px 9px; border: 1px solid rgba(246,242,232,.26); color: var(--ivory)!important; font-size: .71rem!important; font-weight: 850; letter-spacing: .12em; }
.evolegion-prototype-wrapper .eva-role { margin: 20px 0 0; color: var(--ivory)!important; font-size: 1.25rem!important; font-weight: 650; }
.evolegion-prototype-wrapper .eva-tags { display: flex; flex-wrap: wrap; gap: 8px; margin: 26px 0 0; }
.evolegion-prototype-wrapper .eva-tags span { padding: 7px 10px; border: 1px solid rgba(246,242,232,.25); color: var(--ivory); font-size: .75rem; font-weight: 750; }
.evolegion-prototype-wrapper .eva-container { display: flex; flex-direction: column; gap: 0; }
.evolegion-prototype-wrapper .eva-stage { position: relative; min-height: 650px; overflow: hidden; border: 1px solid var(--line); background: linear-gradient(155deg, rgba(32,34,38,.95), rgba(5,5,5,.94)), #0b0b0c; border-bottom: 0; }
.evolegion-prototype-wrapper .eva-stage:before { content: "EVA"; position: absolute; top: 28px; right: -26px; z-index: 0; color: rgba(255,255,255,.045); font-size: clamp(6rem, 16vw, 15rem); font-weight: 900; letter-spacing: -.12em; line-height: .78; }
.evolegion-prototype-wrapper .eva-stage:after { content: ""; position: absolute; z-index: 0; right: 2%; bottom: -14%; width: 76%; aspect-ratio: 1; border: 1px solid rgba(246,242,232,.14); transform: rotate(45deg); }
.evolegion-prototype-wrapper .eva-stage-grid { position: absolute; z-index: 0; inset: 0; background-image: linear-gradient(rgba(255,255,255,.045) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.045) 1px, transparent 1px); background-size: 44px 44px; mask-image: linear-gradient(to bottom, black, transparent 78%); }
.evolegion-prototype-wrapper .eva-frame { position: absolute; z-index: 1; inset: 8% 8% 8% 12%; border: 1px solid rgba(246,242,232,.20); background: rgba(0,0,0,.22); transform: skewY(-2deg); }
.evolegion-prototype-wrapper .eva-image-wrap { position: absolute; z-index: 2; inset: 0; overflow: hidden; }
.evolegion-prototype-wrapper .eva-image-wrap img { display: block; width: 100%; height: 100%; object-fit: cover; object-position: center top; filter: grayscale(.05) contrast(1.04) brightness(.94); }
.evolegion-prototype-wrapper .eva-id-card { display: grid; gap: 4px; padding: 24px; border: 1px solid var(--line); background: rgba(5,5,5,.78); backdrop-filter: blur(10px); }
.evolegion-prototype-wrapper .eva-id-status { color: var(--signal); font-size: .67rem; font-weight: 850; letter-spacing: .12em; text-transform: uppercase; }
.evolegion-prototype-wrapper .eva-id-card strong { color: var(--ivory); font-size: 1.18rem; letter-spacing: -.025em; }
.evolegion-prototype-wrapper .eva-id-card small { color: rgba(246,242,232,.62); font-size: .7rem; font-weight: 750; letter-spacing: .10em; }
.evolegion-prototype-wrapper .book-card { position: relative; display: grid; place-items: center; min-height: 570px; padding: 34px; background: linear-gradient(145deg, #1b1d20, #090909); overflow: hidden; }
.evolegion-prototype-wrapper .book-card:before { content: ""; position: absolute; width: 66%; aspect-ratio: 1; border: 1px solid rgba(246,242,232,.15); transform: rotate(45deg); }
.evolegion-prototype-wrapper .book-card:after { content: ""; position: absolute; width: 55%; height: 55%; background: rgba(229,72,45,.16); filter: blur(60px); }
.evolegion-prototype-wrapper .book-card img { position: relative; z-index: 1; width: min(100%, 410px); max-height: 490px; object-fit: contain; filter: drop-shadow(20px 28px 25px rgba(0,0,0,.65)); }
.evolegion-prototype-wrapper .process { background: #0c0d0f; }
.evolegion-prototype-wrapper .process-grid { margin-top: 48px; display: grid; grid-template-columns: repeat(6, 1fr); gap: 0; border: 1px solid var(--line); }
.evolegion-prototype-wrapper .step { min-height: 245px; padding: 23px; border-right: 1px solid var(--line); }
.evolegion-prototype-wrapper .step:last-child { border-right: 0; }
.evolegion-prototype-wrapper .step-number { display: block; }
.evolegion-prototype-wrapper .step h3 { margin: 35px 0 0; font-size: 1rem; line-height: 1.15; }
.evolegion-prototype-wrapper .step p { margin: 10px 0 0; color: var(--muted); font-size: .84rem; }
.evolegion-prototype-wrapper .closing { text-align: center; padding: 118px 0; background: radial-gradient(circle at 50% 0, rgba(229,72,45,.12), transparent 25rem), #060606; }
.evolegion-prototype-wrapper .closing p { max-width: 670px; margin: 24px auto 0; color: var(--muted); font-size: 1.1rem; }
.evolegion-prototype-wrapper .closing .actions { justify-content: center; }
.evolegion-prototype-wrapper footer { border-top: 1px solid var(--line); padding: 25px 0; color: rgba(246,242,232,.52); font-size: .78rem; }
.evolegion-prototype-wrapper .footer-inner { display: flex; justify-content: space-between; gap: 18px; }

@media(max-width: 1080px) {
  .evolegion-prototype-wrapper nav { gap: 14px; font-size: .78rem; }
  .evolegion-prototype-wrapper .offer-grid { grid-template-columns: repeat(3, 1fr); }
  .evolegion-prototype-wrapper .process-grid { grid-template-columns: repeat(3, 1fr); }
  .evolegion-prototype-wrapper .step:nth-child(3) { border-right: 0; }
  .evolegion-prototype-wrapper .step:nth-child(-n+3) { border-bottom: 1px solid var(--line); }
}
@media(max-width: 860px) {
  .evolegion-prototype-wrapper .hero { min-height: auto; }
  .evolegion-prototype-wrapper .hero-grid, .evolegion-prototype-wrapper .feature-grid, .evolegion-prototype-wrapper .art-grid, .evolegion-prototype-wrapper .book-grid, .evolegion-prototype-wrapper .eva-grid { grid-template-columns: 1fr; }
  .evolegion-prototype-wrapper .hero-grid { padding: 70px 0 58px; }
  .evolegion-prototype-wrapper .wolf-backdrop { inset: 0; opacity: .52; background-position: 68% center; }
  .evolegion-prototype-wrapper .book-stage { justify-self: start; width: min(90vw, 390px); }
  .evolegion-prototype-wrapper .section { padding: 82px 0; }
  .evolegion-prototype-wrapper .art-frame, .evolegion-prototype-wrapper .art-frame img { min-height: 380px; }
  .evolegion-prototype-wrapper .map-panel { min-height: 420px; }
  .evolegion-prototype-wrapper .eva-stage { min-height: 570px; }
}
@media(max-width: 620px) {
  .evolegion-prototype-wrapper .wrap { width: min(calc(100% - 32px), var(--max)); }
  .evolegion-prototype-wrapper .header-inner { min-height: 68px; }
  .evolegion-prototype-wrapper .logo { width: 154px; }
  .evolegion-prototype-wrapper nav a:not(.nav-cta) { display: none; }
  .evolegion-prototype-wrapper .language-switch { display: flex; margin-left: auto; margin-right: 15px; }
  .evolegion-prototype-wrapper h1 { font-size: clamp(3rem, 15vw, 4.4rem); }
  .evolegion-prototype-wrapper .offer-grid, .evolegion-prototype-wrapper .process-grid { grid-template-columns: 1fr; }
  .evolegion-prototype-wrapper .offer, .evolegion-prototype-wrapper .step { border-right: 0; border-bottom: 1px solid var(--line); }
  .evolegion-prototype-wrapper .offer:last-child, .evolegion-prototype-wrapper .step:last-child { border-bottom: 0; }
  .evolegion-prototype-wrapper .book-card, .evolegion-prototype-wrapper .eva-stage, .evolegion-prototype-wrapper .map-panel { min-height: 410px; padding: 25px; }
  .evolegion-prototype-wrapper .footer-inner { flex-direction: column; }
  .evolegion-prototype-wrapper .nato-mark { width: 70px; font-size: 2rem; right: 7%; top: 8%; }
  .evolegion-prototype-wrapper .arc-ca-eu { width: 290px; }
  .evolegion-prototype-wrapper .arc-ca-na { width: 205px; }
  .evolegion-prototype-wrapper .node { font-size: .63rem; }
}
