:root { color-scheme:dark; --bg:#070b1f; --panel:#111a32; --text:#e6e9ff; --muted:#9aa9ca; --line:rgba(154,164,214,.18); --blue:#9ac2ff; --green:#86d9c0; }
* { box-sizing:border-box; }html { scroll-behavior:smooth; scroll-padding-top:104px; }body { margin:0; font:15px/1.7 'Segoe UI',sans-serif; background:radial-gradient(ellipse 950px 700px at 5% 0,#192f54 0,transparent 70%),var(--bg); color:var(--text); }a { color:inherit; text-decoration:none; }button,summary,a { -webkit-tap-highlight-color:transparent; }button { font:inherit; cursor:pointer; }img { max-width:100%; }button:focus-visible,a:focus-visible,summary:focus-visible { outline:2px solid #9ac2ff; outline-offset:4px; }[hidden] { display:none!important; }h1,h2,h3,p { margin-top:0; }.site-container { width:min(1120px,calc(100% - 48px)); margin-inline:auto; }.site-icon { display:inline-block; width:20px; height:20px; flex-shrink:0; vertical-align:middle; }.site-eyebrow { margin:0 0 12px; font-size:10px; letter-spacing:2px; line-height:1.6; color:#8aacd6; font-weight:650; }.skip-link { position:fixed; z-index:100; top:8px; left:16px; padding:10px 18px; border-radius:8px; background:#2d5794; transform:translateY(-150%); }.skip-link:focus { transform:none; }
.site-header { position:sticky; top:0; z-index:50; background:rgba(7,11,31,.88); border-bottom:1px solid rgba(154,164,214,.1); backdrop-filter:blur(18px); }.site-nav { display:flex; align-items:center; justify-content:space-between; min-height:84px; gap:20px; position:relative; }.site-brand { display:inline-flex; align-items:center; gap:10px; font-size:21px; font-weight:700; color:#e9f1ff; letter-spacing:-.6px; white-space:nowrap; }.site-brand img { border-radius:9px; object-fit:contain; }.site-brand b { color:#91bafb; font-weight:400; }.site-navigation { display:flex; align-items:center; gap:30px; color:#a6b8d6; font-size:12px; }.site-navigation a { padding:12px 0; }.site-navigation a:hover { color:#e4efff; }.site-nav-actions { display:flex; align-items:center; gap:10px; }.site-button { display:inline-flex; align-items:center; justify-content:center; gap:14px; min-height:50px; padding:12px 22px; border:1px solid #548cd3; border-radius:11px; background:linear-gradient(100deg,#3d7ccf,#2c569e); color:#f4f8ff; font-weight:600; font-size:13px; line-height:1.5; text-align:center; }.site-button:hover { filter:brightness(1.09); }.site-button-small { min-height:44px; padding:10px 14px; font-size:12px; }.site-button-secondary { background:#15213b; border-color:#365071; color:#b8d0f1; }.site-button .site-icon { width:17px; height:17px; }.mobile-label { display:none; }.site-menu-toggle { display:none; width:44px; height:44px; border-radius:10px; background:#152440; border:1px solid #365071; color:#aac8ed; align-items:center; justify-content:center; }
.site-hero { display:grid; grid-template-columns:minmax(0,1.15fr) minmax(0,1fr); gap:70px; align-items:center; padding-block:90px 72px; }.hero-copy h1 { font-size:clamp(34px,4.1vw,53px); line-height:1.18; letter-spacing:-2px; font-weight:650; margin:16px 0 22px; }.hero-copy h1>span { color:#91bafb; }.hero-description { max-width:540px; margin-bottom:28px; color:#a9bad5; font-size:15px; line-height:1.9; }.hero-actions { display:flex; flex-wrap:wrap; gap:12px; }.hero-note { display:flex; align-items:center; gap:7px; margin:16px 0 0; color:#8ba6c7; font-size:11px; }.hero-note .site-icon { color:var(--green); width:16px; height:16px; }.hero-highlights { display:flex; align-items:center; flex-wrap:wrap; gap:20px; padding-top:28px; color:#95aecd; font-size:10px; }.hero-highlights>span { display:flex; align-items:center; gap:7px; }.hero-highlights .site-icon { width:16px; height:16px; color:#8bb3e2; }
.workspace-preview { border:1px solid #34517a; border-radius:24px; background:linear-gradient(140deg,#1a2c48,#111831 75%); box-shadow:0 24px 90px #02071955; overflow:hidden; }.preview-heading { display:flex; justify-content:space-between; align-items:center; padding:26px 26px 18px; gap:12px; }.preview-heading .site-eyebrow { font-size:9px; letter-spacing:1.7px; }.preview-heading h2 { font-size:24px; line-height:1.4; letter-spacing:-.7px; margin:5px 0 0; font-weight:600; }.preview-heading img { object-fit:contain; }.preview-path { padding:4px 26px 26px; display:grid; gap:12px; }.preview-path>div { display:flex; gap:14px; align-items:flex-start; padding:15px; background:#101e34; border:1px solid #293f5e; border-radius:13px; }.preview-icon { display:grid; place-items:center; flex-shrink:0; width:38px; height:40px; border:1px solid #35557b; border-radius:10px; background:#1b304d; color:#99bfea; }.preview-path small { display:block; color:#819cbe; letter-spacing:.8px; font-size:8px; margin-bottom:5px; }.preview-path strong { display:block; color:#d4e3fa; font-size:13px; font-weight:600; }.preview-path p { color:#8cabc9; font-size:10px; line-height:1.8; margin:5px 0 0; }.preview-bottom { display:flex; justify-content:space-between; align-items:center; padding:16px 26px; border-top:1px solid var(--line); background:#182b47; color:#b5d2fa; font-size:12px; }.preview-bottom:hover { background:#20395d; }
.currencies-section { border-top:1px solid var(--line); border-bottom:1px solid var(--line); padding-block:30px; }.currencies-section>div:first-child { display:flex; align-items:baseline; flex-wrap:wrap; gap:8px 18px; margin-bottom:22px; }.currencies-section .site-eyebrow { width:100%; margin:0; font-size:9px; }.currencies-section h2 { font-size:19px; font-weight:600; letter-spacing:-.5px; margin:0; }.currencies-section p:not(.site-eyebrow) { margin:0 0 0 auto; font-size:11px; color:#829bbd; }.currency-grid { display:grid; grid-template-columns:repeat(8,minmax(0,1fr)); gap:10px; }.currency-item { display:grid; grid-template-columns:30px auto; gap:0 8px; align-content:center; padding:10px; border:1px solid var(--line); border-radius:11px; background:#111c33; min-width:0; }.currency-item img { grid-row:span 2; align-self:center; width:28px; height:28px; object-fit:contain; }.currency-item>span { font-size:11px; font-weight:600; color:#c4d8f5; }.currency-item>small { font-size:8px; color:#8299ba; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.legacy-anchor { display:block; scroll-margin-top:100px; }.site-section { padding-block:76px 0; }.site-section-heading { display:flex; align-items:flex-end; justify-content:space-between; gap:30px; margin-bottom:26px; }.site-section-heading h2 { font-size:32px; line-height:1.3; letter-spacing:-1px; margin:0; font-weight:600; }.site-section-heading>p,.site-section-heading>div>p:not(.site-eyebrow) { color:#8fa6c7; font-size:12px; line-height:1.8; max-width:300px; margin:0; }.site-section-heading>div>p:not(.site-eyebrow) { margin-top:12px; }.steps-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px; }.step-card { display:flex; flex-direction:column; border:1px solid var(--line); border-radius:18px; padding:26px; background:linear-gradient(140deg,#15233c,#10172e); }.step-number { display:block; font-size:29px; font-weight:300; color:#6a93c9; margin-bottom:22px; line-height:1; }.step-card h3 { margin:0 0 12px; font-weight:600; font-size:18px; letter-spacing:-.4px; }.step-card p { color:#93a9c9; font-size:12px; line-height:1.9; margin:0 0 22px; }.step-card>a { display:flex; align-items:center; gap:9px; color:#a5ccff; font-size:11px; margin-top:auto; min-height:30px; }.step-card>a .site-icon { width:15px; height:15px; }
.workspace-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:14px; }.workspace-card { display:flex; flex-direction:column; border:1px solid var(--line); border-radius:17px; padding:22px; background:#111b32; transition:border-color .2s,background .2s; }.workspace-card:hover { border-color:#547bae; background:#162641; }.feature-icon { display:grid; place-items:center; width:42px; height:42px; background:#1d3454; color:#9dc3f7; border:1px solid #35577d; border-radius:12px; margin-bottom:20px; }.workspace-card h3 { font-size:15px; font-weight:600; margin:0 0 10px; }.workspace-card p { font-size:11px; color:#8fa8c9; line-height:1.9; margin-bottom:20px; }.card-link { display:flex; align-items:center; justify-content:space-between; margin-top:auto; gap:8px; font-size:10px; color:#a2c6f5; }.card-link .site-icon { width:15px; height:15px; }
.faq-layout { display:grid; grid-template-columns:.8fr 1.2fr; gap:60px; align-items:start; }.faq-layout .site-section-heading { margin:0; }.faq-list { display:grid; gap:10px; }.faq-list>details { border:1px solid var(--line); border-radius:13px; background:#111a31; overflow:hidden; }.faq-list summary { display:flex; align-items:center; justify-content:space-between; gap:16px; list-style:none; padding:17px 20px; min-height:58px; cursor:pointer; color:#c0d5f2; font-size:13px; }.faq-list summary::-webkit-details-marker { display:none; }.faq-list summary .site-icon { color:#829fc7; width:17px; transition:transform .2s; }.faq-list details[open] summary .site-icon { transform:rotate(180deg); }.faq-list p { color:#94acca; font-size:12px; line-height:1.9; margin:0; padding:0 20px 18px; }
.final-cta { display:flex; align-items:center; justify-content:space-between; gap:32px; margin-top:76px; margin-bottom:76px; padding:36px; border:1px solid #395982; border-radius:22px; background:radial-gradient(ellipse at right,#23456a66,transparent),#15233f; }.final-cta h2 { font-size:30px; line-height:1.3; font-weight:600; letter-spacing:-.8px; margin:0 0 12px; }.final-cta p:not(.site-eyebrow) { color:#96afd0; font-size:12px; margin:0; }.final-cta .site-button { flex-shrink:0; }
.site-footer { border-top:1px solid var(--line); background:#080e21; padding:32px 0 20px; }.footer-layout { display:flex; justify-content:space-between; gap:30px; align-items:center; }.footer-layout .site-brand { font-size:18px; }.footer-layout>div>p { font-size:11px; color:#7f99bc; margin:10px 0 0; }.footer-links { display:flex; flex-wrap:wrap; gap:12px 24px; color:#98b1d1; font-size:11px; }.footer-links a { padding:10px 0; }.footer-links a:hover,.footer-links a[aria-current] { color:#cee1ff; }.footer-bottom { display:flex; justify-content:space-between; gap:20px; padding-top:24px; margin-top:24px; border-top:1px solid rgba(154,164,214,.1); color:#6f89af; font-size:10px; }.footer-bottom>a { color:#8ba7cd; }
.legal-main { padding-block:32px 64px; }.breadcrumbs { display:flex; align-items:center; flex-wrap:wrap; gap:12px; color:#819ac1; font-size:11px; margin-bottom:32px; }.breadcrumbs>a { color:#b2cff5; min-height:30px; display:inline-flex; align-items:center; }.legal-heading { padding-bottom:36px; border-bottom:1px solid var(--line); margin-bottom:32px; }.legal-heading h1 { font-size:42px; font-weight:600; letter-spacing:-1.5px; line-height:1.2; margin:0 0 18px; }.legal-heading>p:not(.site-eyebrow) { color:#a0b5d4; font-size:14px; line-height:1.8; margin:0; max-width:650px; }.legal-other-link { display:inline-flex; gap:9px; align-items:center; color:#a8ceff; font-size:12px; margin-top:20px; min-height:32px; }.legal-other-link .site-icon { width:16px; height:16px; }.legal-layout { display:grid; grid-template-columns:260px minmax(0,1fr); gap:32px; align-items:start; }.legal-layout>aside { position:sticky; top:110px; }.legal-toc { padding:8px; background:#101a32; border:1px solid var(--line); border-radius:16px; }.legal-toc>summary { display:flex; align-items:center; justify-content:space-between; gap:12px; padding:12px; font-size:12px; color:#c2d7f5; cursor:pointer; list-style:none; min-height:44px; }.legal-toc>summary::-webkit-details-marker { display:none; }.legal-toc nav { display:grid; gap:2px; }.legal-toc nav>a { display:flex; gap:10px; align-items:center; padding:10px 12px; font-size:11px; color:#8fa8ca; line-height:1.6; min-height:40px; border-radius:8px; }.legal-toc nav>a>span { color:#5e82b0; font-size:10px; }.legal-toc nav>a:hover { color:#d0e5ff; background:#1a2f4e; }.legal-sections { min-width:0; display:grid; gap:16px; }.legal-section { padding:26px; border:1px solid var(--line); border-radius:16px; background:linear-gradient(140deg,#15223b,#10182e); scroll-margin-top:110px; }.legal-section h2 { display:flex; align-items:baseline; gap:12px; font-size:20px; font-weight:600; line-height:1.5; letter-spacing:-.4px; margin:0 0 16px; }.legal-section h2>span { font-size:11px; letter-spacing:.5px; color:#7797c2; flex-shrink:0; }.legal-section p { margin:0; color:#a7b9d5; font-size:14px; line-height:1.95; max-width:68ch; overflow-wrap:anywhere; }.legal-return { display:flex; justify-content:space-between; gap:12px; padding-top:12px; }
.coming-main { display:grid; place-items:center; min-height:calc(100svh - 300px); padding-block:60px; }.coming-card { width:min(680px,100%); padding:48px; border:1px solid #365276; border-radius:24px; background:linear-gradient(145deg,#1a2c48,#11182f); text-align:center; }.coming-icon { display:grid; place-items:center; width:64px; height:64px; border:1px solid #42658f; border-radius:18px; background:#243d5e; color:#a8cafa; margin:0 auto 28px; }.coming-icon .site-icon { width:28px; height:28px; }.coming-card h1 { font-size:44px; font-weight:600; letter-spacing:-1.5px; line-height:1.2; margin:0 0 20px; }.coming-card h1>span { color:#95c3fa; }.coming-card>p:not(.site-eyebrow) { color:#a0b5d4; font-size:14px; line-height:1.9; max-width:460px; margin:0 auto 28px; }.coming-card .hero-actions { justify-content:center; }
@media(max-width:1050px) { .site-hero { gap:34px; padding-block:64px; }.hero-copy h1 { font-size:42px; }.workspace-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }.currency-grid { grid-template-columns:repeat(4,minmax(0,1fr)); }.currency-item { padding:12px; }.site-navigation { gap:20px; }.site-section-heading h2 { font-size:29px; }.step-card { padding:22px; }.faq-layout { gap:32px; }.legal-layout { grid-template-columns:220px minmax(0,1fr); gap:20px; } }
@media(max-width:800px) {
    html { scroll-padding-top:84px; }.site-container { width:calc(100% - 32px); }.site-nav { min-height:72px; gap:10px; flex-wrap:wrap; }.site-brand { font-size:18px; gap:7px; }.site-brand img { width:31px; height:31px; }.site-nav-actions { margin-left:auto; gap:8px; }.desktop-label { display:none; }.mobile-label { display:inline; }.site-button-small { padding:10px 12px; font-size:11px; gap:8px; }.site-button-small .site-icon { width:15px; }.site-navigation { order:3; width:100%; padding:8px 0 16px; gap:10px; }.site-navigation>a { display:block; padding:10px 12px; min-height:44px; }.js-ready .site-menu-toggle { display:inline-flex; }.js-ready .site-navigation { display:none; position:absolute; top:calc(100% - 2px); left:0; right:0; padding:8px; background:#14223b; border:1px solid #344c6f; border-radius:12px; box-shadow:0 15px 40px #03071e80; }.js-ready .site-navigation.is-open { display:flex; flex-direction:column; align-items:stretch; gap:0; }.site-navigation>a:hover { background:#1c3455; border-radius:8px; }
    .site-hero { grid-template-columns:1fr; gap:32px; padding-block:44px 40px; }.hero-copy h1 { font-size:39px; letter-spacing:-1.4px; margin:12px 0 20px; }.hero-description { font-size:14px; margin-bottom:24px; max-width:600px; }.hero-actions { gap:10px; }.site-button { font-size:12px; padding:12px 16px; min-height:48px; }.site-button-small { min-height:44px; padding:10px 12px; font-size:11px; }.hero-highlights { padding-top:22px; gap:16px; }.workspace-preview { max-width:540px; width:100%; margin-inline:auto; border-radius:20px; }.preview-heading { padding:22px 22px 16px; }.preview-path { padding:0 22px 22px; gap:10px; }.preview-path>div { padding:13px; }.preview-bottom { padding:14px 22px; }
    .currencies-section { padding-block:24px; }.currencies-section>div:first-child { margin-bottom:18px; }.currencies-section p:not(.site-eyebrow) { margin:0; width:100%; }.currencies-section h2 { font-size:20px; }.currency-grid { gap:8px; }.currency-item { padding:10px 8px; gap:0 6px; grid-template-columns:26px auto; }.currency-item img { width:24px; height:24px; }.currency-item>small { font-size:8px; }.site-section { padding-top:50px; }.site-section-heading { flex-direction:column; align-items:flex-start; gap:12px; margin-bottom:22px; }.site-section-heading h2 { font-size:28px; }.site-section-heading>p { max-width:500px; }.steps-grid { grid-template-columns:1fr; gap:12px; }.step-card { padding:22px; }.step-number { margin-bottom:16px; font-size:24px; }.step-card p { margin-bottom:12px; font-size:13px; }.step-card>a { min-height:44px; font-size:12px; }.workspace-card { padding:20px; }.workspace-card h3 { font-size:16px; }.workspace-card p { font-size:12px; }.card-link { min-height:32px; font-size:11px; }.faq-layout { grid-template-columns:1fr; gap:22px; }.faq-list summary { padding:16px; font-size:13px; }.faq-list p { padding:0 16px 18px; font-size:13px; }.final-cta { flex-direction:column; align-items:flex-start; padding:26px; gap:24px; margin-block:50px; border-radius:18px; }.final-cta h2 { font-size:28px; }.final-cta .site-button { width:100%; }
    .footer-layout { flex-direction:column; align-items:flex-start; gap:22px; }.footer-links { display:grid; width:100%; grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px 20px; }.footer-links a { display:flex; min-height:44px; align-items:center; font-size:12px; }.footer-bottom { padding-top:20px; margin-top:16px; }
    .legal-main { padding-block:22px 44px; }.breadcrumbs { margin-bottom:24px; }.legal-heading h1 { font-size:34px; letter-spacing:-1px; }.legal-heading { padding-bottom:26px; margin-bottom:22px; }.legal-layout { grid-template-columns:1fr; gap:20px; }.legal-layout>aside { position:static; }.legal-toc nav>a { min-height:44px; font-size:12px; }.legal-section { padding:22px 20px; scroll-margin-top:88px; }.legal-section h2 { font-size:19px; gap:10px; margin-bottom:14px; }.legal-section p { font-size:14px; line-height:1.9; }.legal-return .site-button { flex:1; padding:12px; font-size:11px; gap:8px; }.coming-main { padding-block:40px; }.coming-card { padding:36px 22px; border-radius:20px; }.coming-card h1 { font-size:36px; }.coming-card .hero-actions { flex-direction:column; }
}
@media(max-width:400px) { .site-container { width:calc(100% - 28px); }.site-brand { font-size:16px; }.site-brand img { width:28px; height:28px; }.site-nav-actions { gap:7px; }.site-button-small { gap:5px; padding:10px; }.site-hero { padding-top:34px; }.hero-copy h1 { font-size:33px; letter-spacing:-1px; }.hero-actions>.site-button { width:100%; }.hero-highlights { gap:10px; font-size:9px; }.hero-note { font-size:10px; }.preview-heading,.preview-path { padding-left:18px; padding-right:18px; }.preview-path>div { gap:10px; padding:12px; }.preview-path strong { font-size:12px; }.currency-item { grid-template-columns:1fr; justify-items:center; gap:6px; padding:10px 4px; }.currency-item img { grid-row:auto; width:26px; height:26px; }.currency-item small { display:none; }.workspace-grid { grid-template-columns:1fr; gap:12px; }.site-section-heading h2 { font-size:26px; }.legal-heading h1 { font-size:31px; }.legal-section { padding:20px 16px; }.legal-section h2 { font-size:18px; }.coming-card h1 { font-size:32px; } }
@media(prefers-reduced-motion:reduce) { html { scroll-behavior:auto; }*,*::before,*::after { animation:none!important; transition:none!important; } }
.legal-section,.legacy-anchor { scroll-margin-top:12px; }
@media(min-width:801px) and (max-width:1050px) { .site-navigation { gap:14px; } }
