/* WorkTeam public flow shared styles. Version 1.3.0 - 06/10/2026 */
@import url("https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@500;600;700;800&display=swap");

:root { --wt-orange:#ff8200; --wt-orange-dark:#e57200; --wt-black:#000; --wt-ink:#17191b; --wt-muted:#646566; --wt-line:#d0d3d4; --wt-soft:#f6f6f4; }
* { box-sizing:border-box; }
body { min-height:100vh; margin:0; color:var(--wt-ink); background:radial-gradient(circle at 84% 25%,rgba(100,101,102,.22),transparent 27%),var(--wt-black); font-family:"DM Sans",sans-serif; }
body::before { content:""; position:fixed; inset:0; pointer-events:none; opacity:.12; background-image:linear-gradient(rgba(255,255,255,.16) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.16) 1px,transparent 1px); background-size:56px 56px; mask-image:linear-gradient(to right,#000,transparent 82%); }
.sales-shell { position:relative; width:min(1240px,calc(100% - 40px)); margin:30px auto; display:grid; grid-template-columns:minmax(390px,.82fr) minmax(590px,1.18fr); overflow:hidden; border:1px solid rgba(208,211,212,.22); border-radius:26px; background:#fff; box-shadow:0 34px 90px rgba(0,0,0,.42); }
.sales-context { position:relative; overflow:hidden; padding:52px 48px; color:#fff; background:#000; }
.sales-context::after { content:""; position:absolute; width:520px; height:520px; right:-320px; top:-250px; border:1px solid rgba(208,211,212,.18); border-radius:50%; box-shadow:0 0 0 76px rgba(208,211,212,.025),0 0 0 152px rgba(208,211,212,.018); }
.brand { position:relative; z-index:1; width:174px; max-width:70%; margin-bottom:88px; filter:none; }
.eyebrow { color:var(--wt-orange); font:800 11px/1 "Manrope",sans-serif; letter-spacing:.16em; text-transform:uppercase; }
.sales-context h1,.sales-form-panel h2 { font-family:"Manrope",sans-serif; }
.sales-context h1 { position:relative; z-index:1; margin:16px 0 22px; font-size:clamp(42px,4vw,64px); line-height:.98; letter-spacing:-.055em; }
.sales-context h1 em { display:block; color:var(--wt-orange); font-style:normal; }
.sales-context>p { position:relative; z-index:1; max-width:480px; color:#d0d3d4; font-size:17px; line-height:1.7; }
.promise { position:relative; z-index:1; margin-top:42px; padding-top:28px; border-top:1px solid rgba(208,211,212,.22); }
.promise div { display:grid; grid-template-columns:30px 1fr; gap:10px; margin:17px 0; color:#f5f5f5; font-size:14px; }
.promise strong { color:var(--wt-orange); font-family:"Manrope",sans-serif; }
.sales-form-panel { padding:48px 50px; background:#fff; }
.sales-form-panel h2 { margin:8px 0 9px; font-size:34px; font-weight:800; letter-spacing:-.04em; }
.form-intro { max-width:620px; margin-bottom:25px; color:var(--wt-muted); line-height:1.6; }
.support-warning { margin-bottom:28px; padding:16px 18px; border-left:4px solid var(--wt-orange); border-radius:10px; background:#fff5e8; color:#573612; font-size:14px; line-height:1.5; }
.support-warning a { color:#7a3b00; font-weight:800; text-decoration:underline; }
.section-label { display:flex; align-items:center; gap:10px; margin:30px 0 16px; color:#4d4d4d; font-size:11px; font-weight:800; letter-spacing:.14em; text-transform:uppercase; }
.section-label::after { content:""; height:1px; flex:1; background:#e6e7e7; }
label { font-size:13px; font-weight:700; color:#333; }
.form-control { min-height:49px; border:1px solid var(--wt-line); border-radius:9px; background:#fff; color:var(--wt-ink); box-shadow:none!important; }
textarea.form-control { min-height:110px; }
.form-control:focus { border-color:var(--wt-orange); box-shadow:0 0 0 3px rgba(255,130,0,.12)!important; }
.intent { padding:16px; border:1px solid var(--wt-line); border-radius:10px; background:var(--wt-soft); }
.intent label { margin:0 0 0 8px; font-weight:600; line-height:1.5; }
.sales-submit { min-height:54px; margin-top:20px; border:0; border-radius:10px; font-family:"Manrope",sans-serif; font-weight:800; }
.sales-submit.btn-primary { color:#171717; background:var(--wt-orange); box-shadow:0 12px 28px rgba(255,130,0,.24); }
.sales-submit.btn-primary:hover,.sales-submit.btn-primary:focus { background:var(--wt-orange-dark); }
.privacy-note { margin:14px 0 0; color:#757575; font-size:12px; text-align:center; }
.grecaptcha-badge { display:none!important; visibility:hidden!important; }
.commercial-result-page { display:grid; place-items:center; padding:24px; }
.result { width:min(680px,100%); padding:44px; border-radius:26px; background:#fff; box-shadow:0 28px 70px rgba(0,0,0,.3); }
.result .eyebrow { color:var(--wt-orange); }
.result-rejected .eyebrow { color:#b42318; }
.result h1 { margin:12px 0; font-family:"Manrope",sans-serif; font-size:36px; line-height:1.1; }
.result p { color:var(--wt-muted); font-size:17px; line-height:1.6; }
.result .actions { display:flex; gap:12px; flex-wrap:wrap; margin-top:28px; }
.result a { padding:13px 20px; border-radius:12px; text-decoration:none; font-weight:700; }
.result .primary { background:var(--wt-orange); color:#fff; }
.result .secondary { border:1px solid var(--wt-line); color:var(--wt-ink); }
.public-flow-page { display:grid; place-items:center; padding:24px; }
.public-card { position:relative; width:min(760px,100%); overflow:hidden; padding:46px; border-radius:24px; background:#fff; box-shadow:0 28px 80px rgba(0,0,0,.38); }
.public-card::before { content:""; position:absolute; width:300px; height:300px; right:-190px; top:-200px; border:1px solid rgba(255,130,0,.35); border-radius:50%; box-shadow:0 0 0 60px rgba(255,130,0,.04),0 0 0 120px rgba(255,130,0,.025); }
.public-logo { position:relative; display:block; width:170px; max-height:58px; margin-bottom:36px; object-fit:contain; object-position:left center; }
.public-kicker { position:relative; color:var(--wt-orange-dark); font:800 11px/1 "Manrope",sans-serif; letter-spacing:.15em; text-transform:uppercase; }
.public-card h1 { position:relative; margin:12px 0 14px; font:800 clamp(32px,5vw,48px)/1.02 "Manrope",sans-serif; letter-spacing:-.045em; }
.public-card>p { position:relative; color:var(--wt-muted); font-size:16px; line-height:1.65; }
.public-form { position:relative; display:grid; gap:18px; margin-top:30px; }
.public-form .field { display:grid; gap:7px; }
.public-form input,.public-form select { width:100%; min-height:52px; padding:0 14px; border:1px solid var(--wt-line); border-radius:10px; background:#fff; color:var(--wt-ink); font:inherit; }
.public-form input:focus,.public-form select:focus { outline:0; border-color:var(--wt-orange); box-shadow:0 0 0 3px rgba(255,130,0,.12); }
.public-form button,.public-actions a { display:inline-flex; align-items:center; justify-content:center; min-height:52px; padding:0 24px; border:0; border-radius:10px; background:var(--wt-orange); color:#111; font:800 15px "Manrope",sans-serif; text-decoration:none; cursor:pointer; }
.public-actions { position:relative; display:flex; flex-wrap:wrap; gap:12px; margin-top:28px; }
.public-actions .secondary { border:1px solid var(--wt-line); background:#fff; color:var(--wt-ink); }
.terms-card { width:min(1080px,100%); }
.terms-frame { position:relative; width:100%; height:min(55vh,620px); margin:24px 0; border:1px solid var(--wt-line); border-radius:12px; background:var(--wt-soft); }
.terms-acceptance { position:relative; padding:18px; border:1px solid var(--wt-line); border-radius:12px; background:var(--wt-soft); }
.terms-acceptance label { display:flex; align-items:flex-start; gap:10px; }
.terms-acceptance input[type="checkbox"] { width:18px; min-height:18px; margin-top:2px; }

@media(max-width:900px) {
    .sales-shell { width:min(100% - 24px,680px); grid-template-columns:1fr; margin:12px auto; border-radius:18px; }
    .sales-context { order:2; padding:32px 24px; }
    .sales-context .promise { display:none; }
    .sales-context h1 { margin-bottom:14px; font-size:30px; }
    .brand { display:none; }
    .sales-form-panel { order:1; padding:30px 22px; }
    .sales-form-panel h2 { font-size:28px; }
    .form-intro,.support-warning { margin-bottom:18px; }
}
@media(max-width:600px) {
    .public-flow-page { padding:12px; }
    .public-card { padding:30px 22px; border-radius:17px; }
    .public-logo { width:145px; margin-bottom:28px; }
    .public-actions { display:grid; }
    .terms-frame { height:52vh; }
}