/* Matched to the supplied 1536 × 1024 desktop / 941 × 1672 mobile references. */
:root{--ink:#071635;--accent:#245aff}
html,body{background:#d3e4fe}


.page-shell{width:calc(100% - 48px);max-width:none}
.site-header{height:79px;padding:0 clamp(32px,5.5vw,84px);border-color:#a6c4ed82}
.brand{font-size:30px;font-weight:720;gap:8px;letter-spacing:-.8px}
.brand-mark{width:31px;height:38px}
.header-links{gap:50px}
.text-button{font-size:16px;font-weight:560;color:#0c1b39}
.main-layout{position:relative;left:min(.91vw,14px);width:min(75.52vw,1160px);grid-template-columns:minmax(0,1fr) min(34.9vw,536px);gap:min(6.77vw,104px);padding:clamp(90px,calc(22.36vh - 79px),150px) 0 80px;min-height:700px;align-items:start;align-content:start;flex:1}
.intro{align-self:start;padding:min(8.7vw,134px) 0 0}
h1{font-size:clamp(44px,3.65vw,56px);font-weight:700;letter-spacing:-1.8px;line-height:1.2;margin:0 0 18px}
.intro>p{font-size:clamp(21px,1.7vw,26px);font-weight:500;line-height:1.55;letter-spacing:.3px;color:#58739f;white-space:nowrap}
.exchange-area{align-self:start;min-width:0}
.card-glow{padding:1px;border-radius:25px;box-shadow:0 18px 58px -28px #89b0f855,0 3px 15px -9px #5c8ee32b;background:#ffffffef}
.card-glow:before{background:radial-gradient(220px circle at var(--mx) var(--my),#6b9effad,transparent 65%);opacity:.25}
.card-glow:after{opacity:.3;filter:blur(16px)}
.exchange-card{padding:32px 33px 0;min-height:0;border-radius:24px;background:linear-gradient(150deg,#fff 0%,#fff 75%,#fefeff 100%)}
.tabs{height:42px;margin-bottom:34px;padding:0;gap:0;border-radius:11px;background:#eaf0f8}
.tab{height:42px;border-radius:11px;font-size:18px;font-weight:500;color:#526d9b}
.tab[data-state=active]{background:linear-gradient(105deg,#205bff,#2455f7);box-shadow:inset 0 2px 3px #ffffff0d,0 2px 7px #265aff16}
.steps{margin-bottom:37px}
.steps li{gap:8px;color:#607a9f}
.step-number{width:36px;height:36px;font-size:15px;background:#eef2f8}
.step-label{font-size:15px;font-weight:500}
.steps li:not(:last-child):after{top:18px;left:calc(50% + 34px);width:calc(100% - 68px);background:#ccd9ee}
.steps li[data-state=active]:after,.steps li[data-state=complete]:after{background:#7198ff}
.steps li[data-state=active] .step-number{background:linear-gradient(135deg,#2c72ff,#2052ff);box-shadow:0 3px 10px #3677ff1a}
.field-label{font-size:18px;line-height:1.45;font-weight:600;margin-bottom:10px}
input{height:69px;border-radius:12px;border:1.5px solid #c3d1e8;padding:0 18px;font-size:19px;color:#263e68}
input::placeholder{color:#7892bb}
.input-icon{width:42px;height:42px;top:13px;right:12px;color:#6384b6}
.input-icon svg{width:25px;height:25px}
.primary-button{height:66px;font-size:18px;border-radius:12px;margin-top:19px;background:linear-gradient(108deg,#2e8dff -12%,#255dff 48%,#2557ff 100%);box-shadow:inset 0 1px 1px #ffffff26,0 4px 12px #306bff12;font-weight:500}
.primary-button:hover:not(:disabled){box-shadow:0 8px 21px #306bff26;filter:brightness(1.035);transform:translateY(-1px)}
.button-arrow{width:25px;height:25px;right:23px}
.card-footer{margin-top:32px;min-height:78px;border-top:1px solid #c8d7ee}
.support-link{font-size:16px;color:#285aff;gap:10px}
.support-link svg{width:22px;height:22px}
.demo-notice{display:flex;gap:8px;justify-content:center;align-items:center;flex-wrap:wrap;margin:12px 0 0;font-size:10px;color:#6984ab;letter-spacing:0}
.demo-notice .quiet-link{font-size:10px;color:#537aaa;min-height:22px}
.notice-divider{color:#92a8c5}
.site-footer{min-height:66px;padding:0 clamp(32px,5vw,76px);border-color:#a6c4ed82;font-size:14px;color:#4f6c99}
.footer-link{font-size:14px}
.motion-toggle{font-size:11px;color:#6684ad}
.query-submit{margin-top:19px}
.query-result{margin-top:22px}
.result-panel>.primary-button{margin-top:0}
.back-button{margin-top:12px}
.feedback{font-size:13px}

@media(min-width:1600px){.main-layout{width:1160px;grid-template-columns:minmax(0,1fr) 536px;gap:104px;min-height:730px}.page-shell{width:calc(100% - 48px)}h1{font-size:56px}}
@media(max-width:1100px) and (min-width:821px){.main-layout{left:0;width:calc(100% - 64px);grid-template-columns:minmax(0,1fr) 430px;gap:42px;padding-top:100px}.intro{padding-top:120px}h1{font-size:42px}.intro>p{font-size:20px}.exchange-card{padding:28px 26px 0}.tab{font-size:16px}.steps{margin-bottom:34px}.field-label{font-size:16px}input{height:60px;font-size:17px}.primary-button{height:57px;font-size:16px}.card-footer{min-height:70px}.site-header,.site-footer{padding-left:30px;padding-right:30px}}
@media(max-width:820px){.page-shell{width:calc(100% - 40px)}.site-header{height:66px;padding:0 17px}.brand{font-size:26px}.brand-mark{width:28px;height:34px}.header-links{gap:22px}.text-button{font-size:14px}.main-layout{left:0;width:min(440px,100%);grid-template-columns:1fr;gap:31px;min-height:0;padding:46px 5px 48px;align-content:start}.intro{padding:0;text-align:center}h1{font-size:38px;line-height:1.25;letter-spacing:-1px;margin:0 0 12px}.intro>p{font-size:18px;white-space:normal;letter-spacing:.4px}.exchange-card{padding:25px 23px 0;border-radius:20px}.card-glow{border-radius:21px}.tabs{height:38px;margin-bottom:26px}.tab{height:38px;font-size:17px}.steps{margin-bottom:30px}.step-number{width:29px;height:29px;font-size:14px}.step-label{font-size:14px}.steps li:not(:last-child):after{top:14px;left:calc(50% + 25px);width:calc(100% - 50px)}.field-label{font-size:16px;margin-bottom:8px}input{height:53px;font-size:16px;padding:0 14px;border-radius:9px}.input-icon{top:7px;right:6px;width:38px;height:38px}.input-icon svg{width:23px;height:23px}.primary-button{height:52px;font-size:16px;margin-top:15px;border-radius:9px}.button-arrow{right:18px;width:22px;height:22px}.card-footer{margin-top:23px;min-height:65px}.support-link{font-size:15px}.demo-notice{margin-top:11px;gap:6px}.site-footer{min-height:58px;padding:0 17px;font-size:12px}.footer-link{font-size:12px}.footer-actions{gap:10px}.motion-toggle{font-size:10px}}
@media(max-width:480px){.page-shell{width:calc(100% - 32px)}.site-header{height:50px;padding:0 25px}.brand{font-size:25px;gap:5px;letter-spacing:-.7px}.brand-mark{width:24px;height:30px}.text-button{font-size:13px;font-weight:550}.header-query{display:none}.main-layout{padding:47px 8px 43px;gap:29px}.intro h1{font-size:34px;letter-spacing:-.9px;margin-bottom:10px;line-height:1.24}.intro>p{font-size:16px;line-height:1.5;font-weight:500;letter-spacing:.4px}.exchange-card{padding:19px 17px 0;border-radius:19px}.card-glow{border-radius:20px}.tabs{height:30px;margin-bottom:23px;border-radius:8px}.tab{height:30px;position:relative;border-radius:8px;font-size:15px}.tab:after{content:"";position:absolute;inset:-7px 0}.steps{margin-bottom:26px}.steps li{gap:6px}.step-number{width:25px;height:25px;font-size:13px}.step-label{font-size:13px}.steps li:not(:last-child):after{top:12px;left:calc(50% + 24px);width:calc(100% - 48px)}.field-label{font-size:15px;line-height:1.4;margin-bottom:8px}input{height:47px;font-size:16px;padding-left:13px;border-radius:9px}.input-icon{top:4px;right:6px}.primary-button{height:46px;font-size:16px;margin-top:13px;border-radius:9px}.card-footer{margin-top:20px;min-height:52px}.support-link{font-size:14px;gap:8px}.support-link svg{width:20px;height:20px}.demo-notice{font-size:9px;gap:5px;margin-top:9px}.demo-notice .quiet-link{font-size:9px}.site-footer{min-height:50px;padding:0 25px;font-size:11px}.footer-link{font-size:11px}.footer-actions{gap:8px}.motion-toggle span{display:none}.motion-toggle{padding:12px 4px}.motion-toggle svg{width:14px;height:14px}.footer-separator{display:none}.field-note{margin-bottom:10px}.product-summary{padding:12px;margin-bottom:18px}.panel-heading{margin-top:4px;margin-bottom:21px}.query-submit{margin-top:15px}.query-result{padding:14px}.result-panel h2{font-size:21px}.result-panel>p{font-size:12px}.result-icon{width:52px;height:52px}.result-panel>code{margin-bottom:18px}.feedback{font-size:12px}}
@media(max-width:480px){.main-layout{gap:21px}.tabs{margin-bottom:21px}.steps{margin-bottom:20px}.field-label{line-height:1.2;margin-bottom:5px}.card-footer{min-height:48px}}
@media(max-width:359px){.site-header{padding:0 16px}.main-layout{padding:34px 3px 34px;gap:25px}.intro h1{font-size:31px}.intro>p{font-size:14px}.exchange-card{padding-left:15px;padding-right:15px}.site-footer{padding:0 16px}.demo-notice{font-size:8px}.demo-notice .quiet-link{font-size:9px}.steps{margin-bottom:23px}}