nav{display:flex;align-items:center;gap:18px;font-size:14px}nav button{padding:8px 12px}.recovery{border:1px solid #4984b5;border-left:4px solid #56baff;background:#102439;border-radius:12px;padding:18px;margin:16px 0;min-width:0}.recovery p{margin:8px 0 12px}.recovery h3{font-size:19px;margin:0 0 10px}.recovery-actions{display:flex;flex-wrap:wrap;gap:10px;margin:12px 0}.recovery-actions button{flex:1 1 170px;min-height:44px}.recovery-saved{display:flex;align-items:flex-start;gap:10px;font-size:14px;line-height:1.5}.recovery-saved input{flex:0 0 auto;width:18px;height:18px;margin:2px 0 0}.recovery #recoveryFeedback{margin-bottom:0;min-height:2.8em}#recoveryLink{box-sizing:border-box;width:100%;min-width:0;font:14px ui-monospace,Consolas,monospace}.science{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:36px 0}.science>div{border-top:1px solid #293b52;padding-top:24px}.science img{width:26px;height:26px;float:left;margin-right:10px}.science h3{margin:2px 0 12px;font-size:17px}.science p{font-size:14px;margin:0}.science>.muted{grid-column:1/-1;max-width:650px}#current[hidden],#empty[hidden],#depositBlock[hidden],#recoveryPanel[hidden]{display:none}#details{min-height:110px}.intro{padding-bottom:8px}#destination,#refund{font-family:ui-monospace,Consolas,monospace;font-size:14px}#depositAddress{height:auto;min-height:72px}#newSwap{white-space:nowrap}.closed-address{opacity:.6}footer{line-height:1.6}@media(max-width:700px){main{padding:18px 14px}.card{padding:20px}.brand{font-size:23px}nav{gap:10px}nav a{font-size:12px;max-width:90px}.science{gap:14px}#destination,#refund,#recoveryLink{font-size:16px}.recovery{padding:15px}.recovery-actions button{width:100%;flex-basis:100%}#depositAddress{min-height:80px}.steps li{font-size:12px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}
/* Native modal provides keyboard focus containment and an inert background. */
/* Keep consent separate from text-field padding and give the label a tap target. */
.consent{min-height:44px;cursor:pointer}
.consent input[type="checkbox"]{box-sizing:border-box;flex:0 0 18px;width:18px;min-width:18px;height:18px;min-height:18px;max-height:18px;padding:0;margin:3px 0 0;cursor:pointer}
.consent span{min-width:0}
#createHelp{margin:10px 0;color:#c1d8f0}
/* Keep the checkbox out of the shared text-field sizing; the label is the tap target. */
.recovery .recovery-saved{min-height:44px;margin:12px 0 8px;padding:10px 0;align-items:flex-start;line-height:21px;cursor:pointer}
.recovery .recovery-saved input[type="checkbox"]{box-sizing:border-box;flex:0 0 18px;width:18px;min-width:18px;height:18px;min-height:18px;max-height:18px;padding:0;margin:1.5px 0 0;accent-color:#2879e8;cursor:pointer}
.recovery .recovery-saved span{min-width:0;line-height:21px}
/* Recovery card: compact hierarchy, readable full link and a separate save acknowledgment. */
#recoveryPanel{padding:20px;background:#0e2032;border-color:#325873;border-left-color:#64c9ee}
#recoveryPanel h3{font-size:19px;line-height:1.3;margin:0 0 6px}
#recoveryPanel .recovery-intro{font-size:14px;line-height:1.5;margin:0 0 16px;color:#b7c9db}
#recoveryPanel label[for="recoveryLink"]{font-size:12px;line-height:1.5;margin:0 0 6px}
#recoveryPanel #recoveryLink{display:block;width:100%;height:68px;min-height:68px;padding:11px 12px;border:1px solid #35506a;border-radius:9px;background:#091522;color:#e5f3ff;font:13px/22px ui-monospace,Consolas,monospace;resize:none;white-space:pre-wrap;overflow-wrap:anywhere;word-break:break-all}
#recoveryPanel .recovery-actions{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px;margin:10px 0 12px}
#recoveryPanel .recovery-actions button{width:100%;min-height:44px;padding:10px 12px;font-size:14px}
#recoveryPanel #recoveryPrivacy{font-size:12px;line-height:1.6;margin:0;color:#97aec5}
.recovery-confirmation{border-top:1px solid #2c4359;margin-top:16px;padding-top:10px}
#recoveryPanel .recovery-saved{margin:0;padding:10px 0;font-size:13px;color:#d5e5f4}
#recoveryPanel #recoveryFeedback{margin:2px 0 0 28px;font-size:12px;line-height:18px;min-height:36px;color:#97aec5}
@media(max-width:700px){#recoveryPanel{padding:16px}#recoveryPanel #recoveryLink{font-size:16px;line-height:23px;height:92px;min-height:92px}}
@media(max-width:360px){#recoveryPanel .recovery-actions{grid-template-columns:1fr}}
#leaveRecoveryDialog{box-sizing:border-box;width:calc(100% - 32px);max-width:480px;padding:24px;border:1px solid #4984b5;border-radius:16px;background:#102439;color:#eef6ff;box-shadow:0 24px 80px #0008;color-scheme:dark}
#leaveRecoveryDialog::backdrop{background:#020812b8}
#leaveRecoveryDialog h2{font-size:23px;line-height:1.3;margin:0 0 14px}
#leaveRecoveryDialog p{font-size:16px;line-height:1.6;margin:0 0 22px;color:#cbd9e8}
.leave-recovery-actions{display:flex;flex-wrap:wrap;gap:10px}
.leave-recovery-actions button{flex:1 1 170px;min-height:44px}
#leaveRecoveryDialog button:focus-visible{outline:3px solid #9bd7ff;outline-offset:3px}
.next-swap-action{display:flex;align-items:center;flex-wrap:wrap;gap:12px 16px;border-top:1px solid #2c3d53;padding-top:18px;margin-top:20px}
.next-swap-action button{flex:0 0 auto;min-height:44px}
.explorer-link{color:#8dceff;text-decoration:underline;text-decoration-color:#5787ab;text-underline-offset:3px;overflow-wrap:anywhere;word-break:break-word}
.explorer-link:hover{color:#c1e6ff;text-decoration-color:currentColor}
.address-control{display:flex;align-items:center;gap:4px;min-width:0;min-height:56px;border:1px solid #40546d;border-radius:10px;background:#0a1321;padding:5px 6px 5px 0}
.address-control:focus-within{border-color:#74d4fc;box-shadow:0 0 0 2px #74d4fc22}
.address-control input{flex:1 1 0;width:0;min-width:0;border:0;border-radius:9px;background:transparent;padding:10px 12px;box-shadow:none}
.address-control input:focus-visible{outline:none}
/* Placeholder in the UI font: monospace placeholders ran wide and cut off on phones. Typed addresses stay monospace. */
.address-control input::placeholder{font-family:Inter,"Segoe UI",system-ui,sans-serif;font-size:15px;letter-spacing:0;color:#7890a8;opacity:1}
.address-control .address-paste{flex:0 0 auto;width:auto;min-width:62px;min-height:44px;padding:8px 12px;font-size:12px;border-radius:7px;background:#17283e;border-color:#30465e}
.address-control .address-paste:disabled{opacity:1;background:#101d2e;border-color:#24364b;color:#71859e}
#pasteFeedback:empty{display:none}
#pasteFeedback{font-size:13px;line-height:1.5;margin:8px 0}
#addressLockNote{font-size:12px;line-height:1.5;margin:9px 0 18px;color:#8197b1}
#depositExplorer{display:inline-block;margin:8px 0 0;padding:6px 0;font-size:12px;line-height:1.5}
.next-swap-action p{flex:1 1 200px;margin:0;font-size:12px;line-height:1.5}
@media(max-width:700px){.next-swap-action{align-items:flex-start}.next-swap-action button{width:100%}}
.confirmation-panel{padding:20px;border:1px solid #315875;border-radius:12px;background:#0d2132;margin:16px 0 20px}
.excess-return{min-width:0;padding:18px;border:1px solid #355268;border-radius:12px;background:#101f2e;margin:16px 0 20px}
.excess-return[hidden]{display:none}
.return-heading{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:8px 16px}
.return-heading h3{margin:0;font-size:17px;color:#d6eaf3}
#excessReturnAmount{font-size:15px;font-variant-numeric:tabular-nums;color:#c4e6d8;overflow-wrap:anywhere}
.excess-return .return-steps{margin:16px 0;gap:6px}
.excess-return .return-steps li{font-size:12px;min-width:0}
#excessReturnStatus{margin:0 0 6px;font-size:14px;line-height:1.5}
#excessReturnDetail{margin:0;font-size:12px;line-height:1.6}
#excessReturnTransaction{display:inline-block;padding:12px 0 0;min-height:44px;font-size:13px}
#excessReturnTransaction[hidden]{display:none}
@media(max-width:400px){.excess-return{padding:14px}.excess-return .return-steps li{font-size:11px}}
.confirmation-heading{display:flex;flex-wrap:wrap;justify-content:space-between;gap:6px 12px;color:#bdddec;font-size:13px}
#confirmationCount{display:block;margin:12px 0 14px;font-size:clamp(20px,3vw,26px);line-height:1.3;font-variant-numeric:tabular-nums;color:#e0f5ff}
#confirmationProgress{appearance:none;display:block;width:100%;height:8px;border:0;border-radius:8px;overflow:hidden;background:#243a4c;color:#65c8e4;accent-color:#65c8e4}
#confirmationProgress::-webkit-progress-bar{background:#243a4c;border-radius:8px}
#confirmationProgress::-webkit-progress-value{background:#65c8e4;border-radius:8px}
#confirmationProgress::-moz-progress-bar{background:#65c8e4;border-radius:8px}
#confirmationHint{margin:12px 0 0;min-height:42px;font-size:13px}
.background-note{border-top:1px solid #2b465b;margin:14px 0 0;padding-top:12px;font-size:12px;line-height:1.6;color:#a9c2d6}
.completion-summary{padding:22px;border:1px solid #39765e;border-radius:14px;background:linear-gradient(145deg,#112e26,#0b1e24);margin:16px 0 20px;min-width:0}
.completion-heading{display:flex;align-items:center;gap:12px;margin-bottom:22px}
.completion-check{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:#244f3b;color:#a7efbc;font-size:21px;flex:0 0 auto}
.completion-heading h3{margin:0;font-size:21px;color:#c3f0d6}
#completionAmountLabel{margin:0 0 6px;font-size:12px}
#completionAmount{display:block;font-size:clamp(23px,3vw,31px);letter-spacing:-.025em;line-height:1.35;font-variant-numeric:tabular-nums;color:#effff5;overflow-wrap:anywhere}
.completion-destination-label{margin:20px 0 5px;font-size:12px;color:#96b8a9}
#completionDestination{font:13px/1.7 ui-monospace,Consolas,monospace;overflow-wrap:anywhere;word-break:break-word}
#completionTransaction{margin:12px 0 0;font-size:13px}
#completionTransaction a{display:inline-block;padding:8px 0;min-height:36px}
.completion-closed{font-size:12px;line-height:1.6;color:#a2bbaf;margin:12px 0 0}
.completion-actions{border-top:1px solid #2f5146;margin-top:20px;padding-top:18px}
.completion-actions .primary{background:#236f59;border-color:#39866d;min-height:44px}
#completionNewSwapNote{font-size:12px;line-height:1.5;margin:10px 0 0}
.tracking #swapDetails{border:0;margin:0;padding:0}
.tracking #swapDetails>summary{font-size:13px;padding:12px 0;color:#a8bed4;min-height:44px}
@media(max-width:700px){.confirmation-panel,.completion-summary{padding:17px}#completionDestination{font-size:14px}}

/* Customer page polish: clear status hierarchy, readable records, no inner scroll panes. */
main{max-width:1180px}
header{margin-bottom:20px}
.warning{background:#241f14;border-color:#655233;border-left:3px solid #d8af63;font-size:13px;line-height:1.65;padding:13px 16px}
.warning strong{color:#f2d396}
.intro{max-width:none;padding:24px 0 12px}
.intro h1{font-size:clamp(32px,3.4vw,44px);line-height:1.12;margin:10px 0 12px}
.intro p{font-size:14px;line-height:1.8;margin:0;max-width:480px}
.message{font-size:13px;line-height:1.6;margin:8px 0 16px;min-height:21px}
.customer-grid{gap:22px;grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr)}
.customer-grid>.card{padding:24px;border-radius:16px;border-color:#293b50;background:#101a29}
.customer-grid h2{font-size:22px;line-height:1.3;letter-spacing:-.02em;margin:8px 0 18px}
.coin-pair{margin:0 0 18px;gap:14px}
.coin-pair img{width:32px;height:32px}
.address-control .address-paste:disabled:not([data-pasting="true"]){display:none}
.address-control .address-paste[data-pasting="true"]{display:inline-flex;align-items:center;justify-content:center;min-width:76px;opacity:1;color:#a9bed3}
.quote-box{padding:18px;background:linear-gradient(135deg,#102735,#0c1b2c);border-color:#2b4a60;min-height:0;margin:18px 0}
.quote-box>strong{font-size:clamp(23px,2.3vw,29px);line-height:1.4;margin:7px 0 16px;overflow-wrap:anywhere}
.quote-line{gap:5px 10px;margin-top:10px;line-height:1.5}
.quote-line span:last-child{font-variant-numeric:tabular-nums;color:#dce8f6}
.quote-box p{border-top:1px solid #294151;padding-top:12px;line-height:1.6}
.steps{gap:8px;margin:18px 0 20px}
.steps li{border-radius:2px 2px 0 0;padding-top:9px}
.tracking{min-height:0}
.confirmation-panel{margin:0 0 18px;background:linear-gradient(135deg,#0e2b36,#102130);border-color:#376277;padding:19px}
#confirmationCount{font-size:27px;margin:10px 0 14px;letter-spacing:-.025em}
#confirmationHint{min-height:0;line-height:1.65}
.background-note{line-height:1.6;margin-top:12px;padding-top:10px}
#recoveryPanel{padding:18px;margin:18px 0;background:#0d1c2c;border-left-width:3px}
#recoveryPanel h3{font-size:17px}
#recoveryPanel .recovery-intro{font-size:13px;margin-bottom:12px}
#recoveryPanel .recovery-actions{margin-bottom:10px}
.recovery-confirmation{margin-top:12px;padding-top:6px}
#recoveryPanel .recovery-saved{padding:8px 0}
#recoveryPanel #recoveryFeedback{min-height:18px;margin-top:0}
.terms-locked input:disabled,.terms-locked select:disabled{opacity:1;color:#e0eaf7;-webkit-text-fill-color:#e0eaf7;cursor:default}
.terms-locked .consent{border-top:1px solid #293b50;padding-top:15px;margin:16px 0;color:#a9bbd0}
.terms-locked .consent input{display:none}
.terms-locked #create{opacity:1;background:#152c2b;border-color:#30524b;color:#b3dfcc;min-height:42px}
.terms-locked #createHelp{font-size:12px;color:#99b2c9}
.deposit-block{padding:17px;margin-top:18px;background:#0a1523;border-color:#2d4259}
.deposit-block>strong{display:block;color:#c4dbee;font-size:12px;line-height:1.6}
.deposit-block{--copy-button-width:88px}
.private-batch{padding:15px;border:1px solid #355b75;border-radius:10px;background:#0e2232;margin:0 0 18px}
.private-batch h3{font-size:16px;margin:0 0 10px}.private-batch label{margin:0 0 6px}
.private-batch p{font-size:12px;line-height:1.6;margin:10px 0 0}
.deposit-block .copy-row{grid-template-columns:minmax(0,1fr) var(--copy-button-width);gap:10px;align-items:center}
.copy-row input{font-size:23px;min-width:0;font-variant-numeric:tabular-nums}
#depositAddress{font-size:15px;line-height:24px;min-height:50px}
.deposit-block .copy-row button{display:inline-flex;align-items:center;justify-content:center;justify-self:end;align-self:center;width:var(--copy-button-width);min-width:var(--copy-button-width);max-width:var(--copy-button-width);min-height:44px;margin:0;padding:8px 10px;line-height:20px;text-align:center;white-space:nowrap}
#recoveryPanel .recovery-actions button{display:inline-flex;align-items:center;justify-content:center;line-height:20px;text-align:center}
button[data-copy-state="copied"]{background:#15372b;border-color:#478867;color:#b7f7d0}
.deposit-block .copy-row button:disabled{display:none}
.deposit-block .copy-row:has(button:disabled){grid-template-columns:minmax(0,1fr)}
.tracking dl{column-gap:18px;row-gap:12px;margin:16px 0 20px}
.tracking dt,.tracking dd{font-size:13px;line-height:1.6}
.tracking dd{color:#d4e1ef;min-width:0}
.tracking #details{min-height:0}
.science{gap:18px;margin:28px 0 18px}
.science>div{padding:20px;border:1px solid #25374a;border-radius:12px;background:#0d1724}
.science img{width:25px;height:25px;margin-right:12px}
.science h3{font-size:16px;margin:2px 0 12px}
.science p{font-size:13px;line-height:1.7}
.science>.muted{max-width:none;margin:0;font-size:12px}
@media(min-width:900px){
  .intro{display:grid;grid-template-columns:1.05fr 1fr;column-gap:54px;align-items:center}
  .intro>.eyebrow{grid-column:1/-1}
  .intro p{padding-top:8px}
}
@media(max-width:700px){
  main{padding:18px 14px}
  .customer-grid{grid-template-columns:minmax(0,1fr);gap:18px}
  .customer-grid:has(.terms-locked)>.tracking{order:-1}
  .customer-grid>.card{padding:20px 18px}
  .customer-grid h2{font-size:21px}
  .intro{padding-top:21px}
  .intro h1{font-size:34px}
  .intro p{font-size:13px;line-height:1.75}
  .warning{font-size:12px;padding:12px 14px}
  .warning strong{display:block;margin:0 0 4px}
  #recoveryPanel{padding:15px}
  #recoveryPanel .recovery-actions button{font-size:13px;padding:9px 8px}
  .confirmation-panel{padding:17px}
  #confirmationCount{font-size:25px}
  .tracking dl{grid-template-columns:minmax(0,1fr);row-gap:10px}
  .tracking dd{font-size:14px;line-height:1.6;margin-top:-5px;text-align:left}
  #depositAddress{min-height:56px;font-size:16px}
  .deposit-block .copy-row.address{grid-template-columns:minmax(0,1fr);gap:8px}
  .terms-locked #destination,.terms-locked #refund{font-size:14px}
  .science{gap:12px}
  .science>div{padding:16px}
  .science img{float:none;margin:0 0 8px}
  .science h3{margin-bottom:8px}
}
.price-protection{margin:20px 0;padding:16px;border:1px solid #30445e;border-radius:12px;background:#101b2b}
.price-protection h3{font-size:15px;margin:0 0 12px}.tolerance-options{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
.tolerance-options button.secondary{min-height:44px;padding:9px 5px;width:100%;margin:0;font-size:14px;border:1px solid #42556e}
.tolerance-options button[aria-pressed="true"]{background:#174674;border-color:#60b7ff;color:#fff;box-shadow:inset 0 0 0 1px #60b7ff}
.price-protection .custom-tolerance{margin-top:14px}.price-protection [hidden]{display:none!important}.price-protection p{font-size:13px;line-height:1.5;margin:12px 0 0}
.minimum-advanced{margin-top:14px;border-top:1px solid #30445e;padding-top:12px}.minimum-advanced summary{cursor:pointer;color:#bdd7f4;font-size:13px;padding:4px 0}
.minimum-advanced .exact-minimum-toggle{display:flex;align-items:center;gap:9px;min-height:44px;margin:8px 0;font-size:13px}
.minimum-advanced .exact-minimum-toggle input{width:18px;height:18px;min-width:18px;min-height:18px;margin:0;padding:0;flex:0 0 18px;accent-color:#2879e8}
/* Address validity is coin-specific; unavailable checks stay neutral. */
.address-control:has(input.input-valid) { border-color:#6ed985; box-shadow:0 0 0 1px #6ed98533; }
.address-control:has(input.input-error) { border-color:#ee8585; box-shadow:0 0 0 1px #ee858533; }
.address-validation { font-size:12px; line-height:18px; min-height:18px; margin:6px 0 0; padding:0; color:#aebbd0; }
.paste-feedback{font-size:12px;line-height:1.6;margin:0 0 10px;color:#b8ddeb;padding:9px 11px;background:#122b3b;border-left:2px solid #62b9d4;border-radius:4px}
.paste-feedback:empty{display:none}
.address-validation.validation-valid { color:#6ed985; }
.address-validation.validation-invalid { color:#ee8585; }
.funding-rules { margin:1rem 0; padding:1rem; border:1px solid #34445c; border-radius:12px; background:#101925; }
.funding-rules h3 { margin:0 0 .6rem; font-size:1rem; }
/* Collapsible (owner 2026-09-29): closed by default; the heading is the toggle. */
.funding-details>summary{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:44px;margin:-.35rem 0;cursor:pointer;list-style:none}
.funding-details>summary::-webkit-details-marker{display:none}
.funding-details>summary h3{margin:0}
.funding-details>summary::after{content:"Show";flex:0 0 auto;font-size:12px;color:#97d9e6;border:1px solid #30465e;border-radius:7px;padding:4px 10px}
.funding-details[open]>summary::after{content:"Hide"}
.funding-details[open]>summary{margin-bottom:.4rem}
.funding-details>summary:focus-visible{outline:2px solid #97d9e6;outline-offset:3px;border-radius:6px}
.funding-rules p { color:#bdc9da; font-size:.88rem; line-height:1.55; margin:.6rem 0; }
.deposit-closed { margin:.8rem 0; padding:.75rem 1rem; border:1px solid #6b5530; border-radius:10px; background:#261d0f; color:#ffd49e; line-height:1.5; }
.late-deposits { margin:.6rem 0 0; padding:0; list-style:none; }
.late-deposits li { margin:.5rem 0; padding:.7rem 1rem; border:1px solid #34445c; border-radius:10px; background:#101925; color:#dbe5f2; line-height:1.5; overflow-wrap:anywhere; }
.late-deposits li.review { border-color:#6b5530; }
.late-deposits a { margin-left:.35rem; }
/* Landing shell: shared science identity; no nested scroll containers. */
/* Terms form: scoped spacing, with no generic status/empty classes. */
#prepare .terms-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;padding-bottom:18px;margin-bottom:20px;border-bottom:1px solid #293b50}
#prepare .terms-heading h2{margin:7px 0 0;font-size:21px}
#prepare .terms-heading .coin-pair{gap:4px;margin:0;flex-shrink:0}
#prepare .terms-heading .coin-pair img{width:28px;height:28px}
#swapForm>.field-pair{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:12px}
#swapForm>.field-pair input,#swapForm>.field-pair select{height:48px}
#swapForm>label:not(.consent){margin:10px 0 8px;color:#c1d2e5;font-weight:500}
#swapForm>#limits{margin:10px 0 18px;font-size:12px;line-height:1.6}
#prepare .price-protection{margin:20px 0;padding:16px;background:#0d1928}
#prepare .quote-box{margin:20px 0;padding:18px}
#prepare .quote-line{padding:9px 0 0;margin:0;align-items:baseline}
#prepare .quote-line span:last-child{margin-left:auto;text-align:right}
#prepare .consent{padding:16px 0 0;margin:18px 0;border-top:1px solid #293b50;font-size:13px;line-height:1.65}
#prepare #createHelp,#prepare #returnNote{font-size:12px;line-height:1.65}
@media(max-width:420px){
  #prepare .terms-heading{gap:8px;padding-bottom:14px;margin-bottom:18px}
  #prepare .terms-heading h2{font-size:20px}
  #prepare .terms-heading .coin-pair{gap:8px}
  #prepare .address-control input{padding-left:10px}
  #prepare .price-protection,#prepare .quote-box{padding:14px}
  #prepare .field-pair input,#prepare .field-pair select{font-size:16px;padding-left:10px;padding-right:8px}
}
.landing-header{gap:20px;align-items:center;padding:3px 0 20px;border-bottom:1px solid #223348}
.landing-header .brand{flex-shrink:0;flex-wrap:nowrap;gap:0;min-height:44px}
.landing-header .brand img{display:block;width:160px;height:44px;object-fit:contain;object-position:left center}
.landing-header .brand span{display:none}
.landing-header nav{display:flex;align-items:center;gap:6px;flex-wrap:wrap;justify-content:flex-end}
.landing-header nav>a,.landing-header .nav-link,.landing-account>summary{display:inline-flex;align-items:center;justify-content:center;min-height:44px;max-width:none;padding:10px 12px;font-size:13px;line-height:1.3;color:#b3c5d9;white-space:nowrap;border:1px solid transparent;border-radius:9px;background:transparent;font-weight:500;cursor:pointer}
.landing-header nav>a:hover,.landing-header .nav-link:hover,.landing-account>summary:hover{color:#effaff;background:#162638;text-decoration:none}
.landing-header .nav-current{color:#95e0ed;border-color:#315565;background:#142b36}
.landing-header nav>.nav-signup{border-color:#3a6470;color:#b2edf0;background:#14343e}
.landing-header #newSwap{font-size:12px;margin-left:6px}
.landing-header .landing-menu-toggle{display:none}
.landing-account{position:relative;border:0;margin:0;padding:0}
/* Drawn chevron: the '⌄' glyph sat below the text line. Flips when open. */
.landing-account>summary{list-style:none}
.landing-account>summary::after{content:'';flex:0 0 auto;width:6px;height:6px;margin-left:9px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:translateY(-2px) rotate(45deg);transition:transform .15s ease}
.landing-account[open]>summary::after{transform:translateY(2px) rotate(-135deg)}
.landing-account>summary::-webkit-details-marker{display:none}
.account-links{position:absolute;z-index:10;right:0;top:calc(100% + 8px);width:220px;padding:8px;border:1px solid #36506a;border-radius:12px;background:#102033;box-shadow:0 16px 38px #0007}
.account-links a,.account-links .nav-link{display:flex;width:100%;padding:12px;min-height:44px;font-size:13px;text-align:left;justify-content:flex-start;color:#c6d9e9;border-radius:7px}
.account-links a:hover{background:#1b344b;text-decoration:none}
.landing-intro{display:grid;grid-template-columns:1.07fr 1fr;gap:30px;align-items:center;padding:36px 0 26px;max-width:none}
.landing-intro h1{font-size:clamp(32px,3.5vw,43px);margin:12px 0 0;line-height:1.15;letter-spacing:-.035em}
.landing-intro h1 span{color:#8bdfdf}
.landing-intro .intro-description>p{max-width:490px;font-size:15px;line-height:1.8;padding:0}
.intro-meta{display:flex;align-items:center;flex-wrap:wrap;gap:10px 14px;margin-top:18px;font-size:12px;color:#8099b2}
.intro-meta>span,.intro-meta>a{display:inline-flex;align-items:center;gap:6px}
.intro-meta>a{min-height:44px;padding:6px 10px;border:1px solid #30495e;border-radius:9px;color:#d0e4ee;font-weight:600}
.intro-meta>a:hover{background:#163044;text-decoration:none}
.coin-pair>a{display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;border-radius:9px}
.coin-pair>a:hover{background:#163044}
.landing-science .science-coin-home{display:inline-flex;align-items:center;gap:12px;min-height:44px;color:#d0e4ee}
.landing-science .science-coin-home img{float:none;margin:0;object-fit:contain}
.landing-science .science-coin-home h3{margin:0}
.landing-science .science>div{position:relative;transition:border-color .15s}
.landing-science .science>div:hover{border-color:#3b6870}
.landing-science .science-coin-home::after{content:"";position:absolute;inset:0;border-radius:12px}
.landing-science .science-coin-home:focus-visible{outline:none}
.landing-science .science-coin-home:focus-visible::after{outline:2px solid #97d9e6;outline-offset:2px}
.intro-meta img{width:18px;height:18px;object-fit:contain}
.intro-meta>span:has(img){color:#d0e4ee;font-weight:600}
.intro-meta .intro-growth{flex-basis:100%;font-size:13px;line-height:1.7;color:#89b4b9}
.landing-paths{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border:1px solid #2b4053;border-radius:13px;background:#0d1927;margin:0 0 12px}
.landing-paths>div,.landing-paths>a{display:flex;align-items:center;gap:13px;padding:17px 20px;min-width:0;color:#d5e6f0}
.landing-paths>*+*{border-left:1px solid #2b4053}
.landing-paths>a:hover{background:#132638;text-decoration:none}
.landing-paths strong{display:block;font-size:13px;font-weight:600;line-height:1.5}
.landing-paths small{display:block;margin-top:3px;color:#8fa7bf;font-size:12px;line-height:1.5}
.path-number{font-size:12px;color:#70bcc6;font-variant-numeric:tabular-nums}
.landing-account-note{font-size:11px;line-height:1.6;color:#859cb4;margin:8px 0 0}
#prepare{scroll-margin-top:20px}
.landing-community{display:grid;grid-template-columns:1.12fr 1fr 1fr;gap:24px;margin:42px 0 36px;padding-top:32px;border-top:1px solid #2a3b4f}
.landing-community h2{font-size:26px;line-height:1.3;letter-spacing:-.02em;margin:12px 0}
.landing-community p{font-size:13px;line-height:1.8;margin:10px 0 18px}
.landing-community article{padding:24px;border:1px solid #2b4053;border-radius:14px;background:linear-gradient(145deg,#132638,#0d1826);display:flex;flex-direction:column;align-items:flex-start}
.feature-label{font-size:10px;letter-spacing:.15em;color:#8ad3d5;margin-bottom:14px}
.landing-community h3{font-size:19px;margin:0}
.landing-community article>a{margin-top:auto;font-size:13px;min-height:40px;display:inline-flex;align-items:center;gap:10px;color:#97d9e6}
.landing-community article{position:relative;transition:border-color .15s}
.landing-community article:hover{border-color:#3b6870}
.landing-community article>a::after{content:"";position:absolute;inset:0;border-radius:14px}
.landing-community article>a:focus-visible{outline:none}
.landing-community article>a:focus-visible::after{outline:2px solid #97d9e6;outline-offset:2px}
.landing-community small{display:block;font-size:11px;line-height:1.6;color:#829cb5;margin-top:8px}
.landing-cta{display:inline-flex;align-items:center;gap:18px;padding:12px 16px;border:1px solid #3b6870;border-radius:9px;color:#b4ecec;background:#14333d;font-size:13px;min-height:44px}
.landing-cta:hover{text-decoration:none;background:#1c414b}
.landing-science{border-top:1px solid #2a3b4f;padding:30px 0 0}
.science-heading{display:flex;justify-content:space-between;align-items:center;gap:14px}
.science-heading h2{font-size:23px;letter-spacing:-.02em;margin:10px 0 0}
.listing-label{font-size:11px;color:#8daabc;border:1px solid #30495e;padding:7px 12px;border-radius:20px;white-space:nowrap}
.landing-science .science{margin:20px 0 16px}
.landing-science .science h3>span{font-size:11px;color:#8aa9c1;font-weight:500;margin-left:8px}
.landing-science .science p{margin-bottom:0}
.future-coins{display:flex;align-items:center;gap:35px;justify-content:space-between;padding:0 2px 28px}
.future-coins p{font-size:13px;line-height:1.8;max-width:750px;margin:0}
.future-coins a{font-size:12px;flex-shrink:0;min-height:44px;display:inline-flex;align-items:center}
.landing-footer-links{display:flex;align-items:center;gap:22px;border-top:1px solid #2a3b4f;padding:20px 0 0;font-size:12px;color:#8da5bd;flex-wrap:wrap}
.landing-footer-links>span{margin-right:auto}
.landing-footer-links a{display:inline-flex;align-items:center;min-height:44px;color:#adc2d6}
@media(max-width:900px){
  .landing-header{flex-wrap:wrap;gap:12px}
  .landing-header nav{gap:2px}
  .landing-header nav>a,.landing-header .nav-link,.landing-account>summary{padding:10px;font-size:12px}
  .landing-community{grid-template-columns:1fr 1fr;gap:18px}
  .community-intro{grid-column:1/-1}
  .community-intro h2 br{display:none}
  .landing-community .community-intro p{max-width:650px}
  .landing-paths>div,.landing-paths>a{padding:15px 13px;gap:9px}
}
@media(max-width:700px){
  .landing-header{display:grid;grid-template-columns:1fr auto;padding-bottom:14px;gap:10px}
  .landing-header .landing-menu-toggle{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:10px 16px}
  .landing-header nav{display:none;grid-column:1/-1;justify-content:stretch;align-items:stretch;gap:5px;padding-top:5px}
  .landing-header nav[data-expanded="true"]{display:flex;flex-wrap:wrap}
  .landing-header nav>a,.landing-header .nav-link,.landing-account>summary{max-width:none;font-size:13px;min-height:44px;padding:11px 12px}
  .landing-header nav>*{flex:1 1 42%}
  .landing-header #newSwap{margin:0}
  .landing-account .account-links{position:static;width:auto;box-shadow:none;margin-top:5px}
  /* Phone grid: Account fills and centres in its cell like its neighbours; open, it takes the full row. */
  .landing-account{display:flex;flex-direction:column}
  .landing-account>summary{display:flex;width:100%;box-sizing:border-box}
  .landing-account[open]{flex-basis:100%}
  .landing-intro{grid-template-columns:1fr;gap:18px;padding:26px 0 23px}
  .landing-intro h1{font-size:34px}
  .landing-intro .intro-description>p{font-size:14px}
  .intro-meta{margin-top:14px;gap:10px 12px}
  .intro-meta .intro-growth{flex-basis:100%}
  .landing-paths{grid-template-columns:1fr}
  .landing-paths>*+*{border-left:0;border-top:1px solid #263b4d}
  .landing-paths>div,.landing-paths>a{padding:12px 16px;gap:16px}
  .landing-paths strong{font-size:13px}
  .landing-paths small{font-size:11px;margin-top:2px}
  .landing-community{grid-template-columns:1fr;margin-top:30px;padding-top:26px;gap:16px}
  .community-intro{grid-column:auto;margin-bottom:6px}
  .landing-community article{padding:21px}
  .landing-community h2{font-size:25px}
  .science-heading{align-items:flex-start}
  .science-heading h2{font-size:21px}
  .listing-label{font-size:10px;padding:6px 8px}
  .landing-science .science{grid-template-columns:1fr}
  .future-coins{display:block;padding-bottom:20px}
  .future-coins a{margin-top:8px}
  .landing-footer-links{gap:8px 20px}
  .landing-footer-links>span{flex-basis:100%;margin-bottom:4px}
}
.price-warning{background:#2a1a0c;border:1px solid #9a3412;border-left:3px solid #f97316;color:#fed7aa;border-radius:10px;padding:12px 14px;margin:12px 0;font-size:13px;line-height:1.6}
.price-warning p{margin:6px 0 10px}
/* Non-secret swap reference and support path; the recovery link is never needed for support. */
.swap-reference{display:flex;flex-wrap:wrap;align-items:center;gap:6px 12px;margin:0 0 18px;padding:10px 12px 10px 14px;border:1px solid #2d4259;border-radius:10px;background:#0b1624}
.swap-reference-label{font-size:12px;color:#95a9c2}
#swapReferenceValue{font:600 15px/1.4 ui-monospace,Consolas,monospace;letter-spacing:.04em;color:#e5f3ff}
#copyReference{margin-left:auto;min-height:44px;min-width:72px;padding:8px 12px;font-size:12px}
#referenceFeedback{flex-basis:100%;margin:0;font-size:12px}
#referenceFeedback:empty{display:none}
.support-note{margin:10px 0 0;padding:8px 12px;border-left:3px solid #d8af63;background:#241f14;border-radius:4px;font-size:13px;line-height:1.6;color:#f2d9a8}
.support-note a{display:inline-block;padding:12px 0;margin:-12px 0;color:#ffd99a;text-decoration:underline;text-underline-offset:3px;white-space:nowrap}
.minimum-advanced summary{display:flex;align-items:center;min-height:44px}
@media(max-width:480px){.swap-reference-label{flex-basis:100%}}