/* ── Reset + Base (mirroring websitecarbon exactly) ── */
.veir-quiz-app *, .veir-quiz-app *::before, .veir-quiz-app *::after{box-sizing:border-box}
.veir-quiz-app{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#0a0c7a;color:#f5faf9;font-family:'Inter','system-ui',sans-serif;font-weight:400;line-height:1.35;scroll-behavior:smooth;font-size:16px}
.veir-quiz-app{margin:0;display:flex;flex-flow:column nowrap;min-height:100vh}
.veir-quiz-app h1, .veir-quiz-app h2, .veir-quiz-app h3, .veir-quiz-app h4{color:inherit;font-family:inherit;font-weight:700;line-height:1.3;margin-top:0;margin-bottom:10px}
.veir-quiz-app p{margin-top:0;margin-bottom:1.875rem}
.veir-quiz-app a{color:inherit;text-decoration:underline}
.veir-quiz-app a:hover{text-decoration:none}
.veir-quiz-app button{cursor:pointer;font-family:inherit}
.veir-quiz-app svg{max-height:100%;width:100%;vertical-align:middle}

/* ── Colours ── */
/* blue: #0a0c7a | white: #f5faf9 | green: #00ffbc | lightblue: #1519d3 | yellow: #ffec29 | red: #ff005b */

/* ── Layout ── */
.veir-quiz-app .container{margin-left:auto;margin-right:auto;max-width:1260px;width:100%}
@media(min-width:48em){}

/* ── Header ── */
.veir-quiz-app .header{background-color:#0a0c7a;color:#f5faf9}
.veir-quiz-app .header__container{margin-left:auto;margin-right:auto;max-width:1260px;padding:1rem 20px;display:flex;align-items:center;justify-content:space-between;border-bottom:3px solid #1519d3}
@media(min-width:48em){.veir-quiz-app .header__container{padding:30px 40px}}
.veir-quiz-app .header__logo{font-weight:700;font-size:1.1rem;text-decoration:none;letter-spacing:.02em}
.veir-quiz-app .header__nav{display:flex;gap:1.5rem;font-size:.9rem}
.veir-quiz-app .header__nav a{text-decoration:none}
.veir-quiz-app .header__nav a:hover{text-decoration:underline}

/* ── Progress bar ── */
.veir-quiz-app #progress-bar{height:4px;background:#00ffbc;width:0%;transition:width 0.5s ease;position:fixed;top:0;left:0;z-index:200}

/* ── Quiz shell ── */
.veir-quiz-app .quiz-shell{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:22px;padding:60px 20px 48px}
.veir-quiz-app #quiz-wrap{display:flex;align-items:center;justify-content:center;min-height:560px;position:relative;width:100%}

/* ── Slides ── */
.veir-quiz-app .slide{position:absolute;width:100%;max-width:720px;opacity:0;pointer-events:none;transform:translateY(40px);transition:opacity .32s ease,transform .32s ease}
.veir-quiz-app .slide.active{opacity:1;pointer-events:all;transform:translateY(0);position:relative}
.veir-quiz-app .slide.exit-up{opacity:0;transform:translateY(-40px);transition:opacity .2s ease,transform .2s ease}

/* ── Quiz step cards ── */
.veir-quiz-app .quiz-step{isolation:isolate;max-width:980px;min-height:470px;padding:68px clamp(36px,7vw,86px);position:absolute;color:#f5faf9;display:flex;flex-direction:column;justify-content:center}
.veir-quiz-app .quiz-step.active{position:relative}
.veir-quiz-app .quiz-step::before{content:'';position:absolute;inset:0;background:url(assets/blue-backgroundcard.svg) center / 100% 100% no-repeat;z-index:-1;pointer-events:none}
.veir-quiz-app .quiz-step--over::before{background-image:url(assets/over_a_year.svg)}
.veir-quiz-app .quiz-step--flip::before{transform:rotate(180deg)}
.veir-quiz-app .quiz-step--intro{max-width:1040px;min-height:540px}
.veir-quiz-app .quiz-step--stage{max-width:900px;min-height:430px;text-align:center}
.veir-quiz-app .quiz-step--stage .stage-trans{padding:0}
.veir-quiz-app .quiz-step--stage .st-body{max-width:560px}
.veir-quiz-app .quiz-step--question{max-width:940px;min-height:560px}
.veir-quiz-app .quiz-step--question .q-stage, .veir-quiz-app .quiz-step--question .q-num, .veir-quiz-app .quiz-step--question .q-text, .veir-quiz-app .quiz-step--question .q-hint, .veir-quiz-app .quiz-step--question .options{max-width:720px;width:100%;margin-left:auto;margin-right:auto}
.veir-quiz-app .quiz-step .option{background:rgba(10,12,122,.26);border-color:rgba(245,250,249,.16);backdrop-filter:blur(2px)}
.veir-quiz-app .quiz-step .option:hover{border-color:rgba(245,250,249,.34);background:rgba(10,12,122,.42)}
.veir-quiz-app .quiz-step .option.selected{border-color:#00ffbc;background:rgba(0,255,188,.14)}

@media(max-width:58em){
.veir-quiz-app .quiz-shell{gap:18px;padding:44px 16px 36px}
.veir-quiz-app #quiz-wrap{min-height:520px}
.veir-quiz-app .quiz-step{max-width:calc(100vw - 32px);min-height:0;padding:56px 34px 62px}
.veir-quiz-app .quiz-step--intro{min-height:500px}
.veir-quiz-app .quiz-step--stage{min-height:380px}
.veir-quiz-app .quiz-step--question{min-height:0}
}

@media(max-width:42em){
.veir-quiz-app .quiz-shell{gap:14px;padding:32px 16px 24px}
.veir-quiz-app #quiz-wrap{min-height:0}
.veir-quiz-app .quiz-step{max-width:100%;padding:42px 22px 48px}
.veir-quiz-app .quiz-step--intro{min-height:0}
.veir-quiz-app .quiz-step--stage{min-height:320px}
.veir-quiz-app .quiz-step--question .q-stage, .veir-quiz-app .quiz-step--question .q-num, .veir-quiz-app .quiz-step--question .q-text, .veir-quiz-app .quiz-step--question .q-hint, .veir-quiz-app .quiz-step--question .options{max-width:100%}
.veir-quiz-app .quiz-step .option{padding:13px 14px}
}

/* ── Result slide — scrollable ── */
.veir-quiz-app .result-slide{position:absolute;width:100%;max-width:1600px;opacity:0;pointer-events:none;transform:translateY(40px);transition:opacity .32s ease,transform .32s ease;max-height:calc(100vh - 140px);overflow-y:auto;padding:0 4px}
.veir-quiz-app .result-slide.active{opacity:1;pointer-events:all;transform:translateY(0);position:relative}
.veir-quiz-app .result-slide::-webkit-scrollbar{width:4px}
.veir-quiz-app .result-slide::-webkit-scrollbar-thumb{background:#1519d3;border-radius:2px}

/* ── Intro ── */
.veir-quiz-app .intro-eyebrow{font-size:.75rem;letter-spacing:.15em;text-transform:uppercase;color:#00ffbc;margin-bottom:1rem;font-weight:700}
.veir-quiz-app .intro-title{font-size:clamp(2rem,6vw,4.5rem);font-weight:700;line-height:1.1;margin-bottom:1.25rem;color:#f5faf9}
.veir-quiz-app .intro-title em{color:#ffec29;font-style:normal}
.veir-quiz-app .intro-body{font-size:1.1rem;color:rgba(245,250,249,.7);line-height:1.6;margin-bottom:.75rem;max-width:540px}
.veir-quiz-app .intro-meta{display:flex;gap:1.5rem;margin-top:1.5rem;flex-wrap:wrap}
.veir-quiz-app .meta-pill{font-size:.8rem;color:rgba(245,250,249,.5);display:flex;align-items:center;gap:6px}
.veir-quiz-app .meta-pill::before{content:'';display:block;width:6px;height:6px;border-radius:50%;background:#00ffbc;opacity:.6}
.veir-quiz-app .btn-start{display:inline-flex;align-items:center;gap:10px;background:#00ffbc;color:#0a0c7a;border:none;padding:15px 50px;border-radius:7px;font-size:1.1rem;font-weight:700;transition:box-shadow .2s ease;margin-top:2rem;text-decoration:none}
.veir-quiz-app .btn-start:hover{box-shadow:0 0 0 4px rgba(0,255,188,.4);color:#0a0c7a}

/* ── Stage transition ── */
.veir-quiz-app .stage-trans{text-align:center;padding:1rem 0 0}
.veir-quiz-app .st-eyebrow{display:flex;align-items:center;justify-content:center;margin-bottom:1.35rem;min-height:2.9rem}
.veir-quiz-app .st-title{font-size:clamp(1.85rem,4.6vw,3.1rem);font-weight:700;margin:0 auto 1rem;line-height:1.4;display:flex;flex-direction:column;align-items:center;gap:.2em}
.veir-quiz-app .st-title__lead{display:block}
.veir-quiz-app .st-body{font-size:1rem;color:rgba(245,250,249,.65);max-width:560px;margin:0 auto;line-height:1.6}
.veir-quiz-app .st-dot{width:8px;height:8px;border-radius:50%;display:inline-block}

/* ── Questions ── */
.veir-quiz-app .q-stage{display:flex;align-items:center;margin-bottom:1.05rem;opacity:1}
.veir-quiz-app .q-stage-dot{width:7px;height:7px;border-radius:50%;flex-shrink:0}
.veir-quiz-app .q-num{font-size:.7rem;letter-spacing:.15em;text-transform:uppercase;color:#00ffbc;margin-bottom:.6rem;font-weight:700;opacity:.8}
.veir-quiz-app .q-text{font-size:clamp(1.2rem,3vw,1.8rem);font-weight:700;line-height:1.25;margin-bottom:.6rem;color:#f5faf9}
.veir-quiz-app .q-hint{font-size:.875rem;color:rgba(245,250,249,.55);margin-bottom:1.5rem;line-height:1.6;font-style:italic}

/* ── Text highlighter ── */
.veir-quiz-app .marker-highlight{position:relative;display:inline-flex;align-items:center;justify-content:center;padding:.14em .44em .18em;color:#0a0c7a;font-weight:700;line-height:1;isolation:isolate}
.veir-quiz-app .marker-highlight__shape{position:absolute;top:var(--marker-top,-.16em);left:var(--marker-left,-.16em);width:calc(100% - var(--marker-left,-.16em) - var(--marker-right,-.16em));height:calc(100% - var(--marker-top,-.16em) - var(--marker-bottom,-.12em));max-height:none;max-width:none;fill:var(--marker-color,#00ffbc);transform:rotate(var(--marker-rotate,0deg)) scale(var(--marker-scale-x,1),var(--marker-scale-y,1));transform-origin:center;z-index:-1;pointer-events:none}
.veir-quiz-app .marker-highlight__text{position:relative;z-index:1}
.veir-quiz-app .marker-highlight--label{font-size:clamp(1rem,2vw,1.25rem);letter-spacing:.06em;padding:.28em .78em .34em}
.veir-quiz-app .marker-highlight--step{font-size:.8rem;letter-spacing:.08em;padding:.22em .64em .28em}
.veir-quiz-app .marker-highlight--headline{padding:.08em .32em .14em}
.veir-quiz-app .marker-highlight--result-chip{padding:.18em .5em .24em;vertical-align:middle}
.veir-quiz-app .marker-highlight--result-inline{padding:.1em .42em .16em;vertical-align:baseline}
.veir-quiz-app .marker-highlight--inline{padding:.12em .38em .16em}

@media(max-width:42em){
.veir-quiz-app .st-title{gap:.16em;line-height:1.08}
.veir-quiz-app .marker-highlight--label{font-size:.92rem}
.veir-quiz-app .marker-highlight--step{font-size:.74rem}
.veir-quiz-app .marker-highlight--headline{padding:.1em .28em .15em}
.veir-quiz-app .marker-highlight--result-chip{padding:.16em .46em .22em}
}

/* ── Options ── */
.veir-quiz-app .options{display:flex;flex-direction:column;gap:.6rem}
.veir-quiz-app .option{display:flex;align-items:center;gap:.9rem;padding:14px 18px;background:rgba(21,25,211,.25);border:1px solid rgba(245,250,249,.12);border-radius:7px;cursor:pointer;transition:all .16s ease;user-select:none;-webkit-tap-highlight-color:transparent}
.veir-quiz-app .option:hover{border-color:rgba(245,250,249,.3);background:rgba(21,25,211,.45);transform:translateX(4px)}
.veir-quiz-app .option.selected{border-color:#00ffbc;background:rgba(0,255,188,.12)}
.veir-quiz-app .opt-key{width:28px;height:28px;border-radius:5px;border:1px solid rgba(245,250,249,.2);display:flex;align-items:center;justify-content:center;font-size:.7rem;font-weight:700;color:rgba(245,250,249,.5);flex-shrink:0;transition:all .16s ease}
.veir-quiz-app .option.selected .opt-key{background:#00ffbc;border-color:#00ffbc;color:#0a0c7a}
.veir-quiz-app .opt-text{font-size:.95rem;color:#f5faf9;line-height:1.4}
.veir-quiz-app .option.selected .opt-text{color:#00ffbc}

/* ── Lead form gate ── */
.veir-quiz-app .lead-slide{max-width:980px;padding:0 20px}
.veir-quiz-app .lead-card{isolation:isolate;position:relative;width:100%;min-height:430px;padding:64px clamp(28px,7vw,86px);display:flex;align-items:center;color:#f5faf9}
.veir-quiz-app .lead-card::before{content:'';position:absolute;inset:0;background:url(assets/blue-backgroundcard.svg) center / 100% 100% no-repeat;z-index:-1;transform:rotate(180deg)}
.veir-quiz-app .lead-card__content{max-width:760px;width:100%;margin:0 auto}
.veir-quiz-app .lead-card__eyebrow{font-size:clamp(.95rem,1.25vw,1.25rem);line-height:1.35;color:#f5faf9;margin-bottom:24px}
.veir-quiz-app .lead-card__heading{font-size:clamp(2.1rem,6vw,4.2rem);font-weight:700;line-height:1.02;margin-bottom:22px;color:#f5faf9;letter-spacing:0}
.veir-quiz-app .lead-card__body{font-size:1.05rem;color:rgba(245,250,249,.72);line-height:1.55;margin-bottom:28px;max-width:520px}
.veir-quiz-app .lead-gravity-form{width:100%}
.veir-quiz-app .lead-gravity-form .gform_wrapper{margin:0;max-width:none}
.veir-quiz-app .lead-gravity-form .gform_heading{margin-bottom:20px}
.veir-quiz-app .lead-gravity-form .gform_title{font-size:1rem;line-height:1.35;color:#f5faf9;margin-bottom:8px}
.veir-quiz-app .lead-gravity-form .gform_description{font-size:.95rem;color:rgba(245,250,249,.68)}
.veir-quiz-app .lead-gravity-form .gform_fields{row-gap:16px}
.veir-quiz-app .lead-gravity-form .gfield_label{font-size:.78rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:rgba(245,250,249,.7);margin-bottom:8px}
.veir-quiz-app .lead-gravity-form input:not([type=hidden]):not([type=submit]),
.veir-quiz-app .lead-gravity-form textarea,
.veir-quiz-app .lead-gravity-form select{width:100%;min-height:54px;border-radius:7px;border:1px solid rgba(245,250,249,.18);background:rgba(10,12,122,.35);color:#f5faf9;font:inherit;font-size:1rem;font-weight:400;letter-spacing:0;padding:14px 16px;outline:none;transition:border-color .16s ease,box-shadow .16s ease,background .16s ease}
.veir-quiz-app .lead-gravity-form input:not([type=hidden]):not([type=submit]):focus,
.veir-quiz-app .lead-gravity-form textarea:focus,
.veir-quiz-app .lead-gravity-form select:focus{border-color:#00ffbc;background:rgba(10,12,122,.5);box-shadow:0 0 0 4px rgba(0,255,188,.16)}
.veir-quiz-app .lead-gravity-form .gform_validation_errors,
.veir-quiz-app .lead-gravity-form .validation_message{background:rgba(255,0,91,.16);border:1px solid rgba(255,0,91,.32);border-radius:7px;color:#f5faf9;padding:12px 14px}
.veir-quiz-app .lead-gravity-form .gfield_error [aria-invalid=true]{border-color:#ff005b}
.veir-quiz-app .lead-gravity-form .gform_footer,
.veir-quiz-app .lead-gravity-form .gform_page_footer{margin-top:22px;padding:0}
.veir-quiz-app .lead-gravity-form .gform_button,
.veir-quiz-app .lead-gravity-form button[type=submit]{display:inline-flex;align-items:center;justify-content:center;gap:10px;background:#00ffbc;color:#0a0c7a;border:none;padding:16px 42px;border-radius:7px;font-size:1rem;font-weight:700;transition:box-shadow .2s ease;text-decoration:none}
.veir-quiz-app .lead-gravity-form .gform_button:hover,
.veir-quiz-app .lead-gravity-form button[type=submit]:hover{box-shadow:0 0 0 4px rgba(0,255,188,.35);color:#0a0c7a}
.veir-quiz-app .veir-gravity-form-error{background:rgba(255,0,91,.16);border:1px solid rgba(255,0,91,.32);border-radius:7px;color:#f5faf9;padding:16px 18px}
.veir-quiz-app .lead-error{min-height:22px;margin:4px 0 18px;color:#ffec29;font-size:.9rem;font-weight:700}

@media(max-width:42em){
.veir-quiz-app .lead-slide{padding:0}
.veir-quiz-app .lead-card{min-height:0;padding:52px 24px 60px}
.veir-quiz-app .lead-card__heading{font-size:clamp(2rem,11vw,3rem);line-height:1.12}
.veir-quiz-app .lead-gravity-form .gform_button,
.veir-quiz-app .lead-gravity-form button[type=submit]{justify-content:center;width:100%;padding:16px 24px}
}

/* ── Nav bar ── */
.veir-quiz-app #nav{display:flex;align-items:center;justify-content:space-between;gap:18px;width:min(940px,100%);padding:0 10px 0 6px;z-index:50}
.veir-quiz-app .nav-hint{font-size:.75rem;color:rgba(245,250,249,.3)}
.veir-quiz-app .nav-hint kbd{font-family:inherit;background:rgba(21,25,211,.4);border:1px solid rgba(245,250,249,.15);border-radius:4px;padding:1px 6px;font-size:.7rem;color:rgba(245,250,249,.5)}
.veir-quiz-app .btn-next{display:flex;align-items:center;justify-content:center;gap:8px;min-width:210px;background:#00ffbc;color:#0a0c7a;border:none;padding:14px 30px;border-radius:7px;font-size:.85rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;transition:all .16s ease;opacity:.3;pointer-events:none}
.veir-quiz-app .btn-next.ready{opacity:1;pointer-events:all}
.veir-quiz-app .btn-next.ready:hover{box-shadow:0 0 0 4px rgba(0,255,188,.35)}

@media(max-width:42em){
.veir-quiz-app #nav{max-width:100%;flex-direction:column;align-items:stretch;padding:0}
.veir-quiz-app .nav-hint{text-align:center}
.veir-quiz-app .btn-next{min-width:0;width:100%}
}

/* ═══════════════════════════════════════
   RESULT PAGE — exact websitecarbon DNA
═══════════════════════════════════════ */

/* Result wrap — full-width scroll page */
.veir-quiz-app .result-wrap{padding-bottom:60px}
.veir-quiz-app .result-wrap.container{max-width:1180px}

/* ── Summary hero ── */
.veir-quiz-app .report-summary{
    --grade-accent: #faf60a;
    --grade-marker: 37.4%;
    isolation: isolate;
    margin: 0 auto 60px;
    padding: 47px;
    position: relative;
    display: flex;
    column-gap: 45px;
    align-items: start;
    min-height: 623px;
}
.veir-quiz-app .report-summary::before{
    content: '';
    position: absolute;
    inset: 0;
    background: url(assets/blue-backgroundcard.svg) center / 100% 100% no-repeat;
    z-index: -1;
    transform: rotate(180deg);
}

.veir-quiz-app .report-summary__badge-wrap{
    margin-top: 64px;
    max-width: 16%;
  }
.veir-quiz-app .report-summary__content{max-width:79%;}
.veir-quiz-app .report-summary__eyebrow{font-size:clamp(.95rem,1.25vw,1.35rem);line-height:1.35;color:#f5faf9;margin-bottom:31px}
.veir-quiz-app .report-summary__heading{
    font-size: calc(1.5rem + 2.85714vw);
    font-weight: 700;
    line-height: 1;
    margin-bottom: 28px;
    margin-top: 0;
    color: #f5faf9;
    letter-spacing: 0;
}

.veir-quiz-app .report-summary__heading em{font-style:normal}
.veir-quiz-app .report-summary__sub{
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 26px;
    color: #f5faf9;
}
.veir-quiz-app .report-summary__sub strong{color:#0a0c7a}
.veir-quiz-app .report-summary__meta{font-size:1rem;font-weight:700;color:rgba(245,250,249,.72);margin-bottom:26px}
.veir-quiz-app .report-summary__link, .veir-quiz-app .report-summary__date{font-size:clamp(.95rem,1.15vw,1.25rem);color:#f5faf9;margin-bottom:28px}
.veir-quiz-app .report-summary__date{margin-bottom:0}
.veir-quiz-app .report-summary__link a{text-decoration:underline;text-underline-offset:2px}
.veir-quiz-app .report-summary__cta{margin-top:28px}

.veir-quiz-app .result-grade{
    aspect-ratio: 193 / 179;
    color: #0a0c7a;
    display: grid;
    font-weight: 700;
    line-height: 1;
    place-items: center;
    position: relative;
    margin-right: 0;
    width: 157px;
}
.veir-quiz-app .result-grade__shape{
    fill:var(--grade-accent);
    height:100%;
    inset:0;    
    position: absolute;
    width: 100%;
    z-index: 0;
    left: 16px;
  }
.veir-quiz-app .result-grade span{
    font-size: clamp(5.5rem, 9vw, 6.25rem);
    position: relative;
    transform: translateY(-.02em);
    z-index: 1;
    text-align: center;
    left: 18px;
    top: 6px;
}
.veir-quiz-app .result-percent{display:inline-flex;align-items:center;justify-content:center;color:#0a0c7a;line-height:1;margin:0 .1em;min-width:3.15em;padding:.14em .32em;position:relative}
.veir-quiz-app .result-percent__shape{
    fill: var(--grade-accent);
    inset: -.17em -.24em;
    bottom: -.1em;
    height: calc(100% + .2em);
    left: 0;
    max-height: none;
    position: absolute;
    right: 0;
    top: -.1em;
    width: 100%;
    z-index: -1;
}
.veir-quiz-app .result-percent span{position:relative;z-index:1}

.veir-quiz-app .summary-copy{position:absolute;right:clamp(54px,8vw,150px);bottom:clamp(64px,7vw,104px);display:inline-flex;align-items:center;gap:14px;background:#00ffbc;color:#0a0c7a;border:none;border-radius:7px;font-size:clamp(1rem,1.25vw,1.35rem);font-weight:700;line-height:1;padding:20px 32px;text-decoration:none}
.veir-quiz-app .summary-copy:hover{box-shadow:0 0 0 4px rgba(0,255,188,.35)}
.veir-quiz-app .summary-copy__icon{display:block;height:30px;position:relative;width:30px}
.veir-quiz-app .summary-copy__icon::before, .veir-quiz-app .summary-copy__icon::after{border:3px solid #0a0c7a;content:'';height:24px;position:absolute;width:24px}
.veir-quiz-app .summary-copy__icon::before{left:0;top:6px}
.veir-quiz-app .summary-copy__icon::after{background:#00ffbc;left:8px;top:0}

/* ── Grade bar ── */
.veir-quiz-app .grading-bar-wrap{
    margin: 30px 0 30px;
}
.veir-quiz-app .grading-bar{position:relative;width:100%}
.veir-quiz-app .grading-bar__asset{display:block;height:auto;width:100%}
.veir-quiz-app .grading-bar__marker{position:absolute;top:59.5%;left:var(--grade-marker);transform:translate(-50%,-50%);width:clamp(48px,5.2vw,64px);height:clamp(48px,5.2vw,64px);border-radius:50%;background:#f5faf9;display:flex;align-items:center;justify-content:center;font-size:clamp(1.35rem,2vw,1.8rem);font-weight:700;color:#0a0c7a;z-index:2;transition:left 1.2s cubic-bezier(.4,0,.2,1) .4s}

@media(max-width:58em){
.veir-quiz-app .report-summary{
        min-height: 0;
        padding: 80px 20px 80px;
        row-gap: 18px;
    }
.veir-quiz-app .report-summary__badge-wrap{
        margin-bottom: 4px;
        margin-top: 40px;
      }
.veir-quiz-app .report-summary__heading{font-size: calc(1.5rem + 2.85714vw)}
.veir-quiz-app .grading-bar-wrap{margin:28px 0 36px}
.veir-quiz-app .summary-copy{bottom:auto;left:auto;margin-top:32px;position:relative;right:auto}
}
@media(max-width:42em){
.veir-quiz-app .result-slide{max-height:calc(100vh - 96px)}
.veir-quiz-app .report-summary{
        padding: 44px 22px 54px;
        flex-direction: column;
        align-items: center;
    }
.veir-quiz-app .report-summary__eyebrow{margin-bottom:18px}
.veir-quiz-app .report-summary__heading{font-size:clamp(2.1rem,12.5vw,3.25rem);line-height:1.15;margin-bottom:20px}
.veir-quiz-app .report-summary__sub{line-height:1.45}
.veir-quiz-app .result-grade{width:118px}
.veir-quiz-app .result-grade span{font-size:5.3rem}
.veir-quiz-app .grading-bar__marker{height:44px;width:44px}
.veir-quiz-app .summary-copy{justify-content:center;padding:18px 24px;width:100%}
}

/* ── Carbon-style highlight pill ── */
.veir-quiz-app .highlight{color:#1519d3;display:inline-block;padding-left:.3em;padding-right:.3em;position:relative;z-index:0}
.veir-quiz-app .highlight>svg{fill:#f5faf9;bottom:-.1em;height:calc(100% + .2em);left:0;max-height:none;position:absolute;top:-.1em;width:100%;z-index:-1}
.veir-quiz-app .highlight--green>svg{fill:#00ffbc}

/* ── Section dividers (websitecarbon .section) ── */
.veir-quiz-app .section{margin-top:60px;margin-bottom:60px;position:relative}
.veir-quiz-app .section--background{padding:50px 30px;border-radius:12px}
@media(min-width:48em){.veir-quiz-app .section--background{padding:60px 60px}}
.veir-quiz-app .section__heading{font-size:clamp(1.5rem,3.5vw,2.5rem);font-weight:700;line-height:1.3;margin-bottom:20px;margin-top:0;position:relative;display:block}
.veir-quiz-app .section__content{display:block;line-height:1.6}
.veir-quiz-app .result-story{border-radius:18px;overflow:hidden}
.veir-quiz-app .result-story__eyebrow{display:flex;align-items:center;flex-wrap:wrap;gap:.45em;font-size:.9rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:rgba(245,250,249,.7);margin-bottom:16px}
.veir-quiz-app .result-story__heading{max-width:24ch}
.veir-quiz-app .result-copy{max-width:660px;margin-bottom:40px}
.veir-quiz-app .result-copy p:last-child{margin-bottom:0}

/* ── Stats (websitecarbon .stat style) ── */
.veir-quiz-app .stat{
  display: flex;
  flex-flow: row nowrap;
  margin-bottom: 20px;
  margin-top: 20px;
  max-width: 513px;
  align-items: flex-start;
}
.veir-quiz-app .stat:nth-child(even){align-self:flex-end;margin-left:auto}
.veir-quiz-app .stat .media__asset{display:none;flex:0 0 15%;margin-right:50px;max-width:108px}
@media(min-width:48em){.veir-quiz-app .stat .media__asset{display:block}}
.veir-quiz-app .stat .media__content{margin-left:20px;flex:1}
@media(min-width:48em){.veir-quiz-app .stat .media__content{margin-left:0}}
.veir-quiz-app .stat__heading{font-size:clamp(1.5rem,3vw,2.5rem);font-weight:700;line-height:1.35;margin-bottom:12px;margin-top:0}
.veir-quiz-app .stat p{font-size:clamp(1.1rem,2vw,1.5rem);font-weight:700;line-height:1.4;margin-top:0;margin-bottom:10px;max-width:14em}
.veir-quiz-app .stat__number{transition:opacity .15s ease-out}
.veir-quiz-app .stat__metric{font-weight:700}

/* ── Pageviews control (exact websitecarbon) ── */
.veir-quiz-app .report-stats{display:flex;flex-flow:column nowrap}
.veir-quiz-app .report-stats .section__heading{font-size:clamp(1.5rem,3.5vw,2.8rem)}
.veir-quiz-app .pageviews-control{display:block;font-size:clamp(1.5rem,3.5vw,2.8rem);font-weight:700;line-height:1.3;margin-bottom:20px;margin-top:0}
.veir-quiz-app .pageviews-control__container{align-items:center;display:flex;flex-wrap:wrap;gap:.3em}
.veir-quiz-app .pageviews-control__buttons{display:inline-flex;flex-direction:column;gap:4px}
.veir-quiz-app .pageviews-control__buttons button{background:transparent;border:0;padding:0;display:block;line-height:0}
.veir-quiz-app .pageviews-control__buttons button:hover svg path:last-child{fill:#000}
.veir-quiz-app .pageviews-control__buttons svg{height:20px;width:20px}
@media(min-width:48em){.veir-quiz-app .pageviews-control__buttons svg{height:32px;width:32px}}
.veir-quiz-app .pageviews-control .highlight{color:#1519d3;display:inline-flex;align-items:center;padding:.1em .3em;margin:0 .15em}
.veir-quiz-app .pc-amount{padding:0;font-weight:700;outline:none;background:none;color:inherit;font-size:inherit;font-family:inherit;border:none;cursor:text;min-width:2em}

/* ── Stage scorecard grid ── */
.veir-quiz-app .stage-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin-bottom:38px}
@media(min-width:48em){.veir-quiz-app .stage-grid{grid-template-columns:repeat(4,1fr)}}
.veir-quiz-app .stage-card{position:relative;isolation:isolate;overflow:hidden;background:linear-gradient(180deg,rgba(37,41,195,.46),rgba(21,25,211,.22));border:1px solid rgba(245,250,249,.1);border-radius:18px;padding:20px 18px 22px;text-align:left;min-height:176px;display:flex;flex-direction:column;justify-content:flex-end;box-shadow:inset 0 1px 0 rgba(245,250,249,.05)}
.veir-quiz-app .stage-card::before{content:'';position:absolute;left:18px;right:18px;top:18px;height:4px;border-radius:999px;background:var(--stage-color);opacity:.92}
.veir-quiz-app .stage-card__shape{position:absolute;top:18px;right:14px;width:96px;height:96px;max-height:none;object-fit:fill;opacity:.08;z-index:-1;pointer-events:none;transform:rotate(12deg)}
.veir-quiz-app .stage-card:nth-child(even) .stage-card__shape{top:auto;right:12px;bottom:10px;transform:rotate(-10deg)}
.veir-quiz-app .stage-card.is-weakest{border-color:var(--stage-color);box-shadow:0 0 0 1px var(--stage-color),inset 0 1px 0 rgba(245,250,249,.06)}
.veir-quiz-app .stage-card.is-weakest .stage-card__shape{opacity:.12}
.veir-quiz-app .sc-label{font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;color:var(--stage-color);margin:30px 0 18px;font-weight:700;line-height:1.25;max-width:12ch;min-height:2.6em}
.veir-quiz-app .sc-bar-track{height:6px;background:rgba(245,250,249,.1);border-radius:999px;margin-bottom:18px;overflow:hidden}
.veir-quiz-app .sc-bar-fill{height:100%;border-radius:999px;transition:width 1s ease .3s;box-shadow:0 0 14px rgba(245,250,249,.18)}
.veir-quiz-app .sc-value{font-size:2.2rem;font-weight:700;color:#f5faf9;line-height:1;display:flex;align-items:flex-end;gap:4px}
.veir-quiz-app .sc-denom{font-size:.92rem;color:rgba(245,250,249,.42);font-weight:700;margin-bottom:.12em}
.veir-quiz-app .stage-card.is-weakest .sc-value{color:var(--stage-color)}

/* ── Weakest stage callout ── */
.veir-quiz-app .weakest-callout{background:rgba(21,25,211,.28);border:1px solid rgba(245,250,249,.12);border-radius:18px;padding:18px 22px;display:flex;align-items:stretch;gap:16px;margin-bottom:34px}
.veir-quiz-app .weakest-callout__accent{width:4px;border-radius:999px;background:var(--weak-color);box-shadow:0 0 22px var(--weak-color);flex-shrink:0}
.veir-quiz-app .weakest-label{font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;color:var(--weak-color);font-weight:700;margin-bottom:10px;opacity:.96}
.veir-quiz-app .weakest-text{font-size:1rem;line-height:1.6;color:#f5faf9;max-width:58ch}

@media(max-width:42em){
.veir-quiz-app .result-story__eyebrow{font-size:.82rem;gap:.35em}
.veir-quiz-app .stage-grid{gap:12px}
.veir-quiz-app .stage-card{min-height:158px;padding:18px 16px 20px}
.veir-quiz-app .stage-card::before{left:16px;right:16px;top:16px}
.veir-quiz-app .stage-card__shape{width:78px;height:78px}
.veir-quiz-app .sc-label{margin:26px 0 16px;max-width:none;min-height:2.8em}
.veir-quiz-app .sc-value{font-size:1.95rem}
.veir-quiz-app .weakest-callout{padding:16px 18px}
}

/* ── Pipeline calculator ── */
.veir-quiz-app .report-stats-section{
  isolation: isolate;
  position: relative;
  max-width: 1180px;
  margin: 56px auto 0;
  padding: 92px clamp(42px, 8vw, 118px) 96px;
  color: #f5faf9;
}
.veir-quiz-app .report-stats-section::before{content:'';position:absolute;inset:0;background:url(assets/over_a_year.svg) center / 100% 100% no-repeat;z-index:-1}
.veir-quiz-app .report-stats-section .report-stats{display:flex;flex-flow:column nowrap}
.veir-quiz-app .report-stats-section .report-stats--heading{margin-bottom:58px}
.veir-quiz-app .report-stats-section .pageviews-control{
  font-size: calc(1.5rem + 2.85714vw);
  font-weight: 700;
  line-height: 1.24;
  margin: 0;
  color: #f5faf9;
}
.veir-quiz-app .report-stats-section .pageviews-control__container{display:inline-flex;align-items:center;flex-wrap:nowrap;gap:.28em;vertical-align:middle}
.veir-quiz-app .report-stats-section .pageviews-control__buttons{display:inline-flex;flex-direction:column;gap:4px;margin-right:.05em}
.veir-quiz-app .report-stats-section .pageviews-control__buttons button{background:transparent;border:0;padding:0;display:block;line-height:0}
.veir-quiz-app .report-stats-section .pageviews-control__buttons button:hover svg path:last-child{fill:#1519d3}
.veir-quiz-app .report-stats-section .pageviews-control__buttons svg{height:28px;width:28px}
.veir-quiz-app .report-stats-section .pageviews-control .highlight{color:#1519d3;display:inline-flex;align-items:center;line-height:1;padding:.08em .28em;margin:0 .05em}
.veir-quiz-app .report-stats-section .pc-amount{padding:0;font-weight:700;outline:none;background:none;color:inherit;font-size:inherit;font-family:inherit;border:none;cursor:text;min-width:2em}
.veir-quiz-app .report-stats-section .stat{
  display: flex;
  column-gap: 48px;
  align-items: center;
}
.veir-quiz-app .report-stats-section .stat:nth-child(even){align-self:flex-end;margin-left:auto}
.veir-quiz-app .report-stats-section .stat .media__asset{display:flex;align-items:center;justify-content:center;flex:0 0 auto;margin:0;max-width:none;width:122px;height:106px}
.veir-quiz-app .report-stats-section .stat .media__asset svg{width:100%;height:auto;max-height:none}
.veir-quiz-app .report-stats-section .stat .media__asset img{
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
  filter: invert(1) brightness(16);
}
.veir-quiz-app .report-stats-section .media__asset--png{width:122px;height:106px}
.veir-quiz-app .report-stats-section .stat .media__content{margin:0;flex:1}
.veir-quiz-app .report-stats-section .stat__heading{font-size:clamp(2rem,3.2vw,3.1rem);font-weight:700;line-height:1.18;margin:0 0 16px;color:#f5faf9}
.veir-quiz-app .report-stats-section .stat__metric{font-weight:700}
.veir-quiz-app .report-stats-section .stat p{font-size:clamp(1.05rem,1.55vw,1.35rem);font-weight:700;line-height:1.36;margin:0;max-width:18em;color:#f5faf9}
.veir-quiz-app .report-stats-section .stat__number{transition:opacity .15s ease-out}
.veir-quiz-app .over-year-uplift{margin-top:6px;padding:30px 0 8px;border-top:1px solid rgba(245,250,249,.18)}
.veir-quiz-app .over-year-uplift__label{font-size:.85rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#00ffbc;margin-bottom:18px}
.veir-quiz-app .over-year-uplift__grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.veir-quiz-app .over-year-uplift__number{font-size:clamp(1.6rem,2.8vw,2.4rem);font-weight:700;color:#00ffbc;margin-bottom:6px}
.veir-quiz-app .over-year-uplift__copy{font-size:.95rem;font-weight:700;line-height:1.35;color:rgba(245,250,249,.72)}
.veir-quiz-app .over-year-adjust{margin-top:34px;padding-top:28px;border-top:1px solid rgba(245,250,249,.18)}
.veir-quiz-app .over-year-adjust__label{font-size:.8rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:rgba(245,250,249,.62);margin-bottom:20px}
.veir-quiz-app .calc-controls{display:flex;flex-direction:column;gap:20px;margin-bottom:0}
.veir-quiz-app .calc-control label{display:flex;justify-content:space-between;align-items:center;font-size:.8rem;font-weight:700;margin-bottom:8px;color:rgba(245,250,249,.72);letter-spacing:.04em;text-transform:uppercase}
.veir-quiz-app .calc-control .cv{color:#00ffbc;font-size:.9rem}
.veir-quiz-app input[type=range]{width:100%;-webkit-appearance:none;appearance:none;height:4px;border-radius:2px;background:rgba(245,250,249,.24);outline:none;cursor:pointer}
.veir-quiz-app input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:20px;height:20px;border-radius:50%;background:#00ffbc;cursor:pointer;border:3px solid #1519d3;transition:transform .15s ease}
.veir-quiz-app input[type=range]::-webkit-slider-thumb:hover{transform:scale(1.25)}
.veir-quiz-app input[type=range]::-moz-range-thumb{width:20px;height:20px;border-radius:50%;background:#00ffbc;cursor:pointer;border:3px solid #1519d3}

@media(max-width:58em){
.veir-quiz-app .report-stats-section{padding:72px 36px 78px}
.veir-quiz-app .report-stats-section .stat{grid-template-columns:94px minmax(0,1fr);column-gap:30px;max-width:100%;margin-bottom:54px}
.veir-quiz-app .report-stats-section .stat:nth-child(even){align-self:auto;margin-left:0}
.veir-quiz-app .report-stats-section .stat .media__asset{width:104px;height:92px}
}

@media(max-width:42em){
.veir-quiz-app .report-stats-section{margin-top:44px;padding:54px 24px 62px}
.veir-quiz-app .report-stats-section .report-stats--heading{margin-bottom:42px}
.veir-quiz-app .report-stats-section .pageviews-control{font-size:clamp(2rem,10vw,3rem)}
.veir-quiz-app .report-stats-section .pageviews-control__container{gap:.18em}
.veir-quiz-app .report-stats-section .pageviews-control__buttons svg{height:22px;width:22px}
.veir-quiz-app .report-stats-section .stat{grid-template-columns:1fr;row-gap:16px;text-align:left;margin-bottom:44px}
.veir-quiz-app .report-stats-section .stat .media__asset{justify-content:flex-start;width:96px;height:84px}
.veir-quiz-app .report-stats-section .stat__heading{font-size:clamp(1.75rem,8vw,2.3rem)}
.veir-quiz-app .over-year-uplift__grid{grid-template-columns:1fr}
}

/* ── Take action section ── */
.veir-quiz-app .website-actions{margin-top:80px;text-align:left}
.veir-quiz-app .website-actions .section__header{margin-bottom:64px}
.veir-quiz-app .website-actions .section__heading{font-size:clamp(2.4rem,5vw,4rem);line-height:1.1;margin-bottom:12px}
.veir-quiz-app .website-actions__sub{font-size:clamp(1.6rem,3.3vw,3rem);font-weight:700;line-height:1.12;color:#f5faf9;margin:0}
.veir-quiz-app .website-actions__actions{display:grid;gap:28px;grid-template-columns:1fr;align-items:stretch}
@media(min-width:58em){.veir-quiz-app .website-actions__actions{grid-template-columns:repeat(2,minmax(320px,430px));justify-content:center}}
.veir-quiz-app .website-action{position:relative;isolation:isolate;min-height:344px;padding:0;display:grid;place-items:center;color:#1519d3;text-align:center}
.veir-quiz-app .website-action__shape{position:absolute;inset:0;width:100%;height:100%;max-height:none;object-fit:fill;z-index:-1;pointer-events:none}
.veir-quiz-app .website-action__content{width:100%;min-height:344px;padding:58px 38px 46px;display:flex;flex-direction:column;align-items:center;justify-content:center}
.veir-quiz-app .website-action h3{font-size:clamp(2rem,2.8vw,3.25rem);font-weight:700;line-height:1.18;margin:0 0 34px;color:inherit;letter-spacing:0}
.veir-quiz-app .website-action__link{font-size:clamp(1.05rem,1.45vw,1.4rem);font-weight:400;color:#0a0c7a;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:12px;margin-top:auto}
.veir-quiz-app .website-action__link:hover{text-decoration:none;color:#0a0c7a}
.veir-quiz-app .website-action__link span[aria-hidden="true"]{font-size:1.25em;line-height:1;transform:translateY(-1px)}

@media(max-width:57.99em){
.veir-quiz-app .website-actions .section__header{margin-bottom:36px}
.veir-quiz-app .website-action{max-width:430px;margin:0 auto;width:100%}
}

@media(max-width:42em){
.veir-quiz-app .website-actions{margin-top:64px}
.veir-quiz-app .website-actions__actions{gap:20px}
.veir-quiz-app .website-action{min-height:310px}
.veir-quiz-app .website-action__content{min-height:310px;padding:46px 30px 38px}
.veir-quiz-app .website-action h3{font-size:clamp(1.75rem,9vw,2.6rem);margin-bottom:28px}
.veir-quiz-app .website-action__icon{width:72px;height:72px}
}

/* ── CTA book section ── */
.veir-quiz-app .test-another{text-align:center;margin-top:60px;padding:60px 30px;background:rgba(21,25,211,.3);border-radius:12px;border:1px solid rgba(21,25,211,.5)}
.veir-quiz-app .test-another .section__heading{font-size:clamp(1.6rem,4vw,3rem);max-width:760px;margin:0 auto 30px}
.veir-quiz-app .btn-cta{display:inline-flex;align-items:center;gap:10px;background:#00ffbc;color:#0a0c7a;border:none;padding:18px 50px;border-radius:7px;font-size:1.1rem;font-weight:700;cursor:pointer;transition:box-shadow .2s ease;text-decoration:none}
.veir-quiz-app .btn-cta:hover{box-shadow:0 0 0 4px rgba(0,255,188,.4);color:#0a0c7a}

/* ── Confetti ── */
.veir-quiz-app #confetti-canvas{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:300}

/* ── Footer ── */
.veir-quiz-app .footer{padding:30px 0;margin-top:auto}
.veir-quiz-app .footer__container{margin:0 auto;max-width:1260px;padding:0 20px;display:flex;justify-content:space-between;align-items:flex-end;flex-wrap:wrap;gap:16px}
@media(min-width:48em){.veir-quiz-app .footer__container{padding:0 40px}}
.veir-quiz-app .footer__menu{display:flex;gap:1.2rem}
.veir-quiz-app .footer__menu a{text-decoration:none;font-size:.9rem}
.veir-quiz-app .footer__menu a:hover{text-decoration:underline}
.veir-quiz-app .footer__address{font-size:.8rem;color:rgba(245,250,249,.5)}

@media(max-width:480px){.veir-quiz-app .stat:nth-child(even){align-self:auto;margin-left:0}}