@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700&display=swap');
:root{--acid:#E7F54A;--bg:#1b1b1b;--text:#dedede}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Arial,Helvetica,sans-serif;line-height:1.42} .wrap{max-width:1000px;width:calc(100% - 90px);margin:0 auto} .hero{min-height:100vh;position:relative} .hero-inner{position:relative;min-height:100vh;width:100%;margin:auto} .hero h1{position:absolute;left:8%;bottom:16.5%;margin:0;white-space:nowrap;font:400 clamp(44px,4.2vw,78px)/1.1 Arial,sans-serif;letter-spacing:.035em;color:transparent;-webkit-text-stroke:1.7px #d9d9d9;text-shadow:none} .hero-art{position:absolute;right:8.7%;top:auto;bottom:calc(17.4% + 52px);width:32%;} .dots{display:block;width:100%;height:auto} .strap{position:absolute;right:8.7%;bottom:17.4%;width:32%;text-align:center;color:var(--acid);font:400 clamp(15px,1.2vw,21px)/1.3 Arial,Helvetica,sans-serif;letter-spacing:.04em;margin:0} .intro{padding:90px 0 15px} .intro h2,.section h2,.form-section h2{font:400 clamp(19px,2vw,25px)/1.2 Arial,Helvetica,sans-serif;color:var(--acid);text-transform:uppercase;letter-spacing:.01em;margin:0 0 12px} .intro p,.section p{font-size:18px;text-align:justify;margin:0 0 24px} .section{padding:12px 0 18px} .form-section{padding:50px 0 75px} .form-section h2{margin-bottom:34px}form{max-width:745px;margin-left:auto;margin-right:auto} .field{margin-bottom:25px}label{display:block;color:#fff;font-size:18px;margin-bottom:0}label span{color:#ff4d4d}input,textarea{width:100%;padding:13px 14px;border-radius:5px;border:1px solid #555;background:#333;color:white;font:16px Arial,sans-serif}input::placeholder,textarea::placeholder{color:#aab1bf}textarea{min-height:160px;resize:vertical}input:focus,textarea:focus{outline:1px solid var(--acid)}button{width:100%;background:var(--acid);border:0;border-radius:4px;padding:14px;font:700 16px Arial,sans-serif;color:#000;cursor:pointer}.hp{position:absolute;left:-9999px}.status{margin-top:12px}.footer{padding:20px 0 35px;color:#ddd;font-size:16px}
@media(max-width:650px){.wrap{width:calc(100% - 28px)}.hero{min-height:680px}.hero-inner{min-height:680px}.hero h1{top:84px;bottom:auto;left:6%;width:88%;white-space:normal;text-align:center;font-size:clamp(42px,12vw,72px);line-height:1.3;letter-spacing:.01em}.hero-art{left:4%;right:4%;top:216px;bottom:auto;width:92%;height:290px;overflow:hidden}.hero-art .dots{width:100%;height:100%;object-fit:cover}.strap{left:5%;right:5%;top:510px;bottom:auto;width:90%;font-size:16px;line-height:1.2}.intro{padding:50px 0 0}.intro h2,.section h2,.form-section h2{font-size:19px;text-align:justify;text-align-last:left}.intro p,.section p{font-size:16px;line-height:1.4;margin-bottom:24px}.section{padding:0 0 6px}.form-section{padding:35px 0 50px}label{font-size:16px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

.confidentiality{font-size:18px;margin:0 0 30px;color:var(--text)}
@media(max-width:650px){.confidentiality{font-size:16px}}

/* V7: match the original Canva desktop content column and typography. */
@media(min-width:651px){
 .wrap{max-width:840px;width:calc(100% - 80px)}
 .intro{padding:76px 0 5px}
 .intro h2,.section h2,.form-section h2{font-family:Arial,Helvetica,sans-serif;font-size:15px;line-height:1.42;font-weight:400;letter-spacing:.015em;margin-bottom:14px}
 .intro p,.section p{font-family:Arial,Helvetica,sans-serif;font-size:14px;line-height:1.35;text-align:justify;margin:0 0 25px}
 .section{padding:8px 0 24px}
 .form-section{padding-top:34px}
}
/* Keep the confidentiality sentence in Context, not as a separate block. */

/* V8: desktop copy shares the hero's outer edges; restore readable sizing. */
@media(min-width:651px){
 .wrap{max-width:none;width:83.3%;margin-left:8%;margin-right:8.7%}
 .intro h2,.section h2,.form-section h2{font-size:22px;line-height:1.3}
 .intro p,.section p,.confidentiality{font-size:18px;line-height:1.5}
}

/* V9: match Context-to-contact spacing to other section transitions. */
@media(min-width:651px){
 .form-section{padding-top:8px}
 .form-section h2{margin-bottom:55px}
}
@media(max-width:650px){
 .form-section{padding-top:0}
 .form-section h2{margin-bottom:35px}
}

.site-footer{text-align:center;padding:50px 20px 25px;font-size:12px;color:#aaa}