.sales-home {
    --home-ink: var(--sales-ink);
    --home-muted: var(--sales-muted);
    --home-accent: var(--sales-accent);
    --home-tint: var(--sales-tint);
    --home-rule: var(--sales-rule);
    color: var(--home-ink);
    padding: 0 0 clamp(40px, 6vw, 80px);
}

.sales-home h1,
.sales-home h2 {
    color: var(--home-ink);
    font-weight: 800;
    letter-spacing: -.035em;
    line-height: 1.08;
}

.sales-home-price-headline {
    display: flex;
    align-items: baseline;
    gap: .25em;
    margin-top: 4px;
    font-size: clamp(1.75rem, 3vw, 2.5rem);
}

.sales-home-price-headline strong {
    color: var(--home-accent);
    font-size: clamp(5rem, 7.8vw, 7rem);
    font-weight: 850;
    line-height: 1;
    letter-spacing: -.055em;
}

.sales-home .sales-home-range-price {
    display: inline-block;
    padding: 9px 14px;
    margin: 0 0 16px;
    border-radius: 7px;
    background: var(--home-ink);
    color: #fff;
    font-size: 1rem;
    font-weight: 700;
}

.sales-home-range-price strong {
    font-size: 1.65rem;
    line-height: 1;
}

.sales-home h1 {
    font-size: clamp(2.25rem, 3.3vw, 3rem);
    margin: 0 0 16px;
}

.sales-home h2 {
    font-size: clamp(1.85rem, 3.1vw, 3.05rem);
    margin: 0 0 16px;
}

.sales-home p {
    color: var(--home-muted);
    line-height: 1.6;
}

.sales-home .sales-home-eyebrow {
    color: var(--home-accent);
    font-size: .82rem;
    font-weight: 800;
    letter-spacing: .12em;
    margin: 0 0 14px;
    text-transform: uppercase;
}

.sales-home-hero {
    background: var(--home-tint);
    border-radius: 16px;
    display: grid;
    grid-template-columns: minmax(0, .96fr) minmax(0, 1.04fr);
    overflow: hidden;
}

.sales-home-hero-copy {
    align-self: center;
    padding: clamp(28px, 3.7vw, 54px);
}

.sales-home-intro {
    font-size: clamp(1rem, 1.45vw, 1.15rem);
    max-width: 43ch;
    margin-bottom: 16px;
}

.sales-home .early-bird-offer {
    color: #fff;
    line-height: 1.2;
}

.sales-home-hero-art {
    background: #54b9df;
    min-height: clamp(390px, 40vw, 510px);
    overflow: hidden;
    position: relative;
}

.sales-home-hero-art img {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center top;
}

.sales-home-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 12px 20px;
    align-items: center;
}

.sales-home .sales-home-button {
    background: var(--home-accent);
    border-radius: 7px;
    color: #fff;
    display: inline-block;
    font-weight: 750;
    line-height: 1.35;
    padding: 14px 18px;
}

.sales-home .sales-home-button:hover {
    background: #a51b3f;
}

.sales-home .sales-home-button-secondary {
    background: transparent;
    box-shadow: inset 0 0 0 1px var(--home-ink);
    color: var(--home-ink);
    text-decoration: none;
}

.sales-home .sales-home-button-secondary:hover {
    background: var(--home-ink);
    color: #fff;
}

.sales-home .sales-home-text-link {
    color: var(--home-ink);
    font-weight: 750;
    text-decoration: none;
}

.sales-home a:focus-visible,
.sales-home video:focus-visible {
    outline: 3px solid #235b82;
    outline-offset: 4px;
}

.sales-home-highlights {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    border-bottom: 1px solid var(--home-rule);
    list-style: none;
    margin: 0;
    padding: 18px 0;
    text-align: center;
}

.sales-home-highlights li {
    font-size: .9rem;
    font-weight: 700;
    padding: 6px 12px;
}

.sales-home-highlights li + li {
    border-left: 1px solid var(--home-rule);
}

.sales-home-section {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1.16fr);
    align-items: center;
    gap: clamp(24px, 5vw, 70px);
    margin-top: clamp(38px, 6vw, 76px);
}

.sales-home-section p {
    max-width: 48ch;
}

.sales-home-tour {
    margin: 0;
}

.sales-home-tour video {
    aspect-ratio: 16 / 9;
    background: var(--home-ink);
    border-radius: 10px;
    display: block;
    object-fit: cover;
    width: 100%;
}

.sales-home-tour figcaption {
    color: var(--home-muted);
    font-size: .88rem;
    font-weight: 650;
    margin-top: 10px;
}

.sales-home-ordering {
    background: var(--home-tint);
    border-radius: 14px;
    grid-template-columns: minmax(0, 1.05fr) minmax(0, 1fr);
    padding: clamp(24px, 4vw, 54px);
    scroll-margin-top: 112px;
}

.sales-home .sales-home-shop-included {
    background: #d8edf9;
    border-radius: 6px;
    color: #16334c;
    display: inline-block;
    font-size: .875rem;
    font-weight: 800;
    margin: 0 0 12px;
    padding: 6px 10px;
}

.sales-home-ordering-copy {
    grid-column: 2;
    grid-row: 1;
}

.sales-home-shop-image {
    display: block;
    grid-column: 1;
    grid-row: 1;
    height: auto;
    width: 100%;
}

@media (max-width: 1199.98px) {
    .sales-home-hero {
        grid-template-columns: minmax(0, 1fr);
    }

    .sales-home-hero-art {
        min-height: 0;
        aspect-ratio: 1.5;
    }
}

@media (max-width: 767.98px) {
    .sales-home-section {
        grid-template-columns: minmax(0, 1fr);
    }

    .sales-home-hero-copy {
        padding: 28px 23px 30px;
    }

    .sales-home-hero-art {
        aspect-ratio: 1.3;
    }

    .sales-home-highlights {
        text-align: left;
        grid-template-columns: minmax(0, 1fr);
        padding: 12px 0;
    }

    .sales-home-highlights li + li {
        border-left: 0;
    }

    .sales-home-ordering-copy,
    .sales-home-shop-image {
        grid-column: auto;
        grid-row: auto;
    }
}

.sales-home-range img {
    display: block;
    width: 100%;
    height: auto;
    border-radius: 14px;
}
.sales-home-range-art {
    position: relative;
    overflow: hidden;
    border-radius: 14px;
}
.sales-offer-dialog {
    width: min(470px, calc(100% - 32px));
    max-height: calc(100% - 32px);
    border: 1px solid var(--sales-rule);
    border-radius: 16px;
    padding: clamp(20px, 5vw, 38px);
    background: #fff;
    color: var(--sales-ink);
    box-shadow: 0 16px 52px #10284033;
}

.sales-offer-dialog::backdrop {
    background: #10284099;
}

.sales-offer-dialog h2 {
    margin: 0 0 12px;
    color: var(--sales-ink);
    font-size: clamp(1.8rem, 5vw, 2.5rem);
    font-weight: 800;
}

.sales-offer-dialog p {
    margin-bottom: 16px;
}

.sales-offer-dialog .sales-offer-dialog-label {
    color: var(--sales-accent);
    font-size: .8rem;
    font-weight: 800;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.sales-offer-dialog-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.sales-offer-dialog-actions a,
.sales-offer-dialog-actions button {
    display: inline-flex;
    align-items: center;
    min-height: 44px;
    padding: 8px 14px;
    border: 1px solid var(--sales-ink);
    border-radius: 7px;
    background: #fff;
    color: var(--sales-ink);
    font-weight: 750;
}

.sales-offer-dialog-actions a {
    background: var(--sales-ink);
    color: #fff;
}

.sales-offer-dialog-actions :focus-visible {
    outline: 3px solid #235b82;
    outline-offset: 3px;
}

body:has(.sales-offer-dialog[open]) {
    overflow: hidden;
}

.sales-offer-dialog .sales-offer-preference {
    margin: 18px 0 0;
    font-size: .875rem;
}

.sales-home-hero {grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);}
.sales-home-hero-copy {padding:28px;}
.sales-home-hero-art img {object-fit:contain;object-position:center;}
.sales-home-shop-demo {grid-column:1;grid-row:1;background:white;border:8px solid #16334c;border-radius:12px;box-shadow:0 12px 22px #16334c22;overflow:hidden;}
.school-shop-browser-bar {display:flex;align-items:center;gap:5px;background:#16334c;color:white;padding:5px 10px 10px;font-size:.7rem;}
.school-shop-browser-bar span {width:6px;height:6px;border-radius:50%;background:#53bce6;}
.school-shop-browser-bar b {margin-left:auto;}
.school-shop-demo-image {position:relative;}
.school-shop-demo-image>img {display:block;width:100%;height:auto;}
.school-shop-demo-caption {padding:13px;text-align:center;}
.school-shop-demo-caption strong {display:block;font-size:clamp(1rem,2vw,1.5rem);}
.school-shop-demo-caption span {font-size:.7rem;}
@media(max-width:1199.98px){.sales-home-hero{grid-template-columns:1fr;}}
@media(max-width:767.98px){.sales-home-shop-demo{grid-column:auto;grid-row:auto;}.sales-home-hero-art{aspect-ratio:1.5;}}

/* Layout polish: tighter hero, complete dividers and a recognisable laptop. */
.sales-home-hero-art img {object-fit:cover;}
.sales-home-highlights li:first-child {border-left:1px solid var(--home-rule);}
.sales-home-highlights li:last-child {border-right:1px solid var(--home-rule);}
.sales-home-laptop {grid-column:1;grid-row:1;padding:0 18px 16px;position:relative;min-width:0;}
.sales-home-shop-demo {border:9px solid #16334c;border-bottom-width:14px;border-radius:14px 14px 4px 4px;box-shadow:none;}
.school-shop-browser-bar {justify-content:center;padding:0 8px 7px;min-height:12px;}
.school-shop-browser-bar span {display:none;}
.school-shop-browser-bar b {margin:0;font-size:.65rem;}
.school-shop-demo-caption {padding:9px 5px;}
.school-shop-demo-caption strong {font-size:clamp(1rem,1.5vw,1.25rem);}
.school-shop-laptop-base {position:absolute;bottom:3px;left:0;right:0;height:16px;border-radius:2px 2px 50% 50% / 2px 2px 12px 12px;background:linear-gradient(#e1e7eb,#b7c3ca 65%,#81929e);box-shadow:0 12px 12px #16334c25;}
.school-shop-laptop-base::before {content:"";display:block;width:22%;height:5px;margin:auto;background:#9aa9b3;border-radius:0 0 8px 8px;}
.sales-home-factory {padding:clamp(24px,4vw,48px);background:#16334c;border-radius:16px;gap:32px;}
.sales-home-factory h2,.sales-home-factory figcaption {color:white;}
.sales-home-factory p {color:#e1edf5;}
.sales-home-factory .sales-home-eyebrow {color:#64d0f5;}
@media(max-width:767.98px){.sales-home-laptop{grid-column:auto;grid-row:auto;}.sales-home-highlights li{border-left:1px solid var(--home-rule)!important;border-right:1px solid var(--home-rule);}.sales-home-hero-art{aspect-ratio:1.5;}}

/* Refined campaign typography and the original white laptop treatment. */
.sales-home h1 {font-size:clamp(2rem,3.1vw,2.65rem);font-weight:700;letter-spacing:-.025em;line-height:1.16;}
.sales-home-price-headline {font-size:clamp(1.5rem,2.4vw,2rem);font-weight:600;gap:.38em;margin-top:3px;}
.sales-home-price-headline strong {font-size:clamp(4.5rem,6.3vw,5.75rem);font-weight:700;letter-spacing:-.035em;line-height:1;}
.sales-home .early-bird-saving {font-weight:700;font-size:clamp(1.65rem,3vw,2.2rem);}
.sales-home-laptop {padding:0 9% 25px;}
.sales-home-shop-demo {position:relative;border:12px solid #111;border-top-width:20px;border-bottom-width:18px;border-radius:17px 17px 3px 3px;outline:2px solid #fff;box-shadow:0 0 0 3px #cbd2d6,0 10px 18px #16334c22;}
.school-shop-browser-bar {display:none;}
.sales-home-shop-demo::before {content:"";position:absolute;top:-13px;left:50%;width:5px;height:5px;border-radius:50%;background:#454d52;}
.school-shop-demo-caption {position:absolute;bottom:0;left:0;right:0;background:#fffffff5;padding:10px 5px;}
.school-shop-demo-caption strong {font-size:clamp(.8rem,1.5vw,1.1rem);}
.school-shop-demo-caption span {font-size:.65rem;}
.school-shop-laptop-base {height:22px;bottom:4px;border-radius:1px 1px 40% 40% / 1px 1px 10px 10px;background:linear-gradient(#fff 0%,#fff 48%,#dfe4e7 58%,#aab7bf 100%);box-shadow:0 13px 12px #16334c26;}
.school-shop-laptop-base::before {height:7px;width:20%;background:#bcbcb6;border-radius:0 0 10px 10px;}
@media(max-width:767.98px){.sales-home-laptop{padding-left:7%;padding-right:7%;}.school-shop-demo-caption span{display:none;}.sales-home-shop-demo{border-width:8px;border-top-width:14px;border-bottom-width:12px;}}

.sales-offer-dialog {max-height:calc(100dvh - 32px);overflow-y:auto;}
.sales-reminder-form {border-top:1px solid #cbdfea;margin-top:20px;padding-top:18px;text-align:left;}
.sales-reminder-form>label {display:block;font-weight:700;margin-bottom:8px;}
.sales-reminder-form input[type=email] {display:block;width:100%;border:1px solid #9db4c6;border-radius:6px;padding:12px;margin-bottom:12px;font:inherit;}
.sales-reminder-form .sales-reminder-consent {display:flex;align-items:flex-start;gap:9px;font-size:.9rem;font-weight:500;line-height:1.4;}
.sales-reminder-consent input {flex:none;width:19px;height:19px;margin-top:2px;}
.sales-reminder-form button {border:0;border-radius:6px;background:#bd1949;color:white;font:inherit;font-weight:700;padding:12px 20px;margin:12px 0;min-height:44px;}
.sales-reminder-form :focus-visible {outline:3px solid #16334c;outline-offset:3px;}
.sales-reminder-form #early-bird-privacy {font-size:.8rem;margin-bottom:12px;}
.sales-reminder-form #early-bird-result {font-size:.9rem;margin:0 0 12px;}
.sales-reminder-form button:disabled {opacity:.65;}
.early-bird-remind-link{color:#fff;background:transparent;border:0;border-bottom:1px solid #fff;padding:4px 0;font:inherit;font-size:.85rem;cursor:pointer}.sales-offer-close{position:absolute;right:10px;top:8px;width:40px;height:40px;border:0;border-radius:50%;background:#eaf6fb;color:#16334c;font-size:1.7rem;line-height:1}.sales-offer-close:focus-visible{outline:3px solid #16334c}.sales-offer-dialog-label{padding-right:24px}
