:root{--bg:#09090d;--card:#15151d;--card-2:#101018;--border:#2b2b3a66;--text:#f5f2ea;--muted:#a19bad;--accent:#e8c47c;--accent-2:#8b6b2d;--ok:#3ecf8e;--err:#ff6b6b}*{box-sizing:border-box}body,html{margin:0;padding:0}body{background:radial-gradient(900px 500px at 15% -10%,#4b351a40 0,transparent 60%),radial-gradient(700px 420px at 85% 0,#7c5cff24 0,transparent 55%),linear-gradient(180deg,#0f0f17 0,var(--bg) 55%);color:var(--text);font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;min-height:100vh}a{color:inherit}code{background:#ffffff10;padding:2px 7px;border-radius:7px;color:#ffe4a8;font-size:.9em}.page-shell{width:min(1120px,calc(100% - 32px));margin:0 auto;padding:18px 0 56px}.topnav{position:-webkit-sticky;position:sticky;top:14px;z-index:5;display:grid;grid-template-columns:1fr auto 1fr;grid-gap:20px;gap:20px;padding:12px;border:1px solid var(--border);border-radius:22px;background:#11111acc;box-shadow:0 18px 60px -36px #000;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.brand,.topnav{align-items:center}.brand{display:inline-flex;gap:12px;text-decoration:none}.brand__mark{display:grid;width:38px;height:38px;place-items:center;border:1px solid #e8c47c55;border-radius:14px;background:linear-gradient(135deg,#e8c47c,#74521f);color:#151006;font-weight:900}.brand__eyebrow,.brand__name{display:block}.brand__eyebrow{color:var(--muted);font-size:.72rem;text-transform:uppercase;letter-spacing:.14em}.brand__name{font-weight:750}.navlinks{display:flex;justify-content:center;gap:6px}.navlinks a{border-radius:999px;padding:9px 12px;color:var(--muted);font-size:.9rem;text-decoration:none;transition:background .15s ease,color .15s ease}.navlinks a:hover{background:#ffffff0d;color:var(--text)}.nav-center{display:flex;align-items:center;justify-content:center;gap:16px}.mode-toggle{display:inline-flex;gap:4px;padding:4px;border:1px solid var(--border);border-radius:999px;background:#0d0d14}.mode-toggle a{border:1px solid transparent;border-radius:999px;padding:7px 14px;color:var(--muted);font-size:.85rem;font-weight:700;text-decoration:none;white-space:nowrap;transition:background .15s ease,color .15s ease,border-color .15s ease}.mode-toggle a:hover{color:var(--text)}.mode-toggle a[aria-current=page]{border-color:#e8c47c70;background:#e8c47c14;color:var(--accent)}.snippet{margin:0;overflow:auto;padding:14px;border-radius:12px;background:#ffffff10;color:#ffe4a8;font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:.78rem;line-height:1.5;white-space:pre}.account-button{justify-self:end;display:inline-flex;min-height:48px;align-items:center;gap:10px;border:1px solid #e8c47c45;border-radius:999px;padding:6px 12px 6px 7px;background:#e8c47c12;color:var(--text);cursor:pointer;transition:transform .15s ease,border-color .15s ease,background .15s ease}.account-button:hover{transform:translateY(-1px);border-color:#e8c47c80;background:#e8c47c1c}.account-button--connect,.account-button--warning{padding:0 18px;font-weight:700}.account-button--warning{border-color:#ffb86b66;background:#ffb86b18}.account-button--skeleton{width:168px;background:#ffffff10;cursor:default}.account-button__avatar{width:36px;height:36px;flex:0 0 auto;border-radius:50%;object-fit:cover;background:#ffffff12;box-shadow:0 0 0 1px #ffffff18}.account-button__avatar--fallback{background:linear-gradient(135deg,var(--accent),#2a2a3a)}.account-button__copy{display:grid;min-width:0;text-align:left}.account-button__name{max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.9rem;font-weight:750}.account-button__address{color:var(--muted);font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:.74rem}.hero-shell{display:grid;grid-template-columns:minmax(0,1fr) 320px;grid-gap:28px;gap:28px;align-items:end;padding:86px 0 30px}.demo-panel__header h1,.hero-copy h1{margin:0;max-width:760px;font-size:clamp(2.3rem,7vw,5.5rem);line-height:.94;letter-spacing:-.075em}.demo-panel__header p,.hero-copy p{max-width:670px;color:var(--muted);line-height:1.7;font-size:1.05rem}.eyebrow{margin:0 0 12px;color:var(--accent);font-size:.78rem;font-weight:800;letter-spacing:.16em;text-transform:uppercase}.hero-actions{display:flex;flex-wrap:wrap;align-items:center;gap:14px;margin-top:26px}.install-card{display:grid;grid-gap:12px;gap:12px;border:1px solid var(--border);border-radius:22px;padding:22px;background:linear-gradient(180deg,#1a1a25,#111119);box-shadow:0 24px 70px -50px #e8c47c}.install-card span{color:var(--muted);font-size:.8rem;text-transform:uppercase;letter-spacing:.14em}.install-card code{display:block;overflow:auto;padding:14px}.demo-panel{display:grid;grid-gap:22px;gap:22px;border:1px solid var(--border);border-radius:28px;padding:28px;background:#111119b8;box-shadow:0 20px 80px -55px #000}.demo-panel__header h1{font-size:clamp(2rem,4vw,3.7rem)}.demo-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:14px;gap:14px}.action-card,.feature-card{border:1px solid var(--border);border-radius:20px;background:var(--card-2);padding:20px}.feature-card__icon{display:inline-flex;margin-bottom:28px;border:1px solid #e8c47c35;border-radius:999px;padding:4px 8px;color:var(--accent);font-size:.75rem;font-weight:800}.action-card h2,.feature-card h2{margin:0 0 8px;font-size:1rem}.action-card p,.feature-card p{margin:0;color:var(--muted);line-height:1.6;font-size:.92rem}.action-card{display:flex;justify-content:space-between;gap:20px}.action-card,.btn{align-items:center}.btn{display:inline-flex;min-height:46px;justify-content:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;border-radius:14px;padding:0 18px;color:#151006;background:linear-gradient(135deg,#f4d58b,#c4933f);cursor:pointer;font-size:.95rem;font-weight:800;text-decoration:none;white-space:nowrap;transition:opacity .15s ease,transform .15s ease}.btn:hover:not(:disabled){opacity:.92;transform:translateY(-1px)}.btn:disabled{opacity:.55;cursor:default}.btn--secondary{border:1px solid #e8c47c45;color:var(--text);background:#e8c47c12}.text-link{color:var(--accent);font-weight:750;text-decoration:none}.text-link:hover{text-decoration:underline}.swap-section{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,420px);grid-gap:24px;gap:24px;align-items:start;border:1px solid var(--border);border-radius:20px;background:var(--card-2);padding:24px}.swap-section__copy h2{margin:0 0 10px;font-size:clamp(1.4rem,2.6vw,2rem);letter-spacing:-.03em}.swap-section__copy p:not(.eyebrow){margin:0 0 12px;color:var(--muted);line-height:1.65;font-size:.95rem}.swap-card,.swap-section__copy{min-width:0}.swap-card{display:grid;grid-gap:10px;gap:10px;border:1px solid #e8c47c2e;border-radius:20px;background:linear-gradient(180deg,#1a1a25,#111119);padding:18px;box-shadow:0 24px 70px -55px #e8c47c}.swap-card>*{min-width:0}.swap-card__head{display:flex;align-items:baseline;justify-content:space-between;gap:12px}.swap-card__head h2{margin:0;font-size:1.05rem}.swap-card__route{color:var(--muted);font-size:.74rem;letter-spacing:.05em;text-transform:uppercase}.swap-field{display:grid;grid-gap:8px;gap:8px;border:1px solid var(--border);border-radius:16px;background:#0d0d14;padding:14px}.swap-field>*{min-width:0}.swap-field__top{display:flex;justify-content:space-between;gap:10px;color:var(--muted);font-size:.78rem;min-width:0}.swap-field__top>span:first-child{flex:0 0 auto}.swap-field__balance,.swap-field__max{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.swap-field__max{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;padding:0;background:none;color:var(--muted);font-size:.78rem;cursor:pointer}.swap-field__max:hover:not(:disabled){color:var(--accent)}.swap-field__max:disabled{cursor:default}.swap-field__row{display:flex;align-items:center;gap:12px}.swap-field__out,.swap-field__row input{flex:1 1;min-width:0;border:none;background:none;color:var(--text);font-size:1.35rem;font-weight:700;font-family:inherit;outline:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.swap-field__row input::placeholder{color:#f5f2ea44}.swap-field__out--loading{opacity:.55}.swap-field__token{display:inline-flex;align-items:center;gap:7px;flex:0 0 auto;border:1px solid #e8c47c35;border-radius:999px;padding:4px 12px 4px 5px;color:var(--accent);font-size:.85rem;font-weight:800}.swap-field__token-logo{width:20px;height:20px;border-radius:50%;object-fit:cover;background:#ffffff12}.swap-field__token-logo--fallback{display:grid;place-items:center;background:linear-gradient(135deg,var(--accent),#2a2a3a);color:#151006;font-size:.65rem;font-weight:900}.swap-field__usd{color:var(--muted);font-size:.76rem}.swap-flip{justify-self:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;width:34px;height:34px;margin:-16px 0;z-index:1;border:1px solid #e8c47c45;border-radius:12px;background:#1a1a25;color:var(--accent);font-size:1rem;cursor:pointer;transition:transform .15s ease,border-color .15s ease}.swap-flip:hover{transform:translateY(-1px);border-color:#e8c47c80}.swap-details{display:grid;grid-gap:6px;gap:6px;margin:0;padding:2px 4px}.swap-details div{display:flex;align-items:center;justify-content:space-between;gap:12px;min-width:0}.swap-details dt{flex:0 0 auto;color:var(--muted);font-size:.8rem}.swap-details dd{margin:0;min-width:0;font-size:.8rem;font-weight:650;text-align:right;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.swap-slippage{display:inline-flex;gap:4px}.swap-slippage button{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid var(--border);border-radius:999px;padding:3px 9px;background:none;color:var(--muted);font-size:.74rem;font-weight:700;cursor:pointer;transition:border-color .15s ease,color .15s ease}.swap-slippage button:hover{color:var(--text)}.swap-slippage button.is-active{border-color:#e8c47c70;background:#e8c47c14;color:var(--accent)}.swap-card__cta{width:100%}.token-switcher{display:flex;gap:8px;margin:4px 0 12px}.token-switcher input{flex:1 1;min-width:0;border:1px solid var(--border);border-radius:14px;padding:0 14px;background:#0d0d14;color:var(--text);font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:.82rem;outline:none;transition:border-color .15s ease}.token-switcher input:focus{border-color:#e8c47c70}.token-switcher input::placeholder{font-family:inherit;color:#f5f2ea44}.token-switcher .btn{flex:0 0 auto}.token-switcher__active{margin:0 0 12px;color:var(--muted);font-size:.82rem;overflow-wrap:anywhere}.token-switcher__reset{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;padding:0;background:none;cursor:pointer;font-size:.82rem}.swap-card__note{margin:0;color:var(--muted);font-size:.76rem;line-height:1.55}.tx{margin:0;border-radius:16px;padding:14px 16px;background:#ffffff0a;font-size:.9rem;word-break:break-word}.tx--ok{color:var(--ok);text-decoration:none}.tx--err{color:var(--err)}@media (max-width:840px){.navlinks{display:none}.hero-shell{padding-top:56px}.demo-grid,.hero-shell,.swap-section{grid-template-columns:1fr}.swap-section{padding:18px}.action-card{align-items:stretch;flex-direction:column}}@media (max-width:560px){.page-shell{width:min(100% - 20px,1120px);padding-top:10px}.topnav{gap:10px;padding:9px}.account-button__address,.brand__eyebrow{display:none}.brand__mark{width:34px;height:34px}.nav-center{gap:8px}.mode-toggle a{padding:6px 10px;font-size:.8rem}.account-button__name{max-width:104px}.demo-panel{padding:18px}}