/* ISOadvance · premium art direction v11.
   The shared motion runtime retains transform ownership and native scrolling. */
.w {
  --premium-edge:rgba(182,211,255,.18);
  --premium-ice:#d8e9ff;
  --premium-year-progress:1;
  --premium-connections:1;
}

/* A compact editorial introduction opens a larger, uninterrupted art stage. */
.w .evo-showcase {padding-block:clamp(78px,8vw,120px)}
.w .evo-heading {
  display:grid;
  grid-template-columns:minmax(0,1.45fr) minmax(240px,.55fr);
  gap:0 clamp(30px,4vw,64px);
  align-items:end;
  max-width:none;
  margin-bottom:clamp(38px,4vw,60px);
}
.w .evo-heading .evo-eyebrow {grid-column:1/-1;margin-bottom:24px}
.w .evo-heading h2 {max-width:24ch;margin:0;font-size:clamp(39px,3.8vw,54px);line-height:1.08;font-stretch:110%;font-weight:670;letter-spacing:-.037em}
.w .evo-heading>p:last-child {max-width:33ch;padding-bottom:4px;font-size:17px;line-height:1.75;color:#aabbd5}
.w .evo-stage {grid-template-columns:minmax(0,.89fr) minmax(0,1.11fr);gap:clamp(32px,4.1vw,62px);align-items:center}
.w .evo-tabs {min-width:0;margin-bottom:32px;border-radius:17px;border-color:var(--premium-edge);background:rgba(18,28,49,.62)}
.w .evo-tab {min-height:76px;padding:12px 10px;gap:5px 8px}
.w .evo-tab-name {font-size:13px}
.w .evo-panel h3 {font-size:clamp(30px,2.75vw,38px);max-width:20ch;font-stretch:106%;line-height:1.16}
.w .evo-panel-copy {font-size:16px;line-height:1.75;max-width:47ch}
.w .evo-panel-actions {gap:12px 22px}
.w .evo-primary {padding-inline:23px}
.w .evo-secondary {font-size:14px}
.w .evo-visual {width:100%;max-width:none}
.w .evo-media-frame {
  aspect-ratio:4/3;
  min-height:360px;
  margin-top:0;
  border:1px solid rgba(174,201,243,.2);
  border-radius:28px;
  background:#070c1b;
  box-shadow:inset 0 1px 0 rgba(238,248,255,.07),0 38px 80px -38px rgba(0,0,0,.66);
}
.w .evo-media-frame::before {
  content:'';
  position:absolute;
  z-index:2;
  inset:13px;
  pointer-events:none;
  border-radius:17px;
  background:
    linear-gradient(#a4c9ec,#a4c9ec) left top/12px 1px no-repeat,
    linear-gradient(#a4c9ec,#a4c9ec) left top/1px 12px no-repeat,
    linear-gradient(#a4c9ec,#a4c9ec) right bottom/12px 1px no-repeat,
    linear-gradient(#a4c9ec,#a4c9ec) right bottom/1px 12px no-repeat;
  opacity:.34;
}
.w .evo-media-frame::after {background:linear-gradient(180deg,rgba(4,9,24,.48),transparent 23%,transparent 67%,rgba(4,9,24,.75))}
.w :is(.evo-poster,.evo-poster-outgoing) {object-fit:cover;object-position:50% 50%}
.w .evo-film {object-fit:contain;object-position:center;background:#070c1b}
.w .evo-visual-top {inset:24px 26px auto;color:#b4c9e0;font-size:12px;font-weight:540;letter-spacing:.01em}
.w .evo-visual-symbol {width:30px;height:30px;border-color:rgba(120,180,213,.26);background:rgba(6,12,27,.34);color:#84dbd3}
.w .evo-visual-bottom {inset:auto 26px 24px;flex-direction:row;align-items:center;gap:12px}
.w .evo-visual-code {flex:none;font-size:16px;font-weight:620;font-stretch:100%;line-height:1.5;letter-spacing:.025em;color:#8de9cf}
.w .evo-visual-bottom p {font-size:13px;line-height:1.5;font-weight:450;color:#d0dfed}
.w .evo-label-outgoing {flex-direction:row;align-items:center;gap:12px}
.w .evo-label-outgoing :is(.evo-visual-code,[data-evo-media-code]) {font-size:16px;font-weight:620;line-height:1.5;letter-spacing:.025em;color:#8de9cf}
.w .evo-label-outgoing p {font-size:13px;font-weight:450;line-height:1.5;color:#d0dfed}
.w .evo-visual figcaption {font-size:11px;line-height:1.5;padding-top:10px;color:#8198b6}
.w .evo-media-control {font-size:12px;color:#b8cde3}
.w .evo-annual {margin-top:42px;padding-top:24px}

/* An explicit six-second assembly uses the native commissioned system art. */
.w .evo-overview-layer {position:absolute;inset:0;z-index:2;pointer-events:none}
.w .evo-overview-layer[hidden] {display:none}
.w .evo-overview-traces {position:absolute;inset:0;width:100%;height:100%;overflow:visible;fill:none;stroke:rgba(134,220,227,.64);stroke-width:1.3;stroke-linecap:round}
.w .evo-overview-traces path {vector-effect:non-scaling-stroke}
.w .evo-overview-tags {position:absolute;inset:0}
.w .evo-overview-tag {
  position:absolute;
  display:inline-flex;
  align-items:center;
  gap:7px;
  width:max-content;
  max-width:31%;
  padding:7px 11px;
  border:1px solid rgba(133,201,220,.32);
  border-radius:999px;
  background:rgba(7,18,33,.88);
  color:#d9ecf7;
  font:550 12px/1.4 var(--vs-font);
  letter-spacing:0;
  white-space:nowrap;
  box-shadow:inset 0 1px 0 rgba(194,239,255,.06),0 7px 18px -10px rgba(0,0,0,.55);
  backdrop-filter:blur(8px);
  translate:-50% -50%;
}
.w .evo-overview-tag::before {content:'';width:4px;height:4px;flex:none;border-radius:50%;background:#70d8d5}
.w .evo-overview-tag--ai {left:25%;top:26%}
.w .evo-overview-tag--security {left:79%;top:33%}
.w .evo-overview-tag--quality {left:49%;top:78%}

/* Two business situations, expressed through the same material vocabulary. */
.w .x-doors {background:linear-gradient(180deg,#f4f6fb,#edf2f9)}
.w .x-doors-pick {gap:22px}
.w .x-door {min-height:clamp(330px,29vw,420px);border:1px solid rgba(141,169,209,.26);border-radius:28px;background:#070c1b;box-shadow:0 1px 0 #fff,0 24px 54px -32px rgba(12,30,60,.5)}
.w .x-door-ph {object-fit:cover;object-position:50% 43%;filter:brightness(.94) saturate(.92)}
.w .x-door[data-door="need"] .x-door-ph {object-position:50% 40%}
.w .x-door[data-door="have"] .x-door-ph {object-position:50% 36%}
.w .x-door-veil {background:linear-gradient(180deg,rgba(6,10,23,.06),rgba(6,10,23,.02) 30%,rgba(6,10,23,.82) 77%,#060a17)}
.w .x-door-txt {padding:30px 32px 29px;gap:10px}
.w .x-door-txt b {font-size:clamp(29px,2.45vw,35px);font-stretch:110%;line-height:1.09;letter-spacing:-.03em}
.w .x-door-txt>span:last-child {max-width:43ch;font-size:15px;line-height:1.6;color:#c3d1e5}
.w .x-door-dot {top:25px;right:26px;width:43px;height:43px;border-color:rgba(161,203,238,.32);background:rgba(7,14,29,.48);backdrop-filter:blur(8px)}
.w .x-door[aria-pressed="true"] {border-color:rgba(0,167,126,.66);box-shadow:0 0 0 1px #00b98a,0 26px 64px -38px rgba(0,96,76,.45)}
.w .x-door[aria-pressed="true"] .x-door-ph {filter:brightness(1) saturate(1)}
.w .x-door[aria-pressed="true"] .x-door-dot {box-shadow:0 0 0 4px rgba(0,212,146,.12)}

/* The benefit board shares the materials of the art, without competing with it. */
.w .x-bento {gap:18px}
.w .x-tile {padding:30px;border-radius:27px;background:radial-gradient(ellipse 80% 65% at 100% 0%,rgba(35,84,165,.11),transparent 68%),linear-gradient(150deg,#111b30,#0a1022 60%);box-shadow:inset 0 0 0 1px rgba(164,194,236,.17),inset 0 1px 0 rgba(232,244,255,.04),0 18px 34px -28px rgba(6,16,35,.46)}
.w .x-tile-txt {gap:11px}
.w .x-tile-txt b {font-size:clamp(23px,1.75vw,27px);line-height:1.17}
.w .x-tile-txt span {font-size:15px;line-height:1.75;color:#a9bbd5}
.w .x-tile--band {min-height:264px;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);gap:20px;padding-block:24px}
.w .premium-family {width:100%;min-height:220px;overflow:hidden;border-radius:19px;background:#060b18}
.w .premium-family-art {display:block;width:100%;height:100%;aspect-ratio:4/3;object-fit:cover;object-position:50% 48%;border-radius:inherit;scale:calc(1.025 + var(--premium-material-progress,.5)*.025);translate:0 calc((.5 - var(--premium-material-progress,.5))*14px)}
.w .xv-90 b {font-size:clamp(66px,5.5vw,82px);font-weight:350;color:#f2f7ff}
.w .xv-90-arc {stroke:#55cce8;filter:drop-shadow(0 0 4px rgba(69,167,234,.25))}
.w .xv-orgs b {font-size:clamp(62px,4.6vw,74px);font-weight:350;color:#f2f7ff}
.w .xv-dots {background:rgba(165,189,224,.12)}
.w .xv-dots i {background:linear-gradient(90deg,#538fea,#55cee8 65%,#51d9b3)}
.w .xv-guar svg {stroke:#91c7e5;filter:none}
.w .xv-year {isolation:isolate;min-height:160px;padding:25px 0 34px;gap:5px}
.w .xv-year i,.w .xv-year i.is-on {--premium-month:0;height:calc(54px + var(--month-energy,1)*20px);overflow:visible;border:1px solid rgba(139,179,225,.16);border-radius:5px;background:rgba(132,167,211,.075);box-shadow:0 -8px 18px -15px rgba(81,194,225,.16)}
.w .xv-year i::before {content:'';position:absolute;inset:-1px;border-radius:inherit;background:linear-gradient(180deg,rgba(93,207,231,.73),rgba(56,128,208,.2));opacity:calc(.15 + var(--month-energy,1)*.85)}
.w .xv-year i:nth-child(2) {--premium-month:1}
.w .xv-year i:nth-child(3) {--premium-month:2}
.w .xv-year i:nth-child(4) {--premium-month:3}
.w .xv-year i:nth-child(5) {--premium-month:4}
.w .xv-year i:nth-child(6) {--premium-month:5}
.w .xv-year i:nth-child(7) {--premium-month:6}
.w .xv-year i:nth-child(8) {--premium-month:7}
.w .xv-year i:nth-child(9) {--premium-month:8}
.w .xv-year i:nth-child(10) {--premium-month:9}
.w .xv-year i:nth-child(11) {--premium-month:10}
.w .xv-year i:nth-child(12) {--premium-month:11}
.w .xv-year em {bottom:-25px;font-size:11px;font-stretch:100%;color:#95aac7}
.w .xv-year .xv-now {display:none}
.w .xv-year::after {content:'';position:absolute;left:0;right:0;bottom:7px;height:1px;background:linear-gradient(90deg,#418ee5,#64d6dc);transform:scaleX(var(--premium-year-progress,1));transform-origin:left;opacity:.55;pointer-events:none}
.w .x-plat-list {position:relative}
.w .x-plat-list::after {content:'';position:absolute;bottom:0;left:0;right:0;height:1px;background:linear-gradient(90deg,#4498e6,#62d7c9);transform:scaleX(var(--premium-connections,1));transform-origin:left;opacity:.8;pointer-events:none}

/* The standard pages and final invitation use the same commissioned artwork. */
.w .ev-norm-head .x-norm-coin {max-width:620px;border-radius:26px;overflow:hidden;background:#070c1b;box-shadow:inset 0 0 0 1px rgba(164,194,236,.17),0 30px 70px -40px rgba(0,0,0,.7)}
.w .ev-norm-head .x-norm-coin-img {aspect-ratio:4/3;border-radius:26px;object-fit:cover;object-position:center;mix-blend-mode:normal}
.w .ev-norm-head .x-norm-head {grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(34px,4.5vw,65px)}
.w .x-nmini-coin[src^="/assets/premium/"] {width:56px;height:42px;aspect-ratio:4/3;object-fit:cover;border-radius:8px;filter:none;background:#070c1b}
.w .x-final {background:radial-gradient(ellipse 54% 90% at 94% 50%,rgba(32,83,163,.13),transparent 76%),var(--noche)}
.w .x-final-ring {display:block;inset:0 0 0 auto;width:min(980px,67%);opacity:.95;overflow:hidden}
.w .premium-final-art {width:100%;height:100%;object-fit:cover;object-position:55% 50%;opacity:.83;scale:calc(1.06 + var(--premium-material-progress,.5)*.035);translate:calc((var(--premium-material-progress,.5) - .5)*12px) 0;mask-image:linear-gradient(90deg,transparent,#000 47%);-webkit-mask-image:linear-gradient(90deg,transparent,#000 47%)}
.w .x-final .w-wrap {z-index:1}
.w .x-final .w-h2 {max-width:15ch;font-size:clamp(40px,4.4vw,62px);line-height:1.09}
.w .x-final .w-lede {max-width:46ch;color:#b5c4d9;font-size:19px;line-height:1.7}

@media(hover:hover) and (pointer:fine) {
  .w .x-door[aria-pressed="false"]:hover .x-door-ph {filter:brightness(1) saturate(1)}
  .w .x-tile[data-motion-card]:hover {box-shadow:inset 0 0 0 1px rgba(129,181,235,.35),inset 0 1px 0 rgba(236,246,255,.07),0 23px 45px -30px rgba(17,51,100,.46)}
  .w .x-nmini:hover .x-nmini-coin[src^="/assets/premium/"] {transform:translateY(-2px)}
}

@media(max-width:1140px) {
  .w .evo-heading {grid-template-columns:minmax(0,1.3fr) minmax(220px,.7fr);gap:0 30px}
  .w .evo-heading h2 {font-size:46px}
  .w .evo-heading>p:last-child {font-size:16px}
  .w .evo-stage {grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);gap:32px}
  .w .evo-media-frame {min-height:340px}
  .w .evo-panel h3 {font-size:32px}
  .w .evo-tab {grid-template-columns:1fr;text-align:center;min-height:72px}
  .w .evo-tab-icon {display:none}
  .w .evo-tab-name {font-size:13px}
  .w .x-door-txt {padding:26px}
}
@media(max-width:900px) {
  .w .evo-heading {grid-template-columns:1fr;gap:0}
  .w .evo-heading h2 {max-width:24ch;font-size:46px;margin-bottom:22px}
  .w .evo-heading>p:last-child {max-width:54ch;padding:0}
  .w .evo-stage {grid-template-columns:1fr;gap:32px}
  .w .evo-visual {max-width:720px;margin-inline:auto}
  .w .evo-media-frame {min-height:0}
  .w .evo-panel h3 {max-width:25ch}
  .w .evo-panel-copy {max-width:64ch}
  .w .evo-tabs {max-width:620px}
  .w .evo-tab {grid-template-columns:24px minmax(0,1fr);text-align:left;padding-inline:14px}
  .w .evo-tab-icon {display:flex}
  .w .ev-norm-head .x-norm-head {grid-template-columns:1fr}
  .w .ev-norm-head .x-norm-coin {max-width:640px;margin-inline:auto}
  .w .x-final-ring {opacity:.42;width:80%}
}
@media(max-width:760px) {
  .w .evo-showcase {padding-block:72px}
  .w .evo-heading {margin-bottom:34px}
  .w .evo-heading .evo-eyebrow {margin-bottom:22px;font-size:11px}
  .w .evo-heading h2 {max-width:20ch;font-size:clamp(33px,8.8vw,43px);line-height:1.1;margin-bottom:22px}
  .w .evo-heading>p:last-child {max-width:48ch;font-size:16px;line-height:1.7}
  .w .evo-stage {gap:32px}
  .w .evo-tabs {width:100%;margin-bottom:28px}
  .w .evo-tab {min-height:73px;grid-template-columns:1fr;text-align:center;padding:11px 7px;gap:5px}
  .w .evo-tab-icon {display:none}
  .w .evo-tab-name {font-size:13px}
  .w .evo-tab-norm {font-size:9px}
  .w .evo-panel h3 {max-width:22ch;font-size:31px;line-height:1.17}
  .w .evo-panel-copy {font-size:16px}
  .w .evo-panel-actions {gap:12px 18px}
  .w .evo-primary {min-height:54px;padding-inline:22px}
  .w .evo-secondary {font-size:14px}
  .w .evo-media-frame {min-height:0;aspect-ratio:4/3;border-radius:23px}
  .w .evo-media-frame::before {inset:10px;border-radius:14px}
  .w .evo-visual-top {inset:18px 20px auto;font-size:11px}
  .w .evo-visual-symbol {height:27px;width:27px}
  .w .evo-visual-bottom {inset:auto 20px 18px;gap:10px}
  .w .evo-visual-code {font-size:14px}
  .w .evo-visual-bottom p {font-size:12px}
  .w .evo-label-outgoing {gap:10px}
  .w .evo-label-outgoing :is(.evo-visual-code,[data-evo-media-code]) {font-size:14px}
  .w .evo-label-outgoing p {font-size:12px}
  .w .evo-annual {margin-top:31px;gap:16px 23px}
  .w .evo-overview-tag {gap:5px;padding:5px 9px;font-size:11px;backdrop-filter:none}
  .w .evo-overview-tag::before {width:3px;height:3px}
  .w .evo-overview-traces {stroke-width:1.1;stroke:rgba(134,220,227,.55)}
  .w .x-doors-pick {gap:17px}
  .w .x-door {min-height:332px;border-radius:25px}
  .w .x-door-txt {padding:25px;gap:10px}
  .w .x-door-txt b {font-size:28px}
  .w .x-door-txt>span:last-child {font-size:15px;max-width:40ch}
  .w .x-door-dot {top:22px;right:22px;width:41px;height:41px}
  .w .x-bento {gap:17px}
  .w .x-tile {padding:26px;min-height:304px;border-radius:25px}
  .w .x-tile--band {grid-template-columns:minmax(0,1fr);gap:24px;padding-block:24px}
  .w .premium-family {min-height:0;aspect-ratio:4/3;max-height:290px}
  .w .premium-family-art {height:100%;aspect-ratio:auto}
  .w .x-tile-txt b {font-size:24px}
  .w .xv-year {gap:5px}
  .w .xv-orgs b {font-size:65px}
  .w .ev-norm-head .x-norm-coin {border-radius:23px}
  .w .ev-norm-head .x-norm-coin-img {border-radius:23px}
  .w .x-final-ring {inset:0;width:100%;opacity:.16}
  .w .premium-final-art {object-position:65% 50%;mask-image:linear-gradient(180deg,#000,transparent);-webkit-mask-image:linear-gradient(180deg,#000,transparent)}
  .w .x-final .w-h2 {max-width:15ch;font-size:clamp(36px,9.1vw,47px)}
  .w .x-final .w-lede {font-size:17px;color:#b5c4d9;max-width:43ch}
}
@media(max-width:390px) {
  .w .evo-tab {padding-inline:5px}
  .w .evo-tab-name {font-size:12px}
  .w .evo-panel h3 {font-size:30px}
  .w .evo-panel-actions {gap:10px 15px}
  .w .evo-primary {padding-inline:21px;font-size:15px}
  .w .evo-secondary {font-size:13px}
  .w .x-door {min-height:315px}
  .w .x-door-txt {padding:23px}
}
@media(prefers-reduced-motion:reduce) {
  .w .xv-year i::before {opacity:1}
  .w .xv-year i {height:74px}
  .w .xv-year::after,.w .x-plat-list::after {transform:none}
  .w .evo-media-frame::before {opacity:.24}
  .w :is(.premium-family-art,.premium-final-art) {scale:1;translate:none}
}