.ev4-page{background:var(--v4-paper)}
.ev4-anchor-alias{position:absolute;width:1px;height:1px;overflow:hidden}

.ev4-hero .dv4-hero__media img{object-position:center;opacity:.82}
.ev4-hero .dv4-hero__media::before{
  background:
    linear-gradient(90deg,rgba(13,11,9,.99) 0%,rgba(13,11,9,.96) 34%,rgba(13,11,9,.62) 58%,rgba(13,11,9,.18) 82%,rgba(13,11,9,.46) 100%),
    linear-gradient(0deg,rgba(13,11,9,.74),transparent 46%)
}
.ev4-hero .dv4-hero__media::after{
  background: none;
  background-size:48px 48px,48px 48px,auto
}
.ev4-hero .dv4-hero__copy{max-width:880px}
.ev4-hero h1{max-width:13ch;font-size:clamp(3rem,5.5vw,6.55rem);}
.ev4-hero .dv4-hero__lead{max-width:720px}

.ev4-directions{padding-block:clamp(30px,4vh,52px)}
.ev4-directions .dv4-section__head{margin-bottom:clamp(22px,3vh,34px)}
.ev4-directions .dv4-section__head h2{font-size:clamp(2.2rem,3.6vw,4.25rem);}
.ev4-direction-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.ev4-direction{
  position:relative;min-height:214px;display:flex;flex-direction:column;padding:20px;
  color:var(--v4-ink);background: var(--dv4-surface);border:1px solid var(--dv4-line);
  border-radius:2px;overflow:hidden;
  transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease
}
.ev4-direction::before{
  content:"";position:absolute;inset:0 0 auto;height:2px;background: var(--v4-gold);
  transform:scaleX(0);transform-origin:left;transition:transform .25s ease
}
.ev4-direction:hover{border-color:var(--dv4-gold-line);box-shadow:none;transform:translateY(-4px)}
.ev4-direction:hover::before{transform:scaleX(1)}
.ev4-direction__num{color:#805b00;font:600 12px/1 var(--v4-mono)}
.ev4-direction__label{margin-top:15px;color:var(--dv4-ink-3);font:500 10px/1.25 var(--v4-mono);letter-spacing:.1em;text-transform:uppercase}
.ev4-direction h3{max-width:22ch;margin:9px 0 0;font:700 clamp(1.04rem,1.35vw,1.35rem)/1.12 var(--v4-display);letter-spacing:var(--v4-display-tracking)}
.ev4-direction p{margin:10px 0 0;color:var(--dv4-ink-2);font-size:14px;line-height:1.42}
.ev4-direction__link{margin-top:auto;padding-top:14px;color:#805b00;font:600 10px/1.25 var(--v4-mono);letter-spacing:.05em;text-transform:uppercase}
.ev4-direction--dark{
  color:var(--dv4-dark-fg);
  background: none;
  border-color:var(--v4-white-line)
}
.ev4-direction--dark .ev4-direction__num,.ev4-direction--dark .ev4-direction__link{color:var(--v4-gold)}
.ev4-direction--dark .ev4-direction__label,.ev4-direction--dark p{color:var(--dv4-dark-fg-2)}
.ev4-direction-grid .ev4-direction:last-child{grid-column:span 2}
.ev4-direction-grid .ev4-direction:last-child h3{max-width:28ch}

.ev4-system{padding-block:clamp(42px,6vh,72px)}
.ev4-system .dv4-section__head{margin-bottom:clamp(28px,4vh,48px)}
.ev4-system .dv4-section__head h2{font-size:clamp(2.3rem,4.2vw,4.8rem);}
.ev4-system-map{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,.7fr) minmax(0,1fr);gap:14px;align-items:stretch}
.ev4-system-map__side,.ev4-system-map__bridge{min-height:340px;padding:clamp(24px,3vw,38px);border-radius:2px;}
.ev4-system-map__side{
  border:1px solid rgba(255,255,255,.2);
  background: none;
  box-shadow:none;backdrop-filter:none;}
.ev4-system-map__index{color:var(--v4-gold);font:600 10px/1.2 var(--v4-mono);letter-spacing:.11em;text-transform:uppercase}
.ev4-system-map h3{max-width:16ch;margin:22px 0 20px;color:var(--dv4-dark-fg);font:700 clamp(1.35rem,2vw,2rem)/1.05 var(--v4-display);letter-spacing:var(--v4-display-tracking)}
.ev4-system-map ul{margin:0;padding:0;list-style:none}
.ev4-system-map li{display:grid;grid-template-columns:92px 1fr;gap:12px;padding:12px 0;border-top:1px solid rgba(255,255,255,.12)}
.ev4-system-map li b{color:var(--dv4-dark-fg);font-size:14px;}
.ev4-system-map li span{color:var(--dv4-dark-fg-2);font-size:14px;line-height:1.4}
.ev4-system-map__bridge{display:flex;flex-direction:column;justify-content:center;color:var(--v4-ink);background:var(--v4-gold)}
.ev4-system-map__bridge>span{font:600 10px/1.3 var(--v4-mono);letter-spacing:.11em;text-transform:uppercase}
.ev4-system-map__bridge strong{max-width:13ch;margin-top:22px;font:var(--v4-display-weight-emphasis) clamp(1.55rem,2.4vw,2.55rem)/1.02 var(--v4-display);letter-spacing:var(--v4-display-tracking)}
.ev4-system-map__bridge p{margin:20px 0 0;color:rgba(27,24,20,.76);font-size:14px;line-height:1.52}

.ev4-maturity{scroll-margin-top:calc(var(--v4-header) + 8px);padding-block:clamp(64px,8vw,112px);overflow:visible}
.ev4-maturity__head{display:grid;grid-template-columns:minmax(0,.92fr) minmax(320px,.58fr);column-gap:clamp(44px,8vw,120px);align-items:end;margin-bottom:clamp(34px,5vw,64px)}
.ev4-maturity__head .v4-kicker{grid-column:1/-1;margin-bottom:16px}
.ev4-maturity__head h2{max-width:13ch;margin:0;font:var(--v4-display-weight-section) clamp(2.65rem,5.2vw,5.75rem)/.96 var(--v4-display);letter-spacing:var(--v4-display-tracking)}
.ev4-maturity__head p{max-width:57ch;margin:0 0 20px;color:var(--dv4-ink-2);font-size:1rem;line-height:1.66}
.ev4-maturity__facts{display:flex;flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none}
.ev4-maturity__facts li{padding:7px 10px;color:#805b00;background: var(--dv4-gold-soft);border:1px solid var(--dv4-gold-line);border-radius:2px;font:600 10px/1 var(--v4-mono);letter-spacing:.05em;text-transform:uppercase}

.ev4-maturity__workspace{display:grid;grid-template-columns:minmax(330px,.78fr) minmax(0,1.22fr);align-items:start;background: var(--dv4-surface);border:1px solid var(--dv4-line);border-radius:2px;box-shadow:none;overflow:visible}
.ev4-profile{position:sticky;top:calc(var(--v4-header) + 18px);align-self:start;min-height:0;padding:clamp(24px,3vw,38px);color:var(--dv4-dark-fg);background: none;border-radius:2px;}
.ev4-profile__head{display:flex;justify-content:space-between;gap:24px;align-items:flex-start;padding-bottom:25px;border-bottom:1px solid var(--v4-white-line)}
.ev4-profile__head h3{max-width:22ch;margin:10px 0 0;color:var(--dv4-dark-fg);font:var(--v4-display-weight-card) clamp(1.1rem,1.7vw,1.5rem)/1.16 var(--v4-display);letter-spacing:var(--v4-display-tracking)}
.ev4-profile__level{min-width:54px;text-align:right;color:var(--v4-gold);font:600 clamp(1.6rem,3vw,2.7rem)/1 var(--v4-mono);letter-spacing:-.05em}
.ev4-profile__scale,.ev4-profile__row{display:grid;grid-template-columns:minmax(98px,1.45fr) repeat(5,minmax(20px,.55fr));gap:6px;align-items:center}
.ev4-profile__scale{margin-top:22px;color:var(--dv4-dark-fg-2);font:500 9px/1 var(--v4-mono);text-align:center}
.ev4-profile__scale span{height:1px}
.ev4-profile__map{display:flex;flex-direction:column;gap:12px;margin-top:14px}
.ev4-profile__row-label{color:var(--dv4-dark-fg-2);font-size:14px;line-height:1.18}
.ev4-profile__cell{height:9px;border-radius:2px;background: rgba(255,255,255,.1);transition:background .22s ease,transform .22s ease}
.ev4-profile__cell.is-filled{background:rgba(218,165,32,.32)}
.ev4-profile__cell.is-active{background: var(--v4-gold);transform:scaleY(1.45)}
.ev4-profile__row.is-unanswered .ev4-profile__cell{background:rgba(255,255,255,.07)}
.ev4-profile__hint{margin:28px 0 0;padding-top:22px;color:var(--dv4-dark-fg-2);border-top:1px solid var(--v4-white-line);font-size:14px;line-height:1.55}

.ev4-quiz{min-width:0;padding:clamp(24px,4vw,52px)}
.ev4-quiz__progress{display:flex;align-items:center;gap:18px;color:var(--dv4-ink-3);font:500 10px/1 var(--v4-mono);letter-spacing:.08em;text-transform:uppercase}
.ev4-quiz__progress b{color:#805b00}
.ev4-quiz__progress-track{flex:1;height:3px;background: var(--dv4-line);border-radius:2px;overflow:hidden}
.ev4-quiz__progress-track i{display:block;width:14.285%;height:100%;background: var(--v4-gold);transition:width .25s ease}
.ev4-quiz__question{padding-top:clamp(26px,4vw,42px)}
.ev4-question__dimension{display:block;color:#805b00;font:600 10px/1 var(--v4-mono);letter-spacing:.1em;text-transform:uppercase}
.ev4-question__title{max-width:24ch;margin:12px 0 0;color:var(--v4-ink);font:700 clamp(1.45rem,2.6vw,2.45rem)/1.08 var(--v4-display);letter-spacing:var(--v4-display-tracking)}
.ev4-question__title:focus,.ev4-result__hero h3:focus{outline:none}
.ev4-question__help{max-width:65ch;margin:13px 0 0;color:var(--dv4-ink-2);font-size:14px;line-height:1.55}
.ev4-question__group{margin:26px 0 0;padding:0;border:0}
.ev4-question__group legend{margin-bottom:11px;color:var(--dv4-ink-3);font:600 9.5px/1.2 var(--v4-mono);letter-spacing:.09em;text-transform:uppercase}
.ev4-state-list{display:flex;flex-direction:column;gap:7px}
.ev4-state-option{position:relative;display:grid;grid-template-columns:18px 1fr;gap:11px;align-items:flex-start;padding:12px 13px;color:var(--dv4-ink-2);background: var(--v4-paper);border:1px solid var(--dv4-line);border-radius:2px;cursor:pointer;transition:background .18s ease,border-color .18s ease,transform .18s ease}
.ev4-state-option:hover{background: var(--dv4-surface);border-color:var(--dv4-line-2);transform:translateX(2px)}
.ev4-state-option:has(input:checked){color:var(--v4-ink);background: var(--dv4-gold-soft);border-color:var(--dv4-gold-line)}
.ev4-state-option input,.ev4-pain-option input{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}
.ev4-state-option__marker{position:relative;width:16px;height:16px;margin-top:2px;background: var(--dv4-surface);border:1px solid var(--dv4-line-2);border-radius:50%;}
.ev4-state-option input:checked+.ev4-state-option__marker{border:5px solid var(--v4-gold)}
.ev4-state-option input:focus-visible+.ev4-state-option__marker,.ev4-pain-option input:focus-visible+span{outline:3px solid rgba(218,165,32,.28);outline-offset:3px}
.ev4-state-option__copy b{display:block;color:inherit;font-size:14px;line-height:1.35}
.ev4-state-option__copy small{display:block;margin-top:3px;color:var(--dv4-ink-3);font-size:14px;line-height:1.42}
.ev4-pain-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}
.ev4-pain-option{position:relative;cursor:pointer}
.ev4-pain-option span{min-height:100%;display:grid;grid-template-columns:16px 1fr;gap:9px;align-items:center;padding:10px 11px;color:var(--dv4-ink-2);background: transparent;border:1px solid var(--dv4-line);border-radius:2px;font-size:14px;line-height:1.4;transition:background .18s ease,border-color .18s ease,color .18s ease,transform .18s ease}
.ev4-pain-option span::before{content:"";width:14px;height:14px;display:grid;place-items:center;color:var(--v4-dark);background: var(--dv4-surface);border:1px solid var(--dv4-line-2);border-radius:2px;font:700 10px/1 var(--v4-mono);transition:background .18s ease,border-color .18s ease}
.ev4-pain-option:hover span{background: var(--v4-paper);border-color:var(--dv4-line-2);transform:translateY(-1px)}
.ev4-pain-option input:checked+span{color:var(--dv4-dark-fg);background: var(--v4-dark);border-color:var(--v4-dark)}
.ev4-pain-option input:checked+span::before{content:"✓";background: var(--dv4-dark-fg);border-color:var(--dv4-dark-fg)}
.ev4-quiz__nav{display:flex;justify-content:space-between;gap:10px;margin-top:28px;padding-top:22px;border-top:1px solid var(--dv4-line)}
.ev4-quiz__back{display:inline-flex;align-items:center;justify-content:center;padding:11px 16px;color:var(--v4-ink);background: transparent;border:1px solid var(--dv4-line-2);border-radius:2px;font:600 12px/1.2 var(--v4-body);cursor:pointer}
.ev4-quiz__back:hover:not(:disabled){background: var(--v4-paper);border-color:var(--v4-ink)}
.ev4-quiz__back:disabled{opacity:.36;cursor:not-allowed}
.ev4-quiz__nav .v4-button:disabled{opacity:.42;cursor:not-allowed}
.ev4-quiz__privacy{margin:16px 0 0;color:var(--dv4-ink-3);font-size:14px;line-height:1.45}
.ev4-quiz__noscript{color:var(--dv4-ink-2);line-height:1.55}

.ev4-result__hero{position:relative;padding-right:88px}
.ev4-result__level{position:absolute;top:0;right:0;color:#805b00;font:600 clamp(2.15rem,4vw,3.8rem)/1 var(--v4-mono);letter-spacing:-.06em}
.ev4-result__hero h3{max-width:22ch;margin:13px 0 0;font:700 clamp(1.65rem,3vw,2.85rem)/1.04 var(--v4-display);letter-spacing:var(--v4-display-tracking)}
.ev4-result__hero p{max-width:65ch;margin:16px 0 0;color:var(--dv4-ink-2);font-size:14px;line-height:1.62}
.ev4-result__section{margin-top:30px;padding-top:24px;border-top:1px solid var(--dv4-line)}
.ev4-result__eyebrow{display:block;margin-bottom:14px;color:#805b00;font:600 9.5px/1.2 var(--v4-mono);letter-spacing:.1em;text-transform:uppercase}
.ev4-result__gaps{display:grid;gap:8px}
.ev4-gap{padding:15px 16px;background: var(--v4-paper);border:1px solid var(--dv4-line);border-radius:2px;}
.ev4-gap__head{display:flex;justify-content:space-between;gap:18px}
.ev4-gap__head b{color:var(--v4-ink);font-size:14px;}
.ev4-gap__head span{color:#805b00;font:600 10px/1.2 var(--v4-mono)}
.ev4-gap p{margin:7px 0 0;color:var(--dv4-ink-2);font-size:14px;line-height:1.52}
.ev4-result__pains{display:flex;flex-wrap:wrap;gap:6px;margin:0;padding:0;list-style:none}
.ev4-result__pains li{padding:7px 9px;color:var(--dv4-ink-2);background: var(--v4-paper);border:1px solid var(--dv4-line);border-radius:2px;font-size:14px;line-height:1.25}
.ev4-result__plan{display:flex;flex-direction:column;gap:12px;counter-reset:plan;margin:0;padding:0;list-style:none}
.ev4-result__plan li{position:relative;padding-left:42px;color:var(--dv4-ink-2);font-size:14px;line-height:1.55;counter-increment:plan}
.ev4-result__plan li::before{content:counter(plan);position:absolute;top:0;left:0;width:26px;height:26px;display:grid;place-items:center;color:var(--v4-dark);background: var(--v4-gold);border-radius:50%;font:600 10px/1 var(--v4-mono)}
.ev4-result__plan b{display:block;margin-bottom:2px;color:var(--v4-ink);font-size:14px;}
.ev4-result__actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:30px}
.ev4-result__note{margin:17px 0 0;color:var(--dv4-ink-3);font-size:14px;line-height:1.48}

.ev4-level-guide{margin-top:22px;background: var(--dv4-surface);border:1px solid var(--dv4-line);border-radius:2px;}
.ev4-level-guide>summary{display:flex;justify-content:space-between;gap:24px;align-items:center;padding:20px 24px;cursor:pointer;list-style:none}
.ev4-level-guide>summary::-webkit-details-marker{display:none}
.ev4-level-guide>summary span{display:flex;flex-direction:column;gap:5px;color:var(--dv4-ink-2);font-size:14px;line-height:1.4}
.ev4-level-guide>summary b{color:var(--v4-ink);font:var(--v4-display-weight-card) 1rem/1.2 var(--v4-display)}
.ev4-level-guide>summary i{color:#805b00;font:400 1.6rem/1 var(--v4-mono);font-style:normal;transition:transform .2s ease}
.ev4-level-guide[open]>summary i{transform:rotate(45deg)}
.ev4-level-guide__body{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));border-top:1px solid var(--dv4-line)}
.ev4-level-guide article{padding:24px 18px;border-left:1px solid var(--dv4-line)}
.ev4-level-guide article:first-child{border-left:0}
.ev4-level-guide article>span{color:#805b00;font:600 9.5px/1.2 var(--v4-mono);letter-spacing:.06em;text-transform:uppercase}
.ev4-level-guide h3{margin:11px 0 18px;font:var(--v4-display-weight-card) .96rem/1.18 var(--v4-display);letter-spacing:var(--v4-display-tracking)}
.ev4-level-guide p{margin:11px 0 0;color:var(--dv4-ink-2);font-size:14px;line-height:1.52}
.ev4-level-guide p b{color:var(--v4-ink)}

@media (min-width:821px) and (max-height:850px){
  .ev4-hero .dv4-hero__inner{padding-block:52px 28px}
  .ev4-hero .dv4-breadcrumb{margin-bottom:20px}
  .ev4-hero .dv4-hero__lead{margin-top:18px}
  .ev4-hero .dv4-hero__actions{margin-top:24px}
  .ev4-directions{padding-block:24px}
  .ev4-direction{min-height:198px}
  .ev4-system,.ev4-maturity{padding-block:34px}
  .ev4-system .dv4-section__head{margin-bottom:22px}
  .ev4-system-map__side,.ev4-system-map__bridge{min-height:300px}
}

@media (max-width:1180px){
  .ev4-direction-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .ev4-direction-grid .ev4-direction:last-child{grid-column:span 1}
  .ev4-system-map{grid-template-columns:1fr 1fr}
  .ev4-system-map__bridge{grid-column:1/-1;min-height:0}
  .ev4-system-map__bridge strong{max-width:none}
  .ev4-level-guide__body{grid-template-columns:repeat(2,minmax(0,1fr))}
  .ev4-level-guide article{border-top:1px solid var(--dv4-line)}
  .ev4-level-guide article:nth-child(-n+2){border-top:0}
  .ev4-level-guide article:nth-child(odd){border-left:0}
}

@media (max-width:900px){
  .ev4-direction-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .ev4-direction-grid .ev4-direction:last-child{grid-column:span 2}
  .ev4-maturity__head{grid-template-columns:1fr;align-items:start}
  .ev4-maturity__head h2{max-width:16ch}
  .ev4-maturity__head p{margin-top:24px}
  .ev4-maturity__workspace{grid-template-columns:1fr}
  .ev4-profile{position:static;min-height:0;border-radius:2px;}
}

@media (max-width:620px){
  .ev4-hero .dv4-hero__media img{object-position:61% center;opacity:.58}
  .ev4-hero .dv4-hero__media::before{
    background:linear-gradient(90deg,rgba(13,11,9,.97),rgba(13,11,9,.68)),linear-gradient(0deg,var(--v4-dark),transparent 40%,rgba(13,11,9,.58))
  }
  .ev4-hero h1{font-size:clamp(2.35rem,12vw,3.55rem);}
  .ev4-direction-grid,.ev4-system-map{grid-template-columns:1fr}
  .ev4-direction-grid .ev4-direction:last-child{grid-column:span 1}
  .ev4-direction{min-height:0;padding:24px 20px}
  .ev4-direction__link{margin-top:18px}
  .ev4-system-map__side,.ev4-system-map__bridge{min-height:0}
  .ev4-system-map__bridge{grid-column:auto;order:-1}
  .ev4-maturity{padding-block:54px}
  .ev4-maturity__head{margin-bottom:28px}
  .ev4-maturity__head h2{font-size:clamp(2.35rem,11vw,3.45rem);}
  .ev4-maturity__workspace{border-radius:2px;}
  .ev4-profile,.ev4-quiz{padding:22px 16px}
  .ev4-profile{border-radius:2px;}
  .ev4-profile__head{padding-bottom:20px}
  .ev4-profile__scale,.ev4-profile__row{grid-template-columns:minmax(78px,1.3fr) repeat(5,minmax(16px,.5fr));gap:4px}
  .ev4-profile__map{gap:10px}
  .ev4-question__title{font-size:1.55rem;}
  .ev4-state-option{padding:12px 10px}
  .ev4-pain-list{grid-template-columns:1fr}
  .ev4-quiz__nav{align-items:stretch}
  .ev4-quiz__nav>*{flex:1}
  .ev4-result__hero{padding-right:0;padding-top:54px}
  .ev4-result__level{left:0;right:auto}
  .ev4-result__actions{display:grid;grid-template-columns:1fr}
  .ev4-level-guide>summary{padding:18px}
  .ev4-level-guide__body{grid-template-columns:1fr}
  .ev4-level-guide article,.ev4-level-guide article:nth-child(-n+2){border-top:1px solid var(--dv4-line);border-left:0}
  .ev4-level-guide article:first-child{border-top:0}
}

@media (prefers-reduced-motion:reduce){
  .ev4-direction,.ev4-direction::before,.ev4-profile__cell,.ev4-state-option,.ev4-pain-option span,.ev4-quiz__progress-track i,.ev4-level-guide>summary i{transition:none}
}
