:root{--ink:#102f34;--cream:#f5f2e9;--paper:#fffdf7;--orange:#f26c4f;--yellow:#f2c84b;--green:#1f9d72;--muted:#68777a}
*{box-sizing:border-box}
html,body{min-height:100%}
body{margin:0;background:var(--cream);color:var(--ink);font-family:"DM Sans",sans-serif}
main{min-height:100vh;display:grid;place-items:center;padding:28px}
.ad-card{width:min(1160px,100%);min-height:680px;background:var(--paper);border:1px solid rgba(16,47,52,.14);box-shadow:14px 14px 0 var(--yellow);overflow:hidden}
header{height:78px;padding:0 42px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid rgba(16,47,52,.12)}
.brand{display:flex;align-items:center;gap:10px;color:var(--ink);font-size:12px;font-weight:800;letter-spacing:.08em;text-decoration:none}
.brand span{width:34px;height:34px;border-radius:50%;background:var(--orange);color:#fff;display:grid;place-items:center;font:800 17px Manrope}
header p{font-size:10px;font-weight:800;letter-spacing:.14em}
header i{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--green);margin-right:7px;box-shadow:0 0 0 4px rgba(31,157,114,.13)}
.content{display:grid;grid-template-columns:1.12fr .88fr;min-height:602px}
.copy{padding:65px 64px}
.eyebrow,.step{color:var(--orange);font-size:11px;font-weight:800;letter-spacing:.16em;margin:0 0 17px}
h1,h2{font-family:Manrope,sans-serif;line-height:.98;margin:0;letter-spacing:-.05em}
h1{font-size:clamp(55px,6vw,78px)}
h1 em{color:var(--orange);font-style:normal}
.lede{max-width:570px;color:var(--muted);font-size:17px;line-height:1.6;margin:26px 0 32px}
.facts{display:flex;border-top:1px solid #daddd7;border-bottom:1px solid #daddd7;padding:20px 0;margin-bottom:30px}
.facts div{min-width:126px;display:flex;flex-direction:column;border-right:1px solid #daddd7;padding:0 22px}
.facts div:first-child{padding-left:0}
.facts div:last-child{border:0}
.facts b{font:800 19px Manrope}
.facts span{color:var(--muted);font-size:10px;margin-top:2px}
.copy ul{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:1fr 1fr;gap:12px;font-size:13px;font-weight:600}
.copy li span{width:21px;height:21px;display:inline-grid;place-items:center;border-radius:50%;background:#b8ddcc;margin-right:7px;font-size:10px}
.apply-box{background:var(--ink);color:#fff;padding:62px 50px;display:flex;flex-direction:column;justify-content:center}
.whatsapp-icon{width:54px;height:54px;border-radius:16px;background:var(--green);display:grid;place-items:center;font-size:31px;transform:rotate(-12deg);margin-bottom:25px}
.apply-box .step{color:var(--yellow);margin-bottom:11px}
.apply-box h2{font-size:46px}
.apply-box>p:not(.step){color:#b7c8c6;line-height:1.55;margin:15px 0 30px;font-size:14px;max-width:390px}
form label{display:block;font-size:11px;font-weight:700;margin-bottom:8px}
.phone-input{height:57px;display:flex;background:white;border:2px solid transparent}
.phone-input:focus-within{border-color:var(--yellow)}
.phone-input span{display:flex;align-items:center;padding:0 13px;color:var(--ink);background:#edf0eb;font-size:12px;white-space:nowrap}
.phone-input input{min-width:0;flex:1;border:0;outline:0;padding:0 15px;font:16px "DM Sans";color:var(--ink)}
button{width:100%;height:57px;margin-top:12px;border:0;background:var(--orange);color:#fff;font:700 15px "DM Sans";cursor:pointer;display:flex;align-items:center;justify-content:space-between;padding:0 22px;box-shadow:5px 5px 0 var(--yellow)}
button:hover{background:#dc5a40;transform:translate(2px,2px);box-shadow:3px 3px 0 var(--yellow)}
button:disabled{opacity:.7;cursor:wait}
.apply-box>small{color:#91a8a5;font-size:9px;line-height:1.5;margin-top:15px}
.safe{margin-top:24px;padding-top:20px;border-top:1px solid rgba(255,255,255,.15);display:flex;gap:10px;align-items:center}
.safe span{font-size:10px;color:#9eb2af}
.safe strong{color:#fff}
.honeypot{position:absolute!important;left:-9999px!important}
 @media(max-width:820px){main{padding:0}
.ad-card{border:0;box-shadow:none;min-height:100vh}
.content{grid-template-columns:1fr}
.copy{padding:55px 35px}
.apply-box{padding:55px 35px}
header{padding:0 25px}
header p{font-size:8px}
.copy ul{grid-template-columns:1fr}
.facts div{min-width:0;flex:1;padding:0 12px}
.facts b{font-size:16px}
.facts span{font-size:8px}
}
@media(max-width:460px){header{height:68px}
.brand{font-size:10px}
.brand span{width:30px;height:30px}
header p{max-width:120px;text-align:right;line-height:1.4}
.copy{padding:45px 24px}
.apply-box{padding:47px 24px}
h1{font-size:48px}
.lede{font-size:15px}
.facts{margin-bottom:26px}
.facts b{font-size:14px}
.apply-box h2{font-size:40px}
.phone-input span{padding:0 9px}
.phone-input input{padding:0 10px}
}

/* Keep the WhatsApp application in the first viewport, especially on mobile. */
.copy{grid-column:1;grid-row:1}
.apply-box{grid-column:2;grid-row:1;padding-top:48px;padding-bottom:48px}
.pay-badge{display:flex;align-items:baseline;gap:10px;margin-top:15px}
.pay-badge span{font-size:9px;letter-spacing:.13em;color:#9eb2af;font-weight:800}
.pay-badge strong{font:800 23px Manrope;color:var(--yellow)}
.quick-tasks{list-style:none;padding:14px 0 3px;margin:0;display:grid;gap:8px}
.quick-tasks li{display:flex;align-items:center;gap:8px;color:#d9e4e2;font-size:12px;font-weight:600}
.quick-tasks li span{width:18px;height:18px;flex:0 0 18px;border-radius:50%;display:grid;place-items:center;background:var(--green);color:#fff;font-size:9px}
@media(max-width:820px){
  .copy{grid-column:1;grid-row:auto}
  .apply-box{grid-column:1;grid-row:auto;order:-1}
}