.whitepaper-main { max-width: 1440px; margin: auto; padding: 72px var(--gutter) 88px; display: grid; grid-template-columns: minmax(0, 1.1fr) minmax(0, 1fr); gap: clamp(40px, 6vw, 90px); align-items: start; }
.wp-kicker { display: block; color: #ffde59; font: 500 10px/1.5 'Helvetica Neue', Arial, sans-serif; letter-spacing: .15em; }
.whitepaper-intro h1 { font: 800 clamp(38px, 4vw, 59px)/1.08 'Montserrat', Arial, sans-serif; letter-spacing: -.035em; margin: 24px 0; }
.whitepaper-intro > p { margin: 0; max-width: 500px; color: #dee2f4; font-size: 18px; line-height: 1.65; }
.wp-document { position: relative; border: 1px solid #606cb2; border-left: 4px solid #ffde59; padding: 32px 34px; margin: 36px 0 26px; max-width: 500px; background: #24254f; }
.wp-document-type { color: #b3b8de; font-size: 9px; letter-spacing: .13em; }
.wp-document h2 { font: 800 43px/1.1 'Montserrat', Arial, sans-serif; letter-spacing: -.03em; margin: 32px 0 16px; }
.wp-document p { font-size: 16px; line-height: 1.6; color: #dee2f4; }
.wp-document-meta { display: block; font-size: 11px; color: #b3b8de; margin-top: 30px; }
.wp-document-meta span { padding: 0 10px; color: #ffde59; }
.wp-back { color: #ffde59; text-decoration: none; font-size: 13px; }
.wp-request { padding: 36px; background: #24254f; border: 1px solid #606cb2; border-radius: 6px; }
.wp-request h2 { font: 700 clamp(25px, 2.5vw, 32px)/1.15 'Montserrat', Arial, sans-serif; margin: 18px 0 14px; letter-spacing: -.02em; }
.wp-form-intro { font-size: 15px; color: #dee2f4; margin: 0 0 26px; line-height: 1.5; }
#whitepaper-form { display: flex; flex-direction: column; }
#whitepaper-form label { font-size: 12px; font-weight: 500; margin: 0 0 9px; }
.wp-optional { margin-left: 7px; color: #b3b8de; font-size: 10px; font-weight: 400; }
#whitepaper-form input:not([type=hidden]), #whitepaper-form select { width: 100%; min-height: 48px; border: 1px solid #606cb2; border-radius: 3px; padding: 12px 14px; font: 400 15px/1.4 'Helvetica Neue', Arial, sans-serif; background: #2e2a74; color: #fff; margin: 0 0 21px; }
#whitepaper-form input::placeholder { color: #b3b8de; }
#whitepaper-form input:focus, #whitepaper-form select:focus { outline: 2px solid #ffde59; outline-offset: 2px; }
.wp-data-note { color: #b3b8de; font: 400 11px/1.6 'Helvetica Neue', Arial, sans-serif; margin: 0 0 20px; }
.wp-submit { display: flex; width: 100%; align-items: center; justify-content: space-between; gap: 20px; border: 1px solid #ffde59; border-radius: 4px; padding: 17px 22px; background: #ffde59; color: #24254f; font: 600 15px/1.5 'Helvetica Neue', Arial, sans-serif; text-decoration: none; cursor: pointer; }
.wp-submit:hover { color: #24254f; background: #ffe77c; }
.wp-submit:disabled { opacity: .65; cursor: wait; }
.wp-status { margin: 16px 0 0; color: #ffde59; font-size: 13px; line-height: 1.6; }
.wp-status:empty { margin: 0; }
.wp-help { font-size: 12px; line-height: 1.5; color: #b3b8de; margin: 24px 0 0; }
.wp-help a { color: #dee2f4; text-decoration: none; margin-left: 7px; }
.wp-ready p { font-size: 15px; line-height: 1.6; color: #dee2f4; }
.wp-ready .wp-data-note { font-size: 11px; margin: 18px 0 0; color: #b3b8de; }
.wp-honeypot { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); }
.whitepaper-main [hidden] { display: none !important; }
@media (max-width: 900px) { .whitepaper-main { grid-template-columns: 1fr; gap: 40px; padding-top: 48px; } .wp-document { max-width: 100%; } }
@media (max-width: 550px) { .whitepaper-main { padding-bottom: 48px; } .whitepaper-intro h1 { font-size: 38px; } .wp-request { padding: 28px 22px; } .wp-document { padding: 26px; } .wp-document h2 { font-size: 36px; margin-top: 24px; } }