/* GOV.UK-inspired static layout recreation; unofficial demo only. */
*{box-sizing:border-box}body{margin:0;color:#0b0c0c;background:#fff;font:16px/1.5 Arial,Helvetica,sans-serif}a{color:#1d70b8;text-decoration:underline;text-underline-offset:2px}a:visited{color:#4c2c92}a:hover{text-decoration-thickness:3px}a:focus,button:focus{outline:3px solid transparent;background:#ffdd00;color:#0b0c0c;box-shadow:0 -2px #ffdd00,0 4px #0b0c0c}.container{width:min(960px,calc(100% - 40px));margin:0 auto}.demo-banner{text-align:center;background:#fff2cc;border-bottom:1px solid #e0c46c;padding:10px 14px;font-size:14px}.demo-banner a{margin-left:8px}.govuk-header{background:#1d70b8;color:#fff;}.header-inner{min-height:65px;display:flex;align-items:center;gap:22px;flex-wrap:wrap}.govuk-logo{color:#fff!important;text-decoration:none;font-size:30px;font-weight:bold;letter-spacing:-1px}.govuk-logo span{font-size:32px}.header-inner nav{margin-left:auto;display:flex;gap:20px}.header-inner nav a{color:#fff;font-weight:bold}.menu-toggle{display:none}.service-bar{border-bottom:1px solid #b1b4b6;padding:13px 0}.service-bar a{color:#0b0c0c;text-decoration:none;font-size:18px;font-weight:bold;border-left:4px solid #1d70b8;padding-left:12px}.breadcrumbs{padding:16px 0 22px;font-size:14px}.layout{display:grid;grid-template-columns:minmax(0,2fr) minmax(190px,1fr);gap:60px;align-items:start}.main-column{max-width:650px}h1{font-size:clamp(34px,4vw,48px);line-height:1.08;letter-spacing:-1px;margin:0 0 30px}h2{font-size:24px;line-height:1.2;margin:38px 0 18px}h3{font-size:20px;line-height:1.25;margin:30px 0 15px}p,ul{font-size:19px;line-height:1.32;margin:0 0 20px}ul{padding-left:20px}li{padding-left:2px;margin-bottom:8px}.start-button{display:inline-block;margin:10px 0 12px;padding:8px 12px 7px;background:#00703c;color:#fff!important;text-decoration:none;font-size:19px;font-weight:bold;box-shadow:0 2px 0 #002d18}.start-button:hover{background:#005a30}.start-button span{font-size:25px;padding-left:10px;vertical-align:-1px}.small-note{font-size:16px}hr{border:0;border-top:1px solid #b1b4b6;margin:10px 0}aside{padding-top:5px;font-size:16px}.side-rule{height:10px;background:#1d70b8;margin-bottom:14px}aside h2{font-size:19px;margin:0 0 14px}aside ul{font-size:16px;padding-left:18px}footer{background:#f3f2f1;border-top:1px solid #aeb0b5;padding:28px 0 24px;margin-top:10px}.footer-links{display:flex;flex-wrap:wrap;gap:12px 22px;padding-bottom:26px;border-bottom:1px solid #b1b4b6}.footer-bottom{padding-top:22px;color:#505a5f;font-size:14px}.footer-bottom p{font-size:14px;line-height:1.4;margin:0 0 8px}@media(max-width:700px){.container{width:calc(100% - 32px)}.header-inner{padding:10px 0;gap:12px}.govuk-logo{font-size:27px}.menu-toggle{display:block;margin-left:auto;color:#fff;background:transparent;border:0;font:inherit;font-weight:bold;padding:8px}.header-inner nav{display:none;width:100%;margin:0;flex-direction:column;gap:12px;padding:8px 0 12px}.header-inner nav.open{display:flex}.layout{display:block}aside{margin-top:42px;max-width:440px}h1{margin-bottom:22px}p,ul{font-size:18px}.footer-links{flex-direction:column;gap:10px}}
.beta span { display:inline-block; background:#1d70b8; color:#fff; padding:2px 8px; font-weight:700; margin-right:10px; font-size:13px; }
h1 { font-size:32px; line-height:1.2; font-weight:700; margin:24px 0 18px; }
h2 { font-size:25px; line-height:1.25; font-weight:700; margin:28px 0 18px; }
.notice { display:flex; align-items:flex-start; gap:12px; margin:16px 0 28px; font-size:16px; font-weight:600; }
.notice-icon { display:inline-flex; flex-shrink:0; width:24px; height:24px; align-items:center; justify-content:center; background:#0b0c0c; color:#fff; border-radius:50%; font-size:16px; font-weight:700; }
.field { width:100%; margin:0 0 22px; }
.field.full { width:100%; max-width:440px; }
.form-label, .payment-field label { display:block; color:#0b0c0c; font-size:16px; font-weight:700; margin-bottom:6px; }
.form-control, .payment-input { display:block; width:100%; max-width:100%; height:42px; min-height:42px; padding:6px 10px; border:2px solid #0b0c0c; border-radius:0; font:inherit; font-size:16px; color:#0b0c0c; background:#fff; box-shadow:none !important; }
.form-control:focus, .payment-input:focus { border-color:#0b0c0c; outline:3px solid #ffdd00; outline-offset:0; }
.hint, .expiry-hint { display:block; font-size:14px; color:#505a5f; margin:0 0 8px; }
.date-row { display:flex; gap:8px; }
.date-row input:nth-child(1), .date-row input:nth-child(2) { width:88px; }
.date-row input:nth-child(3) { width:120px; }
.section { margin-top:24px; }
.payment-placeholder { max-width:440px; margin:16px 0 20px; padding:14px; border-left:4px solid #00703c; background:#f3f2f1; font-size:14px; line-height:1.5; }
.payment-section { color:#0b0c0c; max-width:560px; margin-top:32px; }
.payment-section h2 { font-size:25px; margin:0 0 20px; }
.payment-warning { display:flex; align-items:center; gap:14px; margin-bottom:28px; }
.warning-icon { flex:0 0 32px; width:32px; height:32px; border-radius:50%; background:#0b0c0c; color:#fff; display:flex; align-items:center; justify-content:center; font-size:22px; font-weight:700; }
.payment-warning p { font-size:16px; font-weight:700; margin:0; }
.payment-field { width:100%; max-width:440px; margin:0 0 22px; }
.payment-input { background:#fff; }
.payment-input:disabled { background:#f3f2f1; color:#505a5f; opacity:1; }
.expiry-row { display:flex; gap:8px; }
.expiry-row .month { width:110px; }
.expiry-row .year { width:140px; }
.btn-continue { display:inline-block; background:#00703c; color:#fff; border:0; border-radius:0; padding:10px 18px; font-size:16px; font-weight:700; margin-top:8px; text-decoration: none;}
.btn-continue:hover { background:#005a30; color:#fff; }
.independent-note { margin-top:20px; padding-top:12px; border-top:1px solid #b1b4b6; font-size:13px; color:#505a5f; line-height:1.5; }
@media (max-width:500px) { .container-main { padding:0 16px 28px; } .header { padding-left:16px; padding-right:16px; font-size:16px; } .header-brand { font-size:18px; } h1 { font-size:28px; } h2, .payment-section h2 { font-size:23px; } }

.govuk-wordmark {
    color: #1d70b8;
    font-size: 32px;
    font-weight: 700;
    text-decoration: underline;
    letter-spacing: .2px;
  }
  .agency {
    max-width: 960px;
    margin: 18px auto 58px;
    padding: 0;
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 18px;
  }
  .agency-mark {
    color: #505a5f;
    font-size: 26px;
    line-height: 1;
  }

  .action { text-align: center; margin: 20px 0 16px; }
  .button {
    display: inline-block;
    min-width: 176px;
    padding: 14px 24px;
    background: #21852b;
    color: #fff;
    border-radius: 15px;
    text-decoration: none;
    font-size: 16px;
    font-weight: 700;
  }
  .button:hover { background: #176b22; }
  .note { margin-top: 16px; }
  .f-text{
  	max-width: 760px;
    margin: 18px auto 0;
    padding: 16px 24px 24px;
    border-top: 1px solid #b1b4b6;
    color: #777;
    font-size: 14px;
  }
/* Email-style visual mockups */
.email-demo{background:#f3f3f3;padding:0 0 40px}.email-card{max-width:620px;margin:26px auto;background:#fff;border:1px solid #ddd;box-shadow:0 1px 3px #00000012}.email-topline{height:48px;padding:10px 18px;color:#666;font-size:18px}.email-wordmark{margin:10px 16px 28px;width:200px;background:#0b0c0c;color:#fff;text-align:center;font-weight:bold;padding:8px;font-size:16px}.email-agency{height:106px;background:linear-gradient(90deg,#bcbcbc,#f6f6f6);display:flex;align-items:center;justify-content:flex-end;padding:15px 22px;font-size:11px;line-height:1.1;color:#333}.email-body{padding:24px 22px 20px}.email-body p{font-size:13px;line-height:1.35;margin:0 0 14px}.email-body h1{font-size:19px;line-height:1.2;margin:0 0 18px}.email-body hr{border:0;border-top:1px solid #ddd;margin:20px 0}.email-body small{font-size:10px;color:#666}.email-button{display:block;width:max-content;max-width:100%;padding:10px 16px;color:#fff!important;font-size:13px;font-weight:bold;text-decoration:none;border-radius:2px;margin:18px auto 16px}.email-button.blue{background:#2477b8}.email-button.green{background:#00703c}.second-email{padding-top:1px}.modern-card{border-radius:7px;overflow:hidden;max-width:620px}.modern-brand{background:#050505;color:#fff;text-align:center;padding:28px 12px 24px}.brand-crown{font-size:30px;line-height:1.1}.brand-word{font-size:34px;font-weight:bold;letter-spacing:-1px}.brand-word span{color:#00b4a0}.brand-subtitle{font-size:10px;margin-top:7px}.modern-body{padding:28px 22px 22px}.modern-body p{font-size:13px;line-height:1.45;margin:0 0 15px}.modern-body .email-button{margin:18px 0 20px}.modern-footer{background:#fafafa;border-top:1px solid #eee;text-align:center;padding:18px 24px;color:#343434;font-size:12px;line-height:1.35}@media(max-width:480px){.email-card{width:calc(100% - 24px);margin:16px auto}.demo-banner{font-size:12px}.email-body,.modern-body{padding-left:18px;padding-right:18px}}

/* Page 3: identity verification demo */
.demo-notice{padding:12px 16px;background:#fff2cc;border-bottom:1px solid #e0c46c;font:14px/1.4 Arial,sans-serif;color:#0b0c0c;text-align:center}.demo-notice a{margin-left:8px}.identity-header{background:#0b0c0c;color:#fff;border-bottom:10px solid #1d70b8;padding:18px max(20px,calc((100% - 960px)/2)) 16px;font-family:Arial,sans-serif}.identity-brand{font-size:30px;font-weight:700;letter-spacing:-1px}.identity-brand-sub{font-size:14px;margin-top:4px}.identity-main{font-family:Arial,Helvetica,sans-serif;color:#0b0c0c;max-width:960px;width:calc(100% - 40px);margin:28px auto 56px}.identity-phase{border-bottom:1px solid #b1b4b6;padding-bottom:8px;margin-bottom:24px;font-size:16px;color:#505a5f}.identity-main h1{font-size:clamp(32px,4vw,44px);line-height:1.12;letter-spacing:-.6px;margin:0 0 22px}.identity-main h2{font-size:23px;line-height:1.2;margin:0 0 12px}.identity-main p{font-size:18px;line-height:1.4;margin:0 0 10px;color: #5e5e5e;}.identity-step{padding-top:10px;margin-top:10px}.mock-upload{display:flex;flex-direction:column;align-items:flex-start;color:#505a5f}.mock-upload strong{color:#0b0c0c;font-size:16px}.mock-upload span:last-child{font-size:14px}.upload-icon{font-size:28px;line-height:1;color:#505a5f}.or-divider{display:flex;align-items:center;gap:14px;color:#505a5f;font-weight:700;margin:22px 0}.or-divider:before,.or-divider:after{content:"";height:1px;background:#b1b4b6;flex:1}.identity-privacy{border-left:5px solid #1d70b8;background:#f3f2f1;padding:16px 18px;margin-top:28px!important}.identity-official-link{font-size:16px!important;margin-top:24px!important}.identity-footer{border-top:1px solid #b1b4b6;background:#f3f2f1;padding:24px 20px;text-align:center;color:#505a5f;font:14px/1.4 Arial,sans-serif}@media(max-width:600px){.identity-main{width:calc(100% - 32px);margin-top:22px}.identity-main p{font-size:17px}.identity-header{padding-left:16px;padding-right:16px}}
.demo-brand{font-size:24px;font-weight:700;color:#fff;text-decoration:none}
    .confirmation{border-left:6px solid #00703c;padding:8px 0 8px 22px;margin:28px 0 32px}
    .confirmation h1{margin-top:8px}
    .confirmation-mark{font-size:30px;font-weight:700;color:#00703c;line-height:1}
    .reference{background:#f3f2f1;padding:16px 20px;margin:24px 0;max-width:520px}
    .reference p{font-size:16px;margin:0}
    .demo-disclaimer{background:#fff2cc;border-bottom:1px solid #e0c46c;padding:10px 16px;text-align:center;font-size:14px}
    .page-content{min-height:420px;padding-bottom:40px}
    .identity-file-input{display:block;width:100%;max-width:440px;margin:12px 0 6px;padding:10px;border:2px solid #0b0c0c;background:#fff;font:inherit}
.file-help{display:block;font-size:14px;color:#505a5f;margin-bottom:8px}
.selected-file{font-size:14px;color:#0b0c0c;margin:4px 0 0}

.wizard{max-width:960px;margin:36px auto 60px}.steps{display:flex;gap:10px;margin:22px 0 30px;padding:0;list-style:none}.steps li{flex:1;border-bottom:5px solid #d8dee3;padding:0 0 10px;color:#505a5f;font-weight:600}.steps li.active{border-color:#176b45;color:#176b45}.step-panel{display:none}.step-panel.active{display:block}.form-control{width:100%;box-sizing:border-box;margin:7px 0 18px;padding:12px;border:2px solid #505a5f;font:inherit}.field-label{display:block;font-weight:700}.actions{display:flex;gap:12px;margin-top:20px}.wizard-btn{border:0;padding:12px 22px;background:#176b45;color:white;font-weight:700;cursor:pointer;font-size:1rem}.wizard-btn.secondary{background:#e8ecef;color:#172b3a}.error{color:#b42318;font-weight:600}.hint{color:#505a5f;font-size:.95rem}.validation-summary{padding:14px;border:2px solid #b42318;margin:20px 0}.file-note{padding:12px;background:#f2f4f5;border-radius:4px}@media(max-width:560px){.wizard{margin:24px 15px}.actions{flex-wrap:wrap}.wizard-btn{width:100%}}

.govuk-footer {
  font-family: GDS Transport, arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-weight: 400;
  font-size: .875rem;
  line-height: 1.1428571429;
  padding-top: 25px;
  padding-bottom: 15px;
  border-top: 10px solid #1d70b8;
  color: #0b0c0c;
  background: #f3f2f1
}

@media print {
  .govuk-footer {
    font-family: sans-serif
  }
}

@media (min-width:40.0625em) {
  .govuk-footer {
    font-size: 1rem;
    line-height: 1.25
  }
}

@media print {
  .govuk-footer {
    font-size: 14pt;
    line-height: 1.2
  }
}

@media (min-width:40.0625em) {
  .govuk-footer {
    padding-top: 40px;
    padding-bottom: 25px
  }
}

.govuk-template--rebranded .govuk-footer {
  background: #f4f8fb
}

.govuk-footer__crown {
  margin-bottom: 25px
}

.govuk-footer__link {
  font-family: GDS Transport, arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-decoration: underline;
  text-decoration-thickness: max(1px, .0625rem);
  text-underline-offset: .1578em
}

@media print {
  .govuk-footer__link {
    font-family: sans-serif
  }
}

.govuk-footer__link:hover {
  text-decoration-thickness: max(3px, .1875rem, .12em);
  -webkit-text-decoration-skip-ink: none;
  text-decoration-skip-ink: none;
  -webkit-text-decoration-skip: none;
  text-decoration-skip: none
}

.govuk-footer__link:focus {
  outline: 3px solid transparent;
  color: #0b0c0c;
  background-color: #fd0;
  box-shadow: 0 -2px #fd0, 0 4px #0b0c0c;
  text-decoration: none
}

@supports not (text-wrap:balance) {
  .govuk-footer__link:focus {
    -webkit-box-decoration-break: clone;
    box-decoration-break: clone
  }
}

.govuk-footer__link:link,
.govuk-footer__link:visited {
  color: #0b0c0c
}

@media print {

  .govuk-footer__link:link,
  .govuk-footer__link:visited {
    color: #000
  }
}

.govuk-footer__link:hover {
  color: rgba(11, 12, 12, .99)
}

.govuk-footer__link:active,
.govuk-footer__link:focus {
  color: #0b0c0c
}

@media print {

  .govuk-footer__link:active,
  .govuk-footer__link:focus {
    color: #000
  }
}

.govuk-footer__section-break {
  margin: 0 0 30px;
  border: 0;
  border-bottom: 1px solid #b1b4b6
}

@media (min-width:40.0625em) {
  .govuk-footer__section-break {
    margin-bottom: 50px
  }
}

.govuk-template--rebranded .govuk-footer__section-break {
  border-bottom-color: #8eb8dc
}

.govuk-footer__meta {
  display: flex;
  margin-right: -15px;
  margin-left: -15px;
  flex-wrap: wrap;
  align-items: flex-end;
  justify-content: center
}

.govuk-footer__meta-item {
  margin-right: 15px;
  margin-bottom: 25px;
  margin-left: 15px
}

.govuk-footer__meta-item--grow {
  flex: 1
}

@media (max-width:40.0525em) {
  .govuk-footer__meta-item--grow {
    flex-basis: 320px
  }
}

.govuk-footer__licence-logo {
  display: inline-block;
  margin-right: 10px;
  vertical-align: top;
  forced-color-adjust: auto
}

@media (max-width:48.0525em) {
  .govuk-footer__licence-logo {
    margin-bottom: 15px
  }
}

.govuk-footer__licence-description {
  display: inline-block;
  text-wrap: balance
}

.govuk-footer__copyright-logo:before {
  content: "";
  display: block;
  width: 100%;
  padding-top: 112px;
  background-image: url(https://s3.eu-west-2.amazonaws.com/vehicletax/assets/images/rebrand/govuk-crest.svg);
  background-repeat: no-repeat;
  background-position: 50% 0;
  background-size: 125px 102px;
  text-align: center;
  white-space: nowrap
}

@supports ((-webkit-mask-position:initial) or (mask-position:initial)) {
  .govuk-footer__copyright-logo:before {
    background-image: url(https://s3.eu-west-2.amazonaws.com/vehicletax/assets/images/rebrand/govuk-crest.svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: 50% 0;
    mask-position: 50% 0;
    -webkit-mask-size: 125px 102px;
    mask-size: 125px 102px
  }

  @media screen and (forced-colors:active) {
    .govuk-footer__copyright-logo:before {
      background: linktext
    }
  }
}

.govuk-footer__inline-list {
  margin-top: 0;
  margin-bottom: 15px;
  padding: 0
}

.govuk-footer__meta-custom {
  margin-bottom: 20px
}

.govuk-footer__inline-list-item {
  display: inline-block;
  margin-right: 15px;
  margin-bottom: 5px
}

.govuk-footer__heading {
  margin-bottom: 30px;
  padding-bottom: 20px;
  border-bottom: 1px solid #b1b4b6
}

@media (max-width:40.0525em) {
  .govuk-footer__heading {
    padding-bottom: 10px
  }
}

.govuk-template--rebranded .govuk-footer__heading {
  border-bottom-color: #8eb8dc
}

.govuk-footer__navigation {
  margin-right: -15px;
  margin-left: -15px
}

.govuk-footer__navigation:after {
  content: "";
  display: block;
  clear: both
}

.govuk-footer__section {
  display: inline-block;
  margin-bottom: 30px;
  vertical-align: top
}

.govuk-footer__list {
  margin: 0;
  padding: 0;
  list-style: none;
  column-gap: 30px
}

@media (min-width:48.0625em) {
  .govuk-footer__list--columns-2 {
    column-count: 2
  }

  .govuk-footer__list--columns-3 {
    column-count: 3
  }
}

.govuk-footer__list-item {
  margin-bottom: 15px
}

@media (min-width:40.0625em) {
  .govuk-footer__list-item {
    margin-bottom: 20px
  }
}

.govuk-footer__list-item:last-child {
  margin-bottom: 0
}

.govuk-width-container {
  width: min(960px, calc(100% - 40px));
  margin: 0 auto; 
}