.reseller-page { overflow: hidden; }
.reseller-hero { position: relative; display: grid; grid-template-columns: 58% 42%; min-height: min(42vw, 760px); color: var(--white); background: var(--navy); }
.reseller-hero__image { min-height: inherit; }
.reseller-hero__image img { width: 100%; height: 100%; object-fit: cover; }
.reseller-hero__copy { position: relative; display: flex; flex-direction: column; justify-content: center; padding: clamp(3rem, 5vw, 6rem) clamp(2rem, 4vw, 5rem); padding-left: clamp(5rem, 11vw, 14rem); margin-left: -8vw; background: var(--navy); clip-path: polygon(20% 0, 100% 0, 100% 100%, 0 100%); }
.reseller-hero__copy::after { position: absolute; right: 4%; bottom: 2%; width: min(60%, 410px); height: 320px; background: url("../images/shared/Watermark Logo Levefort Branco.png") center / contain no-repeat; opacity: .045; content: ""; }
.reseller-hero h1 { position: relative; z-index: 1; margin-bottom: 1.5rem; font-family: var(--heading-font); font-size: clamp(3rem, 5vw, 6.3rem); font-weight: 300; line-height: .96; text-transform: uppercase; }
.reseller-hero h1 strong { font-weight: 800; }
.reseller-hero__copy p { position: relative; z-index: 1; max-width: 600px; font-size: clamp(.9rem, 1vw, 1.1rem); }
.reseller-hero .whatsapp-float { right: 2.5rem; bottom: 2rem; }
.reseller-form-section { color: var(--ink); background: var(--white); }
.reseller-form-shell { max-width: 1400px; }
.reseller-heading { max-width: 850px; margin: 0 auto clamp(2.5rem, 5vw, 4.5rem); text-align: center; }
.reseller-heading > p { margin-bottom: .65rem; color: var(--blue); font-size: .76rem; font-weight: 700; text-transform: uppercase; letter-spacing: .09em; }
.reseller-heading h2 { margin-bottom: 1rem; font-family: var(--heading-font); font-size: clamp(2rem, 3vw, 3.2rem); font-weight: 300; line-height: 1; text-transform: uppercase; }
.reseller-heading h2 strong { font-weight: 800; }
.reseller-heading > span { color: #667480; font-size: .9rem; line-height: 1.6; }
.form-notice { padding: 1rem 1.2rem; margin-bottom: 2rem; border-left: 4px solid; font-size: .9rem; }
.form-notice--success { border-color: #2aa876; color: #145b3f; background: #eaf8f2; }
.form-notice--error { border-color: #c94b4b; color: #7c2525; background: #fbeeee; }
.reseller-form__group { padding: 0; margin: 0 0 2.5rem; border: 0; }
.reseller-form__group legend { width: 100%; padding-bottom: .8rem; margin-bottom: 1.3rem; border-bottom: 1px solid #dfe4e7; color: var(--navy); font-family: var(--heading-font); font-size: 1.15rem; font-weight: 700; text-transform: uppercase; }
.reseller-form__grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1.25rem 2rem; }
.reseller-form__grid--address { grid-template-columns: .7fr 1fr 1.3fr; }
.reseller-form label > span { display: block; margin-bottom: .42rem; color: #5c6873; font-size: .72rem; }
.reseller-form input, .reseller-form select { width: 100%; height: 52px; padding: 0 .95rem; border: 1px solid transparent; border-radius: 0; outline: 0; color: var(--ink); background: #f2f3f3; transition: border-color 180ms ease, box-shadow 180ms ease, background 180ms ease; }
.reseller-form input:focus, .reseller-form select:focus { border-color: var(--blue); background: var(--white); box-shadow: 0 0 0 3px rgba(21, 155, 211, .12); }
.reseller-form input::placeholder { color: #abb1b6; }
.reseller-form__wide { grid-column: 1 / -1; }
.reseller-form__consent { display: grid; grid-template-columns: 18px 1fr; gap: .7rem; align-items: start; max-width: 920px; cursor: pointer; }
.reseller-form__consent input { width: 18px; height: 18px; margin: .05rem 0 0; }
.reseller-form__consent span { margin: 0 !important; line-height: 1.45; }
.reseller-form__honeypot { position: absolute; left: -10000px; width: 1px; height: 1px; overflow: hidden; }
.reseller-form__footer { display: flex; justify-content: center; margin-top: 2.2rem; }
.reseller-form button { min-width: 200px; cursor: pointer; background: var(--white); }
@media (max-width: 900px) { .reseller-hero { grid-template-columns: 1fr; min-height: auto; } .reseller-hero__image { min-height: 58vw; } .reseller-hero__copy { min-height: 420px; padding: 4rem var(--gutter); margin-left: 0; clip-path: none; } .reseller-hero .whatsapp-float { right: 1.25rem; bottom: 1.25rem; } .reseller-form__grid--address { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 680px) { .reseller-hero__image { min-height: 78vw; } .reseller-hero__copy { min-height: 390px; } .reseller-hero h1 { font-size: 3rem; } .reseller-form__grid, .reseller-form__grid--address { grid-template-columns: 1fr; gap: 1.1rem; } .reseller-form__wide { grid-column: auto; } .reseller-form button { width: 100%; } }
@media (prefers-reduced-motion: reduce) { .reseller-form input, .reseller-form select { transition: none; } }