#relay-concept .sb-secondary-page { max-width:1340px; margin:auto; padding:54px 34px 70px; }
#relay-concept .sb-page-heading { display:block; margin-bottom:34px; max-width:900px; }
#relay-concept .sb-page-heading h1 { font-size:clamp(32px,3.3vw,50px); letter-spacing:-1.5px; line-height:1.12; margin:12px 0 17px; }
#relay-concept .sb-page-heading p { font-size:16px; line-height:1.7; color:#b9cfe2; max-width:700px; }
#relay-concept .sb-page-symbol { display:grid; place-items:center; width:52px; height:52px; border:1px solid #3273a5; border-radius:13px; background:linear-gradient(140deg,#134d79,#12314d); color:#7ac7ff; flex-shrink:0; }
#relay-concept .sb-page-symbol svg { width:25px; height:25px; }
#relay-concept .sb-plan-grid { gap:22px; align-items:stretch; margin-top:44px; }
#relay-concept .sb-plan-card { padding:29px; display:flex; flex-direction:column; position:relative; overflow:hidden; background:radial-gradient(ellipse at 0 0,#1e527044,transparent 65%),#101e2b; border-color:#31516a; }
#relay-concept .sb-plan-caption { display:flex; align-items:center; gap:12px; color:#a7c5de; font-size:11px; margin-bottom:28px; }
#relay-concept .sb-plan-caption .sb-page-symbol { width:40px; height:40px; border-radius:11px; }
#relay-concept .sb-plan-caption svg { width:20px; height:20px; }
#relay-concept .sb-plan-card h3 { font-size:25px; margin-bottom:10px; }
#relay-concept .sb-plan-card>p { font-size:14px; line-height:1.65; }
#relay-concept .sb-plan-card .rc-price { font-size:62px; line-height:1.12; margin:28px 0; color:#eff7ff; }
#relay-concept .sb-plan-card .rc-price small { font-size:13px; color:#a9c4dc; font-weight:400; }
#relay-concept .sb-plan-card .rc-benefits { padding:24px 0; margin:0 0 22px; border-top:1px solid #2e4b64; flex:1; gap:16px; }
#relay-concept .sb-plan-card .rc-benefits li { font-size:14px; line-height:1.6; align-items:start; }
#relay-concept .sb-plan-card .rc-benefits svg { color:#77c5fa; flex-shrink:0; margin-top:2px; }
#relay-concept .sb-plan-card .rc-btn { width:100%; min-height:48px; font-size:14px; }
#relay-concept .sb-plan-community { border-color:#3999e4; background:radial-gradient(ellipse at 100% 0,#197cba55,transparent 65%),#142b40!important; box-shadow:0 12px 50px #0087ef16; }
#relay-concept .sb-plan-community:before { content:''; position:absolute; top:0; left:25px; right:25px; height:2px; background:#5dbdff; }
#relay-concept .sb-plan-foundation { margin-top:30px; max-width:950px; padding:28px 32px; background:#112334; }
#relay-concept .sb-plan-foundation h3 { font-size:19px; }
#relay-concept .sb-plan-foundation p { font-size:14px; line-height:1.8; }
#relay-concept .sb-auth-shell { display:grid; grid-template-columns:1.1fr 1fr; max-width:1170px; margin:60px auto 70px; border:1px solid #31516c; border-radius:20px; overflow:hidden; background:#122434; box-shadow:0 25px 70px #00000030; }
#relay-concept .sb-auth-story { padding:38px; min-width:0; background:radial-gradient(ellipse at 50% 50%,#24597c55,transparent 60%),#0e2031; border-right:1px solid #2a4760; }
#relay-concept .sb-auth-story h2 { font-size:35px; line-height:1.18; margin:15px 0; }
#relay-concept .sb-auth-story>p { color:#b8d1e5; font-size:14px; line-height:1.7; }
#relay-concept .sb-auth-world { height:240px; min-height:0; position:relative; overflow:hidden; margin-top:10px; }
#relay-concept .sb-auth-world img { position:absolute; inset:0; width:100%; height:100%; max-height:100%; object-fit:contain; filter:drop-shadow(0 12px 22px #0008); }
#relay-concept .sb-auth-capabilities { display:grid; gap:15px; border-top:1px solid #2b4c66; padding-top:23px; color:#c8dff0; font-size:13px; }
#relay-concept .sb-auth-capabilities>span { display:flex; align-items:center; gap:10px; }
#relay-concept .sb-auth-capabilities svg { color:#6bc4ff; }
#relay-concept .sb-auth-form { max-width:none; width:100%; margin:0; padding:38px; border:0; border-radius:0; background:linear-gradient(140deg,#172e42,#102030); }
#relay-concept .sb-auth-form h1 { font-size:34px; margin:24px 0 15px; }
#relay-concept .sb-auth-form>p { color:#b4cbe0; font-size:14px; line-height:1.8; margin-bottom:22px; }
#relay-concept .sb-local-mode { display:inline-flex; align-items:center; gap:7px; font-size:11px; color:#a8c8e2; padding:8px 10px; border:1px solid #35536c; border-radius:6px; margin-bottom:22px; }
#relay-concept :is(.sb-auth-form,.sb-support-page) .rc-field { font-size:14px; gap:9px; }
#relay-concept :is(.sb-auth-form,.sb-support-page) :is(input,select) { min-height:49px; }
#relay-concept :is(.sb-auth-form,.sb-support-page) .rc-primary { min-height:49px; background:#0872d6; color:#fff; border-color:#3297e8; }
#relay-concept .sb-developer-page .sb-page-heading .sb-page-symbol,#relay-concept .sb-support-page .sb-page-heading .sb-page-symbol,#relay-concept .sb-document-page .sb-page-heading .sb-page-symbol { margin-bottom:24px; }
#relay-concept .sb-developer-flow { margin:40px 0 30px; padding:30px; border:1px solid #2e506d; border-radius:18px; background:radial-gradient(ellipse at 70% 20%,#17486c33,transparent 70%),#0e2030; }
#relay-concept .sb-flow-caption h2 { margin:12px 0 25px; font-size:26px; }
#relay-concept .sb-contract-stages { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:20px; }
#relay-concept .sb-contract-stages article { padding:25px; border:1px solid #355b79; border-radius:12px; background:linear-gradient(140deg,#163d58,#112b40); position:relative; }
#relay-concept .sb-contract-stages .sb-page-symbol { margin-bottom:22px; }
#relay-concept .sb-contract-stages small { position:absolute; right:23px; top:25px; color:#7ca5c3; font:12px ui-monospace,monospace; }
#relay-concept .sb-contract-stages h3 { font-size:19px; margin-bottom:10px; }
#relay-concept .sb-contract-stages p { font-size:13px; color:#b7d2e5; }
#relay-concept .sb-integration-details { grid-template-columns:1fr 1fr; gap:22px; }
#relay-concept .sb-integration-details .rc-panel { padding:28px; }
#relay-concept .sb-integration-details h3 { font-size:21px; }
#relay-concept .sb-integration-details p { font-size:14px; line-height:1.85; }
#relay-concept .sb-contract-code { display:grid; grid-template-columns:1fr 1fr; gap:30px; padding:32px; border:1px solid #385977; border-radius:16px; background:#13283a; margin-top:24px; align-items:center; }
#relay-concept .sb-contract-code h2 { font-size:27px; margin:12px 0; }
#relay-concept .sb-contract-code p { color:#bdd3e6; font-size:13px; line-height:1.7; }
#relay-concept .sb-contract-code pre { border:1px solid #31516c; background:#0a1724; border-radius:12px; padding:24px; color:#9bd8ff; font:12px/1.95 ui-monospace,monospace; overflow:auto; margin:0; }
#relay-concept .sb-contract-events { display:grid; gap:11px; margin-top:22px; color:#a2bfd7; font:12px ui-monospace,monospace; }
#relay-concept .sb-contract-events>span { display:flex; align-items:center; gap:9px; }
#relay-concept .sb-contract-events svg { color:#6fc6f5; }
#relay-concept .sb-support-layout { display:grid; grid-template-columns:minmax(0,1.25fr) minmax(0,.85fr); gap:30px; align-items:start; }
#relay-concept .sb-support-layout form { padding:30px; background:linear-gradient(135deg,#142c40,#112332); }
#relay-concept .sb-support-layout textarea { min-height:165px; }
#relay-concept .sb-support-context { padding:28px; border:1px solid #34566f; border-radius:16px; background:radial-gradient(ellipse at 90% 0,#27639544,transparent 80%),#12283a; }
#relay-concept .sb-support-context>h2 { font-size:29px; margin:15px 0 30px; }
#relay-concept .sb-support-context article { display:flex; align-items:start; gap:14px; padding:21px 0; border-top:1px solid #31516b; }
#relay-concept .sb-support-context .sb-page-symbol { width:38px; height:38px; border-radius:10px; }
#relay-concept .sb-support-context .sb-page-symbol svg { width:19px; height:19px; }
#relay-concept .sb-support-context h3 { font-size:15px; margin-bottom:8px; }
#relay-concept .sb-support-context p { font-size:12px; color:#b7cfe4; line-height:1.8; }
#relay-concept .sb-document-page { max-width:1030px; }
#relay-concept .sb-document-kicker { font-size:11px; color:#8daac3; margin-bottom:36px; display:flex; flex-wrap:wrap; gap:10px; }
#relay-concept .sb-document-page>.rc-panel { padding:34px; border-left:3px solid #318bd1; background:linear-gradient(120deg,#132a3d,#101f2d); }
#relay-concept .sb-document-page>.rc-panel h3 { font-size:23px; margin-bottom:18px; }
#relay-concept .sb-document-page>.rc-panel p { max-width:780px; color:#c0d4e5; font-size:15px; line-height:1.95; }
@media(max-width:1000px) {
  #relay-concept .sb-plan-card { padding:22px; }
  #relay-concept .sb-plan-caption { flex-direction:column; align-items:start; }
  #relay-concept .sb-auth-shell { margin:35px 24px; }
  #relay-concept .sb-auth-story,#relay-concept .sb-auth-form { padding:28px; }
}
@media(max-width:780px) {
  #relay-concept .sb-plan-grid,#relay-concept .sb-auth-shell,#relay-concept .sb-contract-stages,#relay-concept .sb-integration-details,#relay-concept .sb-contract-code,#relay-concept .sb-support-layout { grid-template-columns:1fr; }
  #relay-concept .sb-auth-story { border-right:0; border-bottom:1px solid #2e4d65; }
  #relay-concept .sb-auth-shell { display:flex; flex-direction:column-reverse; }
  #relay-concept .sb-plan-caption { flex-direction:row; align-items:center; }
  #relay-concept .sb-auth-world { height:210px; }
  #relay-concept .sb-contract-stages article { display:grid; grid-template-columns:44px 1fr; gap:8px 17px; padding:22px; }
  #relay-concept .sb-contract-stages .sb-page-symbol { width:44px; height:44px; grid-row:1/3; margin:0; }
  #relay-concept .sb-contract-stages h3 { font-size:17px; padding-right:26px; margin:0; }
  #relay-concept .sb-contract-stages p { grid-column:2; }
}
@media(max-width:480px) {
  #relay-concept .sb-secondary-page { padding:30px 18px 40px; }
  #relay-concept .sb-page-heading h1 { font-size:33px; }
  #relay-concept .sb-page-heading p { font-size:14px; }
  #relay-concept .sb-plan-grid { margin-top:26px; gap:16px; }
  #relay-concept .sb-plan-card .rc-price { font-size:54px; }
  #relay-concept .sb-plan-foundation { padding:23px; }
  #relay-concept .sb-auth-shell { margin:25px 18px 35px; border-radius:14px; }
  #relay-concept .sb-auth-form,#relay-concept .sb-auth-story { padding:24px; }
  #relay-concept .sb-auth-story h2 { font-size:27px; }
  #relay-concept .sb-auth-form h1 { font-size:29px; }
  #relay-concept .sb-auth-form>.rc-row { gap:8px; }
  #relay-concept .sb-auth-form>.rc-row .rc-btn { font-size:12px; padding-inline:9px; }
  #relay-concept .sb-developer-flow,#relay-concept .sb-contract-code,#relay-concept .sb-support-context { padding:22px; }
  #relay-concept .sb-contract-code pre { padding:16px; font-size:10px; }
  #relay-concept .sb-contract-events { font-size:11px; overflow-wrap:anywhere; }
  #relay-concept .sb-support-layout form { padding:22px; }
  #relay-concept .sb-support-layout form>.rc-two { grid-template-columns:1fr; }
  #relay-concept .sb-document-page>.rc-panel { padding:24px; }
}