/* NESkills Contact CRO — Tablet
   Device contract: 761px–1120px
   Step 69: native tablet composition; no desktop overflow dependencies.
*/

.contact-cro-hero{
  position:relative;
  overflow:hidden;
  padding:122px 0 40px;
  color:#fff;
  background-image:
    radial-gradient(circle at 82% 10%,rgba(24,191,255,.10),transparent 28%),
    radial-gradient(circle at 40% 8%,rgba(255,106,19,.06),transparent 22%);
}
.contact-cro-hero-grid{position:relative;z-index:2;display:grid;grid-template-columns:1fr;gap:34px}
.contact-cro-copy{max-width:767px}
.contact-cro-copy .breadcrumbs{margin-bottom:16px}
.contact-cro-copy h1{max-width:767px;margin:0;color:#fff;font-family:var(--display);font-size:clamp(3.8rem,7vw,5rem);font-weight:500;line-height:.9;letter-spacing:-.04em}
.contact-cro-copy h1 em{display:block;color:#ff6a13;font-weight:500}
.contact-cro-lead{max-width:700px;margin:20px 0 0;color:var(--text-inverse-muted);font-size:.88rem;line-height:1.68}
.contact-cro-hero .hero-actions{margin-top:24px}
.contact-cro-hero .button-primary{color:var(--surface-dark);background:linear-gradient(135deg,var(--gold),var(--orange-bright) 78%);box-shadow:0 10px 26px rgba(255,106,19,.2)}

.contact-route-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:12px;border:1px solid rgba(24,191,255,.14);border-radius:13px;background:linear-gradient(145deg,color-mix(in srgb, var(--surface-dark-alt) 84%, transparent),color-mix(in srgb, var(--surface-dark-alt) 78%, transparent));box-shadow:0 22px 48px rgba(0,0,0,.22)}
.contact-route-card{display:grid;grid-template-columns:32px 1fr;gap:13px;align-items:start;min-height:126px;padding:18px 16px;border:1px solid color-mix(in srgb, var(--gold) 32%, transparent);border-radius:9px;background:linear-gradient(145deg,color-mix(in srgb, var(--surface-dark-alt) 94%, transparent),color-mix(in srgb, var(--surface-dark) 92%, transparent))}
.contact-route-card svg{width:25px;height:25px;color:var(--gold)}.contact-route-card--teal svg{color:var(--teal)}
.contact-route-card small{display:block;margin-bottom:7px;color:var(--teal);font-size:.55rem;font-weight:800;letter-spacing:.13em;text-transform:uppercase}
.contact-route-card strong{display:block;color:#fff;font-family:var(--display);font-size:1.08rem;font-weight:600;line-height:1.1;overflow-wrap:anywhere}
.contact-route-card[href^="mailto:"] strong{font-family:var(--body);font-size:.78rem;line-height:1.25}
.contact-route-card b{display:block;margin-top:7px;color:var(--border-light-strong);font-size:.58rem;font-weight:500;line-height:1.4}

.contact-proof-section{padding:0 0 26px;background:#06121c;color:#fff}
.contact-proof-wrap{overflow:hidden;border:1px solid rgba(24,191,255,.36);border-radius:11px;background:radial-gradient(circle at 80% 15%,rgba(24,191,255,.08),transparent 30%),linear-gradient(145deg,var(--surface-dark-alt),var(--surface-dark));box-shadow:0 14px 32px rgba(0,0,0,.18)}
.contact-proof-grid{display:grid;grid-template-columns:1fr 1fr}
.contact-proof-stat{position:relative;display:grid;grid-template-columns:44px 1fr;gap:12px;align-items:center;min-height:108px;padding:20px}
.contact-proof-stat:nth-child(odd)::after{content:"";position:absolute;right:0;top:18px;bottom:18px;width:1px;background:rgba(255,255,255,.1)}
.contact-proof-stat:nth-child(-n+2)::before{content:"";position:absolute;left:20px;right:20px;bottom:0;height:1px;background:rgba(255,255,255,.1)}
.contact-proof-stat svg{width:38px;height:38px;color:var(--gold)}
.contact-proof-stat strong{display:block;color:var(--gold);font-family:var(--display);font-size:1.55rem;font-weight:600;line-height:.96}
.contact-proof-stat span{display:block;margin-top:6px;color:var(--card-light);font-size:.64rem;font-weight:600}
.contact-proof-stat small{display:block;margin-top:4px;color:var(--border-light-strong);font-size:.54rem;line-height:1.35}
.contact-proof-stat--privacy svg,.contact-proof-stat--privacy strong{color:var(--teal)}
.contact-proof-privacy{display:flex;align-items:center;justify-content:center;gap:7px;margin:0;padding:10px 18px 12px;border-top:1px solid rgba(255,255,255,.08);color:var(--teal);font-size:.6rem;text-align:center}
.contact-proof-privacy svg{width:14px;height:14px;color:var(--gold)}

.contact-enquiry-section{padding:44px 0 50px;background:#efe4d5}
.contact-enquiry-layout{display:grid;grid-template-columns:1fr;gap:30px}
.contact-enquiry-copy{max-width:767px}
.contact-enquiry-copy h2{max-width:620px;margin:0;color:var(--surface-dark);font-family:var(--display);font-size:3rem;font-weight:500;line-height:.96;letter-spacing:-.03em}
.contact-enquiry-copy>p:last-of-type{margin:15px 0 0;color:var(--text-secondary);font-size:.73rem;line-height:1.65}
.contact-enquiry-benefits{display:grid;grid-template-columns:1fr 1fr;gap:0 24px;margin:22px 0 0;padding:0;list-style:none;border-top:1px solid var(--border-light)}
.contact-enquiry-benefits li{position:relative;padding:13px 0 13px 28px;border-bottom:1px solid var(--border-light);color:var(--text-secondary);font-size:.64rem;line-height:1.45}
.contact-enquiry-benefits li::before{content:"✓";position:absolute;left:0;top:12px;width:16px;height:16px;display:grid;place-items:center;border:1px solid #ff6a13;border-radius:50%;color:#ff6a13;font-size:.58rem;font-weight:800}

.contact-cro-form{padding:23px;border:1px solid var(--border-light);border-radius:10px;background:color-mix(in srgb, var(--card-light) 76%, transparent);box-shadow:0 14px 34px color-mix(in srgb, var(--text-primary) 7%, transparent)}
.contact-cro-form .form-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px}
.contact-cro-form>label,.contact-cro-form .form-grid label{display:block;margin:0 0 13px;color:var(--text-primary);font-size:.62rem;font-weight:700}.contact-cro-form label:not(.consent)>span{color:#9b350d}.contact-cro-form .consent>span{color:var(--text-secondary)}
.contact-cro-form input[type=text],.contact-cro-form input[type=tel],.contact-cro-form input[type=email],.contact-cro-form select,.contact-cro-form textarea{display:block;width:100%;margin-top:7px;padding:11px 12px;border:1px solid var(--border-light);border-radius:5px;background:#fff;color:var(--surface-dark);font:inherit;font-weight:400;outline:none}
.contact-cro-form input[type=text],.contact-cro-form input[type=tel],.contact-cro-form input[type=email],.contact-cro-form select{min-height:42px}.contact-cro-form textarea{min-height:124px;resize:vertical;line-height:1.5}
.contact-cro-form input:focus,.contact-cro-form select:focus,.contact-cro-form textarea:focus{border-color:var(--teal);box-shadow:0 0 0 3px rgba(24,191,255,.1)}
.contact-cro-form fieldset{display:flex;align-items:center;gap:20px;margin:2px 0 12px;padding:10px 12px;border:1px solid var(--border-light);border-radius:6px}.contact-cro-form legend{padding:0 6px;color:var(--text-primary);font-size:.59rem;font-weight:700}.contact-cro-form fieldset label{display:flex;align-items:center;gap:7px;margin:0;color:var(--text-secondary);font-size:.6rem;font-weight:500}
.contact-cro-form input[type=radio],.contact-cro-form input[type=checkbox]{accent-color:#ff6a13}
.contact-cro-form .consent{display:grid;grid-template-columns:18px 1fr;gap:9px;align-items:start;margin:13px 0 16px;color:var(--text-secondary);font-size:.57rem;font-weight:400;line-height:1.5}.contact-cro-form .consent a{color:#9b350d;text-decoration:underline}
.contact-form-submit-row{display:grid;grid-template-columns:1fr 230px;gap:18px;align-items:center;padding-top:15px;border-top:1px solid var(--border-light)}
.contact-privacy-note{display:grid;grid-template-columns:32px 1fr;gap:10px;align-items:center}.contact-privacy-note svg{width:30px;height:30px;color:var(--orange-bright)}.contact-privacy-note strong{display:block;color:var(--text-primary);font-size:.64rem}.contact-privacy-note small{display:block;margin-top:3px;color:var(--text-secondary);font-size:.53rem;line-height:1.42}
.contact-submit-stack{text-align:right}.contact-cro-form .form-submit{width:100%;min-height:45px;border:0;border-radius:5px;background:linear-gradient(135deg,#ffb53b,#ff6a13 78%);color:var(--surface-dark);font-size:.65rem;font-weight:800;cursor:pointer;box-shadow:0 9px 22px rgba(255,106,19,.17)}.contact-cro-form .form-submit:disabled{opacity:.65;cursor:wait}.contact-cro-form .form-note{margin:6px 0 0;color:var(--text-secondary);font-size:.49rem;text-align:right}
.contact-cro-form .contact-form-status{margin-bottom:14px;padding:11px 13px;border-radius:6px;background:var(--surface-sand);color:var(--text-secondary);font-size:.61rem;line-height:1.5}.contact-cro-form .contact-form-status[data-state=success]{background:var(--surface-paper);color:var(--text-primary)}.contact-cro-form .contact-form-status[data-state=error]{background:var(--card-warm);color:var(--text-link)}.contact-cro-form .contact-form-status a{color:inherit;text-decoration:underline}
.contact-cro-form .contact-honeypot{position:absolute;left:-9999px;width:1px;height:1px;opacity:0}

.contact-process-section{padding:44px 0 48px;background:radial-gradient(circle at 82% 20%,rgba(255,106,19,.08),transparent 28%),radial-gradient(circle at 35% 0%,rgba(24,191,255,.07),transparent 24%),#06121c;color:#fff}
.contact-process-layout{display:grid;grid-template-columns:1fr;gap:28px}.contact-process-copy h2{max-width:650px;margin:0;color:#fff;font-family:var(--display);font-size:2.55rem;font-weight:500;line-height:.97}.contact-process-copy>p:last-child{max-width:650px;margin:13px 0 0;color:var(--border-light-strong);font-size:.66rem;line-height:1.6}
.contact-process-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;margin:0;padding:0;list-style:none}.contact-process-step{position:relative;display:block;padding-top:40px}.contact-process-step:not(:last-child)::after{content:"→";position:absolute;right:-23px;top:44px;color:var(--text-secondary);font-size:1.1rem}.contact-step-number{position:absolute;top:0;left:0;width:32px;height:32px;display:grid;place-items:center;border:1px solid var(--orange-bright);border-radius:50%;color:var(--gold);font-family:var(--display);font-size:.85rem}.contact-process-step>svg{display:block;width:25px;height:25px;color:var(--gold);margin:0 0 10px}.contact-process-step h3{margin:0 0 5px;color:var(--teal);font-family:var(--body);font-size:.64rem;font-weight:700;line-height:1.25}.contact-process-step p{margin:0;color:var(--border-light-strong);font-size:.54rem;line-height:1.46}

.contact-faq-section{background:var(--card-warm)}.contact-faq-section .faq-layout{grid-template-columns:1fr;gap:28px}.contact-faq-section .faq-intro{max-width:680px}.contact-faq-section .faq-intro h2{max-width:550px}

.contact-quick-cta{padding:22px 0;background:linear-gradient(115deg,var(--surface-dark),var(--surface-dark-alt));color:#fff;border-top:1px solid rgba(24,191,255,.13)}.contact-quick-cta-inner{display:flex;align-items:center;justify-content:space-between;gap:26px}.contact-quick-cta-inner>div:first-child{flex:1;min-width:0}.contact-quick-cta .cta-actions{flex:none}.contact-quick-cta h2{margin:0;color:#fff;font-family:var(--display);font-size:1.85rem;font-weight:500}.contact-quick-cta p{margin:4px 0 0;color:var(--border-light-strong);font-size:.64rem}.contact-quick-cta .cta-actions{display:flex;gap:9px}.contact-quick-cta .cta-actions a{display:flex;align-items:center;justify-content:center;gap:7px;min-height:42px;padding:0 16px;border-radius:5px;font-size:.62rem;font-weight:800}.contact-quick-cta .primary{background:linear-gradient(135deg,#ffb53b,#ff6a13);color:var(--surface-dark)}.contact-quick-cta .secondary{border:1px solid rgba(255,255,255,.5);color:#fff}
.contact-enquiry-copy .eyebrow{color:#9b350d}
