[data-page="contact"]{background:#000;color:#f5f6fa}
[data-page="contact"] main{overflow:hidden}
[data-page="contact"] section,[data-page="contact"] details{scroll-margin-top:110px}
.contact-hero{position:relative;min-height:740px;height:88svh;max-height:1050px;display:flex;align-items:center;background:#102331}
.hero-photo,.hero-shade{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 45%}
.hero-shade{background:linear-gradient(90deg,rgba(1,8,15,.88),rgba(2,11,19,.64) 35%,rgba(3,13,20,.12) 69%,rgba(0,0,0,.05)),linear-gradient(0deg,rgba(0,0,0,.26),transparent 30%)}
.hero-copy{position:relative;z-index:1;padding-top:65px;padding-bottom:45px}
.contact-eyebrow{font-size:12px;letter-spacing:.14em;font-weight:500;color:#aeb9c8;margin:0 0 23px}
.hero-copy .contact-eyebrow{color:#e5e9ed}
.hero-copy h1{font-weight:400;font-size:clamp(64px,6.2vw,94px);letter-spacing:-.055em;line-height:1.02;margin:0 0 28px;max-width:650px}
.hero-copy>p:not(.contact-eyebrow){font-size:18px;line-height:1.55;color:#e2e6ec;max-width:475px;margin:0 0 30px}
.contact-actions{display:flex;align-items:center;gap:25px;flex-wrap:wrap}
.hero-text-link{font-size:14px;color:#f5f6fa;text-decoration:none;border-bottom:1px solid #ffffff70;padding-bottom:5px}
.contact-jumps{display:flex;align-items:center;justify-content:space-between;gap:22px;padding-block:28px;border-bottom:1px solid #ffffff25}
.contact-jumps span{font-size:10px;letter-spacing:.12em;color:#8895a6}
.contact-jumps a{font-size:13px;color:#cbd1d9;text-decoration:none;white-space:nowrap}
.contact-jumps a:hover{color:#fff}
.contact-section{padding-block:110px}
.contact-heading{text-align:center;max-width:770px;margin:0 auto 48px}
.contact-heading h2,.security-copy h2{font-size:clamp(40px,4.5vw,64px);line-height:1.05;letter-spacing:-.045em;font-weight:400;margin:0 0 25px}
.contact-heading>p:not(.contact-eyebrow){font-size:18px;line-height:1.55;color:#aeb6c1;margin:0 auto;max-width:650px}
.support-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.support-card{border-radius:28px;overflow:hidden;position:relative;min-height:635px;background:#0b1320;border:1px solid #ffffff0b}
/* Brand studio surface keeps the dark trading devices distinct from the backdrop. */
.support-card.studio{background:linear-gradient(180deg,#063658 0%,#063658 28%,#022139 62%,#02070d 100%);border-color:#163d55}
.support-copy{padding:42px 38px;position:relative;z-index:1}
.card-label{font-size:10px;letter-spacing:.14em;color:#a3b1c2;display:block;margin-bottom:23px}
.support-card h3{font-size:36px;line-height:1.08;letter-spacing:-.035em;font-weight:400;margin:0 0 20px}
.support-copy p{font-size:16px;line-height:1.6;color:#b8c3d1;max-width:380px;margin:0 0 27px}
[data-page="contact"] .button{font-size:14px;gap:16px;padding:15px 23px}
[data-page="contact"] .button.small{padding:11px 21px;font-size:14px}
.quiet-link{display:block;font-size:12px;color:#b7c5d3;margin-top:18px;text-underline-offset:4px}
.device-art{position:absolute;width:115%;max-width:none;left:-6%;bottom:9px}
.answers-card{background:linear-gradient(140deg,#101b2b,#080e17)}
.answer-links{position:absolute;bottom:28px;left:38px;right:38px}
.answer-links a{display:flex;align-items:center;justify-content:space-between;padding:24px 0;border-top:1px solid #ffffff24;color:#edf1f6;text-decoration:none;font-size:18px}
.answer-links a span:last-child{font-size:24px;color:#8bc6ef}
.answer-tools{max-width:800px;margin:auto}
.search-box{display:flex;align-items:center;gap:14px;background:#111820;border:1px solid #ffffff24;border-radius:16px;padding:0 22px;height:66px}
.search-box:focus-within{border-color:#89c9fb;box-shadow:0 0 0 2px #89c9fb22}
.search-box svg{width:22px;fill:none;stroke:#9eb2c8;stroke-width:1.5;flex-shrink:0}
.search-box input{background:none;border:0;color:#fff;outline:none;font:inherit;font-size:16px;min-width:0;flex:1}
.search-box input::placeholder{color:#9da6b3}
.search-box kbd{color:#8a94a2;font-size:23px}
.topic-filters{display:flex;justify-content:center;gap:10px;flex-wrap:wrap;margin:24px 0 18px}
.topic-filters button{border:1px solid #ffffff45;border-radius:40px;background:transparent;color:#d2d7df;padding:12px 19px;font:inherit;font-size:13px;cursor:pointer}
.topic-filters button.selected{background:#f8f9fb;color:#090c11;border-color:#f8f9fb}
.answer-count{font-size:12px;color:#8e9bac;text-align:center;min-height:18px}
.faq-list{max-width:900px;margin:28px auto 0}
.faq-list details{border-bottom:1px solid #ffffff27}
.faq-list summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:25px;padding:30px 0;font-size:22px;letter-spacing:-.025em;cursor:pointer}
.faq-list summary::-webkit-details-marker{display:none}
.faq-list summary span{font-size:27px;font-weight:300;color:#b8c7d9;transition:transform .2s}
.faq-list details[open] summary span{transform:rotate(45deg)}
.faq-body{padding:0 50px 28px 0;max-width:800px;color:#b2bfce;font-size:16px;line-height:1.7}
.faq-body p{margin:0 0 17px}
.faq-body a{color:#fff;text-underline-offset:5px}
#no-answers{text-align:center;padding:45px 20px;color:#abbaca}#no-answers h3{font-size:26px;color:#fff;font-weight:400}
.security-panel{position:relative;isolation:isolate;min-height:570px;border-radius:28px;overflow:hidden;background:radial-gradient(ellipse at 80% 35%,#143b56,#071724 70%);border:1px solid #ffffff12;display:flex;align-items:center}
.security-copy{position:relative;z-index:2;width:50%;padding:56px 0 56px 55px}
.security-copy h2{font-size:49px}.security-copy p:not(.contact-eyebrow){font-size:16px;color:#b5c5d5;line-height:1.6;margin:0 0 29px;max-width:355px}
.security-panel>img{position:absolute;width:100%;max-width:none;right:-24%;top:5%;height:90%;object-fit:contain}
.enquiry-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.enquiry-card{display:block;position:relative;min-height:345px;padding:35px 30px;border:1px solid #ffffff20;border-radius:24px;background:#0c1119;text-decoration:none;transition:background .2s,border-color .2s}
.enquiry-card:hover{background:#101e2e;border-color:#7299b7}
.enquiry-card h3{font-size:29px;line-height:1.12;letter-spacing:-.035em;font-weight:400;color:#f6f8fc;margin:0 0 20px}
.enquiry-card p{font-size:14px;line-height:1.6;color:#aeb9c7;max-width:240px}
.round-arrow{position:absolute;right:28px;bottom:28px;width:39px;height:39px;border:0;display:grid;place-items:center;font-size:23px;color:#fff}
.contact-credit{font-size:11px;color:#748296;padding-bottom:40px}.contact-credit a{color:inherit;text-underline-offset:3px}
[data-page="contact"] a:focus-visible,[data-page="contact"] summary:focus-visible,[data-page="contact"] button:focus-visible{outline:2px solid #8bbffa;outline-offset:5px}
[hidden]{display:none!important}
@media(min-width:1700px){.contact-hero{min-height:840px}.support-card{min-height:720px}.support-copy{padding:52px}.support-card h3{font-size:43px}}
@media(max-width:950px){.contact-jumps{overflow:auto;justify-content:flex-start}.contact-jumps span{display:none}.support-card{min-height:600px}.support-copy{padding:30px}.support-card h3{font-size:30px}.answer-links{left:30px;right:30px}.security-copy{padding-left:32px}.security-copy h2{font-size:38px}.enquiry-card{padding:25px}.enquiry-card h3{font-size:25px}}
@media(max-width:600px){.contact-hero{height:auto;min-height:810px;align-items:flex-start}.hero-photo{object-position:66% center}.hero-shade{background:linear-gradient(180deg,rgba(2,9,16,.80),rgba(2,9,16,.67) 40%,rgba(2,9,16,.08) 76%,rgba(0,0,0,.4))}.hero-copy{padding-top:136px;padding-bottom:310px}.hero-copy h1{font-size:55px;letter-spacing:-.05em;margin-bottom:22px}.hero-copy>p:not(.contact-eyebrow){font-size:16px;max-width:310px}.hero-copy>p br{display:none}.contact-eyebrow{font-size:10px;margin-bottom:18px}.contact-actions{gap:20px}.hero-text-link{font-size:12px}.contact-jumps{padding-block:24px;gap:25px}.contact-jumps a{font-size:12px}.contact-section{padding-block:70px}.contact-heading{margin-bottom:32px}.contact-heading h2{font-size:39px}.contact-heading>p:not(.contact-eyebrow){font-size:16px}.support-grid{grid-template-columns:1fr;gap:18px}.support-card{min-height:570px;border-radius:23px}.support-copy{padding:30px 25px}.support-card h3{font-size:33px}.support-copy p{font-size:15px}.answers-card{min-height:555px}.device-art{bottom:25px;width:116%;left:-8%}.answer-links{left:25px;right:25px}.answer-links a{font-size:17px}.search-box{padding:0 15px;height:60px}.search-box input{font-size:13px}.search-box kbd{display:none}.topic-filters{gap:8px}.topic-filters button{font-size:12px;padding:10px 14px}.faq-list summary{font-size:19px;line-height:1.35;padding:23px 0}.faq-body{padding-right:10px;font-size:15px}.security-panel{min-height:720px;align-items:flex-start;border-radius:23px}.security-copy{width:100%;padding:35px 25px}.security-copy h2{font-size:39px}.security-panel>img{width:155%;height:48%;top:auto;bottom:0;right:-27%}.security-copy p:not(.contact-eyebrow){font-size:15px;max-width:300px}.enquiry-grid{grid-template-columns:1fr;gap:15px}.enquiry-card{min-height:290px;padding:29px}.enquiry-card h3{font-size:29px}.contact-credit{font-size:10px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.faq-list summary span,.enquiry-card{transition:none}}
.device-art{height:auto}
/* Keep artwork and question routes in normal flow so longer copy stays clear. */
.support-card{display:flex;flex-direction:column}
.device-art{position:relative;bottom:auto;margin-top:auto;margin-bottom:9px}
.answer-links{position:static;margin:0 38px 28px;margin-top:auto}
@media(max-width:950px){.answer-links{margin-inline:30px}}
@media(max-width:600px){.device-art{bottom:auto;margin-bottom:25px}.answer-links{margin-inline:25px}}