:root {
  --primary: #155e75;
  --primary-dark: #082f3a;
  --secondary: #f97316;
  --tertiary: #16a34a;
  --ink: #173b44;
  --muted: #637b81;
  --line: #d5e2e4;
  --paper: #f5f8f8;
  --container: min(1180px, calc(100% - 40px));
  font-family: "Onest", "Segoe UI", sans-serif;
  color: var(--ink);
  font-synthesis: none;
}
* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0; background: var(--paper); color: var(--ink); }
a { color: inherit; text-decoration: none; }
.skip-link { position: fixed; z-index: 30; top: 8px; left: 8px; padding: 10px 14px; background: #fff; color: var(--primary); border-radius: 8px; transform: translateY(-150%); }
.skip-link:focus { transform: none; }
.contact-container { width: var(--container); margin-right: auto; margin-left: auto; }

.contact-header { position: absolute; z-index: 10; top: 0; right: 0; left: 0; }
.contact-header-inner { display: flex; width: var(--container); height: 82px; margin: 0 auto; align-items: center; justify-content: space-between; border-bottom: 1px solid rgba(255,255,255,.13); }
.contact-brand { display: inline-flex; }
.contact-brand img { width: auto; height: 38px; object-fit: contain; }
.contact-header nav { display: flex; align-items: center; gap: 27px; color: #c5dade; font-size: .72rem; font-weight: 720; }
.contact-header nav a { transition: color .2s; }
.contact-header nav a:hover { color: #fff; }
.contact-header-cta { min-height: 42px; padding: 12px 17px; background: #fff; border-radius: 9px; color: var(--primary) !important; }
.contact-header a:focus-visible { outline: 3px solid rgba(142,214,229,.7); outline-offset: 4px; border-radius: 7px; }

.contact-hero { position: relative; isolation: isolate; min-height: 690px; padding: 158px 0 86px; background: radial-gradient(circle at 77% 47%, rgba(78,177,199,.28), transparent 27%), radial-gradient(circle at 8% 90%, rgba(22,163,74,.08), transparent 24%), linear-gradient(145deg,#062a34,#0b4656 58%,#072f3a); color: #fff; overflow: hidden; }
.contact-hero-grid { position: absolute; z-index: -1; inset: 0; opacity: .33; background-image: linear-gradient(rgba(135,203,217,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(135,203,217,.07) 1px,transparent 1px); background-size: 54px 54px; mask-image: linear-gradient(to bottom,transparent,#000 18%,#000 78%,transparent); }
.contact-hero-layout { display: grid; grid-template-columns: minmax(0,.93fr) minmax(420px,1.07fr); align-items: center; gap: 90px; }
.contact-eyebrow { display: flex; align-items: center; gap: 10px; margin: 0 0 18px; color: #8ed6e5; font-size: .62rem; font-weight: 850; letter-spacing: .16em; }
.contact-eyebrow span { width: 28px; height: 2px; background: #8ed6e5; }
.contact-hero-copy h1 { margin: 0; font-size: clamp(3.8rem,6.6vw,6.8rem); line-height: .9; letter-spacing: -.07em; }
.contact-hero-copy h1 em { color: #82d3e3; font-style: normal; }
.contact-hero-copy > p:not(.contact-eyebrow) { max-width: 650px; margin: 25px 0 0; color: #c0d4d8; font-size: .91rem; line-height: 1.7; }
.contact-hero-copy > span { display: block; margin-top: 14px; color: #88aeb6; font-size: .72rem; }
.contact-hero-visual { position: relative; min-height: 390px; }
.conversation-card { position: absolute; display: grid; grid-template-columns: 48px minmax(0,1fr); align-items: center; gap: 14px; width: min(88%,460px); padding: 19px; background: rgba(250,253,253,.98); border: 1px solid rgba(176,216,224,.65); border-radius: 17px; color: var(--ink); box-shadow: 0 25px 65px rgba(0,9,12,.33); }
.conversation-question { top: 20px; left: 0; }
.conversation-answer { right: 0; bottom: 27px; border-color: rgba(112,196,214,.8); }
.conversation-avatar,.conversation-xora { display: grid; width: 48px; height: 48px; place-items: center; border-radius: 14px; }
.conversation-avatar { background: #edf3f4; }
.conversation-avatar i { position: relative; width: 18px; height: 16px; border: 2px solid #66848b; border-radius: 50% 50% 40% 40%; }
.conversation-avatar i::before { content:""; position:absolute; top:-10px; left:4px; width:7px; height:7px; border:2px solid #66848b; border-radius:50%; }
.conversation-xora { background: var(--primary); color:#fff; font-size:1.25rem; font-weight:900; }
.conversation-card p { display:flex; margin:0; flex-direction:column; }
.conversation-card small { color:#71898f; font-size:.55rem; font-weight:850; letter-spacing:.12em; }
.conversation-card b { margin-top:6px; color:#294f59; font-size:.76rem; line-height:1.45; }
.conversation-card em { grid-column:2; display:flex; align-items:center; gap:6px; color:#43805c; font-size:.57rem; font-style:normal; }
.conversation-card em i { width:6px; height:6px; background:var(--tertiary); border-radius:50%; }
.conversation-path { position:absolute; top:124px; left:48%; display:flex; height:120px; flex-direction:column; justify-content:space-around; }
.conversation-path::before { content:""; position:absolute; top:0; bottom:0; left:4px; width:1px; background:linear-gradient(rgba(135,210,224,.12),rgba(135,210,224,.75)); }
.conversation-path i { z-index:1; width:9px; height:9px; background:#74c6d7; border:3px solid #0b4555; border-radius:50%; }
.contact-hero-status { position:absolute; right:9%; bottom:-12px; display:grid; grid-template-columns:38px 1fr; align-items:center; gap:10px; padding:11px 14px; background:rgba(3,29,36,.88); border:1px solid rgba(131,204,219,.28); border-radius:12px; }
.contact-hero-status > span { display:grid; width:34px; height:34px; place-items:center; background:rgba(22,163,74,.15); border-radius:10px; color:#72d594; font-size:.65rem; }
.contact-hero-status p { display:flex; margin:0; flex-direction:column; }
.contact-hero-status b { color:#e8f5f7; font-size:.66rem; }
.contact-hero-status small { margin-top:3px; color:#8fafb6; font-size:.55rem; }

.contact-channels { padding:108px 0; background:#f7fafa; }
.contact-section-heading { max-width:760px; margin-bottom:44px; }
.contact-section-heading > p,.contact-help header > p,.discover-copy > p,.contact-trial-card > div > p { margin:0 0 11px; color:var(--primary); font-size:.61rem; font-weight:850; letter-spacing:.15em; }
.contact-section-heading h2,.contact-help h2 { margin:0; color:var(--primary-dark); font-size:clamp(2.4rem,4.5vw,4.45rem); line-height:1; letter-spacing:-.06em; }
.contact-section-heading > span,.contact-help header > span { display:block; max-width:640px; margin-top:15px; color:var(--muted); font-size:.84rem; line-height:1.65; }
.contact-channel-grid { display:grid; grid-template-columns:1fr 1fr; gap:22px; }
.channel-card { position:relative; display:flex; min-height:430px; padding:31px; flex-direction:column; background:#fff; border:1px solid var(--line); border-radius:21px; box-shadow:0 18px 45px rgba(8,47,58,.07); overflow:hidden; transition:transform .25s,box-shadow .25s,border-color .25s; }
.channel-card::after { content:""; position:absolute; right:-55px; bottom:-70px; width:190px; height:190px; border:1px solid rgba(21,94,117,.08); border-radius:50%; box-shadow:0 0 0 28px rgba(21,94,117,.025),0 0 0 56px rgba(21,94,117,.018); }
.channel-card:hover { transform:translateY(-4px); border-color:rgba(21,94,117,.38); box-shadow:0 25px 58px rgba(8,47,58,.11); }
.channel-card-top { display:flex; align-items:center; justify-content:space-between; }
.channel-card-top > small { color:#799096; font-size:.55rem; font-weight:850; letter-spacing:.12em; }
.channel-icon { display:grid; width:52px; height:52px; place-items:center; background:#e8f2f3; border:1px solid #d0e1e4; border-radius:15px; color:var(--primary); }
.channel-whatsapp .channel-icon { background:#eaf5ee; border-color:#d0e6d8; color:#28774a; }
.channel-icon svg,.help-icon svg { width:25px; height:25px; fill:none; stroke:currentColor; stroke-width:1.7; stroke-linecap:round; stroke-linejoin:round; }
.channel-name { margin:32px 0 7px; color:#698187; font-size:.63rem; font-weight:800; letter-spacing:.08em; text-transform:uppercase; }
.channel-card h3 { max-width:460px; margin:0; color:var(--primary-dark); font-size:clamp(1.55rem,2.5vw,2.25rem); line-height:1.05; letter-spacing:-.045em; }
.channel-card div > p:last-child { max-width:500px; margin:15px 0 0; color:#647c82; font-size:.78rem; line-height:1.68; }
.channel-card > a { position:relative; z-index:2; display:inline-flex; width:fit-content; min-height:45px; margin-top:auto; align-items:center; gap:10px; padding:0 17px; background:var(--primary); border-radius:9px; color:#fff; font-size:.69rem; font-weight:800; }
.channel-whatsapp > a { background:#197a46; }
.channel-card > a:hover span { transform:translateX(3px); }
.channel-card > a span { transition:transform .2s; }
.channel-card a:focus-visible { outline:3px solid rgba(21,94,117,.3); outline-offset:3px; }
.temporary-channel { position:relative; z-index:2; display:flex; align-items:center; gap:6px; margin-top:10px; color:#8b9292; font-size:.52rem; }
.temporary-channel i { width:6px; height:6px; background:#a99c68; border-radius:50%; }
.contact-placeholder-status { margin-top:18px; padding:13px 15px; background:#fff8e8; border:1px solid #e4d4aa; border-radius:10px; color:#745c24; font-size:.68rem; }

.contact-help { padding:100px 0; background:#fff; }
.contact-help-layout { display:grid; grid-template-columns:minmax(270px,.72fr) minmax(0,1.28fr); align-items:start; gap:80px; }
.help-options { display:grid; gap:13px; }
.help-options > a,.help-option-pending { display:grid; grid-template-columns:48px minmax(0,1fr) auto; align-items:center; gap:15px; min-height:105px; padding:17px 19px; background:#f8fafa; border:1px solid var(--line); border-radius:15px; transition:background .2s,border-color .2s,transform .2s; }
.help-options > a:hover { background:#fff; border-color:rgba(21,94,117,.4); transform:translateX(3px); }
.help-options > a:focus-visible { outline:3px solid rgba(21,94,117,.28); outline-offset:3px; }
.help-icon { display:grid; width:48px; height:48px; place-items:center; background:#e8f2f3; border-radius:13px; color:var(--primary); font-size:1.2rem; font-weight:900; }
.help-options p { display:flex; margin:0; flex-direction:column; }
.help-options p small { color:#789096; font-size:.53rem; font-weight:850; letter-spacing:.1em; }
.help-options p b { margin-top:4px; color:#284e58; font-size:.82rem; }
.help-options p em { margin-top:4px; color:#74898e; font-size:.62rem; font-style:normal; }
.help-options > a > i { display:grid; width:34px; height:34px; place-items:center; background:#fff; border:1px solid #d2e1e3; border-radius:9px; color:var(--primary); font-size:.7rem; font-style:normal; }
.help-option-pending { opacity:.75; }
.help-option-pending > strong { color:#758b90; font-size:.55rem; letter-spacing:.07em; text-transform:uppercase; }

.contact-discover { padding:45px 0 100px; background:#fff; }
.contact-discover-card { display:grid; grid-template-columns:minmax(340px,.85fr) minmax(0,1.15fr); min-height:440px; background:linear-gradient(145deg,#082f3a,#0b4656); border:1px solid #23667a; border-radius:25px; color:#fff; box-shadow:0 30px 70px rgba(8,47,58,.2); overflow:hidden; }
.discover-visual { position:relative; min-height:440px; background:radial-gradient(circle at center,rgba(98,190,209,.22),transparent 48%); }
.discover-visual::before { content:""; position:absolute; inset:50px; border:1px solid rgba(137,208,222,.16); border-radius:50%; box-shadow:0 0 0 36px rgba(137,208,222,.04),0 0 0 72px rgba(137,208,222,.025); }
.discover-core { position:absolute; top:50%; left:50%; display:flex; width:145px; height:145px; align-items:center; justify-content:center; flex-direction:column; background:#f8fbfb; border:7px solid #0c4b5b; border-radius:50%; color:var(--primary); box-shadow:0 25px 60px rgba(0,8,11,.35); transform:translate(-50%,-50%); }
.discover-core i { width:11px; height:11px; margin-bottom:7px; background:var(--tertiary); border-radius:50%; box-shadow:0 0 0 6px rgba(22,163,74,.12); }
.discover-core b { font-size:1.15rem; }
.discover-core small { margin-top:3px; color:#71878d; font-size:.51rem; }
.discover-node { position:absolute; display:flex; align-items:center; gap:7px; padding:9px 11px; background:rgba(4,35,43,.9); border:1px solid rgba(134,205,220,.28); border-radius:9px; color:#c8e1e6; font-size:.57rem; }
.discover-node i { width:7px; height:7px; background:#70cbdc; border-radius:50%; }
.node-one { top:56px; left:50%; transform:translateX(-50%); }.node-two{bottom:64px;left:42px}.node-three{right:32px;bottom:88px}
.discover-copy { display:flex; padding:62px 60px; justify-content:center; flex-direction:column; border-left:1px solid rgba(255,255,255,.1); }
.discover-copy > p { color:#8ed6e5; }
.discover-copy h2 { margin:0; color:#fff; font-size:clamp(2.25rem,4vw,4rem); line-height:1; letter-spacing:-.06em; }
.discover-copy > span { max-width:580px; margin-top:18px; color:#aec8cd; font-size:.82rem; line-height:1.68; }
.discover-copy > a { display:inline-flex; width:fit-content; min-height:47px; margin-top:27px; align-items:center; gap:10px; padding:0 18px; background:#fff; border-radius:9px; color:var(--primary); font-size:.7rem; font-weight:820; }
.discover-copy > a i,.contact-trial-card > a i { font-style:normal; }

.contact-trial { padding:0 0 95px; background:#fff; }
.contact-trial-card { position:relative; display:grid; grid-template-columns:minmax(0,1fr) auto; min-height:260px; align-items:center; gap:45px; padding:55px 155px 55px 55px; background:#eef5f5; border:1px solid #d3e2e4; border-radius:23px; overflow:hidden; }
.contact-trial-card h2 { margin:0; color:var(--primary-dark); font-size:clamp(2.2rem,4vw,3.8rem); letter-spacing:-.055em; }
.contact-trial-card > div > span { display:block; max-width:690px; margin-top:12px; color:var(--muted); font-size:.79rem; line-height:1.65; }
.contact-trial-card > a { display:inline-flex; min-height:52px; align-items:center; gap:10px; padding:0 20px; background:var(--primary); border-radius:10px; color:#fff; font-size:.74rem; font-weight:820; white-space:nowrap; box-shadow:0 13px 28px rgba(21,94,117,.2); }
.trial-seven { position:absolute; right:-45px; top:-42px; display:flex; width:155px; height:155px; align-items:center; justify-content:center; flex-direction:column; background:#dcebed; border-radius:50%; color:var(--primary); }
.trial-seven b { font-size:3rem; line-height:.9; }.trial-seven small{font-size:.55rem;font-weight:800}


.contact-footer { padding:55px 0 24px; background:var(--primary-dark); color:#fff; }
.contact-footer > div:first-child { display:grid; grid-template-columns:1fr 1fr auto; align-items:center; gap:35px; padding-bottom:42px; }
.contact-footer img { height:39px; width:auto; object-fit:contain; }
.contact-footer p { color:#8fb0b7; font-size:.7rem; }
.contact-footer nav { display:flex; gap:20px; color:#bfd4d8; font-size:.67rem; }
.contact-footer a:focus-visible { outline:3px solid rgba(142,214,229,.6); outline-offset:4px; }
.contact-footer-bottom { display:flex; justify-content:space-between; padding-top:20px; border-top:1px solid rgba(255,255,255,.1); color:#72979f; font-size:.6rem; }

@media(max-width:900px){.contact-header nav>a:not(.contact-header-cta){display:none}.contact-hero-layout{grid-template-columns:1fr;gap:45px}.contact-hero{padding-top:135px}.contact-hero-copy{max-width:730px}.contact-hero-visual{max-width:650px;width:100%;margin:auto}.contact-help-layout{grid-template-columns:1fr;gap:35px}.contact-discover-card{grid-template-columns:1fr}.discover-visual{min-height:350px}.discover-copy{padding:48px;border-top:1px solid rgba(255,255,255,.1);border-left:0}.contact-trial-card{grid-template-columns:1fr;padding-right:130px}.contact-trial-card>a{width:fit-content}}
@media(max-width:650px){:root{--container:min(100% - 28px,560px)}.contact-header-inner{height:70px}.contact-brand img{height:31px}.contact-hero{min-height:740px;padding:122px 0 66px}.contact-hero-copy h1{font-size:clamp(3.5rem,17vw,5.2rem)}.contact-hero-copy>p:not(.contact-eyebrow){font-size:.82rem}.contact-hero-visual{min-height:355px}.conversation-card{width:94%;padding:15px;grid-template-columns:42px minmax(0,1fr)}.conversation-avatar,.conversation-xora{width:42px;height:42px}.conversation-question{top:12px}.conversation-answer{bottom:48px}.contact-hero-status{right:0;bottom:-8px}.contact-channels,.contact-help{padding:76px 0}.contact-channel-grid{grid-template-columns:1fr}.channel-card{min-height:400px;padding:24px}.contact-section-heading h2,.contact-help h2{font-size:clamp(2.5rem,12vw,3.6rem)}.help-options>a,.help-option-pending{grid-template-columns:44px minmax(0,1fr);padding:15px}.help-options>a>i,.help-option-pending>strong{grid-column:2;justify-self:start}.contact-discover{padding:25px 0 75px}.discover-visual{min-height:310px}.discover-visual::before{inset:45px}.discover-core{width:125px;height:125px}.node-two{left:15px}.node-three{right:12px}.discover-copy{padding:38px 25px}.contact-trial{padding-bottom:75px}.contact-trial-card{padding:39px 25px 115px;gap:25px}.trial-seven{top:auto;right:-30px;bottom:-38px;width:135px;height:135px}.contact-trial-card>a{white-space:normal;text-align:center}.contact-footer>div:first-child{grid-template-columns:1fr;gap:15px}.contact-footer nav{flex-wrap:wrap}.contact-footer-bottom{gap:8px;flex-direction:column}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.channel-card,.channel-card>a span,.help-options>a{transition:none}.channel-card:hover,.help-options>a:hover{transform:none}}