/* Home composition: Figma 1973:2662 / 1973:2918. Bitget is a proportion reference. */
.exchange-home { --home-section-gap:80px; }
.exchange-home h1,.exchange-home h2,.exchange-home h3 { font-family:Inter,'BITOA Korean',sans-serif; letter-spacing:-.025em; font-weight:600; }
.exchange-home .hero-2035 { grid-template-columns:minmax(0,1fr) minmax(0,1.05fr); gap:64px; padding:72px 80px; }
.exchange-home .hero-message { gap:24px; }
.exchange-home .hero-message h1 { font-size:56px; line-height:1.2; }
.exchange-home .hero-introduction { font-size:18px; line-height:29px; }
.exchange-home .hero-introduction p+p { margin-top:12px; }
.exchange-home .hero-actions { gap:12px; }
.exchange-home .hero-actions>* { font-size:14px; }
.exchange-home .open-access { font-size:12px; letter-spacing:.06em; line-height:20px; }
.home-brand-media { min-width:0; overflow:hidden; }
.home-brand-media .gateway-2035 { width:100%; }
.exchange-home .home-markets-2035 { padding:64px 80px 80px; }
.exchange-home .home-market-heading { margin-bottom:16px; }
.exchange-home .home-market-heading h2 { font-size:44px; line-height:1.2; }
.home-section-copy { font-size:16px; line-height:26px; color:var(--muted); margin-bottom:32px; }
.home-section { padding:var(--home-section-gap) 80px; }
.home-section-heading { margin-bottom:40px; }
.home-section-heading .open-access { margin-bottom:16px; }
.home-section-heading h2,.exchange-home .questions-2035 h2,.home-final-cta h2 { font-size:44px; line-height:1.2; }
.home-section-heading>p:not(.open-access) { margin-top:24px; font-size:18px; line-height:29px; color:var(--muted); }
.home-section-heading>.secondary { margin-top:24px; }
.home-products { background:var(--surface2); }
.home-product-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:24px; }
.home-product-grid article { display:flex; flex-direction:column; align-items:flex-start; gap:16px; background:var(--surface); border-radius:16px; padding:32px; min-width:0; }
.home-product-mark { display:grid; place-items:center; width:56px; height:56px; border-radius:14px; background:var(--surface2); color:var(--brandtext); margin-bottom:8px; }
.home-outline-icon { display:block; flex:none; }
.home-product-grid h3 { font-size:28px; line-height:36px; }
.home-product-grid p { font-size:18px; line-height:28px; }
.home-product-grid small { font-size:13px; line-height:22px; color:var(--muted); margin-bottom:8px; }
.home-product-grid button { margin-top:auto; }
.home-approach-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:32px; }
.home-approach-grid article { padding:24px 0; border-top:1px solid var(--separator); }
.home-approach-grid h3 { font-size:20px; line-height:30px; }
.home-approach-grid p { margin-top:16px; font-size:16px; line-height:27px; color:var(--muted); }
.home-anywhere { display:grid; grid-template-columns:1fr 1fr; gap:64px; background:var(--surface); }
.home-anywhere .home-section-heading { margin:0; }
.home-device-flow { display:flex; flex-direction:column; justify-content:center; gap:0; padding:32px; border:1px solid var(--separator); border-radius:20px; background:var(--surface2); }
.home-tool-heading { font-family:Inter,'BITOA Korean',sans-serif; font-size:13px; font-weight:600; letter-spacing:.02em; margin-bottom:16px; }
.home-tool-heading span { margin-left:8px; color:var(--muted); font-weight:400; }
.home-device-flow>div { display:flex; align-items:center; gap:20px; padding:24px 0; }
.home-device-flow>div+div { border-top:1px solid var(--separator); }
.home-device-flow .home-outline-icon { width:28px; height:28px; color:var(--brandtext); }
.home-device-flow>div span { display:block; font-size:13px; line-height:22px; color:var(--muted); margin-top:6px; }
.home-device-flow strong { font-size:20px; line-height:30px; font-weight:500; word-break:keep-all; }
.exchange-home .questions-2035 { padding:80px; gap:64px; grid-template-columns:1fr 1.3fr; }
.exchange-home .questions-2035 summary { font-size:18px; line-height:28px; min-height:64px; }
.exchange-home .questions-2035 summary { display:flex; align-items:center; justify-content:space-between; gap:20px; list-style:none; cursor:pointer; }
.exchange-home .questions-2035 summary::-webkit-details-marker { display:none; }
.exchange-home .questions-2035 summary::after { content:''; width:14px; height:14px; flex:none; background:linear-gradient(var(--muted),var(--muted)) center/14px 1.5px no-repeat,linear-gradient(var(--muted),var(--muted)) center/1.5px 14px no-repeat; }
.exchange-home .questions-2035 details[open]>summary::after { background:linear-gradient(var(--muted),var(--muted)) center/14px 1.5px no-repeat; }
.exchange-home .questions-2035 details p { font-size:16px; line-height:27px; color:var(--muted); padding-bottom:24px; }
.home-final-cta { padding:72px 80px 80px; background:var(--surface2); }
.home-final-cta>p { font-size:18px; line-height:29px; color:var(--muted); margin:24px 0 32px; }
@media(min-width:761px) and (max-width:1100px) {
  .exchange-home .hero-2035 { padding:56px 40px; gap:32px; }
  .exchange-home .hero-message h1 { font-size:48px; }
  .exchange-home .home-markets-2035,.home-section,.exchange-home .questions-2035,.home-final-cta { padding-inline:40px; }
  .home-anywhere { gap:32px; }
  .home-device-flow { padding:24px; }
}
@media(max-width:760px) {
  .exchange-home { --home-section-gap:48px; }
  .exchange-home .hero-2035 { grid-template-columns:1fr; padding:40px 24px 48px; gap:32px; }
  .exchange-home .hero-message h1 { font-size:40px; line-height:48px; }
  .exchange-home .hero-introduction { font-size:16px; line-height:26px; }
  .exchange-home .hero-message { gap:20px; }
  .exchange-home .wide-break { display:none; }
  .exchange-home .hero-actions { width:100%; }
  .exchange-home .hero-actions>* { font-size:14px; padding-inline:12px; }
  .home-brand-media { width:100%; }
  .exchange-home .home-markets-2035 { padding:48px 24px; }
  .exchange-home .home-market-heading h2 { font-size:28px; line-height:36px; }
  .exchange-home .home-market-heading { gap:12px; margin-bottom:12px; }
  .home-section-copy { font-size:16px; line-height:26px; margin-bottom:24px; }
  .home-section { padding:48px 24px; }
  .home-section-heading { margin-bottom:32px; }
  .home-section-heading h2,.exchange-home .questions-2035 h2,.home-final-cta h2 { font-size:28px; line-height:36px; }
  .home-section-heading>p:not(.open-access) { font-size:16px; line-height:26px; margin-top:20px; }
  .home-product-grid,.home-approach-grid,.home-anywhere { grid-template-columns:1fr; gap:24px; }
  .home-product-grid article { padding:24px; gap:16px; }
  .home-product-grid h3 { font-size:24px; line-height:32px; }
  .home-product-grid p { font-size:16px; line-height:26px; }
  .home-product-grid button { width:100%; }
  .home-product-mark { width:48px; height:48px; border-radius:12px; margin-bottom:0; }
  .home-product-mark .home-outline-icon { width:28px; height:28px; }
  .home-approach-grid { gap:8px; }
  .home-approach-grid article { padding:24px 0; }
  .home-approach-grid h3 { font-size:20px; line-height:28px; }
  .home-approach-grid p { margin-top:12px; }
  .home-device-flow { padding:24px; border-radius:16px; }
  .home-device-flow>div { padding:20px 0; gap:16px; }
  .home-device-flow strong { font-size:17px; line-height:27px; }
  .exchange-home .questions-2035 { padding:48px 24px; grid-template-columns:1fr; gap:32px; }
  .exchange-home .questions-2035 summary { font-size:16px; line-height:26px; padding-block:18px; }
  .exchange-home .questions-2035 details p { font-size:15px; line-height:26px; }
  .home-final-cta { padding:48px 24px; }
  .home-final-cta>p { font-size:16px; line-height:26px; margin:20px 0 24px; }
}
@media(max-width:360px) {
  .exchange-home .hero-message h1 { font-size:36px; line-height:43px; }
  .exchange-home .hero-actions>* { padding-inline:6px; font-size:13px; }
}

/* Figma 2004:2668: keep the gateway as a compact signature, then reveal the market sooner. */
@media(max-width:760px) {
  .exchange-home .hero-2035 { padding:32px 24px 24px; gap:20px; }
  .exchange-home .hero-message { gap:16px; }
  .exchange-home .hero-introduction p+p { margin-top:8px; }
  .home-brand-media { border-radius:12px; }
  .home-brand-media .gateway-2035 { height:128px; aspect-ratio:auto; }
  .home-brand-media .gateway-trace { display:none; }
  .exchange-home .home-markets-2035 { padding-top:24px; }
  .exchange-home .home-markets-2035 > .home-section-copy { display:none; }
}