/* A focused demo page. The configured Trackwick form retains its own submission flow. */
.ta-contact-page { background:radial-gradient(ellipse at 0 48%,#162940 0,transparent 53%),radial-gradient(ellipse at 91% 0,rgba(230,57,70,.07),transparent 40%),#0b1425; color:#edf3fb; }
.ta-contact-page .site-container { width:calc(100% - 96px); max-width:1200px; }
.ta-contact-header { display:flex; align-items:center; justify-content:space-between; padding:28px 0 17px; }
.ta-contact-logo { display:inline-flex; }
.ta-contact-logo img { display:block; width:198px; height:40px; object-fit:contain; object-position:left; }
.ta-contact-back { display:flex; align-items:center; gap:10px; color:#a7b5c9; font-size:.78rem; text-decoration:none; }
.ta-contact-back:hover { color:#fff; }
.ta-contact-page .ta-breadcrumbs { padding-top:4px; padding-bottom:20px; font-size:.65rem; color:#71869e; }
.ta-contact-layout { display:grid; grid-template-columns:minmax(0,1.08fr) minmax(0,1fr); gap:clamp(36px,6vw,90px); align-items:center; padding:12px 0 32px; }
.ta-contact-story { min-width:0; padding:10px 0; }
.ta-contact-eyebrow { display:flex; align-items:center; gap:9px; color:#abbfd5; font-size:.6rem; font-weight:600; letter-spacing:.14em; margin:0 0 22px; }
.ta-contact-eyebrow>span { color:#f16d76; font-size:1.1rem; }
.ta-contact-story h1 { font:650 clamp(2.6rem,4.4vw,3.6rem)/1.06 'Inter Tight',Inter,sans-serif; letter-spacing:-.045em; color:#f3f7fd; margin:0; max-width:560px; }
.ta-contact-story h1 em { display:inline-block; color:#f26b73; font-style:normal; margin-top:8px; }
.ta-contact-lede { max-width:460px; color:#a9bad0; font-size:.95rem; line-height:1.8; margin:25px 0 23px; }
.ta-contact-benefits { list-style:none; margin:0; padding:0; display:grid; gap:12px; }
.ta-contact-benefits li { display:flex; align-items:baseline; gap:11px; color:#c6d3e4; font-size:.77rem; line-height:1.6; }
.ta-contact-benefits li>span { color:#91d1c6; }
.ta-contact-preview { margin-top:29px; padding:18px 19px 0; border:1px solid #30405a; border-radius:13px; background:linear-gradient(135deg,rgba(31,50,71,.85),rgba(14,28,47,.85)); box-shadow:0 18px 60px #050b1429; }
.ta-contact-preview-top { display:flex; justify-content:space-between; align-items:center; gap:10px; color:#748aa5; font-size:.5rem; }
.ta-contact-preview-top>span:first-child { display:flex; align-items:center; gap:7px; color:#a7bbd2; font-size:.48rem; letter-spacing:.12em; }
.ta-contact-preview-top i { width:5px; height:5px; border-radius:50%; background:#8cdacf; }
.ta-contact-prompt { display:flex; align-items:center; gap:10px; margin:14px 0 16px; padding:11px 12px; border-radius:7px; border:1px solid #3a4d67; background:#21324a; }
.ta-contact-prompt>span:first-child { color:#e48f98; font-size:1.1rem; }
.ta-contact-prompt p { margin:0; color:#dce6f4; font-size:.7rem; line-height:1.6; flex:1; }
.ta-contact-prompt>span:last-child { color:#89a3c1; }
.ta-contact-answer { display:grid; grid-template-columns:1.2fr 1fr; align-items:center; gap:24px; padding-bottom:17px; }
.ta-contact-answer>svg { width:100%; height:85px; overflow:visible; }
.ta-contact-answer strong { font:500 .85rem/1.5 'Inter Tight',Inter,sans-serif; color:#ccdde9; }
.ta-contact-answer a { display:block; color:#8fc9c2; font-size:.51rem; margin-top:10px; text-decoration:none; line-height:1.6; }
.ta-contact-sources { display:flex; justify-content:space-between; flex-wrap:wrap; gap:9px; border-top:1px solid #2c3d54; padding:13px 0; }
.ta-contact-sources a { text-decoration:none; font-size:.56rem; color:#8da3be; }
.ta-contact-sources a:hover,.ta-contact-answer a:hover { color:#fff; }
.ta-contact-mcp { color:#7c93b0; font-size:.6rem; line-height:1.8; margin:17px 0 0; }
.ta-contact-mcp a { color:#abbfd4; text-decoration:none; }
.ta-contact-form-panel { min-width:0; padding:32px; background:#fff; border:1px solid #e8ecf2; border-radius:17px; box-shadow:0 20px 70px #03071355; color:#17253a; color-scheme:light; }
.ta-contact-form-kicker { color:#b94751; font-size:.54rem; font-weight:700; letter-spacing:.14em; }
.ta-contact-form-heading h2 { font:650 clamp(1.75rem,2.4vw,2rem)/1.15 'Inter Tight',Inter,sans-serif; letter-spacing:-.035em; color:#17253a; margin:10px 0 12px; }
.ta-contact-form-heading>p { margin:0 0 23px; font-size:.76rem; line-height:1.75; color:#6a7485; }
.ta-contact-form { min-width:0; }
.ta-contact-form-loading { min-height:326px; }
.ta-contact-form-loading p { color:#65758b; font-size:.75rem; margin:0 0 18px; line-height:1.7; }
.ta-contact-form-loading[hidden] { display:none; }
.ta-contact-skeleton { display:grid; grid-template-columns:1fr 1fr; gap:27px 14px; }
.ta-contact-skeleton span { height:43px; background:#f0f3f7; border-radius:6px; }
.ta-contact-skeleton span:nth-last-child(2) { grid-column:1/-1; height:104px; }
.ta-contact-skeleton span:last-child { grid-column:1/-1; background:#f7e5e7; height:46px; }
.ta-contact-form[data-form-state=unavailable] .ta-contact-skeleton { display:none; }
.ta-contact-form[data-form-state=unavailable] .ta-contact-form-loading { min-height:0; padding:16px; margin-bottom:20px; border:1px solid #dce2ec; border-radius:8px; background:#f5f7fa; }
.ta-contact-form[data-form-state=unavailable] .ta-contact-form-loading p { margin:0; }
.ta-contact-privacy { display:flex; gap:8px; align-items:flex-start; color:#7a8392; margin:13px 0 20px; font-size:.6rem; line-height:1.7; }
.ta-contact-privacy svg { flex-shrink:0; margin-top:2px; }
.ta-contact-privacy a { color:#5c697e; text-decoration:underline; text-underline-offset:2px; white-space:nowrap; }
.ta-contact-direct { display:flex; flex-direction:column; gap:7px; border-top:1px solid #e9edf3; padding-top:18px; }
.ta-contact-direct>span { color:#7d8797; font-size:.67rem; }
.ta-contact-direct a { color:#253852; font-size:.75rem; text-decoration:none; font-weight:600; }
.ta-contact-direct a>span { margin-left:6px; color:#c64956; }
.ta-contact-footer { display:flex; justify-content:space-between; gap:20px; align-items:center; padding:22px 0 26px; border-top:1px solid #ffffff0f; }
.ta-contact-footer p { color:#6d819e; font-size:.61rem; margin:0; line-height:1.7; }
.ta-contact-footer nav { display:flex; gap:18px; }
.ta-contact-footer a { color:#9aacc3; font-size:.61rem; text-decoration:none; }
.ta-contact-skip { position:fixed; left:16px; top:-100px; z-index:10000; padding:12px 18px; color:#fff; background:#ad2635; border-radius:6px; }
.ta-contact-skip:focus { top:12px; }
.ta-contact-page a:focus-visible,.ta-contact-page button:focus-visible { outline:2px solid #e56a76; outline-offset:4px; }
.ta-contact-noscript { color:#54627a; font-size:.85rem; line-height:1.7; }

/* Scoped overrides for the existing provider embed; field names and transport stay intact. */
.ta-body.ta-contact-page .ta-contact-form .trackwick-public-form { min-height:0; width:100%; }
.ta-body.ta-contact-page .ta-contact-form :is(.trackwick-public-form,.trackwick_public_form_main-container,.trackwick_public_form_inner-container,.trackwick_public_form_form-container-div,.trackwick_public_form_main-layout,.trackwick_public_form_inner-main-layout) { background:transparent !important; color:#17253a !important; width:100%; min-width:0; }
.ta-body.ta-contact-page .ta-contact-form .trackwick_public_form_field { display:grid !important; grid-template-columns:repeat(2,minmax(0,1fr)); gap:0 16px; width:100%; }
.ta-body.ta-contact-page .ta-contact-form .trackwick_public_form_field>.gutter-row { width:100% !important; max-width:100% !important; min-width:0; flex:none !important; padding:0 !important; }
.ta-body.ta-contact-page .ta-contact-form .trackwick_public_form_field>.gutter-row:only-child { grid-column:1/-1; }
.ta-body.ta-contact-page .ta-contact-form label { display:block; color:#334059 !important; font:500 .72rem/1.6 Inter,sans-serif !important; letter-spacing:0; margin:0 0 7px; }
.ta-body.ta-contact-page .ta-contact-form :is(.ant-input-affix-wrapper,input.ant-input,textarea.ant-input) { background:#f8f9fc !important; border:1px solid #dbe1e9 !important; border-radius:7px !important; color:#1d304b !important; font:400 .8rem/1.5 Inter,sans-serif; box-shadow:none !important; }
.ta-body.ta-contact-page .ta-contact-form .ant-input-affix-wrapper { min-height:44px; padding:10px 12px !important; }
.ta-body.ta-contact-page .ta-contact-form .ant-input-affix-wrapper>input.ant-input { background:transparent !important; border:0 !important; border-radius:0 !important; color:#1d304b !important; padding:0 !important; height:auto; min-height:0; }
.ta-body.ta-contact-page .ta-contact-form textarea.ant-input { min-height:106px; padding:11px 12px !important; resize:vertical; }
.ta-body.ta-contact-page .ta-contact-form :is(.ant-input-affix-wrapper,textarea.ant-input):hover { border-color:#aab7c9 !important; }
.ta-body.ta-contact-page .ta-contact-form :is(.ant-input-affix-wrapper:focus-within,textarea.ant-input:focus) { border-color:#dc5b69 !important; outline:2px solid #e6394614; outline-offset:1px; }
.ta-body.ta-contact-page .ta-contact-form :is(input,textarea)::placeholder { color:#9aa4b4 !important; font-weight:400; }
.ta-body.ta-contact-page .ta-contact-form input.ant-input:-webkit-autofill { -webkit-box-shadow:0 0 0 1000px #f8f9fc inset !important; -webkit-text-fill-color:#1d304b !important; caret-color:#1d304b !important; }
.ta-body.ta-contact-page .ta-contact-form .ant-form-item { margin-bottom:12px !important; }
.ta-body.ta-contact-page .ta-contact-form .ant-form-item-explain { font-size:.68rem !important; color:#bd2c3f !important; }
.ta-body.ta-contact-page .ta-contact-form .trackwick_public_form_submit-btn { margin:4px 0 0 !important; }
.ta-body.ta-contact-page .ta-contact-form .trackwick_public_form_submit-btn>.gutter-row { width:100%; }
.ta-body.ta-contact-page .ta-contact-form .ant-btn { width:100% !important; min-width:0; min-height:47px !important; background:#d9404d !important; border:1px solid #d9404d !important; border-radius:7px !important; color:white !important; padding:11px 20px !important; box-shadow:0 5px 15px #d9404d15 !important; font:600 .8rem/1.5 Inter,sans-serif !important; letter-spacing:0; }
.ta-body.ta-contact-page .ta-contact-form .ant-btn:hover { background:#bd3040 !important; border-color:#bd3040 !important; }
.ta-body.ta-contact-page .ta-contact-form :is(.trackwick_public_form_success-comp,.trackwick_public_form_success-msg) { color:#17253a !important; }
@media(min-width:1450px) { .ta-contact-layout { min-height:calc(100svh - 210px); } }
@media(max-width:1000px) { .ta-contact-page .site-container { width:calc(100% - 56px); } .ta-contact-layout { gap:32px; } .ta-contact-form-panel { padding:26px; } .ta-contact-story h1 { font-size:2.7rem; } .ta-contact-preview { padding:15px 13px 0; } .ta-contact-answer { gap:14px; } }
@media(max-width:760px) { .ta-contact-layout { grid-template-columns:1fr; gap:30px; max-width:590px; } .ta-contact-page .site-container { width:calc(100% - 40px); } .ta-contact-header { padding-top:24px; } .ta-contact-logo img { width:160px; height:33px; } .ta-contact-back { font-size:.65rem; } .ta-contact-page .ta-breadcrumbs { font-size:.58rem; padding-top:9px; padding-bottom:20px; } .ta-contact-story { padding:0; } .ta-contact-eyebrow { margin-bottom:15px; font-size:.53rem; } .ta-contact-story h1 { font-size:clamp(2.5rem,7.5vw,3.5rem); } .ta-contact-lede { font-size:.9rem; margin:18px 0; max-width:100%; } .ta-contact-benefits { gap:7px; } .ta-contact-preview,.ta-contact-mcp { display:none; } .ta-contact-form-panel { padding:27px; border-radius:13px; } .ta-contact-form-heading>p { font-size:.8rem; } .ta-contact-footer { flex-wrap:wrap; padding-top:20px; gap:10px; } .ta-contact-footer p { font-size:.57rem; } }
@media(max-width:480px) { .ta-contact-form-panel { padding:24px 20px; } .ta-contact-form-heading h2 { font-size:1.9rem; } .ta-body.ta-contact-page .ta-contact-form .trackwick_public_form_field { grid-template-columns:1fr; } .ta-body.ta-contact-page .ta-contact-form :is(input.ant-input,textarea.ant-input) { font-size:16px !important; } .ta-body.ta-contact-page .ta-contact-form label { font-size:.77rem !important; } .ta-contact-form-loading { min-height:400px; } }