:root { --support-navy:#071f46; --support-blue:#0668e8; --support-cyan:#28b7f3; --support-ink:#102a50; --support-muted:#60718b; --support-line:#dbe6f1; --support-soft:#f3f7fb; }
.support-page { color:var(--support-ink); overflow:hidden; }
.support-page *,.support-page *::before,.support-page *::after { box-sizing:border-box; }
.support-shell { width:min(1180px,calc(100% - 40px)); margin:0 auto; }
.support-section { padding:92px 0; }
.support-kicker { display:inline-flex; align-items:center; gap:10px; color:var(--support-blue); font-size:.76rem; font-weight:900; letter-spacing:.15em; }
.support-kicker::before { content:""; width:26px; height:2px; background:currentColor; }
.support-kicker-light { color:#65c9ff; }
.support-hero { position:relative; padding:44px 0 80px; background:linear-gradient(135deg,#f8fbff,#edf6ff 65%,#fff); }
.support-breadcrumbs { display:flex; flex-wrap:wrap; align-items:center; gap:9px; margin-bottom:40px; color:#63718a; font-size:.8rem; }
.support-breadcrumbs a { color:#33425c; text-decoration:none; }
.support-breadcrumbs a:hover { color:var(--support-blue); }
.support-hero::before { content:""; position:absolute; inset:0; background-image:linear-gradient(rgba(7,31,70,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(7,31,70,.035) 1px,transparent 1px); background-size:42px 42px; mask-image:linear-gradient(to right,#000,transparent 72%); }
.support-hero-grid { position:relative; z-index:1; display:grid; grid-template-columns:1.04fr .96fr; gap:70px; align-items:center; min-height:500px; }
.support-hero h1 { margin:20px 0 23px; color:var(--support-navy); font-size:clamp(3.2rem,5.4vw,5.65rem); line-height:.96; letter-spacing:-.055em; }
.support-hero h1 span { color:var(--support-blue); }
.support-lead { max-width:650px; margin:0; color:#465d7b; font-size:1.14rem; line-height:1.75; }
.support-actions { display:flex; flex-wrap:wrap; gap:14px; margin-top:34px; }
.support-button { display:inline-flex; min-height:52px; align-items:center; justify-content:center; gap:16px; padding:0 24px; border-radius:6px; font-size:.9rem; font-weight:800; text-decoration:none; transition:.2s ease; }
.support-button-primary { color:#fff; background:var(--support-blue); box-shadow:0 12px 28px rgba(6,104,232,.23); }
.support-button-secondary { color:var(--support-navy); border:1px solid #b9cce2; background:rgba(255,255,255,.75); }
.support-button:hover { transform:translateY(-2px); }
.support-note { margin:22px 0 0; color:#718097; font-size:.86rem; }
.support-note a { color:var(--support-blue); font-weight:700; text-decoration:none; }
.support-console { position:relative; padding:16px; border:1px solid #cbdbea; border-radius:14px; background:#fff; box-shadow:0 26px 60px rgba(7,31,70,.14); }
.console-top { display:flex; align-items:center; gap:6px; padding:3px 4px 15px; border-bottom:1px solid #e3ebf3; }
.console-top > span { width:8px; height:8px; border-radius:50%; background:#d5e1ed; }
.console-top > span:first-child { background:#29b7f3; }
.console-top b { margin-left:auto; color:#718198; font-size:.57rem; letter-spacing:.12em; }
.console-grid { display:grid; gap:10px; padding:16px 0; }
.console-grid > div { position:relative; min-height:100px; padding:19px 21px 17px 64px; border:1px solid #dbe6f1; border-radius:8px; background:#f9fbfd; }
.console-grid > div::before { position:absolute; left:20px; top:25px; display:grid; width:27px; height:27px; place-items:center; border-radius:50%; color:#fff; background:var(--support-blue); font-size:.75rem; font-weight:900; }
.console-intake::before { content:"1"; }.console-triage::before { content:"2"; }.console-response::before { content:"3"; }
.console-grid small { display:block; color:var(--support-blue); font-size:.58rem; font-weight:900; letter-spacing:.12em; }
.console-grid strong { display:block; margin:6px 0 4px; color:var(--support-navy); font-size:1rem; }
.console-grid span { color:#687a92; font-size:.74rem; }
.console-triage { margin-left:26px; }.console-response { margin-left:52px; }
.console-status { display:flex; align-items:center; gap:9px; padding:12px 14px; border-radius:6px; color:#bdd4e9; background:var(--support-navy); font-size:.66rem; }
.console-status i { width:8px; height:8px; border-radius:50%; background:#4ee5a4; box-shadow:0 0 0 5px rgba(78,229,164,.12); }
.console-status b { margin-left:auto; color:#4ee5a4; font-size:.58rem; letter-spacing:.1em; }
.support-heading { max-width:750px; margin-bottom:42px; }
.support-heading h2,.support-prepare h2,.support-form-intro h2,.support-boundaries h2 { margin:15px 0; color:var(--support-navy); font-size:clamp(2rem,3.4vw,3.35rem); line-height:1.08; letter-spacing:-.035em; }
.support-heading p,.support-form-intro > p { color:var(--support-muted); line-height:1.75; }
.support-heading-centre { margin-inline:auto; text-align:center; }
.support-type-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:20px; }
.support-type-grid article { position:relative; min-height:270px; padding:30px; border:1px solid var(--support-line); border-radius:10px; background:#fff; box-shadow:0 14px 40px rgba(7,31,70,.055); }
.support-type-grid article > span { position:absolute; top:25px; right:25px; color:#9db0c5; font-size:.65rem; font-weight:900; }
.support-type-grid i { display:grid; width:44px; height:44px; place-items:center; border-radius:50%; color:var(--support-blue); background:#edf5ff; font-style:normal; font-weight:900; }
.support-type-grid h3 { margin:23px 0 10px; color:var(--support-navy); font-size:1.2rem; }
.support-type-grid p { color:#65778f; font-size:.84rem; line-height:1.65; }
.support-type-grid a { position:absolute; bottom:27px; color:var(--support-blue); font-size:.75rem; font-weight:800; text-decoration:none; }
.support-prepare { color:#fff; background:linear-gradient(125deg,var(--support-navy),#083b79); }
.support-prepare-grid { display:grid; grid-template-columns:.78fr 1.22fr; gap:80px; align-items:center; }
.support-prepare h2 { color:#fff; }
.support-prepare p { color:#bed0e2; line-height:1.7; }
.prepare-list { display:grid; grid-template-columns:1fr 1fr; gap:12px; }
.prepare-list > div { display:flex; gap:14px; padding:18px; border:1px solid rgba(255,255,255,.14); border-radius:7px; background:rgba(255,255,255,.06); }
.prepare-list b { color:#55c8ff; font-size:.65rem; }
.prepare-list span { color:#c8d7e7; font-size:.76rem; line-height:1.5; }
.prepare-list strong { display:block; margin-bottom:3px; color:#fff; font-size:.87rem; }
.support-form-section { background:var(--support-soft); }
.support-form-grid { display:grid; grid-template-columns:.7fr 1.3fr; gap:68px; align-items:start; }
.support-form-intro { position:sticky; top:110px; }
.support-safe { margin-top:30px; padding:21px; border-left:4px solid #e19b17; border-radius:4px; background:#fff6df; }
.support-safe strong { color:#704c00; }
.support-safe p { margin:7px 0 0; color:#725f36; font-size:.79rem; line-height:1.55; }
.support-form-card { padding:34px; border:1px solid #d9e5f0; border-radius:12px; background:#fff; box-shadow:0 18px 50px rgba(7,31,70,.08); }
.support-demo { display:flex; flex-wrap:wrap; justify-content:space-between; gap:6px 20px; margin:-10px -10px 28px; padding:13px 16px; border-radius:6px; color:#735300; background:#fff6d9; font-size:.72rem; }
.field-grid { display:grid; grid-template-columns:1fr 1fr; gap:20px; }
.support-form label { display:flex; flex-direction:column; gap:8px; color:var(--support-navy); font-size:.76rem; font-weight:800; }
.support-form input,.support-form select,.support-form textarea { width:100%; border:1px solid #cbd9e7; border-radius:5px; outline:none; color:#263d5c; background:#fff; font:inherit; font-weight:500; transition:.2s ease; }
.support-form input,.support-form select { min-height:48px; padding:0 13px; }
.support-form textarea { padding:13px; resize:vertical; }
.support-form input:focus,.support-form select:focus,.support-form textarea:focus { border-color:var(--support-blue); box-shadow:0 0 0 3px rgba(6,104,232,.1); }
.field-full { margin-top:20px; }
.attachment-placeholder { display:flex; gap:15px; align-items:center; margin-top:20px; padding:18px; border:1px dashed #a9bfd5; border-radius:6px; color:#687a91; background:#f9fbfd; }
.attachment-placeholder > span { display:grid; width:38px; height:38px; flex:0 0 38px; place-items:center; border-radius:50%; color:var(--support-blue); background:#eaf4ff; font-size:1.2rem; }
.attachment-placeholder strong { display:block; color:var(--support-navy); font-size:.78rem; }
.attachment-placeholder p { margin:3px 0 0; font-size:.7rem; line-height:1.5; }
.consent-field { flex-direction:row!important; align-items:flex-start; margin:22px 0; color:#677991!important; font-weight:500!important; line-height:1.5; }
.consent-field input { width:17px; min-height:17px; margin-top:2px; }
.consent-field em { color:#966100; font-style:normal; }
.support-submit { display:inline-flex; min-height:51px; align-items:center; gap:20px; padding:0 25px; border:0; border-radius:5px; color:#fff; background:var(--support-blue); font-weight:800; cursor:pointer; }
.support-expectations { background:#fff; }
.expectation-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:16px; }
.expectation-grid article { padding:26px; border:1px solid var(--support-line); border-radius:8px; }
.expectation-grid span { color:var(--support-blue); font-size:.67rem; font-weight:900; }
.expectation-grid h3 { color:var(--support-navy); }
.expectation-grid p { color:#65778f; font-size:.8rem; line-height:1.6; }
.policy-placeholder { display:grid; grid-template-columns:1.25fr repeat(4,1fr); gap:0; margin-top:24px; border:1px solid #ead59e; border-radius:7px; overflow:hidden; background:#fff9e9; }
.policy-placeholder > * { padding:15px; border-right:1px solid #eadfbf; color:#7b6738; font-size:.68rem; line-height:1.45; }
.policy-placeholder strong { color:#6c4e00; }.policy-placeholder > *:last-child { border:0; }
.support-boundaries { color:#fff; background:var(--support-navy); }
.support-boundaries-grid { display:grid; grid-template-columns:.8fr 1.2fr; gap:70px; align-items:center; }
.support-boundaries h2 { color:#fff; }
.boundary-links { display:grid; grid-template-columns:1fr 1fr; gap:12px; }
.boundary-links a { padding:19px; border:1px solid rgba(255,255,255,.14); border-radius:6px; text-decoration:none; background:rgba(255,255,255,.05); }
.boundary-links b { display:block; color:#fff; font-size:.84rem; }
.boundary-links span { color:#60c9ff; font-size:.7rem; }
@media (max-width:980px) {
  .support-hero-grid,.support-prepare-grid,.support-form-grid,.support-boundaries-grid { grid-template-columns:1fr; }
  .support-hero-grid { gap:48px; }.support-hero-grid > div:first-child { text-align:center; }
  .support-lead { margin-inline:auto; }.support-actions { justify-content:center; }
  .support-type-grid { grid-template-columns:1fr 1fr; }
  .support-form-intro { position:static; }.support-prepare-grid,.support-boundaries-grid { gap:36px; }
  .expectation-grid { grid-template-columns:1fr 1fr; }
  .policy-placeholder { grid-template-columns:1fr 1fr; }
  .policy-placeholder strong { grid-column:1/-1; }.policy-placeholder > * { border-bottom:1px solid #eadfbf; }
}
@media (max-width:680px) {
  .support-shell { width:min(100% - 28px,1180px); }.support-section { padding:68px 0; }.support-hero { padding-top:28px; }
  .support-breadcrumbs { justify-content:flex-start; margin-bottom:30px; text-align:left; }
  .support-hero-grid { min-height:auto; }.support-hero h1 { font-size:clamp(2.65rem,13.5vw,4.2rem); }
  .support-actions { flex-direction:column; }.support-button { width:100%; }
  .console-triage,.console-response { margin-left:0; }
  .support-type-grid,.prepare-list,.field-grid,.expectation-grid,.policy-placeholder,.boundary-links { grid-template-columns:1fr; }
  .support-form-card { padding:24px 18px; }.policy-placeholder strong { grid-column:auto; }
}
@media (prefers-reduced-motion:reduce) { .support-button { transition:none; } }
.support-console.hero-intelligence-visual{width:150%;max-width:none;min-height:0;margin-left:-15%;padding:0;background:transparent;border:0;box-shadow:none;overflow:visible}
.support-console.hero-intelligence-visual::before,.support-console.hero-intelligence-visual::after{display:none}
.support-console.hero-intelligence-visual picture,.support-console.hero-intelligence-visual img{display:block;width:100%;height:auto}
@media(max-width:1020px){.support-console.hero-intelligence-visual{width:100%;max-width:720px;margin:2rem auto 0}}
.support-validation,.support-form [data-valmsg-for]{color:#b42318;font-size:.72rem;font-weight:600}.support-validation:empty,.support-form [data-valmsg-for]:empty{display:none}.support-honeypot{position:absolute!important;left:-10000px!important;width:1px;height:1px;overflow:hidden}.attachment-placeholder input{margin-top:10px;padding:9px;min-height:auto}.attachment-placeholder>div{width:100%}.consent-field a{color:var(--support-blue)}.support-consent-error{display:block;margin-top:-15px;margin-bottom:18px}.support-submit:disabled{opacity:.65;cursor:wait}.support-overlay{position:fixed;inset:0;z-index:10000;display:none;place-items:center;padding:20px}.support-overlay.is-open{display:grid}.support-overlay-backdrop{position:absolute;inset:0;background:rgba(3,19,43,.72);backdrop-filter:blur(4px)}.support-overlay-card{position:relative;z-index:1;width:min(480px,100%);padding:40px;text-align:center;border-radius:14px;background:#fff;box-shadow:0 30px 90px rgba(0,0,0,.28)}.support-overlay-icon{display:grid;width:58px;height:58px;place-items:center;margin:0 auto 18px;border-radius:50%;color:#fff;background:#138a59;font-size:1.6rem;font-weight:900}.support-overlay-error .support-overlay-icon{background:#c43d32}.support-overlay-card h2{margin:0 0 12px;color:var(--support-navy)}.support-overlay-card p{color:var(--support-muted);line-height:1.65}.support-overlay-card strong{display:block;margin:18px 0;color:var(--support-blue);font-size:1.15rem}.support-overlay-card button{min-height:46px;padding:0 24px;border:0;border-radius:5px;color:#fff;background:var(--support-blue);font-weight:800;cursor:pointer}